@keyframes animTop{
  0% {height:1px;}
  100%{height:69px;}
}
body{width:100%;height:100%;margin:0;padding:0;font-family:Tahoma, sans-serif;font-size:12px;letter-spacing:.1em;}
input, select, button, textarea{outline:none;}
h2{text-align:center;font-size:18px;text-transform:uppercase;}
a{text-decoration:none;color:#103a39;transition:all .3s;}
a:hover, a.active{color:#01aaaa;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
.hidden{display:none!important;}
.red{color:#f00;}
.red-border{border:1px solid #f00;}
.green{color:#41c301;}
.clear{float:none;clear:both;}

.login-form{width:300px;margin:80px auto;padding:10px 20px;text-align:center;border:1px solid #103a39;border-radius:10px;}
.login-form h1{font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.1em;}
.login-form input{width:150px;margin:10px auto;border:1px solid #103a39;padding:5px 10px;border-radius:5px;}
.login-form input[type=submit]{width:172px;border:0;background:#103a39;color:#fffa;padding:5px 10px;cursor:pointer;transition:all .3s;}
.login-form input[type=submit]:hover{background:#01aaaa;}

.top{width:100%;line-height:20px;}
.top .menu{padding:10px 0;background:#01aaaa;}
.top .menu ul{width:90%;text-align:center;margin:0 auto;padding:0;}
.top .menu li{list-style:none;display:inline-block;text-align:center;line-height:20px;width:170px;max-width:100%;text-transform:uppercase;font-size:14px;}
.top .menu li:not(:first-of-type){border-left:1px solid #103a39;}
.top .menu a{color:#fff;}
.top .menu a:hover{text-decoration:underline;}
.top .menu li .new-zakaz, .top .menu li .new-feed{position:absolute;background:#103a39;color:#fff;font-weight: bold;font-size:12px;padding:5px 10px;border-radius:20px;margin-top:-20px;}
.top .submenu{margin:40px 0 60px 0;}
.top .submenu ul{width:90%;text-align:center;padding:0;margin:0 auto;}
.top .submenu li{background:#01aaaa;color:#fff;list-style:none;display:inline-block;text-align:center;line-height:25px;width:180px;max-width:100%;text-transform:uppercase;cursor:pointer;border:1px solid #01aaaa;margin:0 30px;}
.top .submenu li:hover, .top .submenu li.act{background:#fff;color:#000;}
.top .submenu li.act{cursor: default;}
.top .submenu li a{color:#fff;display:block;}
.top .submenu li:hover a{color:#000;}
.top h1{text-align:center;font-size:16px;text-transform:uppercase;}

.main{margin:20px 0;width:100%;}
.main .cart{width:60px;position:absolute;right:60px;top:120px;}
.main .cart #kol_cart{font-size: 20px;width: 40px;height: 40px;background: #103a39;text-align: center;line-height: 40px;border-radius: 50%;color: #fff;position: absolute;top: -20px;left: 15%;}
.main .cart img{width:100%;}
.main .cart.enter-cart{cursor:pointer;transform:scale(1);transition: all .3s;}
.main .cart.enter-cart:hover{transform:scale(1.2);}
.main p{padding:0 5px;}
.main input[type=number]{width:60px;}
.main input[name=reklama_cost]{width:150px;}
.main button{border:1px solid #103a39;border-radius:5px;background:#103a39;color:#fff;text-transform:uppercase;cursor:pointer;padding:5px 10px;font-size:12px;transition:all .3s;}
.main button#sparka{margin-top:5px;width:100px;}
.main button#close_sparka{width:20px;position:absolute;z-index:99;right:-20px;bottom:18px;padding:2px;}
.main button:hover{background:#01aaaa;color:#fff;}
.main select{width:100px;}
.main .cars{text-align: center;}
.main .cars .list-cars{resize: none;width: 400px;max-width:100%;height:70px;vertical-align: middle;font-size:12px;}
.main .toggle-tab .toggle{width:15px;height:15px;background:#01aaaa;color:#fff;cursor:pointer;display:block;margin:0 auto;}
.main table{width:100%;border-collapse:collapse;}
.main table tr{transition:background .3s;position:relative;}
.main table tr:first-of-type th, .main table.voditeli tr:nth-of-type(2) th{background:rgba(0,0,0,.1);}
.main table.voditeli tr th{border:1px solid #000;}
.main table tr:not(:first-of-type):not(:nth-of-type(2)):hover{background:rgba(0,47,102,.1);}
.main table:not(.stat.voditeli) tr th:nth-of-type(5){min-width:140px;}
.main .razmer tr th.zakazy{width:200px;}
.main table:not(.stat.voditeli) tr td:not(:last-of-type):not(:first-of-type){min-width:100px;}
.main table tr td, .main table tr th{padding:5px 2px;border-bottom:1px solid #103a39;text-align:center;}
.main table tr td .add-cart{width:100px;position:absolute;background:#103a39;border:1px solid #103a39;color:#fff;transition:all .3s;left:calc(50% - 130px);top:calc(50% - 13px);padding:5px 10px;z-index:99;}
.main table tr td .add-cart:hover{background:#01aaaa;}
.main table tr td .incart{background: #01aaaa;cursor:default;width:100px;position:absolute;border:1px solid #103a39;color:#fff;left:calc(50% - 130px);top:calc(50% - 13px);padding:5px 10px;z-index:99;}
.main table tr td .edit-order{width:auto;position:absolute;background:#103a39;border:1px solid #103a39;color:#fff;transition:all .3s;left:calc(50% - 124px);top:calc(50% - 13px);padding:5px 10px;z-index:99;letter-spacing: .1em;}
.main table tr td .edit-order a{color:#fff;text-decoration: none;}
.main table tr td .edit-order:hover{background: #01aaaa;}
.main table tr:not(:first-of-type):hover .add-cart, .main table tr:not(:first-of-type):hover .incart, .main table tr:not(:first-of-type):hover .edit-order{display:block!important;}
.main table tr td > a{text-decoration:underline;}
.main table.diski tr td:nth-of-type(11){white-space:nowrap;float: none;}
.main table:not(.diski):not(.zakazi):not(.stat.voditeli) tr td:nth-of-type(3){min-width:150px;max-width:500px;}
.main table:not(.diski):not(.zakazi) tr td:nth-of-type(14), .main table:not(.diski):not(.zakazi) tr td:nth-of-type(15){white-space: nowrap;}
.main table.diski tr td:nth-of-type(19){max-width:160px;}
.main table tr td{line-height:24px;font-size:11px;}
.main table .group td{padding-bottom:20px;}
.main .toggle-tab tr td{line-height:40px;font-size:12px;background: rgba(1, 170, 170, 0.1)}
.main table tr td sup{float:right;}
.main table:not(.razmer) tr th:last-of-type{width:90px;}
.main .zakazi tr th:nth-of-type(4), .main .zakazi tr th:nth-of-type(5), .main .zakazi tr td:nth-of-type(4), .main .zakazi tr td:nth-of-type(5){width:150px;min-width:150px;}
.main .buh td:not(:first-of-type){min-width:120px;}
.main .buh td input{width:50px;}
.main table.razmer td, .main table.avto td{max-width:300px;width:120px!important;}

.main table select{width:100px;max-width:100px;}
.main table input{vertical-align:middle;width:100px;}
.main table #order_id{width:50px;}
.main table input[type=checkbox]{width:auto;}
.main table .foto input{width:auto;max-width:180px;}
.main table.diski input#img_file{width:auto;max-width:180px;font-size:12px;}
.main table .foto img{position:relative;cursor:pointer;transition:all .3s ease;width:90%;max-width:50px;margin-left:20px;}
.main table .foto img.zoom{position:absolute;z-index:999;left:calc(50% - 200px);box-shadow:0 0 10px;}
.main table:not(.diski) .foto img{max-width:50px;}
.main table.modeli .foto img{margin-left:20px}
.main table input[name=new_user], .main table input[name=new_pass]{width:100px;}
.main table button#id_ok{padding:2px;font-size:10px;}
.main table .del{width:20px;height:20px;background:#f00;color:#fff;line-height:19px;text-align:center;cursor:pointer;border-radius:50%;padding:1px 0 1px 2px;margin:auto;opacity:.5;transition:opacity .3s;}
.main table.brendy .del-group, .main table.modeli .del-group{padding:2px 5px;margin-left:5px;background:#f00;color:#fff;text-align: center;cursor: pointer;border-radius: 50%;}
.main table .del:hover{opacity:1;}
.main table #res_user{color:#f00;font-weight:bold;}
.main table:not(.zakazi):not(.user):not(.avto):not(.razmer) tr:not(.group) div{width:100px;color:#000;position:relative;margin:0 auto;}
.main table:not(.zakazi) div input:not[type=checkbox]{border:0;padding:2px 5px;width:90px;border-radius: 5px;}
.main .zakazi div input:not([type=checkbox]){width:100px;padding:2px 5px;}
.main .zakazi th p{margin:0;padding:0;}
.main .zakazi th p input{width:100px;}
.main table:not(.brendy):not(.modeli):not(.avto):not(.razmer) ul{margin:0;padding:0;width:auto;min-width:130px;max-width:185px;height:200px;overflow-y:scroll;position:absolute;background:#fff;margin-top:1px;box-shadow:0 1px 1px rgba(0,0,0,.5);display:none;z-index:9999;}
.main table.zakazi ul{min-width:150px;max-width:180px;}
.main table:not(.brendy):not(.modeli):not(.avto):not(.razmer) ul li{list-style:none;text-align:center;line-height:23px;cursor:default;transition:all .3s ease;font-weight:normal;font-size:11px;}
.main table:not(.brendy):not(.modeli):not(.avto):not(.razmer) ul li:hover{background:#ccc;}
.main table.modeli ul, .main table.brendy ul {display:block;margin:0;}
.main table.modeli ul li, .main table.brendy ul li{line-height:20px;list-style: none;}
.main table #provider ul{min-width:150px;margin-left:-50px;}
.main table #brand ul li:not(:first-of-type), .main table #provider ul li:not(:first-of-type){text-align:left;}
.main table #brand ul li input, .main table #provider ul li input[type=checkbox]{width:auto;float:left;margin-top:6px;}
.main table #brand ul li:not(:first-of-type):first-letter{font-weight:bold;}
.main table td label{cursor:pointer;color:#103a39;text-decoration:underline;position:relative;}
.main table td label .prov-descr{position:absolute;display:none;bottom:0;width:300px;background:#fff;right:0;}
.main table td label .prov-descr a{font-weight:bold;}
.main table .del-img{font-size:20px;color:#f00;font-weight:bold;position:absolute;cursor:pointer;}

.main table.user{width:50%;margin:0 auto;}
.main table .quest{padding:1px 4px;background:#103a39;color:#fff;cursor:help;}
.main table.avto ul, .main table.razmer ul{margin:0;padding-left:5px;}
.main table.avto ul li, .main table.razmer ul li{list-style: none;line-height:15px;}
.main table.avto .ahref, .main table.razmer .ahref{text-decoration: underline;color:#103a39;cursor: pointer;transition: all .3s;}
.main table.avto .ahref:hover, .main table.razmer .ahref:hover{color:#01aaaa;}
.main table.avto div a, .main table.razmer div a{text-decoration: underline;}

.main #model_form{text-align:center;}
.main #model_form textarea{width:50%;height:200px;display:block;margin:0 auto;}
.main #model_form input[type=submit]{margin:40px auto;display:block;}

.main table .group{background-color: #beff7f55;cursor:pointer;position:relative;}
.main table .group > div{width:100%;text-align:center;font-size:14px;line-height:20px;position:absolute;left:0;right:0;bottom:0;margin-top:78px;background: #ffd87fe0;z-index:999;}
.main table .sub{background:#ffd87fe0;}
.main table .group .rotate180{transform:rotate(180deg);}

.main table .eye-t24{cursor:pointer;}

.main table.brendy{width:70%;border:1px solid #000;margin: auto;}

.main .top-zakaz{width:98%;margin:20px auto;text-align: center;}
.main .top-zakaz div{display:inline-block;margin:5px 20px;}
.main .top-zakaz input#onec_schet{width:100px;}
.main .main-zakaz{width:99%;padding:2px;margin:20px auto;}
.main .main-zakaz div{margin:10px 0;}
.main .main-zakaz .specification{margin:10px 0;}
.main .main-zakaz .specification th, .main .main-zakaz .specification td{border-top:1px solid #000;height:40px;vertical-align:middle;}
.main .main-zakaz .specification input{border:0;border-bottom: 1px solid #103a39;width:80px;text-align: center;}
.main .main-zakaz .itog{float:right;text-align:right;}
.main .main-zakaz .itog div#express_delivery{color:#999;}
.main .main-zakaz .itog input{width:60px;text-align: center;}
.main .main-zakaz .itogo{font-weight:bold;}
.main .main-zakaz .margin{font-weight:bold;color:#f00;}
.main .main-zakaz .comment{text-align: center;vertical-align: middle;}
.main .main-zakaz .comment textarea{width:300px;height:80px;resize:none;}
.main .main-zakaz .delivery{border-right:1px solid #000;}
.main .main-zakaz .delivery, .main .main-zakaz .client{display:inline-block;width:47%;vertical-align: top;padding:0 20px;}
.main .main-zakaz .client .manager-gw{display:inline;margin-left:20px;}
.main .main-zakaz .delivery span{padding: 5px 8px;border:1px solid limegreen;border-radius: 50%;margin-left:2px;}
.main .main-zakaz .delivery textarea, .main .main-zakaz .client textarea{width:300px;height:30px;vertical-align: middle;resize: none}
.main .main-zakaz .delivery input[type=radio]{appearance: none;width:12px;height:12px;outline: outset 1px;}
.main .main-zakaz .delivery input[type=radio]:checked{border:2px solid #fff;background:#103a39;}
.main .main-zakaz .specification .del-cart{font-weight: bolder;color: #f00;font-size: 16px;cursor: pointer;}
.main form input[type=button]{display:inline-block;margin:10px auto 40px auto;border:1px solid #103a39;border-radius:5px;background:#103a39;color:#fff;padding:10px 20px;text-transform:uppercase;font-size:14px;letter-spacing: .2em;cursor:pointer;transition: all .3s;}
.main form input[type=button]:hover{background:#01aaaa;}
.main #cancel{display:inline-block;padding:9px 20px;font-size:14px;letter-spacing: .2em;margin:10px auto 40px 20px;text-transform:uppercase;background:#103a39;color:#fff;cursor:pointer;border-radius:5px;border:1px solid #103a39;transition:all .3s;}
.main #cancel:hover{background:#01aaaa;}

.main .info{width:40%;display:inline-block;}
.main .info span, .main .info-opt span{font-weight:bold;}
.main .show-opt{padding:5px 10px;background:#103a39;color:#fff;cursor:pointer;display:inline-block;width:200px;vertical-align:top;text-align:center;}
.main .info-opt{width:40%;display:inline-block;}
.main .info-opt .optimiz{color:#41c301;}
.main .info2{width:40%;display:inline-block;vertical-align: top;}

.main .stat.voditeli input {text-align:center;}
.main .zakazi-vod th, .main .zakazi-vod2 td{width:16.5%!important;min-width: 70px!important;}
.main .zakazi-vod th{border:0!important;border-left:1px solid #000!important;border-right:1px solid #000!important;white-space: nowrap;}
.main .zakazi-vod2 tr:last-of-type td{font-weight:bold;}

.nofloat{float:none;clear:both;}

.footer{background:#103a39;color:#fff;padding:10px 20px;}
.footer_txt_r{text-align:right;}

  /* MODAL */
body.modal-open {}
.modal {top: 0;left: 0;right: 0;bottom: 0;z-index: 500000000;display: none;position: fixed;background:rgba(0,0,0,0.6);overflow-x: hidden;overflow-y: auto;}
.modal-block {
  opacity: 0;
  width: 400px;
  max-width: 100%;
  padding: 20px;
  z-index: 5001;
  margin: 30px auto 0;
  background: #fff;
  box-shadow:0 0 20px;
  position:relative;
}
.modal-block img{width:100%;}
.modal .close {
  top: -5px;
  z-index: 3;
  right: 5px;
  display: block;
  padding: 0 3px;
  font-size: 32px;
  position: absolute;
  cursor: pointer;
  color: #000;
}
.modal .close:hover {color: #ed3f58}

.loading{display:flex;width:100%;height:100vh;background:rgba(255,255,255,.8);flex-direction: column;align-items: center;position:absolute;top:0;bottom:0;left:0;right:0;z-index:9999;}
.loading p{margin:auto;color:#000;font-size:18px;}
.loading.hidden{display:none;}

.bottom-new-zakaz{position:fixed;bottom:40px;right:0;background:#103a39;padding:10px 20px;color:#fff;font-weight: bold;width:200px;border-radius:20px;text-align:center;text-transform: uppercase;}
.bottom-new-feed{position:fixed;bottom:80px;right:0;background:#103a39;padding:10px 20px;color:#fff;font-weight: bold;width:200px;border-radius:20px;text-align:center;text-transform: uppercase;}

@media only screen and (max-width: 870px){
  .main table .group > div{bottom:initial;}
  .main table tr td .add-cart{left:initial;top:initial;margin-left:45%;}
}