@font-face{ font-family: Poiret One; src: url(fonts/PoiretOne.ttf);}
@font-face{ font-family: Docker One; src: url(fonts/DockerOne.ttf);}
@font-face{ font-family: Code39; src: url(fonts/Code39r.ttf);}
html { margin: 0; padding: 0; font-family: Arial, Tahoma;}
.fugli { border-radius: 4px; padding: 4px;}                                                 
.fuglim { border: 1px solid blue; border-radius: 8px; padding: 5px; margin: 3px;} 
.fuglib { border: 1px solid blue; border-radius: 6px; width: 100%; margin: 5px;}
.fuglis { border: 1px solid blue; border-radius: 6px; padding: 5px;}
.tenright { box-shadow: 3px 0 3px 0; }
.ften { box-shadow: -2px 2px 4px 2px black; }
.fnt6 { font-size: 6pt;}
.fnt7 { font-size: 7pt;}
.fnt8 { font-size: 8pt;}
.fnt9 { font-size: 9pt;}
.fnt10 { font-size: 10pt;}       
.fnt12 { font-size: 12pt;}       
.fnt14 { font-size: 14pt;}       
.fnt16 { font-size: 16pt;}
.fnt18 { font-size: 18pt;}
.fnt20 { font-size: 20pt;}
.fnt21 { font-size: 21pt;} 
.fnt22 { font-size: 22pt;} 
.fnt24 { font-size: 24pt;} 
.fnt26 { font-size: 26pt;}
.fnt28 { font-size: 28pt;}
.fnt30 { font-size: 30pt;}
.fnt32 { font-size: 32pt;}
.fnt34 { font-size: 34pt;}
.fnt36 { font-size: 36pt;}
.fnt38 { font-size: 38pt;}
.fnt42 { font-size: 42pt;}
.fnt46 { font-size: 46pt;}
.fnt48 { font-size: 48pt;}
.fnt72 { font-size: 72pt;}
.fntsz60 { font-size: 60%; }
.fntsz70 { font-size: 70%; }
.fntsz80 { font-size: 80%; }
.fntsz90 { font-size: 90%; }
.dig { text-align: right; padding-right: 5pt; }
.tleft { text-align: left; }
.tright { text-align: right; }
.otmetr { font-weight: bold; color: red; }
.fleft { float: left; }
.fright { float: right; }
.fntbld { font-weight: bold; }
.fntnrml { font-weight: normal; }
.fntcursiv { font-style: italic; /*   oblique */ }
.fnt_ar { font-family: Arial; }
.fnt_dc { font-family: Docker One; }
.fnttennb { text-shadow: 1px 1px 1px black; }
.fnttennw { text-shadow: 1px 1px 1px white; }
.inpwid { width: 72px; text-align: center;} 
.brdb { border: 1px solid blue; }
.brdbred { border: 1px dotted red; }
.nobrdb { border: none; }
.tabbrd { border: 1px dotted grey; }
.bgfnn { background-color: rgba(255,255,255,0.5); }
.plmnobb { display: block; position: static; }
.divcc { display: table-cell; width: auto; }
.bgred { background-color: red; color: white;}
.bgblue { background-color: blue; color: white;}
.bgnormal { background-image: linear-gradient(55deg,rgba(25,4,225,1.0),rgba(255,255,255,0.5), rgba(25,4,225,1.0)); }           
.bgnotyet { background-image: linear-gradient(0deg, rgba(255,0,0,1.0), rgba(11,226,0,1.0), rgba(255,0,0,1.0)); }
.errtxt {font-family: Geneva CY,Arial; font-weight: bold; color:red;} 
.sstxt {font-family: Arial;font-weight: normal; color: white; text-shadow: 1px 1px blue;
        }       
#my_camera{ /* width: 320px; height: 240px; */
            border: 1px solid black;
            }        
.shrtih { font-family: Code39; }        
.minitext { display: table-cell; font-weight: normal; font-size: 10pt; text-shadow: none;
            color: black; border: 0px solid blue;
            }        
