@import url("../fonts/montserrat.css");*{font-family:Montserrat;}p{margin:0;padding:0;}:root{--headerHeight:70px;}body{background-color:#fff;padding:0;margin:0;}*:not(input):not(textarea){-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;cursor:default;user-select:none;}.twinPanel{display:flex;grid-gap:10px;height:100%;}.twinPanel .leftPanel{flex:1 0 0;background-color:#fff;display:flex;padding:30px;flex-direction:column;align-items:center;gap:10px;align-self:stretch;}.twinPanel .leftPanel .header{display:flex;padding:15px;align-items:flex-start;align-self:flex-start;}.twinPanel .leftPanel .header .logo{max-height:60px;}.twinPanel .leftPanel .middle{display:flex;justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;}.twinPanel .leftPanel .middle .form{display:flex;width:360px;padding:50px 30px;flex-direction:column;justify-content:center;align-items:center;gap:35px;}.twinPanel .leftPanel .middle .form .elements{display:flex;flex-direction:column;align-items:flex-start;gap:40px;align-self:stretch;}.twinPanel .leftPanel .middle .form .elements .topBlok{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;align-self:stretch;}.twinPanel .leftPanel .middle .form .elements .topBlok .caption{color:#0e213f;text-align:center;font-size:28px;font-style:normal;font-weight:600;line-height:32px;}.twinPanel .leftPanel .middle .form .elements .topBlok .description{color:rgba(14,33,63,.75);text-align:center;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:400;line-height:25px;}.twinPanel .leftPanel .middle .form .elements .bottomBlok{display:flex;flex-direction:column;align-items:flex-start;gap:15px;align-self:stretch;}.twinPanel .leftPanel .middle .form .elements .bottomBlok .inputPanel{display:flex;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;}.twinPanel .leftPanel .middle .form .elements .bottomBlok .inputPanel .input{border-radius:10px;border:1.5px solid rgba(69,83,119,.2);background:#fff;outline:0;height:50px;padding:0 15px;color:#0e213f;align-self:stretch;font-size:16px;font-style:normal;font-weight:600;line-height:22px;transition:0s all!important;}.twinPanel .leftPanel .middle .form .elements .bottomBlok .inputPanel .input::placeholder{color:rgba(14,33,63,.75);font-weight:400;font-size:16px;}.twinPanel .leftPanel .middle .form .elements .bottomBlok .inputPanel .input:valid[type=text].password{background-image:url(/images/login/password-un.svg);background-position:center right 10px;background-repeat:no-repeat;background-size:22px;}.twinPanel .leftPanel .middle .form .elements .bottomBlok .inputPanel .input:valid[type=password].password{background-image:url(/images/login/password.svg);background-position:center right 10px;background-repeat:no-repeat;background-size:22px;}.twinPanel .leftPanel .middle .form .elements .bottomBlok .inputPanel .input.notControll{border:1.5px solid #dc143c;}.twinPanel .leftPanel .middle .form .elements .bottomBlok .inputPanel .input.okControll{border:1.5px solid #008000;}.twinPanel .leftPanel .middle .form .elements .bottomBlok .text{color:#0e213f;font-size:14px;font-style:normal;font-weight:400;line-height:22px;cursor:default;}.twinPanel .leftPanel .middle .form .elements .bottomBlok .text:hover{color:#0e213f;font-weight:600;line-height:22px;}.twinPanel .leftPanel .middle .form .buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:-webkit-fill-available;}.twinPanel .leftPanel .middle .form .buttons .button{border-radius:15px;background:#0e213f;display:flex;width:-webkit-fill-available;padding:15px 20px;justify-content:center;color:#fff;font-size:20px;font-style:normal;font-weight:400;line-height:22px;}.twinPanel .leftPanel .middle .form .buttons .text{color:#0e213f;font-size:14px;font-style:normal;font-weight:400;line-height:22px;cursor:default;}.twinPanel .leftPanel .middle .form .buttons .text:hover{color:#0e213f;font-weight:600;line-height:22px;}.twinPanel .leftPanel .middle .form .buttons .button.module{font-size:15px;padding:15px 5px;background:rgba(69,83,119,.2);color:#455377;}.twinPanel .rightPanel{flex:1 0 0;align-self:stretch;background:url(/images/login/login-panel-back.svg) center no-repeat,linear-gradient(322deg,#04090f 7.19%,#1d3b6d 100%);box-shadow:0 0 50px 0 #04090f inset;display:flex;flex-direction:column;gap:30px;align-items:center;justify-content:center;background-size:cover;padding:30px;}.twinPanel .rightPanel .multiForm{gap:20px;display:flex;flex-direction:row;max-width:500px;overflow:hidden;transition:.3s all;position:relative;}.twinPanel .rightPanel .form{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;max-width:500px;min-width:100%;}.twinPanel .rightPanel .form .imageArea{display:flex;width:500px;height:500px;max-width:500px;max-height:500px;width:500px;height:500px;justify-content:center;align-items:center;}.twinPanel .rightPanel .form .imageArea img{max-width:120%;max-height:100%;filter:drop-shadow(0 0 50px 0 rgba(255,255,255,.2));}.twinPanel .rightPanel .form .textAreaPanel{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;align-self:stretch;}.twinPanel .rightPanel .form .textAreaPanel .textPanel{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;align-self:stretch;}.twinPanel .rightPanel .form .textAreaPanel .textPanel .caption{align-self:stretch;color:#fff;text-align:center;font-size:24px;font-weight:600;line-height:32px;}.twinPanel .rightPanel .form .textAreaPanel .textPanel .description{color:#fff;text-align:center;font-size:15px;font-weight:0;line-height:25px;}.twinPanel .rightPanel .navigator{display:flex;justify-content:center;align-items:center;gap:50px;}.twinPanel .rightPanel .navigator .direction{height:30px;width:30px;border-radius:7px;background-position:10px center;background-repeat:no-repeat;background-size:10px;}.twinPanel .rightPanel .navigator .direction:hover{background-color:rgba(255,255,255,.1);}.twinPanel .rightPanel .navigator .direction.left{background-image:url(/images/login/left-white.svg);}.twinPanel .rightPanel .navigator .direction.right{background-image:url(/images/login/right-white.svg);background-position:11px center;}.twinPanel .rightPanel .navigator .right{display:flex;justify-content:center;align-items:center;gap:50px;}.twinPanel .rightPanel .navigator .pointArea{display:flex;justify-content:center;align-items:center;gap:20px;}.twinPanel .rightPanel .navigator .pointArea .point{width:10px;height:10px;border-radius:3px;background-color:#fff;opacity:.5;transition:.3s opacity;}.twinPanel .rightPanel .navigator .pointArea .point.selected{opacity:1;}.captchaBody{display:flex;grid-gap:7px;background:#fff;width:100%;}.captchaBody img{height:65px;width:170px;background-color:#fff;border-radius:10px;border:1px solid #d9d9d9;flex:1;}.captchaBody vpanel{display:flex;flex-direction:column;grid-gap:5px;flex:1;}.captchaBody vpanel input{height:30px!important;width:100%;outline:0;border:1px solid #d9d9d9;border-radius:5px;text-align:center;font-size:10pt;color:#7a8692;}.captchaBody vpanel button{height:30px;width:100%;display:flex;align-items:center;justify-content:center;outline:0!important;border:0;background-color:#f0f0f0;border-radius:10px;color:#477fff;font-size:12px;font-weight:600;transition:300ms all;}.captchaBody vpanel button:hover{background-color:#d6d6d6;}@media only screen and (max-width:1200px){.twinPanel .leftPanel .middle .form{width:initial;}}@media only screen and (orientation:portrait){.twinPanel{flex-direction:column;}.twinPanel .rightPanel .multiForm{max-width:95%;}.twinPanel .rightPanel .form{max-width:100%;}.twinPanel .rightPanel .form .imageArea{max-width:100%;max-height:100%;}.twinPanel .rightPanel .form .imageArea img{max-width:100%;max-height:100%;}}@media only screen and (max-width:500px){.twinPanel{display:initial;}.twinPanel .leftPanel{padding:15px;height:100%;background:url(/images/system/navigator/navigator-body.jpg);}.twinPanel .leftPanel .header{padding:0;}.twinPanel .leftPanel .header .logo{max-height:40px;}.twinPanel .leftPanel .middle .form{padding:30px 10px;gap:25px;}.twinPanel .rightPanel{padding-bottom:50px;height:100%;}.twinPanel .leftPanel .middle .form .elements .bottomBlok .inputPanel .input{height:60px;border-radius:15px;}}