@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/libs/fonts/glyphicons-halflings-regular.eot');
    src: url('/libs/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/libs/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/libs/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/libs/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

*{margin:0;padding:0}
img{border:none;vertical-align:top;}
html{height:100%;}
body{font:14px "Source Sans 3", serif;font-optical-sizing: auto;color:#333;background:rgb(0,131,204) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwMDgzY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA0NDcxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');background:radial-gradient(ellipse at center,rgba(0,131,204,1) 1%,rgba(0,68,113,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083cc',endColorstr='#004471',GradientType=1 );background-color:#004471;position:relative;height:100vh;}
.bg{position:absolute;width:100%;height:100%;left:0px;top:0px;background-image:url(../images/clouds/cloud_1.png), url(../images/clouds/cloud_2.png), url(../images/clouds/cloud_3.png), url(../images/clouds/cloud_4.png), url(../images/clouds/cloud_4.png), url(../images/clouds/cloud_5.png), url(../images/clouds/cloud_6.png), url(../images/clouds/cloud_7.png);background-repeat:no-repeat;background-position:48% 6%, 75% 7%, 63% 9%, 95% 30%, 50% 50%, 90% 90%, 45% 90%, 70% 101%;z-index:0;}
.topPage{background-color:#1fcb71;display:block;position:absolute;height:100vh;width:25vw;left:10%;}
.ver{position:absolute;right:10px;top:10px;z-index:1;color:#FFFFFF;opacity:0.5;}
.ver .verTxt{display:none;}


.wrap{display:grid;min-height:100%;position:relative;grid-template-columns:40% 1fr;grid-template-rows:1fr auto;min-width:320px;}
#content{display:flex;align-items:center;justify-content:center;}
#content>* {flex:0 0 450px;max-width:calc(100% - 40px)}
.infoContent {background-color:#1ac96d;max-width:645px}

.canvasImage{display:none;margin:auto 0;}
a{color:#0157A5;text-decoration:none;outline-style:none;}

.error_msg {background:#800000;color:#fff;font:bold 1.1em Tahoma;margin:10px;padding: 10px 10px 10px 60px;position: relative;}
.success_msg {background:#008000;color:#fff;font:bold 1.1em Tahoma;margin:10px;padding: 10px 10px 10px 60px;position: relative;}
.success_msg:before {background-color: #fff;border-radius: 50%;color: #008000;content: "\e084";display: inline-block;font-family: "Glyphicons Halflings";font-size: 47px;height: 48px;left: -8px;line-height: 50px;margin-right: 10px;padding: 4px;position: absolute;text-align: center;top: -10px;transition: all 0.5s ease-out 0s;vertical-align: middle;width: 48px;}
.error_msg:before {background-color: #fff;border-radius: 50%;color: #800000;content: "\e083";display: inline-block;font-family: "Glyphicons Halflings";font-size: 47px;height: 48px;left: -8px;line-height: 50px;margin-right: 10px;padding: 4px;position: absolute;text-align: center;top: -10px;transition: all 0.5s ease-out 0s;vertical-align: middle;width: 48px;}

.stopka{background-color:#1ac96d;color:#fff;text-align:center;padding:20px 0;position:relative;z-index:1;max-width:645px}
.stopka::before {content:'';width:40px;height:3px;background-color:#fff;margin:0 auto 20px;display:block}

.formLogin {position:relative;text-align:left;display:flex;overflow:hidden;}
.formLogin>* {flex:0 0 100%;padding:4px;box-sizing:border-box;}
.formLogin>*.hc {display:none;}

.formWrap h1 {text-align:center;color:#fff;font-size:20px;font-weight:300;box-sizing:border-box;width:100%;margin-bottom:30px;text-shadow:3px 4px 9px rgba(17,52,79,1);}
.formWrap h1 span{font-weight:700;}
.infoContent .animCanvas{max-width:100%;}

.version {
    padding:10% 0 10% 0;color:#ffffff;position:relative;z-index:1;
    display:grid;
    justify-content:center;
    font-size:20px;
    h1 {line-height:1;position:relative;font-weight:normal;font-size:1em;display:grid;grid-template-columns:1fr auto;gap:.8em;white-space:nowrap;}
    h1>span {font-size:4.4em;}
    h1>sup {font-size:1.65em;position:relative;top:-.2em;z-index:0;}
}

.image>img {width:100%;height:auto;}

.formLogin .submit-field {display:flex;align-items:center;gap:5px;justify-content:flex-end;}
.formLogin a {color:#fff;text-decoration:underline;font-size:20px;}
.formLogin .submit-field a {margin-right:auto;}
.formLogin .item-field {margin-bottom:20px;color:#fff;}
.formLogin .other-method {margin-top:-15px;}
.formLogin .other-method button {font:16px 'Source Sans Pro', sans-serif;background-color:transparent;text-decoration:underline;border:none;outline:none;cursor:pointer;color:#fff;}

.formLogin label.text-field {text-align:left;background-color:#fff;border-radius:4px;display:flex;gap:15px;align-items:center;padding:0 4px 0 17px;transition:outline .15s ease-in}
.formLogin label.text-field:focus-within {outline:4px solid #1ac96d;transition-timing-function:ease-out;}
.formLogin label.text-field>input {width:100%;background-color:#fff;}

input:is(:-webkit-autofill, :autofill) {background-color:inherit !important;}

::-ms-reveal {display:none}
.formLogin .item-field label[data-placeholder]>input {padding:30px 0 10px;}
.formLogin .item-field label::before {flex:0 0 22px;}
.formLogin .item-field label.login::before{content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAfCAYAAADjuz3zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnBJREFUeNqslk1IVFEUx9/YuEiF1Ewcm4QiIUlMXdimJIJM1I1WC0EK0WUtJFCIAgVdaZvah2EgEbgrSxBLpMRFYVm5itA+ICMthOhDXr8T58nzzX3OvJm58OPvm3vP/513P841ZNu25ddaHlr1SDcch7D+vAEzMDhWb933iw2ZjDHMQh7BMXgPY/BKu8uhGQ7AM6jjBetxjTHNQz7BDg167PM1tfpy+ZII4766+8OGmDfwC/IY7DtP9E0jO3nBCroIBe7+DE8WQ0gRRLcz9bQS2E3sDaMxHfL3ZV2U9QRNJfOfSD9cwiPTlPE51atW8Nar2moyboIfZPA7qCsxsgW/QYPJOAIfrOTbknrEGMtOyE7BOEs9YozlAOxLwVgOzILJ+LY8s7LVQR2JKdczMRxjzAK8Rb7AnSSylZhVPF4aDwjtIJSRQUeAbC8gRzR2a63QT7mmLzqrfe1kMBzHtA0Z0cd7qv2Seah53D7BwxR8h2U99zkgJfMpXGHgE4+hlNEBLacTGntIFz8XTonxXzEguNYTXIfcgr3602eQ+lHseu4gbtwTN4mcDGt57DWcJskkysAatBEOy9TBa3hA/6zPDPU5xtZ2BwODOWQuwA7JcdfjzID79ijSCaU6PQtaFZccz4wkT1m3Gu+BQrgIZ+LdIIm0KLwgw2r9gg29ICy/A5Jom4cqNY2oz/N0GPfAR0xtvXgnyP5uysaYrOrCyTbt4vm0d0yyc+zcdX1+/U7Ga1b62prbuDKNxhXOVEiBv85C/EHf6YbfrH4Jmjkx++EmjDplU4pNe5oyHmH+z2/+74b5LiQ/RVO5Rf7P8T8BBgDHPbbPylKn6wAAAABJRU5ErkJggg==');}
.formLogin .item-field label.pass::before{content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAfCAYAAAAIjIbwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA05JREFUeNq0lllIlFEUx50xbUfNKMrMDIuC6sEiWogewuyhBVrI9sWyaKONAqHlweiptJDKiBYfopUsy4fCjApJfCgCK4i0zUqhnUrHZfod+X/wNYzOQDXw497vu+f+v3vPPefc8fj9/oh//evU0eDCWxHxNKkwSLav4fHZtIg3Hc3ztLdSBOfTbIWxUAM+GAwv4TjkI94QlihikRLbDxfgGLyCFkiA2bANTpkdwt/D2f5MyIFsOMCkFtfYW6jgw3dpL+ljOR2uFONYmmvwDrGMEP62j66BdGyfuce8AbajYARcDOOQr4K5amrgQKBoL/muPgxR82UTJIXj03ADtw4y4X0oUUfQE0oRPzbS3A425o34D79A0Sat1vc3om0hRXj0pz8aZsBKyLN0hB4udxitQfzu1aFV4pKnbcYLbvpTlDmWgpbTX8FyPkqTbfWNEogWbp9btMTIdjHCpXZQJ7XdNAt6DToH6NNzvFb0Re86u1xnonGw07TY9WSbPB428YXKIFkzj2auEsKjYlIMhdj/cKcvtkdoF8EQxx++ALEYsB2cUNa0VSXl/l64wfjQIOHY4DjZK/85gl5VqDmwjBXZSm0VZ+hn0U6HfvZBbLsHxLzN9QeL0ykS3IJIERNNpBTu0V8vNy2FFGVUWMGfDh+tqCAyibYAqqEM9vBuOcIV9B9YbeW5azBRf0Dc9YEPKr4ZitUVPFththK3WXb1CqVol08Nj9cV2M7vm4WQVlCmOM3mOUtbviy7WMVvsytBIh2fdoG+LtFyGAATWZ1V932wQ1l23Z75gF2EY+AO/NK8GB1Wo4k+hESXaJGM85g8EuFc+gPNRqffGw7DTzjKOyd1ExXHtZam6+jshgkYVCuskmlOK3UL7eQVy6k6+W7WYl8ue3u+D49gta20RP7IdNXKGh3SebX5ulU3qNDMcgRdl+Uwixi7KJ0qtZYXhywleVkckF0J2r75q9ZuUPcNy/hwxbHdWRsZa3ZEo5SSFvRLGLgSTt1knrnjHHzS6uv+uKIt32lyVRRsqwUYPWlHLEmFZpf8mInti/bufdviKtgOPeXv57rcmhV6ycq6ONWEgwh+DvlfCnGL02lgpW+cKn6rsqdKCVCCWFWwnfwWYAA7viOpHu8icAAAAABJRU5ErkJggg==');}

.formLogin .item-field label[data-placeholder] {position:relative;z-index:0;}
.formLogin .item-field label[data-placeholder] ::placeholder {opacity:0;}

.formLogin .item-field label[data-placeholder]::after {height:max-content;transition:all .1s;content:attr(data-placeholder);position:absolute;top:0;left:12px;bottom:0;margin:auto 0;color:#747474;font:20px Tahoma, 'Source Sans Pro', sans-serif;padding:0 3px;pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.formLogin .item-field label[data-placeholder].login::after,
.formLogin .item-field label[data-placeholder].pass::after {left:51px;}
.formLogin .item-field label[data-placeholder].required::after {content:attr(data-placeholder)" *"}
.formLogin .item-field label[data-placeholder]:has(input:not(:placeholder-shown),input:focus,input:is(:-webkit-autofill, :autofill))::after {transform:translateY(-17px);font-size:12px;color:#0c4f80;}
.formLogin .item-field label[data-placeholder] i {width:40px;cursor:pointer;aspect-ratio:1.4}
.formLogin .item-field label[data-placeholder] i>svg {width:100%;height:100%;object-fit:contain;}
.formLogin .item-field label[data-placeholder] i path {fill:#9bcff3;transition:fill .2s;}
.formLogin .item-field label[data-placeholder] i:hover path,
.formLogin .item-field label[data-placeholder].show-pass i path {fill:#144669;}

.formLogin .item-field label[data-placeholder].disabled,
.formLogin .item-field label[data-placeholder]>input:disabled {background-color:#ededed;color:#5f5f5f;}

input.submit_del{background-color:#B91616;border:none;border-radius:5px;color:#F9F9F9;cursor:pointer;font:12px Arial;padding:2px 10px;}
a.submit{background-color:#777777;border:none;border-radius:5px;color:#F9F9F9;cursor:pointer;font:12px Arial;padding:2px 10px;text-decoration:none;}
a.submit_del{background-color:#B91616;border:none;border-radius:5px;color:#F9F9F9;cursor:pointer;font:12px Arial;padding:2px 10px;text-decoration:none;}
input.chb {vertical-align:middle}
input.text,
input.text_b{padding:20px 10px 20px 0;box-sizing:border-box;border:none;width:60%;color:#000000;outline:none;font-size: 20px}

label.check {display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;cursor:pointer;background-color:rgba(255, 255, 255, 0.6);color:#555;padding:12px;border-radius:5px;}
label.check span.addon-info {display:block;font-size:14px;line-height:1;font-weight:normal;}

input[type="checkbox"] {appearance:none;cursor: pointer;position:relative;z-index:0;outline:none;width:25px;height:25px;display:inline-block;background-color:#fff;box-sizing:border-box;border-radius:4px;}
input[type="checkbox"]:checked {outline:3px solid #1ac96d;}
input[type="checkbox"]:checked::after {content:'';background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik0zODItMjA4IDEyMi00NjhsOTAtOTAgMTcwIDE3MCAzNjYtMzY2IDkwIDkwLTQ1NiA0NTZaIiBmaWxsPSIjMWFjOTZkIi8+PC9zdmc+') no-repeat center/100% 100%;width:22px;height:22px;position:absolute;inset:0;margin:auto;}

[type="submit"].submit {position:relative;z-index:0;background-color:#1ac96d;color:#fff;cursor:pointer;padding:15px 30px;border:4px solid #1ac96d;transition:background-color 0.5s ease-out, color 0.5s ease-out;border-radius:4px;line-height:1;display:inline-flex;font-size:22px;align-items:center;gap:15px;justify-content:center;}
[type="submit"].submit:hover {background-color:#fff;color:#1ac96d;}
[type="submit"].submit svg {width:25px;height:25px;}
[type="submit"].submit svg path {fill:#fff;transition:fill 0.5s ease-out;}
[type="submit"].submit:hover svg path {fill:#1ac96d;}
[type="submit"].submit:disabled {background-color:#fff;color:transparent;cursor:default;transition:none;}
[type="submit"].submit:disabled svg path {transition:none;}
[type="submit"].submit:disabled svg {opacity:0;}
[type="submit"].submit:disabled::after {animation: spin .6s linear infinite;content:'';position:absolute;z-index:1;aspect-ratio:1;height:calc(100% - 20px);border-radius:50%;box-sizing:border-box;border:5px solid #1ac96d;inset:0;margin:auto;border-left-color: transparent;}

div.modal-dialog.method>.modal-header .modal-title {font-size:20px;}
div.modal-dialog.method>.modal-header .modal-close {font-size:30px;font-weight:normal;}
div.modal-dialog.method>.modal-body {font-size:16px;}
div.modal-dialog.method>.modal-body label {display:flex;align-items:center;gap:5px;cursor:pointer;}
div.modal-dialog.method>.modal-body label>span {flex: 1 0 auto;}
div.modal-dialog.method input[type="radio"] {flex:0 0 auto;-webkit-appearance:none;appearance:none;cursor: pointer;position:relative;z-index:0;outline:none;}
div.modal-dialog.method input[type="radio"]::before {content:'';border:1px solid #ccc;width:18px;height:18px;display:block;background-color:#fff;box-sizing:border-box;border-radius:50%;}
div.modal-dialog.method input[type="radio"]:checked::after {content:'';background-color:#50a63c;width:10px;height:10px;position:absolute;inset:0;margin:auto;border-radius:50%;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.formLogin p:last-child .submit:hover:before{background-image:url('data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATBJREFUeNpi/P//PwMMSJ/KEwNSq4HYEohZocK/gfgYEAc9NZv0DqaWEaYRqEkSSN0BYg4g3g/El6Bq9IHYAYi/ALE8UPMHkCALAwLsgtpiCJS8hCQOMtQCSB0F4i1AbAMSY4JKCAEpHSCegq4JBIBiJ2BeAKplgWsEAlcoPYMBN1gKVa+BrFEYSn/Ho/E1lOZB9qMYlK4DOuUzDo2SUFoWiE8wSp3MrQcyGqCC/xnwA0YoXQWysRKIb0FD8xs+XUDXgKLqAsgikB/ZgXg6IU3Q0P0BDUA2WOD8YiAe/EIOVWzO8gdicVzyTHhMXg7E3eRoZERK6CRp/IkU6RgAPQEgAzFgKGILNLC/QQngFZDmBeL5QPyDQIiC4jERlMVANroB8XYgziQyOl4AsSdAgAEAzyNQpHBcZbkAAAAASUVORK5CYII=');}
.changeView{display:none;}


@media screen and (max-width:1290px){
    .version {font-size:16px;}
}
@media screen and (max-width:1020px){
    .version {font-size:13px;}
}
@media screen and (max-width:768px){

    .version {
        padding:7% 0 7% 0;
        font-size:14px;
    }
    .infoContent .animCanvas {position:absolute;z-index:0;left:0;top:10%;right:0;margin:0 auto;opacity:.6}
    #content {width:100%;position:relative;z-index:1;}
    .wrap {background-color:#1ac96d;display:flex;flex-direction:column;justify-content: space-between;;}

    .stopka, .infoContent {max-width:none;}

    .formLogin .item-field label:focus-within {outline-color:#004471;}

    [type="submit"].submit {background-color:#004471;border-color:#004471;width:100%;}
    [type="submit"].submit:not(:disabled):hover {color:#004471;}
    [type="submit"].submit:hover svg path {fill:#004471;}
    [type="submit"].submit:disabled::after {border-color:#004471 #004471 #004471 transparent}

    .formLogin .submit-field {flex-direction:column;justify-content:center;gap:30px;}
    .formLogin .submit-field a {order:1;margin-right:unset;}

    input[type="checkbox"]:checked {outline-color:#004471}

}