.soobtxt {width: 35%;max-width: 60%;font-size: 18pt;font-family: Arial;font-weight: bold;
          background-color: rgba(255,255,255,0.7); ;
          border: 3pt groove blue; float:left;border-radius:2px; z-index: 1001;
          border-radius: 10px; box-shadow: 2px 2px 4px 5px black;
	  overflow:hidden; display: table; position: fixed; color: black;
	  top: calc(10% - 10px); left: calc(10% - 10px);
	  text-shadow: 1px 1px blue;
		  }    
#tarknop { display: inline-block; margin: 4px; padding: 6px;  
           border-radius: 50%; cursor: pointer; cursor: pointer;/* default */; border: 1px solid black;
           background-color: rgba(222,222,222,1.0); width: 36px; height: 36px; 
           box-shadow: 1px 1px 1px 1px black;
           }      
#tarifinfo { position: fixed; z-index: 5000;
             padding: 8px;
             background-color: yellow;
             width: 900px; height: auto;
             left: calc(50% - 450px); top: calc(50% - 290px);
             }     
.fixt { position: fixed; }
.dhidd { overflow: hidden; } 
.pict {float:left;margin:8px;}	     
.tdfknops { margin: 5px; padding: 5px; padding-left: 16px; padding-right: 16px;border: 2px ridge grey;
          background-color: rgba(0,0,0,0.6); color: white; 
          cursor: pointer; display: inline-block; overflow: hidden; /* float: left;line-height:18px;  */ 
          width: auto;height: auto; border-radius: 16px; text-align: center;
          /* transition-timing-function: linear; transition: all 0.3s; */ 
          
          }   
.tdfknops:hover { background-color: rgba(255,255,255,0.6); color: black; /* font-weight: bold;  */    
                  opacity: 1.0;
                  } 
.tdfknops:active { color: black; /* font-weight: bold;  */    
                   box-shadow: inset 1px 1px 1px 1px black;
                  } 
.otchtt { padding: 16px 56px 16px 56px; border-radius: 6px; cursor: pointer; 
          background-color: blue; color: white; 
       /*   transition-timing-function: ease-in; transition: all 0.5s;  */
          }                      
.otchtt:hover { background-color: white; color: black; }          
                  
.tminknops { border: 1px ridge grey; display: inline-block; 
          background-color: rgba(255,255,255,0.6); color: black; font-size: 10pt;
          cursor: pointer; overflow: hidden; position: relative; 
          min-width: 24px; width: auto; height: 21px; border-radius: 4px; text-align: center;
          transition-timing-function: linear; transition: all 0.3s; 
          } 
.tminknops:hover { background-color: rgba(0,0,0,0.6); color: white;
                   }             
.tknops { margin: 1px; padding: 5px; border: 2px ridge grey; 
          background-color: rgba(0,0,0,0.6); color: white; background-position: center center;
          cursor: pointer; display: inline-block; overflow: hidden;  
          width: 25px;height: 25px; border-radius: 100%; text-align: center;
          transition-timing-function: linear; transition: all 0.0s; 
          line-height:25px;
          } 
.tknops:hover { background-color: rgba(255,255,255,0.6); color: black;
                }                                                    
.tknops_ok { background-image: url(img/load.gif); background-repeat: no-repeat; background-position: center center;
             background-size: auto 100%;
             }          
.tknops:active { box-shadow: 1px 1px 1px 1px black inset;
                }             
                
.ttknops { padding: 10px; border-radius: 5px; border: 2px solid blue;
          background-color: rgba(0,0,0,0.6); color: white;
          cursor: pointer; width: auto; display: inline; z-index: 1000;
          position: absolute; left: 330px; top: 50px;
          }    
.tovarzas { display: none; position: absolute;
            color: white;height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; overflow: hidden;
            transition-timing-function: ease-in; /* transition: all 0.3s; rgba(0,54,255,0.8);background-color: none; */
            text-align: center; opacity: 1.0; 
            }                                 
.tovarbox { display: inline-block; position: relative; 
            width: 250px; height: 150px; border: 3px ridge blue; color: blue; float: none;
            box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.6); margin: 16px; padding: 8px; border-radius: 4px;
            overflow: hidden; background-position: 12px calc(100% - 10px); text-align: left;
            background-color: rgba(255,255,255,0.6); background-repeat: no-repeat;
            background-size: auto 50%; font-family: Arial;
             } 
