.mdProgressContainer{position:fixed;bottom:0;left:0;right:0;z-index:21}.md-list .md-list-item[data-v-56134f92]{cursor:pointer}.md-list .md-list-item[data-v-56134f92]:hover{background:#efefef}.md-account-header .md-list-item[data-v-56134f92]{cursor:default}.md-account-header .md-list-item[data-v-56134f92]:hover{background:transparent}.md-account-header .md-list-item[data-v-56134f92] .md-list-item-container:hover{background-color:transparent}.md-account-header .md-avatar[data-v-56134f92]{margin:0;margin-right:0!important}.md-account-header .pub[data-v-56134f92]{padding:0 10px}.md-dialog-content[data-v-58fc2532]{padding:0 24px}.view-value[data-v-58fc2532]{text-align:center;overflow:hidden;padding:10px 0}.view-value span[data-v-58fc2532]{font-size:45px;line-height:1em;display:inline-block;width:32px;vertical-align:middle}.numpad-enter-active[data-v-58fc2532],.numpad-enter[data-v-58fc2532],.numpad-leave-active[data-v-58fc2532]{transform:translate3d(0,100%,0)}.keynumber[data-v-58fc2532]{transition-property:transform;transition-duration:.3s;left:0;z-index:10100;width:100%;height:auto;background-color:#fff;bottom:0}.keynumber aside[data-v-58fc2532]{height:25%;width:100%;border-bottom:1px solid #ccc;display:flex}.keynumber aside:last-child i[data-v-58fc2532],.keynumber aside:last-child span[data-v-58fc2532]{border-bottom:1px solid #ccc}.keynumber aside span[data-v-58fc2532]{flex:1;border-right:1px solid #ccc;font-size:1.875rem;text-align:center;line-height:200%;position:relative;background-color:#fff}.keynumber aside span[data-v-58fc2532]:first-child{border-left:1px solid #ccc}.keynumber aside i[data-v-58fc2532]{flex:1;border-right:1px solid #ccc;font-size:1.875rem;text-align:center;line-height:200%;position:relative;background-color:#d4d8db;font-style:normal}.keynumber aside .class-a.active-state[data-v-58fc2532]{background-color:#fff}.keynumber aside[data-v-58fc2532]:first-of-type{border-top:1px solid #ccc}.keynumber aside[data-v-58fc2532]:nth-of-type(4){border-bottom:0}.keynumber .backspace[data-v-58fc2532]{background-image:url(./images/backspace.2148c9bcf0481ed4e54535039936530c.svg);background-size:50% 50%;background-position:50% 50%;background-repeat:no-repeat}.dialog .md-dialog-title[data-v-32a3f024]{text-align:center;font-size:2em}.dialog .md-dialog-content[data-v-32a3f024]{padding:0 24px}.dialog .md-dialog-content .container[data-v-32a3f024]{text-align:center}.dialog .md-dialog-content .container .name[data-v-32a3f024]{font-size:1.5em;padding:0 0 20px}[component=AppVersion]{position:absolute;bottom:10px;right:10px}[component=AppVersion] .version{font-size:16px;font-weight:400}.md-speed-dial[data-v-2d90ab61]{position:fixed}.teamsTabs .md-tabs-navigation{background-color:#fff!important;position:fixed;top:0;width:100%;color:red}.teamsTabs .md-tab{padding:16px 8px}.md-snackbar.success .md-snackbar-container{background:#006400}.md-snackbar.error .md-snackbar-container{background:darkred}.md-snackbar.warn .md-snackbar-container{background:#ff8c00}.infinite-loading-container{width:100%}.loading-default[data-v-dcbe32f6]{position:relative;border:1px solid #999;animation:ease loading-rotating 1.5s infinite}.loading-default[data-v-dcbe32f6]:before{content:"";position:absolute;display:block;top:0;left:50%;margin-top:-3px;margin-left:-3px;width:6px;height:6px;background-color:#999;border-radius:50%}.loading-spiral[data-v-dcbe32f6]{border:2px solid #777;border-right-color:transparent;animation:linear loading-rotating .85s infinite}@keyframes loading-rotating-data-v-dcbe32f6{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.infinite-loading-container[data-v-dcbe32f6]{clear:both;text-align:center}.infinite-loading-container [class^=loading-][data-v-dcbe32f6]{display:inline-block;margin:15px 0;width:28px;height:28px;font-size:28px;line-height:28px;border-radius:50%}.infinite-status-prompt[data-v-dcbe32f6]{color:#666;font-size:14px;text-align:center;padding:10px 0}.teamCard[data-v-44210f60]{margin:8px;flex:1}.teamCard .container[data-v-44210f60]{cursor:pointer}.teamCard .leftCol[data-v-44210f60]{position:relative;border-right:5px solid #505050}.teamCard .leftCol .number[data-v-44210f60]{position:absolute;top:50%;transform:translateY(-50%);font-size:38px}@media (max-width:375px){.teamCard .leftCol .number[data-v-44210f60]{font-size:28px}}.teamCard.status-notStarted .leftCol[data-v-44210f60]{border-right:5px solid darkred}.teamCard.status-running .leftCol[data-v-44210f60]{border-right:5px solid #ff8c00}.teamCard.status-finished .leftCol[data-v-44210f60]{border-right:5px solid #006400}.teamCard .md-card-content[data-v-44210f60]{padding-bottom:0}.checkInOutButton[data-v-44210f60]{padding:0;min-width:auto;height:36px;display:block;min-height:auto;margin-top:-14px!important;width:47px;margin-right:-2px!important}.checkInOutButton i[data-v-44210f60]{font-size:36px}.checkInOutButton i.checkIn[data-v-44210f60]{transform:rotate(90deg);color:#f57c00}.checkInOutButton i.checkOut[data-v-44210f60]{transform:rotate(-90deg);margin-top:11px;color:darkred}.number[data-v-44210f60]{font-weight:700}.name[data-v-44210f60]{margin:0!important;font-size:19px;line-height:22px}.menuIcon[data-v-44210f60]{margin-top:5px}.resultingTime[data-v-44210f60]{font-weight:700!important}.beerIcon[data-v-44210f60]{width:24px;margin-left:10px}.commentsCountText[data-v-44210f60],.propertiesCountText[data-v-44210f60]{font-weight:700;font-size:18px;vertical-align:middle}.infinite-loading-container{width:100%}.md-dialog-container[data-v-652200c9] .md-dialog{max-width:95%;max-height:95%}.md-dialog-container[data-v-652200c9] .md-dialog-content{padding:0 10px 10px}.md-dialog-container[data-v-652200c9] .md-table .md-table-cell .md-table-cell-container,.md-dialog-container[data-v-652200c9] .md-table .md-table-head .md-table-head-text{padding:8px}.section-header .title[data-v-652200c9]{align-items:left}.spinner{display:flex;justify-content:center}.md-theme-default.md-checkbox.md-checked .md-checkbox-container{background-color:#f57c00!important;border-color:#f57c00!important}.template.tv[data-v-43f166e7]{background:#efefef}.template.tv .main-layout[data-v-43f166e7]{height:100%;flex-wrap:nowrap}.template.tv .md-progress[data-v-43f166e7]{position:fixed;bottom:0;height:15px}.template.tv .spinner[data-v-43f166e7]{margin:auto}.template.tv .start-1-color[data-v-43f166e7],.template.tv .start-1-color [data-v-43f166e7]{color:#006400}.template.tv .start-2-color[data-v-43f166e7],.template.tv .start-2-color [data-v-43f166e7]{color:darkred}.template.tv .start-1-bg[data-v-43f166e7]{background:#006400}.template.tv .start-2-bg[data-v-43f166e7]{background:darkred}.template.tv .header[data-v-43f166e7]{flex:none;padding:15px 0;background:#f57c00}.template.tv .header .md-display-1[data-v-43f166e7]{color:#fff!important}.template.tv .logos[data-v-43f166e7]{display:flex;flex-direction:row;padding-top:15px;justify-content:space-evenly}.template.tv .logos img[data-v-43f166e7]{width:100px;height:100px;object-fit:contain}.template.tv .content[data-v-43f166e7]{height:100%;overflow:hidden}.template.tv .content>.md-layout[data-v-43f166e7]{flex-wrap:nowrap}.template.tv .content .left-col[data-v-43f166e7]{padding:15px;height:100%;overflow:hidden}.template.tv .content .left-col .frame[data-v-43f166e7]{text-align:center}.template.tv .content .left-col>.frame[data-v-43f166e7]{margin-bottom:15px}.template.tv .content .left-col>.frame[data-v-43f166e7]:last-child{margin-bottom:0}.template.tv .content .right-col[data-v-43f166e7]{padding:15px;height:100%}.template.tv .content .md-card[data-v-43f166e7]:not(:first-child){margin-top:15px}.template.tv .content .md-card .md-card-header[data-v-43f166e7]{border-bottom:1px solid #a0a0a0}.template.tv .content .md-card .md-card-header .md-title[data-v-43f166e7]{font-weight:600}.template.tv .content .md-card .md-card-content[data-v-43f166e7]{padding:0}.template.tv .content .md-card .team-counts[data-v-43f166e7]{display:flex;flex-direction:row;flex-wrap:wrap}.template.tv .content .md-card .team-counts .cell[data-v-43f166e7]{width:33%;text-align:center;font-weight:400;font-size:2em;line-height:2em}.template.tv .content .md-card .team-counts .cell.title[data-v-43f166e7]{font-weight:600;font-size:1.7em;line-height:2em}.template.tv .content .md-card .pub-counts[data-v-43f166e7]{display:flex;flex-direction:row;flex-wrap:wrap}.template.tv .content .md-card .pub-counts .cell[data-v-43f166e7]{width:16.66666666666%;font-size:2em;line-height:2em;text-align:center}.template.tv .content .md-card .pub-counts .cell.title[data-v-43f166e7]{font-weight:600;font-size:1.7em;line-height:2em}.template.tv .content .time-card[data-v-43f166e7]{overflow:hidden}.template.tv .content .time-card .time[data-v-43f166e7]{padding:15px;text-align:center}.template.tv .content .time-card .md-display-1[data-v-43f166e7]{color:rgba(0,0,0,.87);font-weight:800}.template.tv .content[data-v-43f166e7] .md-table thead.md-table-header .md-table-head{font-size:1.6em;color:#000}.template.tv .content[data-v-43f166e7] .md-table tbody.md-table-body .md-table-row{border-top:1px solid #a0a0a0}.template.tv .content[data-v-43f166e7] .md-table tbody.md-table-body .md-table-cell{font-size:1.5em;font-weight:600}.template.tv .content[data-v-43f166e7] .teamsTable{height:100%;overflow:auto;flex:1}.template.tv .content[data-v-43f166e7] .teamsTable .start{margin-left:25px}.template.tv .content[data-v-43f166e7] .teamsTable .number{font-size:1.5em}.template.tv .content[data-v-43f166e7] .teamsTable .vomit{color:red;white-space:nowrap;font-size:.8em}.wrapper[data-v-b8f38a8c]{width:80%;margin:auto;height:calc(100% - 4px)}.body[data-v-b8f38a8c]{height:calc(100% - 72px);overflow:auto;padding:0 13px 20px;box-sizing:border-box}a { color: #505050; text-decoration: underline; } a:hover, a:visited { color: #505050; } p { margin: 0 0 1em 0; } input, textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .p-0 { padding: 0; } .p-t-0 { padding-top: 0; } .p-r-0 { padding-right: 0; } .p-b-0 { padding-bottom: 0; } .p-l-0 { padding-left: 0; } .p-xsm { padding: 2%; } .p-t-xsm { padding-top: 2%; } .p-r-xsm { padding-right: 2%; } .p-b-xsm { padding-bottom: 2%; } .p-l-xsm { padding-left: 2%; } .p-sm { padding: 5%; } .p-t-sm { padding-top: 5%; } .p-r-sm { padding-right: 5%; } .p-b-sm { padding-bottom: 5%; } .p-l-sm { padding-left: 5%; } .p-md { padding: 10%; } .p-t-md { padding-top: 10%; } .p-r-md { padding-right: 10%; } .p-b-md { padding-bottom: 10%; } .p-l-md { padding-left: 10%; } .p-lg { padding: 15%; } .p-t-lg { padding-top: 15%; } .p-r-lg { padding-right: 15%; } .p-b-lg { padding-bottom: 15%; } .p-l-lg { padding-left: 15%; } .p-xl { padding: 20%; } .p-t-xl { padding-top: 20%; } .p-r-xl { padding-right: 20%; } .p-b-xl { padding-bottom: 20%; } .p-l-xl { padding-left: 20%; } .padder-sm { padding-left: 5%; padding-right: 5%; } .padder-md { padding-left: 10%; padding-right: 10%; } .padder-lg { padding-left: 15%; padding-right: 15%; } .padder-xl { padding-left: 20%; padding-right: 20%; } .padder-0 { padding-left: 0; padding-right: 0; } .p-5 { padding: 5px; } .p-t-5 { padding-top: 5px; } .p-r-5 { padding-right: 5px; } .p-b-5 { padding-bottom: 5px; } .p-l-5 { padding-left: 5px; } .p-10 { padding: 10px; } .p-t-10 { padding-top: 10px; } .p-r-10 { padding-right: 10px; } .p-b-10 { padding-bottom: 10px; } .p-l-10 { padding-left: 10px; } .p-15 { padding: 15px; } .p-t-15 { padding-top: 15px; } .p-r-15 { padding-right: 15px; } .p-b-15 { padding-bottom: 15px; } .p-l-15 { padding-left: 15px; } .p-20 { padding: 20px; } .p-t-20 { padding-top: 20px; } .p-r-20 { padding-right: 20px; } .p-b-20 { padding-bottom: 20px; } .p-l-20 { padding-left: 20px; } .p-25 { padding: 25px; } .p-t-25 { padding-top: 25px; } .p-r-25 { padding-right: 25px; } .p-b-25 { padding-bottom: 25px; } .p-l-25 { padding-left: 25px; } .p-30 { padding: 30px; } .p-t-30 { padding-top: 30px; } .p-r-30 { padding-right: 30px; } .p-b-30 { padding-bottom: 30px; } .p-l-30 { padding-left: 30px; } .m-0 { margin: 0; } .m-t-0 { margin-top: 0; } .m-r-0 { margin-right: 0; } .m-b-0 { margin-bottom: 0; } .m-l-0 { margin-left: 0; } .m-xsm { margin: 2%; } .m-t-xsm { margin-top: 2%; } .m-r-xsm { margin-right: 2%; } .m-b-xsm { margin-bottom: 2%; } .m-l-xsm { margin-left: 2%; } .m-sm { margin: 5%; } .m-t-sm { margin-top: 5%; } .m-r-sm { margin-right: 5%; } .m-b-sm { margin-bottom: 5%; } .m-l-sm { margin-left: 5%; } .m-md { margin: 10%; } .m-t-md { margin-top: 10%; } .m-r-md { margin-right: 10%; } .m-b-md { margin-bottom: 10%; } .m-l-md { margin-left: 10%; } .m-lg { margin: 15%; } .m-t-lg { margin-top: 15%; } .m-r-lg { margin-right: 15%; } .m-b-lg { margin-bottom: 15%; } .m-l-lg { margin-left: 15%; } .m-xl { margin: 20%; } .m-t-xl { margin-top: 20%; } .m-r-xl { margin-right: 20%; } .m-b-xl { margin-bottom: 20%; } .m-l-xl { margin-left: 20%; } .m-l-a { margin-left: auto; } .m-r-a { margin-right: auto; } .m-c { margin-left: auto; margin-right: auto; } .m-5 { margin: 5px; } .m-t-5 { margin-top: 5px; } .m-r-5 { margin-right: 5px; } .m-b-5 { margin-bottom: 5px; } .m-l-5 { margin-left: 5px; } .m-10 { margin: 10px; } .m-t-10 { margin-top: 10px; } .m-r-10 { margin-right: 10px; } .m-b-10 { margin-bottom: 10px; } .m-l-10 { margin-left: 10px; } .m-15 { margin: 15px; } .m-t-15 { margin-top: 15px; } .m-r-15 { margin-right: 15px; } .m-b-15 { margin-bottom: 15px; } .m-l-15 { margin-left: 15px; } .m-20 { margin: 20px; } .m-t-20 { margin-top: 20px; } .m-r-20 { margin-right: 20px; } .m-b-20 { margin-bottom: 20px; } .m-l-20 { margin-left: 20px; } .m-25 { margin: 25px; } .m-t-25 { margin-top: 25px; } .m-r-25 { margin-right: 25px; } .m-b-25 { margin-bottom: 25px; } .m-l-25 { margin-left: 25px; } .m-30 { margin: 30px; } .m-t-30 { margin-top: 30px; } .m-r-30 { margin-right: 30px; } .m-b-30 { margin-bottom: 30px; } .m-l-30 { margin-left: 30px; } .fl-l { float: left; } .fl-r { float: right; } .fs-xs { font-size: 0.6em; } .fs-sm { font-size: 0.8em; } .fs-nm { font-size: 1em; } .fs-md { font-size: 1.2em; } .fs-lg { font-size: 1.5em; } .fs-xl { font-size: 2em; } .fs-xxl { font-size: 3em; } .lh-xs { line-height: 0.6em; } .lh-sm { line-height: 0.8em; } .lh-nm { line-height: 1em; } .lh-md { line-height: 1.2em; } .lh-lg { line-height: 1.5em; } .lh-xl { line-height: 2em; } .fw-thin { font-weight: 100; } .fw-light { font-weight: 300; } .fw-regular { font-weight: 400; } .fw-medium { font-weight: 500; } .fw-semibold { font-weight: 600; } .fw-bold { font-weight: 700; } .fw-xbold { font-weight: 800; } .fw-black { font-weight: 900; } .fst-i { font-style: italic; } .fst-u { font-style: underline; } .td-u { text-decoration: underline; } .td-o { text-decoration: overline; } .td-lt { text-decoration: line-through; } .ta-l { text-align: left; } .ta-r { text-align: right; } .ta-l { text-align: left; } .ta-r { text-align: right; } .ta-c, .centered { text-align: center; } .tt-u { text-transform: uppercase; } .tt-l { text-transform: lowercase; } .d-n { display: none; } .d-b { display: block; } .d-i { display: inline; } .d-ib { display: inline-block; } .d-t { display: table; height: 100%; width: 100%; } .d-tc { display: table-cell; width: 100%; height: 100%; min-height: 100%; padding: 0; margin: 0; } .v-h { visibility: hidden; } .v-v { visibility: visible; } .nl2br { white-space: pre-line; } .pos-abs { position: absolute; } .pos-rel { position: relative; } .no-scroll { overflow: hidden !important; } .no-scroll-y { overflow-x: hidden !important; } .no-scroll-x { overflow-x: hidden !important; } .color-red { color: red; } .color-orange { color: orange; } .color-green { color: green; } .scrollable { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: scroll; -webkit-overflow-scrolling: touch; z-index: 19; } .full-screen { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .modalLayer { position: fixed; height: 100%; width: 100%; left: 0; top: 0; z-index: 30; display: none; background: rgba(0, 0, 0, 0.6); } .modalLayer.visible { display: block; } .no-tap-highlight { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /* For some Androids */ } .clear { clear: both; } .cur-point { cursor: pointer; } .va-t, .top { vertical-align: top; } .va-m, .middle { vertical-align: middle; } .va-b, .bottom { vertical-align: bottom; } .ellipsis-ml { -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .ellipsis-ml-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .ellipsis-ml-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .ellipsis-ml-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .ellipsis-ml-4 { -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .ellipsis-ml-5 { -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .visible-ms { display: none !important; } .visible-ms-block, .visible-ms-inline, .visible-ms-inline-block { display: none !important; } @media (max-width: 479px) { .visible-ms { display: block !important; } table.visible-ms { display: table !important; } tr.visible-ms { display: table-row !important; } th.visible-ms, td.visible-ms { display: table-cell !important; } } @media (max-width: 479px) { .visible-ms-block { display: block !important; } } @media (max-width: 479px) { .visible-ms-inline { display: inline !important; } } @media (max-width: 479px) { .visible-ms-inline-block { display: inline-block !important; } } @media (max-width: 479px) { .hidden-ms { display: none !important; } } .fa-spin-fast { -webkit-animation: fa-spin 1.5s infinite linear; animation: fa-spin 1.5s infinite linear; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-Light.804037562eabaa5dbefa4a435206d017.eot); src: url(./fonts/OpenSans-Light.804037562eabaa5dbefa4a435206d017.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-Light.963eb32907744d9a0d6b98127162808f.woff) format('woff'), url(./fonts/OpenSans-Light.ecb4572a5e478b107dfcb60c16a7eefa.ttf) format('truetype'), url(./images/OpenSans-Light.584c0bf377578e612535a9924b7f03f7.svg#OpenSansBold) format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-LightItalic.6725fc490942895a65f559882a17d524.eot); src: url(./fonts/OpenSans-LightItalic.6725fc490942895a65f559882a17d524.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-LightItalic.97534dd409492b05b11ab96b3dd4a557.woff) format('woff'), url(./fonts/OpenSans-LightItalic.26f1e68dfbd8b8621e5d07f75571a1f9.ttf) format('truetype'), url(./images/OpenSans-LightItalic.bb7d46529462ad64d761dc9fe46f3f8f.svg#OpenSansBold) format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-Regular.a35546eef3ea0de0d4735f23b0a0873b.eot); src: url(./fonts/OpenSans-Regular.a35546eef3ea0de0d4735f23b0a0873b.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-Regular.ac327c4db6284ef64ebe872b6308f5da.woff) format('woff'), url(./fonts/OpenSans-Regular.cd7296352d159532b66c07d98efb1126.ttf) format('truetype'), url(./images/OpenSans-Regular.20a7bc3fedd8e1759f3de7f737bd28d7.svg#OpenSansBold) format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-Italic.e487b7cb072550896dde6821d24de2be.eot); src: url(./fonts/OpenSans-Italic.e487b7cb072550896dde6821d24de2be.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-Italic.525074686dfb8aa36b1b92e29de467ac.woff) format('woff'), url(./fonts/OpenSans-Italic.9b30f13428e1b4a659aeeab4ac1fff35.ttf) format('truetype'), url(./images/OpenSans-Italic.5d56c4346581caea2c2f3b0564314887.svg#OpenSansBold) format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-Semibold.0ea04502930623aa3de110aac9f9e4fd.eot); src: url(./fonts/OpenSans-Semibold.0ea04502930623aa3de110aac9f9e4fd.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-Semibold.9f2144213fad53d4e0fdb26ecf93865f.woff) format('woff'), url(./fonts/OpenSans-Semibold.33f225b8f5f7d6b34a0926f58f96c1e9.ttf) format('truetype'), url(./images/OpenSans-Semibold.3206d696c8c73133a5e026dfbdab8591.svg#OpenSansBold) format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-SemiboldItalic.da061416028fc9a66fbc0b80d33d6e6f.eot); src: url(./fonts/OpenSans-SemiboldItalic.da061416028fc9a66fbc0b80d33d6e6f.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-SemiboldItalic.ec55f263e2b86bc0f28fff46b873d6df.woff) format('woff'), url(./fonts/OpenSans-SemiboldItalic.1c0b4eb93fcf561eec03297a24922d6c.ttf) format('truetype'), url(./images/OpenSans-SemiboldItalic.13c4b138d9f0cb9e83d4b063a0f8584f.svg#OpenSansBold) format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-Bold.7ae9b8ba7886341831bf7c85a0da40d0.eot); src: url(./fonts/OpenSans-Bold.7ae9b8ba7886341831bf7c85a0da40d0.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-Bold.892667349c5cff6fcf7e40439596b97c.woff) format('woff'), url(./fonts/OpenSans-Bold.5a100916f94b0babde0c92aaa8fb80d6.ttf) format('truetype'), url(./images/OpenSans-Bold.2b9d193ac15640d068db6f7958a9dc76.svg#OpenSansBold) format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-BoldItalic.ea07932c5245dd421e3d05f579098bc2.eot); src: url(./fonts/OpenSans-BoldItalic.ea07932c5245dd421e3d05f579098bc2.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-BoldItalic.7be88e73fea7b64568a450d7c01346b0.woff) format('woff'), url(./fonts/OpenSans-BoldItalic.c36b5ac7c2dddf6f525c8d161412ef41.ttf) format('truetype'), url(./images/OpenSans-BoldItalic.ebc136d49a5f62b12bd1a4a17b6322c8.svg#OpenSansBold) format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-ExtraBold.561e4b63e9119235465ec88c8c91f2c8.eot); src: url(./fonts/OpenSans-ExtraBold.561e4b63e9119235465ec88c8c91f2c8.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-ExtraBold.12e2ed7a180e601bff44253d4c7062ad.woff) format('woff'), url(./fonts/OpenSans-ExtraBold.19b56cfcb97fbcc245242fb28232939e.ttf) format('truetype'), url(./images/OpenSans-ExtraBold.a3833fd8c151c231b200574ffb375f1f.svg#OpenSansBold) format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-ExtraBoldItalic.5f467e780ed0aead6614d85dcca181e1.eot); src: url(./fonts/OpenSans-ExtraBoldItalic.5f467e780ed0aead6614d85dcca181e1.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-ExtraBoldItalic.4f44077586ec12a35ce6778e879d43da.woff) format('woff'), url(./fonts/OpenSans-ExtraBoldItalic.4595d7f8ce0e7b381abb0254f04f0ec2.ttf) format('truetype'), url(./images/OpenSans-ExtraBoldItalic.12e91d59481a3f9f09cfccd69434b40b.svg#OpenSansBold) format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Open-Sans'; src: url(./fonts/OpenSans-ExtraBold.561e4b63e9119235465ec88c8c91f2c8.eot); src: url(./fonts/OpenSans-ExtraBold.561e4b63e9119235465ec88c8c91f2c8.eot?#iefix&v=1.1.0) format('embedded-opentype'), url(./fonts/OpenSans-ExtraBold.12e2ed7a180e601bff44253d4c7062ad.woff) format('woff'), url(./fonts/OpenSans-ExtraBold.19b56cfcb97fbcc245242fb28232939e.ttf) format('truetype'), url(./images/OpenSans-ExtraBold.a3833fd8c151c231b200574ffb375f1f.svg#OpenSansBold) format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'BebasNeue'; src: url(./fonts/BebasNeue.afc2d9735937a752bc106aeaae6aa4bf.ttf) format('truetype'); } @font-face { font-family: 'Bebas'; src: url(./fonts/Bebas.3ef73ff48d36ad769ecdd8ad805dda61.ttf) format('truetype'); } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/WxrXJa0C3KdtC7lMafG4dRkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/OpXUqTo0UgQQhGj_SFdLWBkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/1hZf02POANh32k2VkgEoUBkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/cDKhRaXnQTOVbaoxwdOr9xkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/K23cxWVTrIFD6DJsEVi07RkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/vSzulfKSK0LLjjfeaxcREhkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/vPcynSL0qHq_6dX7lKVByXYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(http://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(http://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(http://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(http://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTOYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(http://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(http://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(http://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/sTdaA6j0Psb920Vjv-mrzH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/uYECMKoHcO9x1wdmbyHIm3-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/tnj4SB6DNbdaQnsM8CFqBX-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/_VYFx-s824kXq_Ul2BHqYH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/NJ4vxlgWwWbEsv18dAhqnn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/Ks_cVxiCiwUWVsFWFA3Bjn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), local('sans-serif-medium'), url(http://fonts.gstatic.com/s/roboto/v16/ZLqKeelYbATG60EpZBSDy4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), local('sans-serif-medium'), url(http://fonts.gstatic.com/s/roboto/v16/oHi30kwQWvpCWqAhzHcCSIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), local('sans-serif-medium'), url(http://fonts.gstatic.com/s/roboto/v16/rGvHdJnr2l75qb0YND9NyIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), local('sans-serif-medium'), url(http://fonts.gstatic.com/s/roboto/v16/mx9Uck6uB63VIKFYnEMXrYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), local('sans-serif-medium'), url(http://fonts.gstatic.com/s/roboto/v16/mbmhprMH69Zi6eEPBYVFhYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), local('sans-serif-medium'), url(http://fonts.gstatic.com/s/roboto/v16/oOeFwZNlrTefzLYmlVV1UIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), local('sans-serif-medium'), url(http://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUZBw1xU1rKptJj_0jans920.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/77FXFjRbGzN4aCrSFhlh3oX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/isZ-wbCXNKAbnjo6_TwHToX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/UX6i4JxQDm3fVTc1CPuwqoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/jSN2CGVDbcVyCnfJfjSdfIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/PwZc-YbIL414wB9rB1IAPYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/97uahxiqZRoncBaCEI3aW4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), local('sans-serif'), url(http://fonts.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOJBw1xU1rKptJj_0jans920.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(./fonts/MaterialIcons.979c614dbe842e2b0142d4d2e22bd8cd.woff2) format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } button, .button { position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; background: #de8400; display: inline-block; padding: 16px; font-weight: 600; text-transform: uppercase; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /* For some Androids */ } button.small, .button.small { width: 35%; } button.medium, .button.medium { width: 50%; } button.big, .button.big { width: 75%; } button.full, .button.full { width: 100%; } button.gray, .button.gray { background: #c6c6c6; } button.blue, .button.blue { background: #08b2dd; } button.cross, .button.cross { background-color: transparent; vertical-align: middle; width: 40px; height: 40px; padding: 0; } button.cross svg, .button.cross svg { width: 40px; height: 40px; } button.sm, .button.sm { padding: 8px 16px; font-size: 0.8em; font-weight: normal; } button .spinner, .button .spinner { position: absolute; right: 15px; top: 15px; } .svg-icon svg { display: block; } .on-top { z-index: 30 !important; } .placeholderBox { overflow: hidden; position: relative; display: inline-block; vertical-align: middle; } .placeholderBox input + .placeholder, .placeholderBox textarea + .placeholder { /* Chrome/Opera/Safari */ position: absolute; padding: 15px 20px; left: 0; top: 0; opacity: 1; pointer-events: none; -webkit-transition: transform 0.3s ease-In; -moz-transition: transform 0.3s ease-In; -ms-transition: transform 0.3s ease-In; -o-transition: transform 0.3s ease-In; transition: transform 0.3s ease-In; } .placeholderBox input:focus + .placeholder, .placeholderBox textarea:focus + .placeholder { /* Chrome/Opera/Safari */ transform: translateX(-100%); -webkit-transition: transform 0.3s ease-Out; -moz-transition: transform 0.3s ease-Out; -ms-transition: transform 0.3s ease-Out; -o-transition: transform 0.3s ease-Out; transition: transform 0.3s ease-Out; } .placeholderBox input.filled + .placeholder, .placeholderBox textarea.filled + .placeholder { transform: translateX(-100%); -webkit-transition: transform 0.3s ease-In; -moz-transition: transform 0.3s ease-In; -ms-transition: transform 0.3s ease-In; -o-transition: transform 0.3s ease-In; transition: transform 0.3s ease-In; } /* Z-indexes Header - 20 Content - 19 Footer - 20 */ html { width: 100%; height: 100%; min-height: 100%; padding: 0; margin: 0; -webkit-user-select: none; } body { width: 100%; height: 100%; min-height: 100%; padding: 0; margin: 0; overflow: hidden; -webkit-overflow-scrolling: touch; } #loadingScreen { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background: #f8a901; z-index: 21; } #loadingScreen .wrapper { height: 100%; max-width: 530px; margin: 0 auto; } #loadingScreen .wrapper .logo { width: 65%; margin-bottom: 50px; } #loadingScreen .wrapper .text { width: 65%; } #viewport { width: 100%; height: 100%; min-height: 100%; padding: 0; margin: 0; overflow-x: hidden; } #viewport > .page { position: absolute; padding: 0; margin: 0; left: 0; right: 0; top: 64px; bottom: 60px; width: 100%; overflow: hidden; z-index: 19; -webkit-overflow-scrolling: touch; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; background-color: #fff; } #viewport > .page:not(.ng-animate) { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #viewport > .page.full-screen { height: 100%; min-height: 100%; top: 0; bottom: 0; } #viewport > .page.full-screen:not(.ng-animate) { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #viewport > .page.no-footer { bottom: 0; } #viewport > .page.no-footer:not(.ng-animate) { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .template { position: absolute; top: 0; bottom: 0; margin: 0 auto; width: 100%; overflow: auto; } .template.full-screen { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; } .template.limit-width > .container { max-width: 480px; } @-webkit-keyframes noAnimation { from { z-index: 19; } to { z-index: 19; } } @-moz-keyframes noAnimation { from { z-index: 19; } to { z-index: 19; } } @-ms-keyframes noAnimation { from { z-index: 19; } to { z-index: 19; } } @-o-keyframes noAnimation { from { z-index: 19; } to { z-index: 19; } } @keyframes noAnimation { from { z-index: 19; } to { z-index: 19; } } @-webkit-keyframes slideInLeftPage { from { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInLeftPage { from { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-ms-keyframes slideInLeftPage { from { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slideInLeftPage { from { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeftPage { from { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInRightPage { from { -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInRightPage { from { -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-ms-keyframes slideInRightPage { from { -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slideInRightPage { from { -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRightPage { from { -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInUpPage { from { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInUpPage { from { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-ms-keyframes slideInUpPage { from { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slideInUpPage { from { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUpPage { from { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInDownPage { from { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-moz-keyframes slideInDownPage { from { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-ms-keyframes slideInDownPage { from { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-o-keyframes slideInDownPage { from { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDownPage { from { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutLeftPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-moz-keyframes slideOutLeftPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-ms-keyframes slideOutLeftPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-o-keyframes slideOutLeftPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeftPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes slideOutRightPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-moz-keyframes slideOutRightPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-ms-keyframes slideOutRightPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-o-keyframes slideOutRightPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRightPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes slideOutUpPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-moz-keyframes slideOutUpPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-ms-keyframes slideOutUpPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-o-keyframes slideOutUpPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUpPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes slideOutDownPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-moz-keyframes slideOutDownPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-ms-keyframes slideOutDownPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-o-keyframes slideOutDownPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDownPage { from { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } #app .page { /*&.ng-enter { visibility: hidden !important; animation-play-state: paused !important; } &.ng-enter-active { visibility: visible !important; animation-play-state: running !important; }*/ /*&.ng-leave { animation-play-state: paused !important; } &.ng-leave-active { animation-play-state: running !important; }*/ } #app .page.slideLeft.ng-enter { -webkit-animation: slideInRightPage 0.5s; -moz-animation: slideInRightPage 0.5s; -ms-animation: slideInRightPage 0.5s; animation: slideInRightPage 0.5s; } #app .page.slideLeft.ng-leave { -webkit-animation: slideOutLeftPage 0.5s; -moz-animation: slideOutLeftPage 0.5s; -ms-animation: slideOutLeftPage 0.5s; animation: slideOutLeftPage 0.5s; } #app .page.slideRight.ng-enter { -webkit-animation: slideInLeftPage 0.5s; -moz-animation: slideInLeftPage 0.5s; -ms-animation: slideInLeftPage 0.5s; animation: slideInLeftPage 0.5s; } #app .page.slideRight.ng-leave { -webkit-animation: slideOutRightPage 0.5s; -moz-animation: slideOutRightPage 0.5s; -ms-animation: slideOutRightPage 0.5s; animation: slideOutRightPage 0.5s; } #app .page.slideDown.ng-enter { -webkit-animation: slideInDownPage 0.5s; -moz-animation: slideInDownPage 0.5s; -ms-animation: slideInDownPage 0.5s; animation: slideInDownPage 0.5s; z-index: 21 !important; } #app .page.slideDown.ng-leave { -webkit-animation: noAnimation 0.5s; -moz-animation: noAnimation 0.5s; -ms-animation: noAnimation 0.5s; animation: noAnimation 0.5s; } #app .page.slideUp:nth-child(2) { z-index: 18 !important; } #app .page.slideUp.ng-enter { -webkit-animation: noAnimation 0.5s; -moz-animation: noAnimation 0.5s; -ms-animation: noAnimation 0.5s; animation: noAnimation 0.5s; } #app .page.slideUp.ng-leave { -webkit-animation: slideOutUpPage 0.5s; -moz-animation: slideOutUpPage 0.5s; -ms-animation: slideOutUpPage 0.5s; animation: slideOutUpPage 0.5s; z-index: 21 !important; } header { height: 60px; width: 100%; background-image: url(./images/bg.735bb0c09980ca51f8b54968989ecebb.png); background-repeat: repeat-x; background-color: #f8a901; z-index: 20; color: #fff; padding-top: 10px; } header:not(.noAnimate) { -webkit-transition: transform 0.25s ease-In; -moz-transition: transform 0.25s ease-In; -ms-transition: transform 0.25s ease-In; -o-transition: transform 0.25s ease-In; transition: transform 0.25s ease-In; } header.collapsed { -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } header.collapsed:not(.noAnimate) { -webkit-transition: transform 0.25s ease-In; -moz-transition: transform 0.25s ease-In; -ms-transition: transform 0.25s ease-In; -o-transition: transform 0.25s ease-In; transition: transform 0.25s ease-In; } header > .col { height: 100%; } header .pageTitle { font-weight: 600; } @media (max-width: 350px) { header .userInfo { line-height: 1em; font-size: 0.8em; } } @media (min-width: 351px) { header .userInfo { line-height: 1.3em; font-size: 0.9em; } } header .icon.back { width: 25px; height: 60px; display: inline-block; } header .icon.back svg { width: 100%; height: 100%; } header .icon.back svg path { fill: #fff; } header .button { display: inline-block; padding: 8px 10px; background: #de8400; text-transform: none; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0.8em; font-weight: 600; } header .button.active { background: #008bab; } header .buttonSet .button { max-width: 200px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } header .buttonSet .button:first-child { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } header .buttonSet .button:last-child { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } @media (max-width: 350px) { header .buttonSet .button { padding: 8px 2px; } } @media (min-width: 351px) and (max-width: 400px) { header .buttonSet .button { padding: 8px 6px; } } header .buttonSet.innerElemCount-1 .button { width: 100%; } @media (min-width: 401px) { header .buttonSet.innerElemCount-2 .button { width: 50%; } } @media (min-width: 401px) { header .buttonSet.innerElemCount-3 .button { width: 33.33%; } } @media (min-width: 401px) { header .buttonSet.innerElemCount-4 .button { width: 25%; } } footer { position: fixed; bottom: 0; left: 0; height: 60px; width: 100%; background: #fff; z-index: 20; border-top: 1px solid #b9b9b9; } footer:not(.noAnimate) { -webkit-transition: transform 0.25s ease-In; -moz-transition: transform 0.25s ease-In; -ms-transition: transform 0.25s ease-In; -o-transition: transform 0.25s ease-In; transition: transform 0.25s ease-In; } footer.collapsed { -ms-transform: translate3d(0, 100%, 0); -webkit-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } footer.collapsed:not(.noAnimate) { -webkit-transition: transform 0.25s ease-In; -moz-transition: transform 0.25s ease-In; -ms-transition: transform 0.25s ease-In; -o-transition: transform 0.25s ease-In; transition: transform 0.25s ease-In; } footer ul.menu { margin: 0; padding: 0; height: 100%; } footer ul.menu li { box-sizing: border-box; display: inline-block; float: left; height: 100%; width: 25%; text-align: center; } footer ul.menu li.active { background-color: #f8f8f8; color: #f8a901; } footer ul.menu li.active a { color: #f8a901; } footer ul.menu li a { vertical-align: middle; display: inline-block; width: 100%; height: 100%; color: #b9b9b9; font-size: 0.8em; text-decoration: none; font-weight: bold; } footer ul.menu li a .icon { margin-top: 9px; display: inline-block; width: 100%; height: 25px; } footer ul.menu li a .icon svg { width: 100%; height: 100%; } footer ul.menu li a .icon svg path, footer ul.menu li a .icon svg rect, footer ul.menu li a .icon svg circle { fill: #c6c6c6; } #listFilter > .title { padding-top: 8px; padding-bottom: 8px; background: #f8f8f8; color: #00a4cb; font-weight: 600; -webkit-transition: all 0.2s ease-Out; -moz-transition: all 0.2s ease-Out; -ms-transition: all 0.2s ease-Out; -o-transition: all 0.2s ease-Out; transition: all 0.2s ease-Out; } #listFilter > .title.retracted { -webkit-transition: all 0.2s ease-Out; -moz-transition: all 0.2s ease-Out; -ms-transition: all 0.2s ease-Out; -o-transition: all 0.2s ease-Out; transition: all 0.2s ease-Out; overflow-y: hidden; max-height: 0; padding-top: 0; padding-bottom: 0; } #listFilter > .content { overflow-y: hidden; max-height: 0; background: #f8f8f8; border-bottom: 1px solid #e7e7e7; -webkit-transition: max-height 0.2s ease-Out; -moz-transition: max-height 0.2s ease-Out; -ms-transition: max-height 0.2s ease-Out; -o-transition: max-height 0.2s ease-Out; transition: max-height 0.2s ease-Out; } #listFilter > .content.expanded { -webkit-transition: max-height 0.2s ease-Out; -moz-transition: max-height 0.2s ease-Out; -ms-transition: max-height 0.2s ease-Out; -o-transition: max-height 0.2s ease-Out; transition: max-height 0.2s ease-Out; max-height: 150px; } #listFilter .item.date .title { color: #01b3de; } #listFilter .item.date input { width: 100%; border: 1px solid #e7e7e7; color: #01b3de; padding: 5px 10px; box-sizing: border-box; font-weight: 600; } #listFilter .item.date .icon { width: 25px; height: 25px; display: inline-block; } #listFilter .item.date .icon svg { width: 100%; height: 100%; } #listFilter .item.date .icon svg line { stroke: #01b3de; } #listFilter md-datepicker { padding: 0; width: 100%; display: inline-block; } #listFilter md-datepicker .md-datepicker-button, #listFilter md-datepicker .md-datepicker-triangle-button { display: none; } #listFilter md-datepicker .md-datepicker-input-container { margin: 0px; padding: 0px; border: 0px; } #connectionInfo { position: fixed; top: 0px; height: 60px; width: 100%; z-index: 20; color: #fff; font-weight: 600; transform: translate3d(0, -100%, 0); -webkit-transition: transform 0.25s ease-In; -moz-transition: transform 0.25s ease-In; -ms-transition: transform 0.25s ease-In; -o-transition: transform 0.25s ease-In; transition: transform 0.25s ease-In; } #connectionInfo.visible { transform: translate3d(0, 0, 0); -webkit-transition: transform 0.25s ease-In; -moz-transition: transform 0.25s ease-In; -ms-transition: transform 0.25s ease-In; -o-transition: transform 0.25s ease-In; transition: transform 0.25s ease-In; } #connectionInfo.success { background: #51a351; } #connectionInfo.error { background: #bd362f; } .template.access { min-height: 100%; padding: 0; margin: 0; background-image: url(./images/bg.735bb0c09980ca51f8b54968989ecebb.png); background-repeat: repeat-x; background-color: #f8a901; } .template.access .wrapper { position: relative; margin: 0 auto; max-width: 450px; } .template.access a { color: #fff; } .template.access .placeholderBox { width: 90%; } .template.access .placeholderBox .placeholder { color: #fff; font-size: 1.2em; } .template.access input { width: 90%; background: #fff; border: none; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #000; padding: 15px 20px; outline: none; font-size: 1.2em; box-sizing: border-box; } .template.access .errors { color: red; } .template.access .inputIcon { display: inline-block; width: 10%; height: 17px; vertical-align: middle; } .template.access .inputIcon svg { width: 100%; height: 100%; } .template.access .inputIcon svg path { fill: #fff; } .template.access.login .logo { margin-top: 60px; text-align: center; } .template.access.login .logo img { width: 75%; } .template.access.login .logo .icon { width: 100%; height: 125px; display: inline-block; } .template.access.login .logo .icon svg { width: 100%; height: 100%; } .template.access.login .logo .icon svg path.text { fill: #fff; } .template.access.login .logo .icon svg path.bird { fill: #a92a86; } .template.access.login .bg { width: 100%; } .template.access.login .bg img { width: 100%; } .template.access.login form { margin-top: 15px; } .template.access.logout { color: #fff; } .template.access.forgotPwd .logo { width: 31%; position: absolute; left: 34%; padding-top: 4%; } .template.access.forgotPwd .logo img { width: 100%; } .template.access.forgotPwd .bg { width: 100%; } .template.access.forgotPwd .bg img { width: 100%; } .template.access.forgotPwd form { margin-top: -19%; } .template.teams .loadingSpinner { font-size: 5em; color: #f8a901; } .template.teams .search .row { height: 46px; } .template.teams .search .row .col { float: left; position: relative; min-height: 1px; height: 100%; } .template.teams .search .row .col.input { width: 100%; padding-left: 15px; } .template.teams .search .row .col.refresh { width: 10%; } @media (max-width: 650px) { .template.teams .search .row .col.refresh { width: 12%; } } .template.teams .search .row input { width: 100%; } .template.teams.detail .container-fluid { margin: 0 auto; } .template.teams.detail .arriveLeaveButtons > span { display: inline-block; width: 49%; max-width: 200px; font-size: 1.5em; } .template.teams.detail .arriveLeaveButtons > span.disabled { opacity: 0.3; } .template.teams.detail .arriveLeaveButtons > span i { font-size: 2em; vertical-align: middle; } .template.teams.detail .arriveLeaveButtons > span:first-child { margin-right: 2%; } .template.teams.detail .col { width: 100%; max-width: 500px; } .template.teams.detail .item .image { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; height: 200px; } .template.teams.detail .item .image.loaded { height: auto; } .template.teams.detail .item .image img { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; width: 100%; } .template.teams.detail .item .image .fa { font-size: 5em; color: #01b3de; } .template.teams.detail .item .info { padding: 15px; } .template.teams.detail .item .info .date { font-size: 1em; } .template.teams.detail .item .info .title { font-size: 1.5em; } .template.teams.detail .item .info .perex { font-size: 1em; } .template.teams.detail .item .info .content { font-size: 1em; } .teamsLista .items { /*.col { &.ng-enter {.animation(fadeIn 20s);} &.ng-leave {position:absolute; .animation(fadeOut 20s);} }*/ } .teamsLista .items > .col { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; height: 100%; } @media (max-width: 650px) { .teamsLista .items > .col { width: 100%; } } @media (min-width: 651px) and (max-width: 1199px) { .teamsLista .items > .col { width: 50%; } } @media (min-width: 1200px) { .teamsLista .items > .col { width: 33.33333333%; } } .teamsLista .item { margin-bottom: 15px; border: 1px solid #e7e7e7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } @media (max-width: 350px) { .teamsLista .item .row { height: 55px; } } @media (min-width: 351px) and (max-width: 425px) { .teamsLista .item .row { height: 55px; } } @media (min-width: 426px) and (max-width: 650px) { .teamsLista .item .row { height: 55px; } } @media (min-width: 651px) { .teamsLista .item .row { height: 55px; } } .teamsLista .item .row .col { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; height: 100%; } .teamsLista .item .row .col.number { width: 22%; font-size: 2em; border-right: 1px solid #e7e7e7; padding-right: 0; } .teamsLista .item .row .col.info { width: 73%; line-height: 1.7em; } .teamsLista .item .row .col.info .name { -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; } .teamsLista .item i[svg-icon] { width: 14px; height: 14px; display: inline-block; } .teamsLista .item i[svg-icon] svg { width: 100%; height: 100%; } .teamsLista .item .status { position: absolute; right: -1px; top: -1px; width: 10px; height: calc(102%); -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .teamsLista .item .status.notStarted { background-color: red; } .teamsLista .item .status.running { background-color: #f8a901; } .teamsLista .item .status.finished { background-color: green; }