/* Minification failed. Returning unminified contents. (804,15): run-time error CSS1034: Expected closing parenthesis, found '>' (814,15): run-time error CSS1034: Expected closing parenthesis, found '>' (824,15): run-time error CSS1034: Expected closing parenthesis, found '>' (1183,31): run-time error CSS1034: Expected closing parenthesis, found '>' (1427,31): run-time error CSS1034: Expected closing parenthesis, found '>' (1665,31): run-time error CSS1034: Expected closing parenthesis, found '>' (1909,31): run-time error CSS1034: Expected closing parenthesis, found '>' (2282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' */ * { outline: none; } body { line-height: 1.2; font-size: 14px; display: flex; flex-direction: column; min-height: 100vh; margin: 0; } body, table { font-family: 'Open Sans',sans-serif } img { width: auto; height: auto; max-width: 100%; max-height: 100%; } b, strong { font-weight: bold; } p { padding: 0; margin: 16px 0 0; } iframe { border: 0; } figure { margin: 0; } a { color: #2f80ed; text-decoration: none; } h1, .h1 { font-size: 32px; margin-bottom: 22px; } h2, .h2 { font-size: 28px; margin-bottom: 12px; } h3, .h3 { font-size: 16px; margin-bottom: 16px; } .font-size--xsmall { font-size: 12px; } .font-size--small { font-size: 14px; } .font-size--middle { font-size: 16px; } .font-size--large { font-size: 18px; } .text-center { text-align: center } .logo-wrap { min-height: 80px; padding: 10px 0; } .form-container { padding-top: 40px; padding-bottom: 100px; } .progress_animated { animation: progress-rotate 2s infinite linear; } @keyframes progress-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @font-face { font-family: advlp; src: url('/content/fonts/advlp.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } /*! * Toastr * Version 2.0.1 * Copyright 2012 John Papa and Hans Fjallemark. * All Rights Reserved. * Use, reproduction, distribution, and modification of this code is subject to the terms and * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php * * Author: John Papa and Hans Fjallemark * Project: https://github.com/CodeSeven/toastr */ .toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-center{top:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-center{bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-center{top:45%}#toast-container{position:fixed;z-index:999999;pointer-events:auto}#toast-container.toast-bottom-center,#toast-container.toast-center,#toast-container.toast-top-center{width:100%;pointer-events:none}#toast-container.toast-bottom-center>div,#toast-container.toast-center>div,#toast-container.toast-top-center>div{margin-left:auto;margin-right:auto;pointer-events:auto}#toast-container.toast-bottom-center>button,#toast-container.toast-center>button,#toast-container.toast-top-center>button{pointer-events:auto}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-wait{background-image:url(data:image/gif;base64,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)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info,.toast-wait{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}:not(.no-enter)#toast-container>div.ng-enter,:not(.no-leave)#toast-container>div.ng-leave{-webkit-transition:1s cubic-bezier(.25,.25,.75,.75) all;-moz-transition:1s cubic-bezier(.25,.25,.75,.75) all;-ms-transition:1s cubic-bezier(.25,.25,.75,.75) all;-o-transition:1s cubic-bezier(.25,.25,.75,.75) all;transition:1s cubic-bezier(.25,.25,.75,.75) all}:not(.no-enter)#toast-container>div.ng-enter.ng-enter-active,:not(.no-leave)#toast-container>div.ng-leave{opacity:.8}:not(.no-enter)#toast-container>div.ng-enter,:not(.no-leave)#toast-container>div.ng-leave.ng-leave-active{opacity:0} /*! * Ladda including the default theme. *//*! * Ladda * http://lab.hakim.se/ladda * MIT licensed * * Copyright (C) 2015 Hakim El Hattab, http://hakim.se */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}.ladda-button{background:#666;border:0;padding:14px 18px;font-size:18px;cursor:pointer;color:#fff;border-radius:2px;border:1px solid transparent;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.ladda-button:hover{border-color:rgba(0,0,0,0.07);background-color:#888}.ladda-button[data-color=green]{background:#2aca76}.ladda-button[data-color=green]:hover{background-color:#38d683}.ladda-button[data-color=blue]{background:#53b5e6}.ladda-button[data-color=blue]:hover{background-color:#69bfe9}.ladda-button[data-color=red]{background:#ea8557}.ladda-button[data-color=red]:hover{background-color:#ed956e}.ladda-button[data-color=purple]{background:#9973C2}.ladda-button[data-color=purple]:hover{background-color:#a685ca}.ladda-button[data-color=mint]{background:#16a085}.ladda-button[data-color=mint]:hover{background-color:#19b698}.ladda-button[disabled],.ladda-button[data-loading]{border-color:rgba(0,0,0,0.07)}.ladda-button[disabled],.ladda-button[disabled]:hover,.ladda-button[data-loading],.ladda-button[data-loading]:hover{cursor:default;background-color:#999}.ladda-button[data-size=xs]{padding:4px 8px}.ladda-button[data-size=xs] .ladda-label{font-size:0.7em}.ladda-button[data-size=s]{padding:6px 10px}.ladda-button[data-size=s] .ladda-label{font-size:0.9em}.ladda-button[data-size=l] .ladda-label{font-size:1.2em}.ladda-button[data-size=xl] .ladda-label{font-size:1.5em} .fs-min { font-size: 11px; } .fs-xs { font-size: 12px; } .fs-sm { font-size: 13px; } .fs-md { font-size: 14px; } .fs-lg { font-size: 21px; } .fs-big { font-size: 30px; } .f-s-18 { font-size: 18px; } .p-xxs { padding: 5px; } .p-sm { padding: 15px; } .p-m { padding: 20px; } .p-md { padding: 25px; } .p-lg { padding: 30px; } .p-xl { padding: 40px; } .p-w-xs { padding: 0 10px; } .p-w-sm { padding: 0 15px; } .p-w-m { padding: 0 20px; } .p-w-md { padding: 0 25px; } .p-w-lg { padding: 0 30px; } .p-w-xl { padding: 0 40px; } .p-n { padding: 0; } .p-r-none { padding-right: 0; } .p-r-lg { padding-right: 30px; } .p-r-xs { padding-right: 5px; } .p-r-xs-x2 { padding-right: 10px; } .p-r-sm { padding-right: 15px; } .p-r-md { padding-right: 25px; } .p-xs { padding: 5px; } .p-xs-x2 { padding: 10px; } .p-l-n { padding-left: 0; } .p-l-lg { padding-left: 30px; } .p-l-xs { padding-left: 5px; } .p-l-sm { padding-left: 15px; } .p-l-md { padding-left: 25px; } .p-t-lg { padding-top: 30px; } .p-t-xs { padding-top: 5px; } .p-t-sm { padding-top: 15px; } .p-t-md { padding-top: 25px; } .p-t-xl { padding-top: 40px; } .p-b-lg { padding-bottom: 30px; } .p-b-xs { padding-bottom: 5px; } .p-b-xsm { padding-bottom: 10px; } .p-b-sm { padding-bottom: 15px; } .p-b-md { padding-bottom: 25px; } .p-b-n { padding-bottom: 0; } .m-sm { margin: 10px; } .m-xxs { margin: 2px 4px; } .m-xs { margin: 5px; } .m { margin: 15px; } .m-md { margin: 20px; } .m-lg { margin: 30px; } .m-xl { margin: 50px; } .m-n { margin: 0 !important; } .m-l-none { margin-left: 0; } .m-l-xs { margin-left: 5px; } .m-l-sm { margin-left: 10px; } .m-l { margin-left: 15px; } .m-l-md { margin-left: 20px; } .m-l-lg { margin-left: 30px; } .m-l-xl { margin-left: 40px; } .m-l-n-xxs { margin-left: -1px; } .m-l-n-xs { margin-left: -5px; } .m-l-n-sm { margin-left: -10px; } .m-l-n { margin-left: -15px; } .m-l-n-md { margin-left: -20px; } .m-l-n-lg { margin-left: -30px; } .m-l-n-xl { margin-left: -40px; } .m-t-none { margin-top: 0; } .m-t-xxs { margin-top: 1px; } .m-t-xs { margin-top: 5px; } .m-t-sm { margin-top: 10px; } .m-t { margin-top: 15px; } .m-t-md { margin-top: 20px; } .m-t-lg { margin-top: 30px; } .m-t-xl { margin-top: 40px; } .m-t-xxl { margin-top: 60px; } .m-t-xxxl { margin-top: 100px; } .m-t-n-xxs { margin-top: -1px; } .m-t-n-xs { margin-top: -5px; } .m-t-n-sm { margin-top: -10px; } .m-t-n { margin-top: -15px; } .m-t-n-md { margin-top: -20px; } .m-t-n-lg { margin-top: -30px; } .m-t-n-xl { margin-top: -40px; } .m-r-none { margin-right: 0; } .m-r-xxs { margin-right: 1px; } .m-r-xs { margin-right: 5px; } .m-r-sm { margin-right: 10px; } .m-r { margin-right: 15px; } .m-r-md { margin-right: 20px; } .m-r-lg { margin-right: 30px; } .m-r-xl { margin-right: 40px; } .m-r-n-xxs { margin-right: -1px; } .m-r-n-xs { margin-right: -5px; } .m-r-n-sm { margin-right: -10px; } .m-r-n { margin-right: -15px; } .m-r-n-md { margin-right: -20px; } .m-r-n-lg { margin-right: -30px; } .m-r-n-xl { margin-right: -40px; } .m-b-none { margin-bottom: 0; } .m-b-xxs { margin-bottom: 1px; } .m-b-xs { margin-bottom: 5px; } .m-b-sm { margin-bottom: 10px; } .m-b { margin-bottom: 15px; } .m-b-md { margin-bottom: 20px; } .m-b-md-h { margin-bottom: 25px; } .m-b-lg { margin-bottom: 30px; } .m-b-wl { margin-bottom: 50px; } .m-b-xl { margin-bottom: 40px; } .m-b-xxl { margin-bottom: 60px; } .m-b-n-xxs { margin-bottom: -1px; } .m-b-n-xs { margin-bottom: -5px; } .m-b-n-sm { margin-bottom: -10px; } .m-b-n { margin-bottom: -15px; } .m-b-n-md { margin-bottom: -20px; } .m-b-n-lg { margin-bottom: -30px; } .m-b-n-xl { margin-bottom: -40px; } .b-n { border: 0; } .min-h-md { height: 250px; } .space-15 { margin: 15px 0; } .space-20 { margin: 20px 0; } .space-25 { margin: 25px 0; } .space-30 { margin: 30px 0; } .flex-center { align-items: center; } .flex { display: flex; box-sizing: border-box; } .flex-column { flex-direction: column; } .flex-column > div { flex-basis: 100%; max-width: 100%; flex-shrink: 0; flex-grow: 1; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .flex-basis-n { flex-basis: 0; } .flex-grow-n { flex-grow: 0; } .flex-grow { flex-grow: 1; } .flex-basis-auto { flex-basis: auto; } .flex-shrink-n { flex-shrink: 0; } .hidden { visibility: hidden; } .float-right { float: right; } .absolute { position: absolute; } .italic { font-style: italic; } .bolder { font-weight: 700; } .bold { font-weight: 600; } .light { font-weight: 300; } .word-spacing { margin-left: 5px; } .dash { padding: 7px 0; } .align-top { align-self: flex-start; } .align-center { align-self: center; } .align-bottom { align-self: flex-end; } .valign-top { vertical-align: top; } .valign-middle { vertical-align: middle; } .valign-bottom { vertical-align: bottom; } .sub { font-size: 12px; color: #676a6c; opacity: 0.5; } /* input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } */ .inline-flex { display: inline-flex; } .inline-block { display: inline-block; } .vertical-middle { vertical-align: middle; } .text-floating { overflow-wrap: break-word; word-wrap: break-word; word-break: keep-all; line-break: normal; hyphens: auto; } .text-static, .text-overflow { overflow-wrap: normal; /* не поддерживает IE, Firefox; является копией word-wrap */ word-wrap: normal; word-break: normal; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */ line-break: auto; /* нет поддержки для русского языка */ hyphens: manual; } .text-overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .line-height { line-height: 1; } .border { height: 1px; overflow: hidden; background-color: #d6d6d6; } .hidden-xs { display: none !important; } .visible-xs { display: block; } .break-word { word-break: break-word; } @media (width >= 48em) { .hidden-sm { display: none !important; } .visible-sm { display: block !important; } } @media (width >= 62em) { .hidden-md { display: none !important; } .visible-md { display: block !important; } } @media (width >= 75em) { .hidden-lg { display: none !important; } .visible-lg { display: block !important; } } .block-stretch-align { height: 100%; display: flex; align-items: center; justify-content: center; } .mytooltip { cursor: pointer; } .mytooltip::after { opacity: 0; content: attr(data-tooltip); visibility: hidden; position: absolute; color: #000; background: white; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); margin-top: -24px; margin-left: 10px; padding: 10px; } .mytooltip:hover::after { opacity: 1; visibility: visible; } .mytooltip::before { content: ''; display: block; opacity: 0; position: absolute; visibility: hidden; border-right: 10px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent; margin-left: 15px; z-index: 555; } .mytooltip:hover::before { opacity: 1; visibility: visible; } .flex-justify-center { justify-content: center; } .dropdown-toggle.show + .dropdown-menu.left-popover { transform: none !important; inset: 36px auto auto 0 !important; } .dropdown-toggle.show + .dropdown-menu.add-task-popover { transform: none !important; right: 0 !important; left: auto !important; top: 34px !important; } .dropdown-toggle.show + .dropdown-menu.add-task-popover.add-task-popover--top { top: -77px !important; } .dropdown-toggle.show + .dropdown-menu.save-task-popover { transform: none !important; right: 0 !important; left: auto !important; top: 34px !important; } .dropdown-toggle.show + .dropdown-menu.save-task-popover.save-task-popover--top { top: -77px !important; } .container-fluid, .container { box-sizing: border-box; margin-right: auto; margin-left: auto; } .container-fluid { padding-right: 0.625rem; padding-left: 0.625rem; } .row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; margin-right: -0.625rem; margin-left: -0.625rem; } .row.reverse { flex-direction: row-reverse; } .col.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .col-xs-slim, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 0.625rem; padding-left: 0.625rem; } .col-xs-slim { flex-shrink: 0; flex-grow: 0; flex-basis: auto; max-width: none; } .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xs-1 { -ms-flex-preferred-size: 8.3334%; flex-basis: 8.3334%; max-width: 8.3334%; } .col-xs-2 { -ms-flex-preferred-size: 16.6667%; flex-basis: 16.6667%; max-width: 16.6667%; } .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; } .col-xs-5 { -ms-flex-preferred-size: 41.6667%; flex-basis: 41.6667%; max-width: 41.6667%; } .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { -ms-flex-preferred-size: 58.3334%; flex-basis: 58.3334%; max-width: 58.3334%; } .col-xs-8 { -ms-flex-preferred-size: 66.6667%; flex-basis: 66.6667%; max-width: 66.6667%; } .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { -ms-flex-preferred-size: 83.3334%; flex-basis: 83.3334%; max-width: 83.3334%; } .col-xs-11 { -ms-flex-preferred-size: 91.6667%; flex-basis: 91.6667%; max-width: 91.6667%; } .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.3334%; } .col-xs-offset-2 { margin-left: 16.6667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333%; } .col-xs-offset-5 { margin-left: 41.6667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3334%; } .col-xs-offset-8 { margin-left: 66.6667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3334%; } .col-xs-offset-11 { margin-left: 91.6667%; } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .baseline-xs { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (width >= 48em) { .container { width: 49rem; } .col-sm-slim, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 0.625rem; padding-left: 0.625rem; } .col-sm-slim { flex-shrink: 0; flex-grow: 0; flex-basis: auto; max-width: none; } .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-1 { -ms-flex-preferred-size: 8.3334%; flex-basis: 8.3334%; max-width: 8.3334%; } .col-sm-2 { -ms-flex-preferred-size: 16.6667%; flex-basis: 16.6667%; max-width: 16.6667%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; } .col-sm-5 { -ms-flex-preferred-size: 41.6667%; flex-basis: 41.6667%; max-width: 41.6667%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.3334%; flex-basis: 58.3334%; max-width: 58.3334%; } .col-sm-8 { -ms-flex-preferred-size: 66.6667%; flex-basis: 66.6667%; max-width: 66.6667%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.3334%; flex-basis: 83.3334%; max-width: 83.3334%; } .col-sm-11 { -ms-flex-preferred-size: 91.6667%; flex-basis: 91.6667%; max-width: 91.6667%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.3334%; } .col-sm-offset-2 { margin-left: 16.6667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333%; } .col-sm-offset-5 { margin-left: 41.6667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3334%; } .col-sm-offset-8 { margin-left: 66.6667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3334%; } .col-sm-offset-11 { margin-left: 91.6667%; } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .baseline-sm { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (width >= 62em) { .container { width: 65rem; } .col-md-slim, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 0.625rem; padding-left: 0.625rem; } .col-md-slim { flex-shrink: 0; flex-grow: 0; flex-basis: auto; max-width: none; } .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-1 { -ms-flex-preferred-size: 8.3334%; flex-basis: 8.3334%; max-width: 8.3334%; } .col-md-2 { -ms-flex-preferred-size: 16.6667%; flex-basis: 16.6667%; max-width: 16.6667%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; } .col-md-5 { -ms-flex-preferred-size: 41.6667%; flex-basis: 41.6667%; max-width: 41.6667%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.3334%; flex-basis: 58.3334%; max-width: 58.3334%; } .col-md-8 { -ms-flex-preferred-size: 66.6667%; flex-basis: 66.6667%; max-width: 66.6667%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.3334%; flex-basis: 83.3334%; max-width: 83.3334%; } .col-md-11 { -ms-flex-preferred-size: 91.6667%; flex-basis: 91.6667%; max-width: 91.6667%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.3334%; } .col-md-offset-2 { margin-left: 16.6667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333%; } .col-md-offset-5 { margin-left: 41.6667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3334%; } .col-md-offset-8 { margin-left: 66.6667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3334%; } .col-md-offset-11 { margin-left: 91.6667%; } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (width >= 75em) { .container { width: 76rem; } .col-lg-slim, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 0.625rem; padding-left: 0.625rem; } .col-lg-slim { flex-shrink: 0; flex-grow: 0; flex-basis: auto; max-width: none; } .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { -ms-flex-preferred-size: 8.3334%; flex-basis: 8.3334%; max-width: 8.3334%; } .col-lg-2 { -ms-flex-preferred-size: 16.6667%; flex-basis: 16.6667%; max-width: 16.6667%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; } .col-lg-5 { -ms-flex-preferred-size: 41.6667%; flex-basis: 41.6667%; max-width: 41.6667%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.3334%; flex-basis: 58.3334%; max-width: 58.3334%; } .col-lg-8 { -ms-flex-preferred-size: 66.6667%; flex-basis: 66.6667%; max-width: 66.6667%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.3334%; flex-basis: 83.3334%; max-width: 83.3334%; } .col-lg-11 { -ms-flex-preferred-size: 91.6667%; flex-basis: 91.6667%; max-width: 91.6667%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.3334%; } .col-lg-offset-2 { margin-left: 16.6667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333%; } .col-lg-offset-5 { margin-left: 41.6667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3334%; } .col-lg-offset-8 { margin-left: 66.6667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3334%; } .col-lg-offset-11 { margin-left: 91.6667%; } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .baseline-lg { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (width >= 120em) { .container { width: 82rem; } .col-wl-slim, .col-wl, .col-wl-1, .col-wl-2, .col-wl-3, .col-wl-4, .col-wl-5, .col-wl-6, .col-wl-7, .col-wl-8, .col-wl-9, .col-wl-10, .col-wl-11, .col-wl-12, .col-wl-offset-0, .col-wl-offset-1, .col-wl-offset-2, .col-wl-offset-3, .col-wl-offset-4, .col-wl-offset-5, .col-wl-offset-6, .col-wl-offset-7, .col-wl-offset-8, .col-wl-offset-9, .col-wl-offset-10, .col-wl-offset-11, .col-wl-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 0.625rem; padding-left: 0.625rem; } .col-wl-slim { flex-shrink: 0; flex-grow: 0; flex-basis: auto; max-width: none; } .col-wl { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-wl-1 { -ms-flex-preferred-size: 8.3334%; flex-basis: 8.3334%; max-width: 8.3334%; } .col-wl-2 { -ms-flex-preferred-size: 16.6667%; flex-basis: 16.6667%; max-width: 16.6667%; } .col-wl-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-wl-4 { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; } .col-wl-5 { -ms-flex-preferred-size: 41.6667%; flex-basis: 41.6667%; max-width: 41.6667%; } .col-wl-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-wl-7 { -ms-flex-preferred-size: 58.3334%; flex-basis: 58.3334%; max-width: 58.3334%; } .col-wl-8 { -ms-flex-preferred-size: 66.6667%; flex-basis: 66.6667%; max-width: 66.6667%; } .col-wl-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-wl-10 { -ms-flex-preferred-size: 83.3334%; flex-basis: 83.3334%; max-width: 83.3334%; } .col-wl-11 { -ms-flex-preferred-size: 91.6667%; flex-basis: 91.6667%; max-width: 91.6667%; } .col-wl-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-wl-offset-0 { margin-left: 0; } .col-wl-offset-1 { margin-left: 8.3334%; } .col-wl-offset-2 { margin-left: 16.6667%; } .col-wl-offset-3 { margin-left: 25%; } .col-wl-offset-4 { margin-left: 33.3333%; } .col-wl-offset-5 { margin-left: 41.6667%; } .col-wl-offset-6 { margin-left: 50%; } .col-wl-offset-7 { margin-left: 58.3334%; } .col-wl-offset-8 { margin-left: 66.6667%; } .col-wl-offset-9 { margin-left: 75%; } .col-wl-offset-10 { margin-left: 83.3334%; } .col-wl-offset-11 { margin-left: 91.6667%; } .start-wl { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-wl { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-wl { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-wl { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .baseline-wl { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .middle-wl { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-wl { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-wl { -ms-flex-pack: distribute; justify-content: space-around; } .between-wl { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-wl { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-wl { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .col-fixed-size-sm { flex-basis: 140px; max-width: 140px; padding: 0 0.625rem; } .col-fixed-size-lg { flex-basis: 300px; max-width: 300px; padding: 0 0.625rem; } .col-fixed-size-md { flex-basis: 200px; max-width: 200px; padding: 0 0.625rem; } .col-fixed-offset-md { margin-left: 200px; } .col-fixed-size-xs { flex-basis: 70px; max-width: 70px; padding: 0 0.625rem; } .col-fixed-size-ls { flex-basis: 30px; max-width: 30px; padding: 0 0.625rem; } .col-fixed-size-offset-md { margin-left: 200px; } .form__title { line-height: 1.33 } .form__subtitle { font-size: 18px } .form__wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .form__body--vertical { margin-top: 20px } .form__subtitle--horizontal { margin-top: 48px } .form__subtitle--vertical, .form__field, .form__submit-block { margin-top: 8px; margin-bottom: 8px } .form__agreement { margin: 20px 0; font-size: 18px } .form__content--success { padding: 30px } .form__field-label { margin-bottom: 10px } .select-wrap { position: relative; } .select-arrow-emul { position: absolute; right: 10px; top: 54%; transform: translateY(-50%); pointer-events: none; } .input, .select, .textarea, .input-small, .textarea-small, .select-custom select, .form__picture-button-add { border: solid 1px #d8d8d8; } .input, .select, .textarea, .input-small, .textarea-small, .select-custom select { border-radius: 4px; padding: 12px 18px; font-size: 18px; line-height: normal; box-sizing: border-box; width: 100%; vertical-align: middle; } .ng-submitted.ng-dirty .ng-invalid.form__picture-button-add { border-color: #f15959; } .select { appearance: none; padding-right: 40px; } .checkbox { position: absolute; opacity: 0; &:checked + .checkbox-decor::before { text-indent: 0; } } .custom-input-native:checked ~ .custom-input-checkbox::after { text-indent: 0; background-image: none; } .ng-submitted.ng-dirty .checkbox.ng-invalid + .checkbox-decor::before { border-color: #f15959; } .label { display: inline-flex; align-items: center; height: 1rem; } .label-text { height: 100%; line-height: 100%; } .custom-input-checkbox, .custom-input-native:checked ~ .custom-input-checkbox, .custom-input-checkbox:hover { border-width: 0; background: transparent none; box-shadow: none !important; width: auto; height: auto; outline: none; top: auto; margin: 0; } .checkbox-decor::before, .custom-input-checkbox::after { width: 24px; height: 24px; border-radius: 2px; border: solid 1px #d8d8d8; margin-right: 14px; line-height: 1; font-size: 24px; text-align: center; vertical-align: middle; display: inline-block; box-sizing: border-box; content: '\e814'; font-family: advlp, sans-serif; position: relative; overflow: hidden; text-indent: 24px; flex: 0 0 24px; max-width: 24px; } .adv-checkbox-label { position: relative; display: inline-block; } .adv-checkbox-label:hover .adv-radio-text, .adv-checkbox-label:hover .adv-radio-emul--icon { color: #000; } .adv-label-p-l { padding-left: 20px; } .adv-checkbox-emul { position: absolute; top: 50%; transform: translate(0, -50%); height: 14px; width: 14px; border: 1px solid #c3c3c3; border-radius: 2px; left: 0; box-shadow: 0 0 0 1px #f6f6f6; } .adv-radio-emul--icon { position: absolute; top: -1px; height: 14px; width: 14px; left: -7px; color: #838a8f; } .adv-checkbox-input + .adv-checkbox-emul, .adv-checkbox-input + .adv-radio-emul--icon { cursor: pointer; } .adv-checkbox-input:disabled + .adv-checkbox-emul, .adv-checkbox-input:disabled + .adv-radio-emul--icon { cursor: default; } .adv-checkbox-emul-t { top: 3px; } .adv-checkbox-emul-l { left: 3px; } input[type='checkbox'].adv-checkbox-input { opacity: 0; margin: 0 !important; padding: 0 !important; height: 14px; width: 14px; } input[type='checkbox'].adv-checkbox-input:checked ~ .adv-checkbox-emul { background-color: #3b99fc; border-color: #3b99fc; } input[type='checkbox'].adv-checkbox-input:checked ~ .adv-checkbox-emul::before { display: block; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f00c'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 10px; } input[type='checkbox'].adv-checkbox-input:disabled ~ .adv-checkbox-emul { background-color: #ccc; border-color: #c3c3c3; } .btn-group .adv-checkbox-label { line-height: 1.3; } .adv-radio-label { position: relative; display: inline-flex; align-items: center; vertical-align: middle; cursor: pointer; font-weight: normal; line-height: 1; } .adv-radio-label .adv-radio-input { order: -1; } .adv-radio-label .adv-radio-label-text { padding-left: 10px; } .adv-radio-emul { display: block; position: absolute; top: 0; height: 12px; width: 12px; border: 1px #c3c3c3 solid; border-radius: 50%; left: 0; cursor: pointer; background-color: #fff; } .adv-radio-emul.adv-radio-emul--big { height: 16px; width: 16px; } .adv-radio-emul.adv-radio-emul--middle { top: 50%; transform: translateY(-50%); } input[type='radio'].adv-radio-input { opacity: 0; margin: 0 !important; padding: 0 !important; height: 12px; width: 12px; margin-right: 5px; } input[type='radio'].adv-radio-input:checked ~ .adv-radio-emul { height: 2px; width: 2px; border: 6px #3b99fc solid; background-color: #fff; } input[type='radio'].adv-radio-input:checked ~ .adv-radio-emul.adv-radio-emul--big { border-width: 7px; } input[type='radio'].adv-radio-input:checked ~ .adv-radio-emul::before { content: ''; position: absolute; display: block; top: -2px; left: -2px; background: #fff; width: 6px; height: 6px; border-radius: 50%; } input[type='radio'].adv-radio-input:checked ~ .adv-radio-emul--icon, input[type='radio'].adv-radio-input:checked ~ .adv-radio-text { color: #3b99fc; } input[type='radio'].adv-radio-input:disabled ~ .adv-radio-emul { background-color: #ccc; border-color: #c3c3c3; cursor: default; } .adv-radio-group--horizontal { display: inline-flex; align-items: center; column-gap: 20px; flex-wrap: wrap; } [type="text"].ng-dirty.ng-invalid, [type="password"].ng-dirty.ng-invalid, [type="search"].ng-dirty.ng-invalid, [type="email"].ng-dirty.ng-invalid, [type="number"].ng-dirty.ng-invalid, [type="tel"].ng-dirty.ng-invalid, [type="url"].ng-dirty.ng-invalid, textarea.ng-dirty.ng-invalid, select.ng-dirty.ng-invalid { border-color: #f15959 } .custom-input-native.ng-dirty.ng-invalid ~ .custom-input-radio, .custom-input-native.ng-dirty.ng-invalid ~ .custom-input-checkbox { border-color: #f15959; -webkit-box-shadow: 0 0 .125rem 0 #f15959; box-shadow: 0 0 .125rem 0 #f15959 } .ng-submitted.ng-dirty [type="text"].ng-invalid, .ng-submitted.ng-dirty [type="password"].ng-invalid, .ng-submitted.ng-dirty [type="search"].ng-invalid, .ng-submitted.ng-dirty [type="email"].ng-invalid, .ng-submitted.ng-dirty [type="number"].ng-invalid, .ng-submitted.ng-dirty [type="tel"].ng-invalid, .ng-submitted.ng-dirty [type="url"].ng-invalid, .ng-submitted.ng-dirty textarea.ng-invalid, .ng-submitted.ng-dirty select.ng-invalid { border-color: #f15959 } .ng-submitted.ng-dirty .custom-input-native.ng-invalid { -webkit-box-shadow: 0 0 0 .0625rem #f15959; box-shadow: 0 0 0 .0625rem #f15959 } .ng-submitted.ng-dirty .custom-input-native.ng-invalid ~ .custom-input-radio, .ng-submitted.ng-dirty .custom-input-native.ng-invalid ~ .custom-input-checkbox { border-color: #f15959; -webkit-box-shadow: 0 0 .125rem 0 #f15959; box-shadow: 0 0 .125rem 0 #f15959 } .validation-popover { color: #f15959; font-weight: bold } .error-text { border-color: #f15959 } .error-color { color: #f15959 } .btn { text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; vertical-align: middle; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; font-size: 16px; padding: 13px 36px; line-height: normal } .btn:after, .btn:before { content: ""; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .btn:hover, .btn:active { text-decoration: none } .btn:focus { outline: none } .btn--sm { padding: 6px 12px; font-size: 12px } .btn--upper { text-transform: uppercase } .btn--expand { width: 100% } .btn--link { background-color: transparent; border: 0; color: currentColor; padding-top: 5px; padding-bottom: 5px; font-size: 14px; text-decoration: underline } .btn--link:hover { text-decoration: none } .btn--disabled { opacity: .5; cursor: default } .btn--disabled:hover, .btn--disabled:active { opacity: .5; cursor: default } .btn--invisible { padding: 0; margin: 0; border: 0; background: transparent none } .btn-group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -10px; margin-right: -10px; -ms-flex-wrap: wrap; flex-wrap: wrap } .btn-group__item--indent { padding: 10px } .btn--primary { color: #fff; background-color: #1779fa; border-color: #1779fa; border-radius: 4px; border-width: 1px; font-weight: 400 } .btn--primary:hover { color: #fff; background-color: #378cfb } .btn--primary:active, .btn--primary.btn--primary-active { color: #fff; background-color: #378cfb } .btn--secondary { color: #000; background-color: #fff; border-color: #dadada; border-radius: 4px; border-width: 1px; font-weight: 400 } .btn--secondary:hover { color: #000; background-color: rgba(0,0,0,.1) } .btn--secondary:active, .btn--secondary.btn--secondary-active { color: #000; background-color: rgba(0,0,0,.1) }