.tovarbox:hover .tovarzas { display: inline-block; opacity: 1.0; /* height: 100%; */ }                                                       
.bmenua { text-align: center; color: white; cursor: pointer; padding: 3px;
         float: left; margin-left: 16px; /* border-radius: 7px; border: 1px solid blue;*/
        }      
.bmenua:hover {
               border-radius: 3px; color: black;
               background-color: rgba(255,255,255,0.8);
              }    

.bmenu { border-radius: 7px; border: 1px solid blue; text-align: center; color: white; cursor: pointer; padding: 3px;
        }      
.bmenu:hover {
               border-radius: 8px; color: black;
               background-color: rgba(255,255,255,0.8);
              }    
.bmenu1 { border-radius: 7px; border: 1px solid blue; text-align: center; color: black;
         cursor: pointer; background-color: rgba(0,255,255,0.2);
        }      
.bmenu1:hover {
               border-radius: 8px; color: white;
               background-color: rgba(0,0,0,0.4);
              } 
.bmenu1:active {
               background-color: rgba(0,0,0,0.6);
              } 
                     
a:visited {font-family: Arial;text-decoration: none; color: white;}
a:hover { text-decoration: none; color: yellow;}
a:link { text-decoration: none; color: white; }
a:active { color: yellow; text-decoration: none; color: red; }
a.disabled {
    pointer-events: none; /* делаем ссылку некликабельной */
    cursor: default;  /* устанавливаем курсор в виде стрелки */
    color: #999; /* цвет текста для нективной ссылки */
             }
.pp:visited {font-family: Arial;text-decoration: none;color: blue;}
.pp:hover {text-decoration: none;color: red;font-size:150%;font-weight: bold;}
.pp:link { text-decoration: none;color: black; }
.pp:active {color: green; text-decoration: none;color: green;}
option { border: 1px solid blue; border-radius: 8px; padding: 5px; margin: 3px; overflow: hidden; }
body {background-attachment: fixed; background-repeat: no-repeat;
      background-image: linear-gradient(35deg,rgba(25,4,225,1.0),rgba(255,255,255,0.5), rgba(25,4,225,1.0)),url(img/logo_new.jpg);  
      overflow-y: scroll;      
      font-size: 12pt;
      background-position: center center;
      margin: 0px; padding: 0px;   
      color: black; /*  #0b007a   transition-timing-function: ease-in; transition: all 0.1s;  */
      }    
.bodys1 {  background-image: url(img/fon1.png), url(img/fon_2.png);
           background-position: center center, right bottom;
          }   
.bodys2 {  background-image: url(img/fon3.jpg);
           background-position: center bottom;
           background-size: 100% auto, auto auto
          } 
                    
input { border-radius: 4px; border: 1px solid blue; margin: 1px; }       
input:focus { border: 1px solid blue; box-shadow: 0px 0px 1px 1px black; }  
        
.infostyle { border: 1px solid blue; border-radius: 25px;
             position: static; overflow: hidden; display: inline-block;
             width: auto; height: 25px; padding: 4px; margin: 8px; padding-left: 13px; padding-right: 13px;
             box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.5);
             background-color: rgba(205,205,255,0.8);
             text-align: left; text-align: left;
             }
.logostyle { z-index: 5; border: 1px solid black; border-radius: 100%;
             position: fixed; overflow: hidden; display: inline;
             top: 10px; left: 10px;
             }
.wintop { height: 45px; border-radius: 0px; vertical-align: middle; text-align: left;
          cursor: move; line-height:42px; font-size: 16px; background-color: blue; 
          color: white; text-shadow: 1px 1px 6px white;
         }
.formstyle { padding: 0px; z-index: 10; border: 1px solid black;
            background-color: rgba(255,255,250,0.95);
            resize: both; padding: 16px; min-width: 10px; min-height: 64px;
            font-size: 12pt; text-align: center; vertical-align: middle;
            border-radius: 4px; color: black;
            box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.6); 
            position: absolute; 
            display: inline-block;
            }  
