@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:middle;text-align:center;}
button{cursor:pointer;}
#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{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(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 2px;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 0 0;}
  #header select{border-radius:0 0 4px 4px;}
  #header button{top:-1px;font-size:18px;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(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:-1px;z-index:2;}
  .manufacturer:hover, .province_or_manufacturer label:hover{text-decoration:underline;color:#ffd;}
  .province_or_manufacturer label:nth-of-type(2) {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(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;}
  
  #medicine_code:before {content: "Артикул: ";}
  #medicine_name:before {content: "Товар: ";}
  #medicine_units:before {content: "Ед.измерения: ";}
  #medicine_count:before {content: "Количество: ";}
  #pharm_name:before {content: "Аптека: ";}
  #pharm_address:before {content: "Адрес: ";}
  #pharm_phone_warehouse:before {content: "Телефон: ";}
  #pharm_site:before {content: "Сайт: ";}
  #pharm_email:before {content: "E-mail: ";}
  #medicine_price: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(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}