@font-face{font-family:FontAwesome;src:url('fontawesome.woff');}
*{padding:0;margin:0;position:relative;font-family:'Times New Roman', Georgia, FontAwesome, Serif;font-size:13px;color:#000;border-collapse:collapse;box-sizing: border-box;}
html{display:table;width:100%;height:100%;}
body{display:table-cell;width:100%;height:100%;background-color:#fff;vertical-align:top;text-align:center;}
button{cursor:pointer;}
#spinner{
  background: url("../images/loading.gif") no-repeat scroll center center rgba(255, 255, 255, 0.5);
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 4;
}
#page
  {
    display:inline-block;
    width:95%;
    max-width:980px;
    border-radius:6px;
    border:2px solid #efe;
    background:#ded;
    box-shadow:0 0 50px 10px rgba(0,33,0,0.3), inset 0 0 20px 0 rgba(0,0,0,0.5);
   }
#page:hover
  {
    border:2px solid #ffe;
    background:#efe;
  }
  
 
  #copyright{display:block;margin:5px;opacity:0.8;text-decoration:none;font-family:arial;font-size:11px;}
  #copyright:hover{opacity:1;text-decoration:underline;}
  #header,#main,#footer{display:block;width:100%;}
  #header{height: 135px ;text-align:center;box-shadow:inset 0 -7px 40px 7px rgba(0,22,0,0.5),0 10px 20px -5px rgba(0,0,0,0.7);background-color:#efe;background-image:url(../images/pattern_carbon.png);border-radius:4px 4px 0 0;border:1px solid #444;}
  #header h1{display:inline-block;border:none;font-size:23px;font-weight:bold;border-bottom:1px solid #fff;color:#fff;text-shadow:0px 0px 3px #030,2px 1px 3px #030,2px 1px 4px #030,2px 1px 5px #030, 2px 2px 5px #000;}
  #header h3{font-weight:normal;font-size:11px;color:#fff;opacity:0.7;position:absolute;bottom:2px;left:3px;text-shadow:0 0 4px #000, 1px 1px 4px #000;}
  #header h3:hover{color:#ffc;opacity:2;text-decoration:underline;}
  #header table{margin:5px;display:inline-block;}
  #header td{padding:0px 2px 0px 0px;color:#fff;text-shadow:0px 0px 3px #030,0px 0px 4px #030, 2px 2px 5px #000;}
  #header input[type="text"], #header select, #header option{opacity:0.8;font-size:14px;width:250px;font-weight:bold;text-align-last:center;box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.3), 1px 1px 10px 0px rgba(0,0,0,0.5);border:1px solid #fff;margin-bottom:1px;text-shadow:0px 0px 3px #fff, 1px 1px 4px #777;}
  #header input[type="text"]:hover, #header select:hover, #header option:hover{opacity:1;}
  #header input[type="text"]{border-radius:4px 4px 4px 4px;}
  #header select{border-radius:4px 4px 4px 4px; height: 35px;}
  #header button{top: -2px;height: 60px;font-size:20px;padding:6px 10px 6px 10px;border-radius:7px;border:2px solid #373;box-shadow:1px 1px 10px 1px rgba(0,0,0,0.5), inset 0px 0px 10px 1px rgba(0,0,0,0.5);background:#3a3;color:#fff;text-shadow:1px 1px 4px #000;}
  #header button:hover{top:0px;color:#ff0;}
  #header button span{font-size:20px;font-weight:bold;color:#fff;}
  #header button:hover span{text-decoration:underline;color:#ff0;}
  #main table{opacity:0.9;border:2px solid #042; margin: 5px auto 5px;box-shadow:1px 1px 10px 1px rgba(0,0,0,0.5); }
  #main table:hover{opacity:1;}
  #main table th, #main table td{border:1px solid #0a7;padding:0 2px 0 2px;font-size:15px;}
  #main table th{background:#afa;box-shadow:inset 0 0 10px 0px rgba(0,0,0,0.5);line-height:0.9;font-size:14px;padding:3px 7px 3px 7px;text-shadow:0 0 3px #fff,1px 1px 4px #fff, 2px 2px 4px rgba(0,0,0,0.5);}
  #main table .th_region{background-image:url(../images/pattern_carbon.png);background-size:10px 10px;font-size:14px;color:#fff;text-shadow:0 0 3px #000,2px 2px 4px #000;text-align:left;padding:2px 4px 4px 5px;}
  #main table tr:nth-of-type(odd) {background:rgba(255,255,255,0.3);}
  #main table tr:nth-of-type(even){background:rgba(200,255,200,0.3);}
  #main table tr:hover{background:rgba(0,255,255,0.2);}
  #main table tr:last-of-type th{font-family:arial;font-size:11px;border-top:2px solid #042;text-align:left;}
  #main table tr td:last-of-type{padding:0;}
  #main table button{box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.5);width:100%;height:100%;font-size:13px;padding-right:2px;font-weight:normal;border:1px solid #ff0;color:#050;background:#ff0;text-shadow:0 0 3px #fff,0 0 4px #fff,0 0 5px #fff,2px 2px 4px #777;}    
  #main table button:hover{border:1px solid #0f0;color:#ff0;background:#0f0;text-shadow:0 0 4px #000,2px 2px 4px #777;}
  
  .tab_statistics td{font-size:14px !important;line-height:1 !important;padding:1px 2px 1px 2px !important;}
  .tab_statistics th{font-size:13px !important;line-height:0.9 !important;padding:3px 2px 3px 2px !important;}
  .province_or_manufacturer{position:absolute;display:block;top:-6px;right:0px;white-space:nowrap;}
  /* input[type="text"] */
  .manufacturer_icon:hover{color:#ff0;text-shadow:1px 1px 4px #000;}
  .manufacturer {color:#fff;}
  .manufacturer input{top:3px;}
  .province_or_manufacturer label {color:#fff;top:2px;z-index:2;}
  .manufacturer:hover, .province_or_manufacturer label:hover{text-decoration:underline;color:#ffd;}
  .province_or_manufacturer label:nth-of-type(2) {top: -2px;z-index:1;}
  .province_or_manufacturer label:nth-of-type(3) {top: -6px;z-index:1;}
  .province_or_manufacturer input {top:2px;}
 .bt_page{width:auto !important;padding:1px 3px 1px 3px;border-radius:3px;margin-left:1px;}
 .bt_page_on{font-weight:bold;border:1px solid #0aa !important;background:#0ff !important;text-shadow:0 0 4px #000,1px 1px 4px #000 !important;color:#fff !important;text-decoration:underline !important;}
  #order_window{display:none;z-index:999999999;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);}
  #order_window div{display:inline-block;}
  #order
  {
    max-width:980px;top:20%;
    border-radius:6px;
    border:2px solid #efe;
    background:#ded;
    box-shadow:0 0 50px 10px rgba(0,33,0,0.3), inset 0 0 20px 0 rgba(0,0,0,0.5);
    text-align:left;
   }
  #order:hover
  {
    border:2px solid #ffe;
    background:#efe;
  }
  #order h1{color:#fff;text-align:center;text-shadow:0 0 2px #000,1px 1px 4px #000,2px 2px 4px #000;font-size:23px;font-weight:bold;box-shadow:inset 0 -7px 40px 7px rgba(0,22,0,0.5);background-color:#efe;background-image:url(../images/pattern_carbon.png);border-radius:4px 4px 0 0;border:1px solid #444;}
  #marg5{margin:4px 5px 3px 5px;}  
  #marg5 div{border:1px solid rgba(0,0,0,0.3);width:100%;margin-bottom:1px;}
  #marg5 div:before{font-size:14px;color:#777;font-weight:normal;}
  #NAIM:before {content: "Товар: ";}
  #manufacturer_name:before {content: "Производитель: ";}
  #NORG:before {content: "Поставщик: ";}
  /* #ads:before {content: "Внимание: ";} */
  #SKL:before {content: "Склад: ";}
  #UNN:before {content: "УНН: ";}
  #ADRESS:before {content: "Адрес: ";}
  #TEL:before {content: "Телефон: ";}
  #MAILADR:before {content: "E-mail: ";}
  #respons:before {content: "Контактное лицо: ";}
  #CENA:before {content: "Цена: ";}
  #KOL:before {content: "В наличии: "}
  #AMOUNT:before {content: "Количество: ";color:#000 !important;}
 
  #AMOUNT{white-space:nowrap;text-align:center;background:rgba(0,255,100,0.5);}
  #AMOUNT span {color:#000 !important;}
  #AMOUNT r{color:#f00;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,1px 1px 4px #000}
  #total_price:before {content: "Общая стоимость: ";color:#000 !important;}
  #total_price{font-size: 15px;color:#a00;font-weight:bold;white-space:nowrap;text-align:center;background:rgba(0,255,100,0.5);} 
  #BUYER:before {content: "Покупатель: ";}
  #marg5 div span{font-size:10px;color:#777;font-weight:normal;}
  #marg5 input{background:rgba(255,255,255,0.8);opacity:0.9;}
  #marg5 input:after{content: "dfg"}
  #sys:hover input{opacity:1;}
  #sys{width:100%;font-size:11px;color:#fff;text-shadow:1px 1px 4px #000,2px 2px 4px #444;font-weight:normal;padding:5px;box-shadow:inset 0 0 20px 0 rgba(0,22,0,0.5);background-color:#afa;background-image:url(../images/pattern_carbon.png);border-radius:0 0 4px 4px;border:1px solid #444;}
  #sys input{background:rgba(255,255,255,0.8);width:100%;opacity:0.9;}
  #sys:hover input{opacity:1;}
  #sys button{width:45%;margin:1% 2% 1% 2%;font-weight:bold;}
  #sys button:hover{text-decoration:underline;}
  #sys button:first-of-type:hover{color:#b00;font-weight:bold;}
  #sys r{color:#f00;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,1px 1px 4px #000}
  #order_status{margin-top:3px;width:100%;text-align:center;}
  .order_status_yellow{color:#00a;text-shadow:1px 1px 4px #fff;font-weight:bold;background:rgba(255,255,0,0.9);border:1px solid rgba(0,0,0,0.5);}
  .order_status_green{color:#000;text-shadow:1px 1px 4px #fff;font-weight:bold;background:rgba(0,255,0,0.9);border:1px solid rgba(0,0,0,0.5);}
  .order_status_red{color:#fff;text-shadow:1px 1px 4px #000;background:rgba(255,0,0,0.9);border:1px solid rgba(0,0,0,0.5);}

  #header > div > span{
    color: #fff;
    text-decoration: none;

    font-weight:normal;
    font-size:13px;
    color:#fff;
    opacity:0.7;
    bottom:2px;
    left:3px;
    text-shadow:0 0 4px #000, 1px 1px 4px #000;
  }
  
  span > img, li > img{height: 30px; max-width: 30%; min-width: unset;}
  span, li {text-shadow: none; white-space: nowrap;}
  /* li > span, span > span {float: left;} */
  /* .ddTitle {width: max-content;} */
  img.fnone {
    float: left !important;
  }
  img.fnone + span{float:left; margin-top: 1%;}
  #org_info_msdd{width:max-content}
  #td_org_info{margin-top: 2em;}

/* 
  $primary: #4F2EDC;
  $primary-light: #947ADA;
  $gray: #9A9999; */
.toggle {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}
.toggle:before {
  content: "";
  position: relative;
  top: 3px;
  left: 3px;
  width: 34px;
  height: 14px;
  display: block;
  background: #9A9999;
  border-radius: 8px;
  transition: background 0.2s ease;
}

.toggle span {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: white;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
  transition: all 0.2s ease;
}
    
#cbx:checked + .toggle span { 
  background: rgb(60, 220, 46);
  transform: translateX(20px);
  transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
  box-shadow: 0 3px 8px rgb(60, 220, 46);
}