.winstyle { padding: 0px; z-index: 1; border: 1px solid black;
            background-color: rgba(255,255,250,0.95);
            padding: 3px; min-width: 64px; min-height: 64px; overflow: auto;
            font-size: 12pt;  /*   font-family: Verdana, Arial; overflow-y: none;     */
            border-radius: 4px; color: black; text-align: center;
            box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.6); 
            position: absolute;
            resize: both; z-index: 1;
            }   
.obknop { display: inline-block; margin: 4px; padding: 4px; padding-left: 12px; padding-right: 12px; 
          border-radius: 3px; cursor: pointer; cursor: pointer;/* default */; border: 1px solid black;
          background-color: rgba(222,222,222,1.0);
          box-shadow: 1px 1px 1px 1px black;
         }   
.obknop:active { box-shadow: inset 1px 1px 1px 1px grey;
                 text-shadow: 1px 1px 1px grey; box-shadow: inset 1px 1px 1px 1px black;
                 background-color: white;
                } 
.obknopDown { display: inline-block; margin: 4px; padding: 4px; padding-left: 12px; padding-right: 12px; 
    border-radius: 3px; cursor: pointer; cursor: pointer;/* default */; border: 1px solid black; 
    box-shadow: inset 1px 1px 1px 1px black; background-color: silver; cursor: default;
             }
                    
.obknop1 { display: inline-block; margin: 1px; padding: 3px; 
          border-radius: 3px; cursor: default; border: 1px solid black;
         }   
.obknop1:active { box-shadow: inset 1px 1px 1px 1px grey;
                 text-shadow: 1px 1px 1px grey;
                }            
.onpld { box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.6);
         }   
.infowin { position: fixed; top: 0; left: 0; display: none; cursor: pointer; max-width: 90%; max-height: 90%;
           }                   
.wintitle { position: relative; line-height: 32px; 
            display: table; width: 98%; margin: 0; left: -1px; top: -1px; display: block;
            border-radius: 4px 0px 0px 0px; font-family: Arial; font-weight: bold;
            height: 32px; text-align: left; vertical-align: middle; padding-left: 8px; padding-top: 4px; cursor: move;
           }
.wininnn { display: inline-block; width: calc(100% - 4px); 
           overflow-y: scroll; height: calc(100% - 150px);
           }         
.winbottm {
            height: auto; text-align: left; vertical-align: bottom; padding: 0px; margin: 0; 
            width: 100%; margin: 0; left: 0px; top: 0px; display: inline-block;
            border-top: 1px dotted grey; border-bottom: 1px dotted grey;  /*       */
            
            }  
           
.minphoto { width: 20px; height: 25px; border: 2px ridge white; min-width: 20px; min-height: 25px; 
            background-position: left top; background-size: auto 99%; background-repeat: no-repeat;
            border-radius: 4px; display: inline-block; position: relative; margin-right: 32px;
            box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.5);
            } 
.kkknops { margin: 5px; padding: 3px; padding-left: 8px; padding-right: 8px;border: 2px ridge grey;
          background-color: rgba(0,0,0,0.2); color: white; 
          cursor: pointer; display: inline-block; overflow: hidden; 
          width: auto;height: auto; border-radius: 16px; text-align: center;
          transition-timing-function: linear; transition: all 0.3s; 
          }   
.kkknops:hover { background-color: rgba(255,255,255,0.6); color: black; 
                  }                       
.miniimg { width: 50%; height: auto; }
.maximg { width: 70%; height: auto; }
.maximg1 { width: 70%; height: auto; }            
.scrolinner { border: 0px dotted red; 
              display: inline-block; 
              overflow: hidden; overflow-y: scroll; position: relative;
              /*   max-height: calc(100% - 230px); left: 0px; top: 0px; right: 0px; bottom: 130px;     */  
              }  
.bukvv { display: table; position: relative; color: #000375;
         margin: 16px; text-shadow: 0px 0px 5px white;
         }      
.cifras { width: 88px; text-align: right;               /*   */
          } 
