@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400;500;700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');*/

:root
{
--font:#404448;
--m1:#113355;
--m2:#f0f0f0;
--m1h:#112244;
--m2h:#ffffff;
--gr:#888888;
--lgt:#c0c4c8;
--ltblu:#2db9d9;
--red:#b03068;
--yell:#bbbb00;
--green:#009922;
--orange:#cc2200;
}

* {font-family:"Cuprum", "Arial narrow", sans-serif; transition:0.2s;}
.menu2 ul, .moved-elem, .injure-unit, button {transition:0s;}

body {margin:0px; padding:0px; color:var(--font); background:url(/pic/msg-bg.png); background-attachment:fixed;}
p, li, td, label {font-size:16px;}
h1 {font-size:32px; margin:0px 0px 16px;}
h2 {font-size:24px; margin:0px 0px 12px;}
h3 {font-size:18px; margin:0px 0px 8px;}
nav {width:100%; display:block;}
label {display:inline-block; width:210px; margin-right:23px;}
label.tiny {width:94px;}
label.short {width:152px;}
label.middle {width:443px;}
label.long {width:676px;}
label.maxi {width:calc(100% - 26px);}
label.full {width:100%;}
label.tiny2 {width:104px;}
label.short2 {width:135px;}
label > span {position:absolute; margin:9px 0px 0px 12px; font-size:20px; color:var(--lgt); z-index:0;}
label.filled > span {margin:-15px 0px 0px; font-size:14px; color:var(--font); z-index:0;}
input, select, textarea {width:calc(100% - 26px); padding:8px 12px; font-size:20px; color:var(--font); border:1px solid var(--lgt); border-radius:6px; background-color:transparent; outline:none;}
textarea {min-height:120px;}
label.filled input, label.filled select, label.filled textarea {border:1px solid var(--m1);}
label.fillgood input, label.fillgood select, label.fillgood textarea {border:1px solid var(--green);}
label.fillbad input, label.fillbad select, label.fillbad textarea {border:1px solid var(--red); background-color:#ffcccc;}
label.fillbad em {color:var(--red);}
label.fillgood em {height:16px; background:url(/pic/ico-check.svg) right center no-repeat; background-size:16px 16px;}
label i {font-style:normal; font-weight:700; font-size:12px; color:var(--green); line-height:12px;}
label.fillgood input:focus + em, label.fillgood select:focus + em, label.fillbad input:focus + em, label.fillbad select:focus + em {opacity:0.2;}
select {width:100%; padding:7px 11px;}
img {max-width:100%;}
button {display:inline-block; padding:12px 24px 10px; border:0px solid var(--m1); border-radius:10px; min-width:160px; background-color:var(--ltblu); text-align:center; font-size:20px; text-transform:uppercase; font-weight:700; color:var(--m2h); cursor:pointer;}
button:hover {background:linear-gradient(13deg, var(--m1), var(--ltblu));}
.wrap {max-width:1360px; margin:auto;}
*.centered {text-align:center;}
*.largetxt {font-size:24px;}
*.error {padding:8px 0px 12px; text-align:center; font-size:16px; color:var(--red); background-color:#fff8f8; border-radius:24px; box-shadow:inset 0px 0px 16px #ffffff;}
*.hd {font-weight:700;}
*.shaded {opacity:0.3;}
::placeholder {color:#d0d0d0; opacity:1;}
table input, table select, table textarea {width:calc(100% - 18px); padding:2px 8px; font-size:16px;}
h1 input.h1-long {width:320px; margin:0px 40px 0px 80px;}
table {background-color:#ffffff;}
footer {height:45px;}

.compact input, .compact select, .compact textarea {width:calc(100% - 14px); padding:3px 6px; font-size:16px; color:var(--font); border:1px solid var(--lgt); border-radius:4px; background-color:transparent; outline:none;}
.compact label > span {margin:4px 0px 0px 7px; font-size:16px;}
.compact label.filled > span {margin:-15px 0px 0px; font-size:14px;}

.menu1 {background:linear-gradient(0deg, var(--m1h), #406080); height:64px; overflow:visible;}
.menu2 {background:linear-gradient(0deg, #e0e0e8, #ffffff); height:64px; padding-top:16px;}
.menu1 .wrap {display:flex; justify-content:space-between; align-items:center;}
.menu1 ul, .menu2 ul {list-style:none; margin:0px; padding:0px;}
.menu1 ul {display:flex; flex-wrap:wrap; align-items:center; width:100%;}
.menu1 ul li {height:64px; border-left:1px solid var(--m1);}
.menu1 ul li:last-child {border-right:1px solid var(--m1);}
.menu1 ul li a {display:flex; position:relative; align-items:center; height:64px; padding:0px 32px; color:var(--m2); text-decoration:none; font-size:20px;}
.menu1 ul li.active a {padding:0px 64px 16px; background-color:var(--m1h); border-radius:0px 0px 16px 16px;}
.menu1 ul li:hover a {background-color:var(--m1h);}
.menu2 ul {display:flex; flex-wrap:wrap; align-items:center;}
.menu2 ul li a {color:var(--m1);}
.menu2 ul li {height:64px;}
.menu2 ul li a {display:flex; position:relative; align-items:center; height:64px; padding:0px 28px; color:var(--gr); text-decoration:none; font-size:16px; font-weight:700; border:1px solid transparent; border-radius:16px 16px 0px 0px;}
.menu2 ul li.active a {background-color:var(--m2h); color:var(--m1); padding:0px 40px;}
.menu2 ul li:hover a {color:var(--m1); border:1px solid var(--m2h);}
.menu1 ul li.profile {height:64px; margin:0px 0px 0px auto;}
.menu1 ul li.profile .profile-name {position:relative; height:64px; width:168px; display:flex; justify-content:space-between; align-items:center; height:64px; padding:0px 16px 0px 64px; background:url(/pic/ico-admin.svg) 16px 16px no-repeat; background-size:32px 32px; color:var(--m2); text-decoration:none; font-size:16px; font-weight:500;}
.menu1 ul li.profile .profile-name img {width:32px; height:32px; margin-right:24px;}
.menu1 ul li.profile .profile-name span {width:144px; text-align:left;}
.menu1 ul li.profile:hover .profile-name {background-color:var(--m1h);}
.menu1 ul li.profile.active .profile-name {background-color:var(--m1h); border-radius:0px 0px 16px 16px; padding:0px 16px 16px 64px;}
.menu1 ul li.profile .profile-menu {position:absolute; width:248px; height:0px; padding:0px; top:64px; background-color:var(--m1h); font-size:16px; border-radius:0px 0px 16px 16px; overflow:hidden; z-index:10;}
.menu1 ul li.profile .profile-menu a {display:block; width:auto; height:auto; padding:8px 0px; text-align:center; color:var(--m2); font-size:16px; text-decoration:none; font-weight:400; letter-spacing:1px;}
.menu1 ul li.profile .profile-menu a:hover {background-color:var(--m1);}
.menu1 ul li.profile:hover .profile-menu {height:96px; padding:8px 0px 24px;}

.fastpage {display:none; padding:24px 0px;}

.eosago-form, .eosago-calc, .eosago-details {display:inline-block; vertical-align:top;}
.eosago-form {width:956px; font-size:0px;}
.eosago-details {width:680px; padding-right:20px;}
.login-block {width:488px; font-size:0px; margin:auto;}
.eosago-calc {position:sticky; top:20px; width:338px; margin-left:18px; padding:20px; border:1px solid var(--m2); border-radius:24px; box-shadow:inset 0px 0px 12px #f0f0f0; background-color:#ffffff;}
.eosago-details + .eosago-calc {width:592px;}
.form1 label {padding:10px 0px 28px; position:relative;}
.kvtls-field label {padding:10px 0px 28px; margin-right:0px;}
.form1 label em {position:absolute; display:block; text-align:right; width:100%; font-style:normal; font-size:13px;}
.login-form h1 {font-weight:400; color:var(--ltblu); text-align:center;}
.form1 h2 {width:fit-content; font-weight:400; color:var(--ltblu);}
.moved-elem {padding:20px 0px 0px 20px; margin:0px 0px 24px; border:1px solid var(--m2); border-radius:24px; box-shadow:inset 0px 0px 12px #f0f0f0; background-color:#ffffff;}
.eosago-calc h2 {font-weight:400; color:var(--red); text-align:center;}
.compact.form1 label {padding:8px 0px 12px;}
.flexer-w {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
#kvtls {padding-right:23px;}

.injure-companies {display:flex; flex-wrap:wrap;}

.injure-unit {display:flex; flex-wrap:wrap; width:50%; align-items:center; padding:6px 0px 2px; border-top:1px dotted #e0e0e0;}
.injure-unit.eounit-buy {width:100%;}
.injure-logo {width:100px;}
.injure-calc {width:228px; text-align:center;}
.injure-calc span {display:inline-block; font-size:20px; font-weight:bold;}
.injure-startmsg {font-size:16px; color:#e0e0e0;}
.injure-prev, .injure-progress, .injure-error {display:none; position:relative; width:100%; height:40px;}
.injure-progress {background:url(/pic/loaderline.gif) center center no-repeat; background-size:64%; opacity:0.4;}
.injure-error {font-size:14px; color:var(--red); height:40px; overflow:hidden;}
.injure-premium i {font-size:12px; font-weight:normal; font-style:normal;}
.phase1 .injure-progress {display:block;}
.phase2 .injure-prev {display:flex; justify-content:center;}
.phase3 .injure-error {display:block;}
.phase1 .injure-startmsg, .phase2 .injure-startmsg, .phase3 .injure-startmsg, .injure-startmsg {display:none;}
.injure-error:hover {overflow:visible;}
.eosago-details + .eosago-calc .injure-logo {width:64px;}
#product_ipo_mod .eosago-form + .eosago-calc .injure-unit {width:100%;}

.go-calc button {padding:10px 20px 8px; font-size:16px; outline:none;}
.go-calc {text-align:center; padding:16px 0px 0px;}
.go-calc p {display:none;}
button.check-filling {background-color:var(--gr);}

.maychoose:hover {background-color:#d0f0d0; cursor:pointer; border-radius:8px;}
.maychoose:hover .injure-logo img {margin-left:10px;}

.oldcalc {opacity:0.3;}
.oldcalc + .go-calc p.oldcalc-alert {display:block;}

.eosago-details + .eosago-calc .eounit-buy .injure-logo, .eounit-buy .injure-logo {width:200px;}
.eounit-buy .injure-calc {width:100%;}
.eounit-buy .nfd em {font-size:16px;}
.eounit-buy .nfd span {font-size:32px;}
.eounit-buy .injure-premium i {font-size:18px;}
.eounit-buy.maychoose:hover {background-color:transparent; cursor:auto;}
.eounit-buy.maychoose:hover .injure-logo img {margin-left:auto;}

.fields-filler {padding:5px 10px; border:1px dotted var(--ltblu); text-align:center;}
.filler-points {margin:4px 0px 4px;}
.filler-unit {display:inline-block; margin:0px 2px; width:8px; height:8px; border-radius:4px; background-color:var(--red);}
.filler-unit.done {background-color:var(--green);}
.filler-backpath {display:none; color:var(--ltblu); text-decoration:underline; cursor:pointer;}
.go-buy {display:none; min-height:240px; padding:30px 0px; text-align:center;} 
.eosago-buy .filler-backpath {display:block;}
.eosago-buy .filler-header, .eosago-buy .filler-points {display:none;}
.pdf-to-check {display:none;}
.pdf-to-check a {color:var(--ltblu); cursor:pointer; text-decoration:underline; padding-left:20px; background:url(/pic/ico-pdf.svg) left center no-repeat; background-size:16px 16px;}

.go-buy label {margin:0px 0px 20px;}
.coeffs {border-spacing:0px; border-collapse:collapse; width:100%;}
.coeffs td {border:1px dotted var(--lgt); padding:4px 0px;}
.nfd {width:50%;}
.nfd em {font-size:12px; font-style:normal; color:var(--gr); display:block;}
.wait {display:none; height:48px; background:url(/pic/loaderline.gif) center center no-repeat; background-size:50%;}
.phase5 .wait {display:block;}

.osago-row {display:flex; flex-wrap:wrap; padding:8px 0px; border-bottom:1px solid var(--m2); justify-content:space-between; align-items:flex-start; background:#ffffff;}
.osago-row:hover {border-bottom:1px solid var(--lgt);}
.osago-row-name {width:85%; display:flex;}
.osago-row-panel {width:10%; display:flex;}
.osago-row-name div {color:inherit;}
.osago-row-name div span {display:block;}
.osago-row-name .no-data {opacity:0.4;}
*.coment {font-size:13px; color:var(--lgt);}
.orn-id {width:6%;}
.orn-status {width:13%;}
.orn-owner {width:22%;}
.orn-car {width:21%;}
.orn-regnum {width:10%; text-transform:lowercase;}
.orn-company {width:16%;}
.orn-cost {width:12%;}
.orn-link span a {color:var(--lgt); border-bottom:1px dashed; text-decoration:none;}
.orn-link span.active a {display:inline-block; padding:2px 4px; color:var(--ltblu); border:1px solid; border-radius:6px; text-decoration:none;}

.row-state0 {background-color:#ffffff;}
.row-state1 {color:#404477; background-color:#f8f8ff;}
.row-state2 {color:#602077; background-color:#fff4fb;}
.row-state3 {color:#326432; background-color:#ecffec;}
.row-state0 .orn-status span {color:var(--lgt);}

.pagination {position:relative;}
.pages-nums {display:flex; width:80%; padding:0px 0px 6px; margin:20px 0px; overflow-x:scroll;}
.pages-nums a {padding:6px 10px; text-align:center; min-width:24px; margin:0px 4px; background-color:var(--lgt); color:var(--m2); text-decoration:none; font-size:16px; font-weight:700; border-radius:8px;}
.pages-nums a:hover {background-color:var(--ltblu);}
.pages-nums a.active {background-color:var(--m1);}
.pgcounts {position:absolute; top:0px; right:0px;}
.pgcounts p {margin:0px 0px 12px;}
.pgcounts p a {text-decoration:none; margin-left:8px; color:var(--ltblu); border-bottom:1px dashed;}
.pgcounts p a.active {color:var(--m1); font-weight:700;}

.ico-edit {background:url(/pic/ico-edit.svg) left center no-repeat;}
.ico-remove {background:url(/pic/ico-remove.svg) left center no-repeat;}
.ico-view {background:url(/pic/ico-view.svg) left center no-repeat;}
.ico-file {background:url(/pic/ico-file.svg) left center no-repeat;}
.ico-clone {background:url(/pic/ico-clone.svg) left center no-repeat;}
.ico-copy {background:url(/pic/ico-copy.svg) left center no-repeat;}
.ico-money {background:url(/pic/ico-money.svg) left center no-repeat;}
.ico-support {background:url(/pic/btm-support.png) left center no-repeat; filter:hue-rotate(85deg);}
.ico-spy {background:url(/pic/ico-spy.svg) left center no-repeat;}
.ico-shield {background:url(/pic/ico-shield.svg) left center no-repeat;}
.orp-buttons a {display:inline-block; width:20px; height:20px; margin-left:16px; background-size:100% 100%; opacity:0.6; vertical-align:bottom;}
.orp-buttons a:hover {opacity:1;}
.orp-buttons a:first-child {margin-left:0px;}
.act-btn {display:block; width:120px; padding:4px 12px; background-color:var(--lgt); color:#ffffff; border-radius:6px; text-decoration:none;}
.act-btn:hover {background-color:var(--ltblu);}
.act-buttons {display:none; position:absolute; padding:0px; width:160px; margin:24px 0px 0px -24px; border-radius:8px; border:1px solid var(--m2); background-color:#ffffff; z-index:2;}
.act-btn:hover + .act-buttons, .act-buttons:hover {display:block;}
.act-buttons a {display:block; padding:8px 0px 8px 24px; margin:0px; text-align:left; background-size:16px 16px; background-position:4px center; border-bottom:1px dotted #d0d0d0; border-radius:8px; color:var(--m1); text-decoration:none;}
.act-buttons a:hover {background-color:var(--m2);}

.osago-sess-details {display:flex; width:calc(100% - 40px); padding:8px 20px; justify-content:space-between; border-radius:0px 0px 24px 24px; box-shadow:inset 0px 0px 12px var(--m2);}
.osago-sess-details.osago-sess-calcs {flex-wrap:wrap;}
.osago-sess-details.hddn {display:none;}
.osago-sess-details ul {margin:0px; padding:0px 10px 0px 0px; min-width:90px; list-style:none;}
.osago-sess-details li {display:block; font-size:13px; color:#aaaaaa; margin:2px 0px;}
.osago-sess-details li::before {content:""; display:inline-block; width:8px; height:8px; margin-right:4px; border-radius:50%; vertical-align:middle; background-color:#990000;}
.osago-sess-details li.sess-yell::before {background-color:#bbbb22;}
.osago-sess-details li.sess-detail-filled {color:#006622; font-weight:700;}
.osago-sess-details li.sess-detail-filled::before {background-color:#009933;}
.osago-sess-details h4 {margin:4px 0px; font-size:16px; text-decoration:underline; font-weight:400;}
.osago-sess .orn-cost, .osago-sess .orn-company {text-align:center;}

.sess-calc-details {width:100%;}
.sess-calc {width:10%; text-align:center;}
.sess-calc img {display:inline-block; height:30px;}
.sess-calc span {display:block; font-size:18px; font-weight:700; text-align:center;}
.sess-calc span.error {font-size:12px; background:none; max-height:120px; overflow:hidden;}
.sess-calc span.error:hover {overflow:visible;}
.sess-calc span.poolkv {font-size:12px; color:var(--green);}
.sess-calc span.log-link {font-size:14px; color:var(--ltblu); text-decoration:underline; margin-top:8px; cursor:pointer;}

.progress-line {display:block; width:100%; height:12px; border-radius:6px; background-color:var(--m2);}
.progress-line b {display:block; background-color:#009933; height:12px; border-radius:6px;}

.logo-big {width:160px; margin:40px auto;}

.new-obj {display:inline-block; float:right; margin:0px; font-size:16px; line-height:16px; font-weight:700; text-transform:uppercase; text-decoration:none; height:20px; padding:13px 16px 7px; border-radius:20px; background-color:var(--ltblu); color:#ffffff;}
.new-obj:hover {background:linear-gradient(13deg, var(--m1), var(--ltblu));}
.new-obj b {font-size:24px; vertical-align:top; margin-right:8px;}

#login .moved-elem .login-form {display:block;}
#login .moved-elem .reg-form, #login .moved-elem .forgot-form {display:none;}
#login .registering .moved-elem .reg-form {display:block;}
#login .registering .moved-elem .login-form, #login .registering .moved-elem .forgot-form {display:none;}
#login .forgot .moved-elem .forgot-form {display:block;}
#login .forgot .moved-elem .login-form, #login .forgot .moved-elem .reg-form {display:none;}
#login .registering .logo-big {width:80px; margin:20px auto;}
.dashed {font-size:18px; color:var(--ltblu); text-decoration:none; border-bottom:1px dashed var(--ltblu);}

.holder-wrap:nth-child(n+2) {padding:20px 0px 0px; border-top:1px dotted var(--lgt);}
.holder-wrap {position:relative;}
.holder-wrap h2 {margin:0px 0px 24px;}
.holder-wrap h2 em {display:block; position:absolute; right:26px; top:12px; margin-left:16px; font-style:normal; font-size:20px; cursor:pointer;}

.holder-right-options {float:right;}
.holder-right-options label {display:flex; align-items:center; justify-content:space-between; padding:0px; line-height:14px;}
.holder-right-options input {appearance:none; -moz-appearance:none; -webkit-appearance:none; padding:0px; margin:0px 2px; width:24px; height:24px; border-radius:13px; border:1px solid var(--font); transition:background-color 0.3s, margin 0s, border 0s;}
.holder-right-options b {width:calc(100% - 40px); font-weight:400; color:var(--lgt);}
.holder-right-options label:hover b {color:var(--font);}
.holder-right-options input:checked {border:5px double #ffffff; background-color:var(--green); outline:none; margin:0px; width:28px; height:28px; border-radius:16px;}
.holder-right-options input:checked + b {color:var(--green);}
.holder-right-options label:hover input:checked + b {color:var(--green);}
.holder-right-options.no-right {float:none;}
.holder-right-options.multidrive {padding-bottom:16px;}
.holder-right-options i {font-style:normal; font-size:15px; font-weight:400; border:1px solid; color:var(--ltblu); cursor:pointer; display:inline-block; padding:6px 16px; border-radius:8px; background-color:var(--m2);}
.holder-right-options i:hover {background-color:var(--m1); color:#ffffff;}
.ht3 {position:absolute; right:0px; top:-45px;}
.holder-wrap h2 input {margin:0px 8px 0px 0px; padding:0px; appearance:none; -moz-appearance:none; -webkit-appearance:none; width:24px; height:24px; vertical-align:middle; border:5px double #ffffff; background-color:var(--green); outline:none; transition:background-color 0.3s, margin 0s, border 0s;}
.holder-wrap h2 input:checked {border:1px solid var(--lgt); background-color:#ffffff;}
.holder-wrap.trprt * {opacity:0.5;}
.holder-wrap.trprt h2, .holder-wrap.trprt h2 input {opacity:1;}

.addriver label {margin-bottom:16px;}

.motive-form-list {border-spacing:0px;}
.motive-form-list td {border-bottom:1px solid var(--m2); border-left:1px solid var(--m2); padding:4px 8px;}
.motive-form-list td:last-child {border-right:1px solid var(--m2);}
.motive-form-line.hd td {position:sticky; top:0px; padding:4px 4px 8px; background-color:#ffffff; border-bottom:2px solid var(--font);}
.motive-form-list td.noborder {border-left:0px;}
.motive-form-list td.noborder span::before {content:""; display:block; position:absolute; width:50px; height:1px; background-color:var(--green); margin:-2px 0px 0px -30px;}
.motive-form-list label {width:60px; margin-right:0px; vertical-align:middle;}
.form-line-data {display:none; width:90px; vertical-align:middle; text-align:center;}
.motive-form-list td.form-line-name, .form-line-name {width:360px; border-right:1px solid var(--font);}
.form-line-name span {display:inline-block; width:260px; vertical-align:middle;}
.motive-form-line.hd .form-line-data span {display:block;}
.motive-def {float:right;}

.motive-line {display:flex; flex-wrap:nowrap; align-items:center; min-height:32px;}
.motive-line div {text-align:center; width:150px;}
.motive-line div:first-child {width:350px; text-align:left; padding-left:8px;}
.motive-line:nth-child(2n) {background-color:var(--m2);}

.log-unit {display:flex; align-items:start;}
.log-police b {display:inline-block; min-width:60px; color:var(--m1); border-bottom:1px dashed; cursor:pointer;}
.log-unit div {padding:10px;}
.log-request, .log-response {display:none;}

.partner-line {display:flex; flex-wrap:nowrap; align-items:center; min-height:40px;}
.partner-line > div {text-align:center; width:150px;}
.partner-line > div:first-child {width:calc(100% - 1050px); text-align:left; padding-left:8px;}
.partner-line > div:first-child span {display:block;}
.partner-line div b {display:block; font-size:12px; color:var(--gr);}
.partners .partner-unit:nth-child(2n) > .partner-line {background-color:var(--m2);}
.partners .partner-unit:nth-child(2n-1) > .partner-line {background-color:var(--m2h);}
.partner-unit.hdr {padding:8px 0px; color:var(--m1); font-weight:bold; border-bottom:2px solid var(--m1); border-top:1px solid var(--m2); background-color:#ffffff;}
.partner-tree {display:none; margin-left:30px; border:1px dotted var(--lgt);}
.expanded > .partner-tree {display:block;}
.adv {display:block; float:right; width:20px; height:20px; background-size:100% 100%; opacity:0.6; vertical-align:bottom; background:url(/pic/ico-adv.svg) center center no-repeat; cursor:pointer;}
.adv:hover {opacity:1;}
.expanded > .partner-line .adv {background:url(/pic/ico-advup.svg) center center no-repeat;}
.groupnames {font-size:12px; color:var(--gr);}
.groupnames b {font-weight:normal; margin-right:8px; filter:saturate(1.5);}

.details {display:flex; align-items:start; text-align:left; min-height:240px;}
.details-names {width:60%;}
.details-groups {width:40%;}
.details-pays {width:50%;}
.details-groups label {padding:2px 0px;}
.details-groups input[type=checkbox] {width:20px; height:20px; border-radius:10px; margin:2px;}
.details-groups input[type=checkbox]:checked {width:24px; height:24px; border-radius:14px;}
.name-to, .name-to p {font-size:18px;}

.mindates {text-align:right; margin:-40px 26px 0px 0px;}
.mindates a {color:var(--ltblu);}
.mindates a:hover {color:var(--m1);}

label strong b {position:absolute; display:block; right:0px; top:-10px; width:14px; height:14px; border:1px solid var(--ltblu); border-radius:50%; text-align:center; font-size:12px; color:var(--ltblu);}
label strong i {position:absolute; display:none; padding:12px; right:-60%; left:30%; top:16px; border-radius:8px; font-style:normal; font-weight:400; background-color:#ffffff; box-shadow:1px 1px 5px var(--lgt); z-index:5;}
label strong b:hover {background-color:var(--ltblu); color:#ffffff;}
label strong b:hover + i {display:block;}

.eaisto-act span {display:inline-block; margin:20px 200px 0px; color:var(--m1); border-bottom:1px dashed; cursor:pointer;}
.eaisto-act span:hover {color:var(--ltblu);}

.mark-list a {display:inline-block; margin:0px 16px 12px 0px; text-decoration:none; color:var(--m1); font-size:18px; border-bottom:1px dashed;}
#lib_cars .ajax-elem {display:flex; position:relative; flex-wrap:nowrap; width:100%; justify-content:space-between; align-items:start; padding:10px 0px; border-bottom:1px solid var(--lgt); transition:0s;}
#lib_cars .ajax-elem div {width:10%;}
#lib_cars .ajax-elem div label {width:100%;}
#lib_cars .ajax-elem.hdr {position:sticky; padding:8px 0px; color:var(--m1); font-weight:bold; border-bottom:2px solid var(--m1); border-top:1px solid var(--m2); background-color:#ffffff;}
#lib_cars .rule-buttons {display:none; position:absolute; bottom:20px; left:160px;}
#lib_cars .ajax-elem:hover .rule-buttons {display:block; width:fit-content;}
#lib_cars .rule-buttons div {display:none; padding:4px 4px 4px 24px; margin:0px 12px; width:auto; height:16px; background-position:4px center; background-repeat:no-repeat; background-size:16px; cursor:pointer; border-radius:6px;}
#lib_cars .rule-buttons div.rb-actions {background-image:url(/pic/ico-eye.svg); display:inline-block;}
.rule-buttons div.rb-copy {background-image:url(/pic/ico-copy.svg);}
.rule-buttons div.rb-clear {background-image:url(/pic/ico-clear.svg);}
.rule-buttons div.rb-remove {background-image:url(/pic/ico-remove.svg);}
#lib_cars .rule-buttons.active div {display:inline-block;}
#lib_cars .rule-buttons div:hover {background-color:var(--m2);}


.help-point {position:absolute; width:inherit;}
.resque-ring strong {position:absolute; right:-28px; top:-28px; width:64px; height:64px; background:url(/pic/ico-resque.png) right top no-repeat; background-size:40px; filter:grayscale(1); z-index:2;}
.resque-ring:hover strong, .helpstate1 .resque-ring strong, .helpstate2 .resque-ring strong, .helpstate4 .resque-ring strong {filter:grayscale(0);}
.resque-ring em {position:absolute; right:-20px; top:10px; display:none; background:#ffffff; padding:20px; font-size:24px; font-style:normal; border-radius:16px; box-shadow:1px 1px 10px var(--red); z-index:2;}
.resque-ring em textarea {font-size:16px;}
.resque-ring em b {font-weight:400; border-bottom:1px dashed; color:var(--m1); cursor:pointer;}
.resque-ring:hover em {display:block;}
.resque-ring em b:hover {color:var(--ltblu);}
.helpstate1 .resque-ring:hover em, .helpstate2 .resque-ring:hover em, .helpstate4 .resque-ring:hover em {display:none;}
.helpstate3 .resque-ring strong {filter:grayscale(0) hue-rotate(145deg);}
.helpstate3 .resque-ring em {box-shadow:1px 1px 10px var(--green);}

@keyframes pulse {50% {text-shadow:0px 0px 7px;}}
.resque-flash {position:absolute; top:-36px; padding:8px 20px; height:22px; font-size:20px; width:80%; background:var(--m2); border-radius:20px; border:1px solid; color:var(--orange); z-index:2;}
.resque-flash strong, .resque-flash strong b {animation:pulse 1s linear infinite;}
.resque-flash strong b:last-child {display:none;} 
.resque-flash a {display:none; color:inherit;}
.resque-flash textarea {display:none; font-size:16px; background-color:#ffffff;}
.helpstate2 .resque-flash strong b:last-child {display:inline;} 
.helpstate2 .resque-flash strong b:first-child {display:none;} 
.helpstate2 .resque-flash {color:var(--green);}
.helpstate4 .resque-flash {color:var(--ltblu);}
.helpstate4 .resque-flash a {display:inline;} 
.helpstate4 .resque-flash strong {display:none;}
.helpstate4 .resque-flash:hover {height:172px;}
.helpstate4 .resque-flash:hover textarea {display:block;}
.resque-flash {display:none;}
.resque-flash em {position:absolute; display:inline-block; margin:2px 0px 0px 50px; font-size:14px; font-style:normal; color:var(--m1); border-bottom:1px dashed; cursor:pointer;}
.resque-flash em:hover {color:var(--ltblu);}
.helpstate1 + h2, .helpstate2 + h2, .helpstate4 + h2 {font-size:16px; margin:6px 0px; color:var(--m1);}
.helpstate1 .resque-flash, .helpstate2 .resque-flash, .helpstate4 .resque-flash {display:block;}
.helpstate4 .resque-flash em {display:none;}

.eosago-help .eosago-form, .eosago-help .fields-filler, .eosago-help .injure-companies {opacity:0.3;}
.eosago-help label em {display:none;}
.eosago-help .backtoedit {display:none;}
.dkp-buttons {padding:20px 0px 120px;}

.bonus-eye {position:absolute; display:block; width:32px; height:24px; margin:-40px 0px 0px 0px; background-image:url(/pic/ico-eye.svg); background-size:100%; opacity:0.4;}
.bonus-eye:hover {opacity:1;}
.bonus-eye.closed-eye {background-image:url(/pic/ico-eye-c.svg);}
.closed-eye ~.injure-companies .nfd:nth-child(2) {display:none;}

.back-link {position:absolute;}
.back-link a {display:block; height:16px; padding:8px 8px 8px 40px; color:var(--ltblu); background:url(/pic/ico-back.svg) left center no-repeat; background-size:auto 100%; filter:grayscale(1);}
.back-link a:hover {filter:grayscale(0);}

.news-block div, .news-block form {padding:10px 20px; border-top:1px dashed var(--lgt);}
.news-date {text-decoration:underline; font-weight:700; width:min-content; padding:7px 36px 0px 0px; margin:0px 0px 20px; position:relative;}
.news-block .ico-edit {display:block; float:right; width:20px; height:20px; margin-left:20px; background-size:100% 100%; opacity:0.6; vertical-align:bottom;}


.hddn {display:none;}

.popup {position:absolute; top:160px; width:680px; left:50%; margin-left:-370px; padding:30px; background-color:rgba(255,255,255,0.95); border-radius:16px; box-shadow:2px 2px 5px #555555; overflow:auto; text-align:center; z-index:100;}
.popup.wide {width:1300px; margin-left:-680px;}
.popup.short {width:240px; margin-left:-150px;}
.close {position:absolute; display:block; right:10px; top:10px; width:24px; height:24px; background-image:url(/pic/ico-cross.svg); background-size:100%; cursor:pointer;}
.close:hover {filter:hue-rotate(240deg);}
.hdr {position:sticky; top:0px; z-index:5;}
.alert, .alert a {color:var(--orange); font-weight:700; animation:pulse 1s linear infinite;}
.success {color:var(--green); font-weight:700;}
.artbutton {display:inline-block; width:198px; padding:24px 32px; margin:0px 0px 0px 32px; background:var(--ltblu); vertical-align:middle; text-align:center; font-size:24px; color:var(--m2); text-decoration:none; border-radius:24px;}
.artbutton:hover {background:var(--m1);}
.graydata {color:var(--lgt);}
.wait-holder {position:fixed; display:none; height:180px; width:240px; top:calc(50% - 90px); left:calc(50% - 120px); opacity:0.5;}
.save-report {display:none; position:absolute; top:-20px; left:24px; color:var(--gr);}
.osagodetail-btn {float:right; margin:0px 24px 0px 0px; color:var(--ltblu); padding:0px 0px 0px 24px; background:url(/pic/ico-edit.svg) left center no-repeat; border-bottom:1px dashed; cursor:pointer;}
.backtoedit:hover {color:var(--m1);}
.rel-perc input {font-weight:700; color:var(--green);}
.greenc1 .nfd {color:var(--green);}
.greenc2 .nfd {color:var(--red);}
.prolongue-switch {display:block; position:absolute; width:160px; padding:4px 24px; margin:-26px 0px 0px 720px; font-size:16px; text-align:right; border-radius:12px 12px 0px 0px; color:#ffffff; background:url(/pic/logo-alfa-rene-sogl.png) 16px center no-repeat var(--lgt); background-size:auto 16px; cursor:pointer;}
.prolongue-switch:hover {background-color:var(--gr);}
.prolongue-switch.active {background-color:var(--green);}
.partner-tree {background-color:#f0f8ff; border:1px dotted #77aadd;}
.partner-tree .partner-tree {background-color:#f0fff0; border:1px dotted #77dd77;}
.partner-tree .partner-tree .partner-tree {background-color:#fff0ff; border:1px dotted #dd77dd;}
.partner-tree .partner-tree .partner-tree .partner-tree {background-color:#fffff0; border:1px dotted #dddd77;}
img.ico16 {width:16px; height:16px;}
.cars-not-filled {border-bottom:3px solid #ff0000; border-left:1px solid #ff0000; border-right:1px solid #ff0000;}

p.extra {font-size:24px; line-height:24px; margin:8px 0px 16px;}
p.extra span {font-size:48px; font-weight:700; margin-left:20px;}
.lg20 {font-size:20px; line-height:20px; margin:8px 0px;}
.large {font-size:28px; margin-left:20px;}

.clr-yell {color:var(--yell);}
.clr-red {color:var(--orange);}
.clr-green {color:var(--green);}

.finance-block {display:flex; padding:40px 0px; align-items:start;}
.finance-block > div {width:50%;}
.finance-block > div p {display:flex; align-items:center; margin:10px 0px;}
.finance-block > div p span:first-child {width:30%; text-align:right; padding-right:20px;}
.finance-block > div p b {font-weight:400;}
.inpay-row {padding:0px 40px;}
.inpay-row form {border-bottom:1px dotted var(--m2);}
.inpay-row form p {font-size:22px;}
.pay-history-key {cursor:pointer; padding:4px 0px;}
.pay-history-field {border-top:1px solid var(--lgt); padding:0px 0px 4px;}
.pay-history-field span {display:block; font-size:14px; border-bottom:1px dotted var(--m2);}
.pay-history-field .remove {display:inline-block; width:9px; height:13px; background-image:url(/pic/ico-remove.svg); margin-left:8px; vertical-align:middle;}

.dk-alert {position:absolute; margin:0px 0px 0px -380px; width:360px; font-size:14px; color:var(--orange);}
.reset-kv {margin:12px 0px 0px -200px; position:absolute; color:var(--ltblu); border-bottom:1px dashed; cursor:pointer;}

.stat {width:100%; border-spacing:0px; border-collapse:collapse;}
.stat td {border:1px solid var(--lgt); text-align:center;}
.stat .stat-datas td {width:6.1%;}
.stat .stat-datas td.frag-open {width:7.5%;}
.stat .stat-datas td:first-child {width:15%;}
.stat td span {display:block; height:18px;}
.stat td span + span {border-top:1px dotted var(--m2);}
.stat-frags {display:none;}
.stat-fhd td {position:sticky; top:0px; height:30px; font-weight:bold; background-color:#ffffff; z-index:5; box-shadow:0px 2px 0px var(--m1);}
.stat-fhd + .stat-fhd td {top:33px;}
td.stat-hd {height:30px; padding:0px 8px; background-color:var(--ltblu); color:#ffffff; font-weight:bold; text-align:left;}
td.stat-b-r {border-right:1px solid var(--m1);}
.frag-open {color:var(--m1); text-decoration:underline; cursor:pointer;}
.frag-open:hover {background-color:var(--m2);}
.stat-lnames {position:relative;}
.stat-lnames b {display:block; position:absolute; top:16px; right:8px; font-size:14px; font-weight:normal; color:var(--ltblu); border-bottom:1px dashed; cursor:pointer;}

a.part-exit {color:#ff9999;}
.telegram {display:flex; position:absolute; margin:-12px 0px 0px 480px; padding:8px; height:40px; border-radius:16px; text-decoration:none; border:1px solid transparent;}
.telegram img {width:40px; height:40px; margin-right:16px; border-radius:8px;}
.telegram span {font-size:18px; color:var(--ltblu);}
.telegram:hover {border:1px solid var(--m1);}
.filter-block {padding:8px; margin-bottom:16px; box-shadow:inset 0px -5px 12px #f0f0f0; border-bottom:1px solid var(--m1); background-color:#ffffff;}
.filter-reset {color:var(--ltblu); text-decoration:none; border-bottom:1px dashed; cursor:pointer;}
.filter-reset em {font-style:normal;}
.filter-reset b {display:none;}
.kill-osago {margin:0px; text-align:right;}
.kill-osago a {display:inline-block; width:32px; height:32px; opacity:0.4; visibility:hidden; background:url(/pic/ico-kill.svg) center center no-repeat; background-size:100% 100%; cursor:pointer;}
.kill-osago:hover a {visibility:visible;}
.kill-osago a:hover {opacity:1;}
.kill-info {margin:0px 80px;}
.kill-info p {color:#990000;}
.good-grow {color:#009900;}
.bad-grow {color:#990000;}
i.new-alert {display:block; width:12px; height:12px; position:absolute; background-color:var(--red); border-radius:6px; right:10px; top:10px;}
.save-profile-btn {display:none; padding:0px 0px 24px;}
.udata-alert {position:absolute; opacity:0; width:100px; margin:0px 0px 0px -100px; font-size:14px; font-style:normal; line-height:16px; color:#ffaaaa;}
@keyframes flash {from {opacity:0;} 5% {opacity:1;} 10% {opacity:0;} 15% {opacity:1;} 20% {opacity:0;} 25% {opacity:1;} 30% {opacity:0;} to {opacity:0;}}
.udata-alert {animation:flash 10s infinite ease-in-out;}
.profile:hover .udata-alert {opacity:1;}

.insure-panel {display:flex; height:auto; flex-wrap:wrap; margin:0px 0px 20px; justify-content:space-between; align-items:center;}
.insure-switch {color:var(--ltblu); text-decoration:none; width:100px; margin:0px 24px 10px 24px; padding:4px 8px; border:1px solid transparent; border-bottom:1px dashed var(--ltblu);}
.insure-switch:hover {color:var(--m1h); border-bottom:1px solid var(--m1h);}
.insure-switch.active {color:var(--m1); font-weight:700; border:1px solid var(--m1); border-radius:8px; background-color:var(--m2);}


.udata-alarm {position:fixed; width:40%; height:calc(50% - 200px); padding:100px 5%; top:25%; left:25%; background:#ffffff; border-radius:24px; box-shadow:0px 0px 120px #777777; text-align:center; font-size:20px;}
.udata-alarm p {font-size:20px;}
.udata-alarm button {margin:30px 30px 0px;}

.setitpaid {margin:20px 0px 0px;}
.setitpaid b {position:absolute; display:block; opacity:0; margin-top:-40px; width:24px; height:24px; background:url(/pic/ico-money.svg) center center no-repeat; background-size:100%;}
.setitpaid b:hover {opacity:1;}
.setitpaid input, .setitpaid span, .setitpaid em {display:none;}
.setitpaid em {width:48px; vertical-align:middle; padding:2px 4px; border:1px solid var(--m1h); font-style:normal; font-weight:bold; color:var(--m1h); border-radius:6px; cursor:pointer;}
.setitpaid em:hover {background-color:var(--lgt);}



.adres-block {display:inline-block; width:23%; vertical-align:top; }
.message-block {display:inline-block; position:sticky; top:0px; width:73%;}
.message-field {height:calc(100vh - 435px); position:sticky; border-radius:6px; padding:20px; margin:20px auto; background-color:var(--m2); overflow:auto; -ms-overflow-style:none; scrollbar-width:none;}
.message-field::-webkit-scrollbar {display:none;}
.msg-elem {display:inline-block; position:relative; min-width:240px; padding:10px; margin:0px 80px 10px 0px; border:1px solid var(--lgt); border-radius:16px 8px 12px 0px; background-color:#ffffff;}
.msg-time {float:right; font-size:13px; color:var(--lgt);}
.msg-autor {display:block; font-size:13px; color:var(--lgt);}
.msg-text {display:block; font-size:18px; color:var(--font);}
.to {text-align:left;}
.from {text-align:right;}
.from .msg-elem {border-radius:8px 16px 0px 12px; margin:0px 0px 10px 80px; background-color:#e8f0ff; text-align:left;}
.adres-block {margin:20px 20px 20px 0px; text-align:left;}
.adres-call {padding:10px; border-bottom:1px solid var(--lgt); cursor:pointer;}
.adres-call:hover, .adres-call.active {background-color:var(--m2);}
.adres-call.unread {border:2px solid var(--font);}
.adres-call p {margin:0px;}
.adres-call span {display:block;}
.adres-call span:first-child {font-size:18px; color:var(--font);}
.adres-call span:last-child {font-size:13px; color:var(--lgt);}
.adres-call.unread span:first-child {font-weight:700; color:var(--m1h);}
.adres-call.unread span:last-child {font-weight:700; color:var(--gr);}
.message-write {margin:0px 0px 20px;}
.message-write-text, .message-write-send {display:inline-block; vertical-align:middle;}
.message-write-text {width:80%;}
.message-write-text textarea {height:64px; min-height:64px;}
.message-write-send span {display:inline-block; width:32px; height:32px; vertical-align:middle; background:url(/pic/ico-telegram.svg) center center no-repeat; background-size:100% 100%; cursor:pointer;}
a.mail-alert {display:block; width:32px; height:32px; position:absolute; background:url(/pic/ico-mail.svg) center center no-repeat; background-size:100% 100%; right:calc(50% - 560px); top:90px; cursor:pointer;}
a.mail-alert:hover {filter:hue-rotate(203deg) brightness(2);}
a.clnd-alert {display:block; width:32px; height:32px; position:absolute; background:url(/pic/ico-calendar.svg) center center no-repeat; background-size:100% 100%; right:calc(50% - 500px); top:90px; cursor:pointer;}
a.clnd-alert:hover {filter:hue-rotate(203deg) brightness(2);}
.afil, .cmnt {display:inline-block; vertical-align:top; margin:4px 0px 0px 40px; font-size:14px; color:var(--ltblu); border-bottom:1px dashed; cursor:pointer;}
.cmnt {margin:0px;}

.dialog-msg-edit {display:block; position:absolute; top:0px; right:-16px; width:12px; height:20px; background:url(/pic/ico-dots.svg) center center no-repeat; background-size:100% 100%; cursor:pointer;}
.edit-msg-options {display:none; position:absolute; top:20px; right:0px; padding:8px; background:#ffffff; z-index:2;}
.edit-msg-options a {display:block; text-decoration:none; padding:4px 12px; color:var(--m1h);}
.edit-msg-options a:hover {background-color:var(--lgt);}
.editable .msg-text{border:1px solid; background:var(--wt); padding:4px;}
.edit-msg-push {margin:4px 0px 0px;}

.msg-img2, .msg-img3, .msg-img4, .msg-img5, .msg-img6, .msg-img7 {display:block; width:80px;}
.msg-img-name {color:var(--font);}

.floader {position:relative; width:32px; height:32px; margin:0px 0px 12px;}
.floader input[type="file"] {position:absolute; top:-20px; opacity:0;}
.floader figure {position:absolute; left:0px; top:0px; width:calc(100% - 4px); height:calc(100% - 4px); margin:0px; background:url(/pic/ico-paperclip.svg) center center no-repeat; background-size:100% 100%; cursor:pointer; z-index:10;}
.floader figure:hover {filter:brightness(0.5);}
.progress {display:none;}
.progress-bar {position:absolute; width:0%; height:100%; background:#d0ffe0; z-index:5;}


.drive-count-informer {position:absolute; margin:10px 0px 0px 520px; width:64px; height:64px; text-align:center; padding:10px 10px 10px; border:2px solid; color:var(--green); border-radius:44px;}
.drive-count-informer span {font-size:32px;}
.drive-count-informer.nonful-drivers {color:var(--orange);}

.cross {text-align:left;}
.cross-unit label {margin:0px 0px 4px;}
.cross-unit input {width:18px; height:18px; vertical-align:middle; color:var(-green);}
.cross-unit span {display:inline-block;}
.cross-unit span strong {font-size:20px; font-weight:700;}
.cross-unit span.cr-cost {width:160px;}
.cross-hd {background-color:var(--m2); padding:3px 12px; color:var(--m1); font-weight:600;}
.cross-load {margin:10px auto; display:block;}
.load-cross-pdf {font-size:14px; padding:0px 0px 0px 30px; background:url(/pic/ico-pdf.svg) 12px center no-repeat;}

.bill-upload-block {display:flex; padding:10px 20px 20px; flex-wrap:wrap; align-items:center; justify-content:center;}
.bill-upload-block div {width:140px; margin-right:20px;}
.bill-upload-block div a {width:120px; padding:0px 0px 0px 20px; background:url(/pic/ico-pdf.svg) left center no-repeat; background-size:16px 16px; color:var(--ltblu);}
.bill-upload-block div a:hover {color:var(--m1);}
.bill-outswitch {color:var(--ltblu); font-size:14px; border-bottom:1px dashed;}
.bill-outbox {display:none; position:absolute; padding:10px 20px; margin:-3px 0px 0px; background:#ffffff; width:240px; border-radius:16px; box-shadow:0px 0px 5px #999999;}
.bill-outswitch:hover + .bill-outbox, .bill-outbox:hover {display:block;}
.bill-outbox div a {display:block; padding:3px 0px 3px 20px; background:url(/pic/ico-pdf.svg) left center no-repeat; background-size:16px 16px; color:var(--ltblu);}
.bill-outbox div a:hover {color:var(--m1);}
.bill-outbox h6 {margin:0px; font-size:14px;}

.loadpolicy {float:right; margin:-72px 70px 0px 0px;}
.loadbtn {display:block; width:80px; text-align:center; opacity:0.1; cursor:pointer; text-decoration:none;}
.loadbtn:hover {opacity:1;}
.loadbtn img {width:24px;}
.loadbtn b {color:var(--m1); border-bottom:1px dashed;}
.loadform {position:absolute; padding:40px; background-color:#ffffff; box-shadow:1px 1px 7px #777777; border-radius:12px; width:212px; margin-left:-148px; z-index:12;}
.loadform label {margin-bottom:23px;}
.loadform input[type=file] {font-size:12px;}


.clnd-mon-body {display:flex; flex-wrap:wrap; justify-content:space-between;}
.clnd-day {position:relative; width:13%; min-height:110px; padding:8px 4px; margin:0px 0px 4px; border:1px solid var(--m1); border-radius:6px; background-color:#ffffff;}
.clnd-dig-date {position:absolute; font-size:48px; line-height:48px; color:#777777; bottom:0px; left:4px; opacity:0.4;}
.clnd-dig-date.clnd-dig-week6, .clnd-dig-date.clnd-dig-week7 {color:#dd7777; opacity:0.2;}
.clnd-day.clnd-vis0 {border:1px solid #e0e0e0;}
.clnd-day.clnd-vis0 .clnd-dig-date {color:#e0e0e0; opacity:0.4;}
.clnd-day.clnd-passed0 {border:1px solid var(--lgt); background-color:var(--m2);}
.clnd-act {position:absolute; top:-4px; right:-6px; display:block; width:24px; height:16px; padding:4px 0px; opacity:0.9; background-color:#0000ff; border-radius:14px; font-size:16px; color:#ffffff; font-weight:600; line-height:16px; z-index:5;}
.clnd-info {position:absolute; display:none; width:240px; padding:10px; bottom:24px; margin:0px 0px 0px -100px; height:auto; background-color:#ffffff; color:#000000; border:1px solid #777777; border-radius:12px; text-align:left; z-index:10;}
.clnd-act:hover .clnd-info {display:block;}
.clnd-info-time, .clnd-info-report {display:block; color:#777777; font-size:14px;}
.clnd-info-name {display:inline-block; color:var(--alter); font-size:16px; text-decoration:none; border-bottom:1px dashed;}
.clnd-info-add {display:none;}
.clnd-info-text {display:block; margin-bottom:12px; font-size:14px;}
.clnd-hd {font-size:24px; font-weight:700; position:sticky; top:0px; text-align:center; padding:12px; background-color:var(--m2); border-bottom:2px solid #ffffff; z-index:1;}
.clnd-hd b {position:absolute; right:0px; display:block; padding:0px 4px 3px; border-radius:6px; cursor:pointer;}
.clnd-hd b.shl {position:absolute; right:auto; left:0px;}
.clnd-hd b:hover {background:#d0d0d0; color:var(--alter);}
.ad-sched a {float:right; display:block; width:64px; height:32px; padding:0px 0px 32px; margin:-16px; background-color:#009900; text-align:center; color:#ffffff; text-decoration:none; font-size:64px; line-height:54px; border-radius:32px;}
.ad-sched a:hover {background-color:#0000ff;}
.clnd-passed0 .clnd-act {background-color:#777777;}
.clnd-passed1 {border:1px solid #00cc00; background-color:#f0fff0;}

.clnd-pollabel {padding:2px 6px; margin:0px 0px 2px; background-color:var(--ltblu); color:#ffffff; border-radius:6px; cursor:pointer;}
.palm1 .clnd-pollabel {background-color:var(--yell);}
.palm2 .clnd-pollabel {background-color:var(--orange);}
.clnd-pollabel:hover {background-color:var(--m1);}
.clnd-poldesc {display:none; position:absolute; width:320px; padding:20px; border-radius:20px; background-color:#ffffff; color:var(--m1); box-shadow:1px 1px 5px #777777; z-index:10;}
.clnd-dig-week7 .clnd-poldesc {margin-left:-180px;}
.remove-sched {width:40px; height:40px; margin:20px 0px 0px auto; cursor:pointer; filter:grayscale(1); opacity:0.1;}
.remove-sched:hover {opacity:1; filter:grayscale(0);}
.clnd-buttons {text-align:center;}
button.clnd-remove {margin:8px 0px 0px; padding:10px 16px 8px; background-color:transparent; color:var(--orange); border:1px solid transparent; font-size:15px; font-weight:400; text-decoration:underline;}
button.clnd-remove:hover {border:1px solid var(--orange); background:transparent;}
.clnd-prev-show {display:block; float:right; padding:8px 0px 0px; text-decoration:none; color:var(--ltblu); font-weight:500; border-bottom:1px dashed; transition:0s;}
.clnd-prev-show:hover {color:var(--m1);}

li.clnd-now {width:60%; margin:auto; border-top:1px dashed var(--alter); text-align:center;}
li.clnd-now span {display:inline-block; position:absolute; padding:0px 24px; margin-top:-10px; background-color:#f0f0f0;}
.ftl1 {opacity:0.5;}
.dop-alert {color:#b00000; font-size:14px;}
.agr-ipo {margin:0px 0px 10px; text-align:left;}
.agr-ipo a {color:var(--ltblu);}
.menu-new {position:relative;}
.menu-new:after {content:"New"; display:block; position:absolute; top:4px; right:4px; color:#aa0022; font-weight:600; transform:rotate(15deg);}

.lined600 {background-color:#f4f0e8;}
.lined700 {background-color:#e8f4f4;}
.loadednewsimg {vertical-align:bottom;}
.loadednewsimg img {max-height:100px;}
.imgremove {display:block; width:24px; height:24px; position:absolute; top:0px; right:0px; background:url(/pic/ico-remove.svg) no-repeat; background-size:100% 100%; cursor:pointer;}
.news-img img {max-height:480px;}

.dopred-alert {font-size:20px; color:var(--orange);}
.btm-support {position:fixed; right:16px; bottom:16px;}
.btm-support a {display:block; width:48px; height:48px; background:url(/pic/btm-support.png) center center no-repeat; background-size:contain; cursor:pointer; filter:hue-rotate(85deg);}

.burger {width:28px; height:28px; cursor:pointer; display:none; position:absolute; top:16px; left:16px; z-index:50;}
.burger span, .burger span:before, .burger span:after {width:100%; position:absolute; height:3.3px; background:var(--m1); display:block; transition:0.3s;}
.burger span{top:12px;}
.burger span:before {content:""; top:-11px; transition:top 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.burger span:after {content:""; bottom:-11px; transition:bottom 300ms, transform 300ms cubic-bezier(0.23, 1, 0.32, 1);}
.openmenu .burger span:before {content:""; top:0px; transform:rotate(45deg); transition:top 300ms, transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55); background:var(--m2h);}
.openmenu .burger span:after {content:""; bottom:0; transform:rotate(-45deg); transition:bottom 300ms, transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55); background:var(--m2h);}
.openmenu .burger span {background:rgba(255, 255, 255, 0);} 

.marks-for-c {position:absolute; width:360px; top:-20px; color:var(--red);}
label i.marks-for-c {font-size:14px;}
.non-accredited {position:absolute; right:0px; top:0px;}
.non-accredited b {position:absolute; display:block; left:auto; right:-20px; top:0px; width:20px; height:20px; background:url(/pic/ico-alert.svg);}
.non-accredited i {position:absolute; display:none; padding:12px; right:0px; left:auto; top:16px; border-radius:8px; font-size:14px; font-style:normal; font-weight:400; background-color:#ffffff; box-shadow:1px 1px 5px var(--lgt); z-index:5;}
.non-accredited b:hover + i {display:block;}

.pay-link-copy {position:relative; width:fit-content; margin:auto; color:var(--m1); padding:2px 0px 2px 26px; background:url(/pic/ico-copy.svg) left center no-repeat; border-bottom:1px dashed; cursor:pointer;}
.pay-link-copy span {position:absolute; width:max-content; top:-2px; left:-28px; padding:4px 12px; background:var(--m2h); box-shadow:0px 0px 5px var(--gr); border-radius:8px;}

.profit-line {display:flex; flex-wrap:wrap; margin:0px 0px 12px;}
.profit-line div {padding:4px 20px; text-align:left; border:1px solid var(--m2);}
.profit-line div span {display:block;}

/* Adaptive */

@media (max-width:1380px)
{
.wrap {max-width:1180px; margin:auto;}
.eosago-form {width:796px;}
.eosago-details {width:500px;}
.eosago-calc {width:318px;}
.injure-calc {width:218px;}
label {width:175px; margin-right:8px;}
label.tiny {width:79px;}
label.short {width:152px;}
label.middle {width:368px;}
label.long {width:558px;}
label.tiny2 {width:104px;}
label.short2 {width:135px;}

label > span, input, select, textarea {font-size:16px;}
.partner-line > div:first-child {width:calc(100% - 850px);}

.artbutton {width:200px; padding:24px 28px;}
.prolongue-switch {margin:-26px 0px 0px 580px;}
.popup.wide {width:1180px; margin-left:-620px;}
.drive-count-informer {margin:40px 0px 0px 380px;}
button.little {font-size:14px;}
}


@media (max-width:1201px)
{
body {font-size:14px;}
.wrap {max-width:920px; margin:auto;}
.eosago-form, .eosago-details {width:920px; padding-right:0px;}
.menu1, .menu1 ul li, .menu1 ul li a, .profile, .profile-name {height:56px;}
.profile-menu {top:56px;}
.menu2, .menu2 ul li, .menu2 ul li a {height:56px;}
.menu1 ul li.active a {padding:0px 32px 16px;}
.menu1 ul li a {padding:0px 24px; font-size:18px;}
.menu2 ul li a {padding:0px 18px; font-size:15px;}
.menu2 ul li.active a {padding:0px 24px;}
.menu1 ul li.profile {height:56px;}
.menu1 ul li.profile .profile-menu {top:56px;}
.menu1 ul li.profile .profile-name {height:56px; background:url(/pic/ico-admin.svg) 16px 12px no-repeat; background-size:32px 32px;}

a.clnd-alert {right:calc(50% - 390px); top:78px;}
a.mail-alert {right:calc(50% - 450px); top:78px;}
.act-buttons {margin:24px 0px 0px -64px;}
.orn-id {width:8%;}
.orn-status {width:16%;}
.orn-owner {width:22%;}
.orn-car {width:16%;}
.partner-line > div:first-child {width:calc(100% - 700px);}
.partner-line > div {width:120px;}
.artbutton {width:170px; padding:16px 20px; font-size:20px; margin:0px 0px 0px 16px;}

label {width:206px; margin-right:16px;}
label.middle {width:428px;}
label.long {width:650px;}
label.tiny {width:95px;}
label.short {width:140px; margin-right:5px;}

.popup.wide {width:920px; margin-left:-490px;}
.prolongue-switch {margin:-26px 0px 0px 700px;}
.stat td {font-size:14px;}
.filter-reset em {display:none;}
.filter-reset b {display:inline;}
.message-write-text label.long {width:521px;}
.drive-count-informer {margin:10px 0px 0px 580px; font-size:16px;}
.telegram {margin:-12px 0px 0px 400px;}

.sess-calc {width:12%;}
}

@media (max-width:919px)
{
main {padding:0px 8px;}
header {min-height:40px; width:100vw;}
.burger {display:block;}
nav {display:flex; position:fixed; min-height:56px; background:#ffffff; z-index:200;}
h1 {font-size:24px;}
h2 {font-size:18px;}
label > span, input, select, textarea {font-size:14px;}
p, li, td, label {font-size:14px;}
button {padding:10px 20px 8px; font-size:16px;}

.menu1 {width:45%; height:100vh; display:none;}
.menu2 {width:55%; height:100vh; display:none; background:linear-gradient(90deg, #e0e0e8, #f0f0f8);}
.openmenu .menu1, .openmenu .menu2 {display:block; padding:48px 0px 0px;}
.menu1 ul li, .menu2 ul li {width:100%; height:auto;}
.menu1 ul li a, .menu2 ul li a {display:block; padding:13px 20px; height:auto; border-radius:0px;}
.menu1 ul li.active a, .menu2 ul li.active a {padding:20px; border-radius:0px;}
.menu1 ul li.profile {height:auto;}
.menu1 ul li.profile .profile-name {display:block; height:auto; width:auto; background:url(/pic/ico-admin.svg) 0px 13px no-repeat; background-size:16px 16px; padding:13px 20px;}
.menu1 ul li.profile.active .profile-name {padding:13px 20px; height:auto; border-radius:0px;}
.menu1 ul li.profile .profile-menu {position:static; width:auto; height:auto; background:none; padding:0px; text-align:left;}
.menu1 ul li.profile:hover .profile-menu {padding:0px; height:auto;}
.menu1 ul li.profile .profile-menu a {padding:8px 20px; text-align:left;}

a.clnd-alert {right:80px; top:16px; width:24px; height:24px;}
a.mail-alert {right:20px; top:16px; width:28px; height:28px;}

.form1 {font-size:0px;}
.form1 h2 {width:auto;}
.eosago-form, .eosago-details {width:100%;}
.eosago-details + .eosago-calc {width:auto;}
.eosago-calc {width:auto; margin-left:0px;}
.injure-unit {width:100%;}
.moved-elem {padding:10px 0px 0px 10px;}
label {width:calc(50% - 8px); margin-right:8px;}
.form1 label {padding:10px 0px 20px;}
.kvtls-field label {width:210px; margin-right:0px;}
label.short {padding:20px 0px 0px; margin-left:0px !important;}
label.long {width:calc(100% - 8px); margin-right:0px;}
label.middle {width:calc(100% - 8px); margin-right:0px;}
label.tiny {width:calc(25% - 8px);}
.ht3 {position:static;}
.holder-right-options {float:none; margin-top:0px !important;}
.prolongue-switch {margin:-26px 0px 0px 0px; right:20px;}
.help-point {width:calc(100% - 60px);}
.drive-count-informer {margin:80px 0px 0px; right:10px; font-size:12px; line-height:14px; width:56px; height:46px; padding:10px 0px 0px;}
.cross-unit {display:flex;}
.dopred-alert {font-size:16px;}

.osago-row-panel {width:76px;}
.osago-row-name {width:calc(100% - 85px); flex-wrap:wrap;}
.orn-id {width:52px;}
.orn-status {width:80px;}
.orn-owner {width:140px;}
.orn-car {width:70px;}
.orn-regnum {width:64px;}
.orn-company {width:70px;}
.orn-cost {width:70px;}
.orp-buttons a {margin-left:12px;}

.osago-sess-details {flex-wrap:wrap;}
.sess-block {max-width:33%;}
.osago-sess-details li {word-wrap:break-word;}
.sess-calc {width:33%; margin-bottom:12px;}
.sess-calc span.error {padding:0px;}
.sess-calc span.log-link {margin:0px;}
.popup.wide {width:calc(100% - 20px); left:0px; margin-left:0px; padding:10px;}
.log-unit {flex-wrap:wrap;}

.popup {width:auto; left:0px; top:80px; margin-left:0px; padding:10px;}
.popup.short {width:240px; left:50%; margin-left:-150px; padding:30px 30px 10px;}

#partner_list .filter-block label.middle {width:140px; margin-right:4px;}
.partner-line > div:first-child {width:120px;}
#partner_list .partner-line div:nth-child(2), #partner_list .partner-line div:nth-child(5), #partner_list .partner-line div:nth-child(7) {display:none;}
.partner-tree {margin-left:10px;}
.hdr {top:48px;}
.motive-form-list td.form-line-name, .form-line-name, .form-line-name span {width:200px;}
#lib_cars .ajax-elem {width:800px;}

.back-link {position:static;}
.loadpolicy {margin:-80px 0px 0px 0px;}
.mindates {width:280px; margin:0px 8px 0px auto;}
.mindates p {font-size:12px;}

.adres-block, .message-block {width:100%; margin:20px 0px 0px;}
.adres-call {padding:4px;}
.adres-call span:first-child {font-size:14px;}
.adres-call span:last-child {font-size:10px; line-height:10px;}
.adres-call.unread {border:1px solid var(--font);}
.message-field {padding:10px;}
.msg-text {font-size:14px;}
.msg-autor {font-size:12px;}
.msg-time {font-size:12px;}
.message-write-text label.long {width:100%;}
.scroll-up {text-align:left; color:var(--ltblu); text-decoration:underline; cursor:pointer;}

.finance-block {flex-wrap:wrap;}
.finance-block > div {width:100%;}
#finance_in h1 label:first-child {display:block; margin:20px 0px 0px !important;}
.lg20 {font-size:18px; line-height:18px;}
.large {font-size:20px;}
.partner-line {flex-wrap:wrap;}
#finance_out .partner-line > div:first-child {padding-left:0px;}
#finance_out .partner-line div:nth-child(2) {display:none;}
#finance_out .partner-line > div {width:25% !important;}
#finance_out .pay-history-key {width:100% !important;}
.details {flex-wrap:wrap;}
.details-pays {width:100%;}
.name-to, .name-to p {font-size:14px;}

.stat {min-width:800px;}

*.coment {font-size:10px;}

.noneedmob {display:none;}
}