.pribrr { display: inline-block; width:88px; height:88px; color: black; 
          border: 3px solid black; border-radius: 50%; margin: 24px; padding: 24px; margin-top: 2px; 
          background-position: center center; background-size: auto 50%; background-repeat: no-repeat;
          cursor: pointer; box-shadow: 10px 10px 10px 10px grey; text-align: left;
          }
          
.strokka { display: table; width: 100%; margin: 2px; cursor: pointer;
           padding: 1px; background-color: rgba(255,255,255,0.5); 
           }
.prcifra { display: table; position: relative; border: 2px solid blue; right: -60px; top: 6px;
           text-align: right; border-radius: 12px; background-color: rgba(255,255,255,0.9); width: auto;
           cursor: pointer; padding: 8px; 
           }                         
.wininns { display:inline-block; top:101px; 
           border: 0px solid red; box-shadow: inset -1px 0px 2px 1px black;
           overflow-x:auto; overflow-y: scroll; width: calc(100% - 36px); height: calc(100% - 120px);
           padding: 16px;
           }                                                   
.divleft { border: 0px solid blue; display: inline-block; width: auto; height: auto; float: left; padding: 6px; }
.osndiv { display: table; width: 100%; height: auto; color: black; padding: 24px;
          margin: 0px 0px 0px 0px; margin-bottom: 0px;
          } 
#soobform { z-index: 9999; font-weight: bold;
            transition-timing-function: ease-in; transition: all 0.9s;
            }
.inform { position: fixed; top: 10px; left: 10px; padding: 10px; border: 2px solid red; 
          z-index: 10000;
         } 
.sprmenu { display: table; position: fixed; top: 110px; left: 1px; width: calc(100% - 64px);
           background-color: rgba(0,0,0,0.3); padding: 4px;
           }          
/*   ===========================================================  */           
#bigbackg { top: 0; left: 0; z-index: 70000; width: 100%; height: 100%;
            background-color: rgba(0,0,0,0.3); display: none; position: fixed; 
            color: white; text-align: center; vertical-align: middle; 
            font-weight: bold; font-size: 16pt;
         }           
#bigload { left: 1px; bottom: 1px; background-color: rgba(255,255,255,0.5); display: none; position: fixed;
           border-radius: 8px; padding: 4px; border: 0px solid black; z-index: 999999;
            }  
#logform { top: 0px; left: calc(50% - 180px); width: 360px; height: auto; border: 3px ridge red; 
           border-radius: 6px; padding: 1px; padding-bottom: 16px;           
           z-index: 105; display: none; opacity: 0.9;
           transition-timing-function: ease-in; transition: all 0.3s;
           }   
#progresf { display: table-cell; padding: 16px; background-color: rgba(0,0,0,0.6); color: white;
            border: 2px solid white; border-radius: 16px; position: fixed; 
            top: 16px; left: 50%; cursor: pointer; z-index: 1003; 
            transition-timing-function: ease-in; transition: all 0.9s;
            width: auto; height: auto; z-index: 100000; font-weight: bold;
            box-shadow: 0px 0px 6px 6px rgba(0,0,0,0.8); 
            } 
#toppanel { display: inline-block; position: fixed; z-index: 1;
            background-color: white; top: 0px; left: 0px; 
            height: 100px; width: 100%; overflow: auto; font-size: 10pt;     
            border-bottom: 0px solid black; box-shadow: 1px 1px 1px 1px grey;  
            } 
#MainInn { display:inline-block; position:fixed; top:101px; left:1px; right:1px; bottom:48px;
           border: 0px solid red; box-shadow: inset -16px 0px 2px 1px black;
           overflow-x:hidden; overflow-y:scroll;
           }                                                   
/*   ===========================================================  */           
.close {display:block; position: relative; top: 3px;right: 3px;width: 36px;height:36px; line-height:36px;
       color: black; background-color: rgba(0, 0, 0, 0.7);
       cursor:pointer;-webkit-border-radius: 15px; text-align: center;
       border: none; float: right; background-image: linear-gradient(-45deg, #0b007a, white);
       -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;
       -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 0px 0px 0px #000;
       }
       
.close:hover { background-color: red; background-image: linear-gradient(-45deg, #0b007a, red);} 		 
.close:active { box-shadow: 2px 2px 2px 2px black inset;
                }