@charset "UTF-8";
 /* Copyright Droggitis IT Systems   */

* {  -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */ }


body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
    background-color:#000080;
    background:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background:-webkit-gradient( linear,left top, left bottom,   color-stop(0, #A7A7A7), color-stop(0.51, #E4E4E4)    );
    background-attachment:fixed;
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:12px;
    height:100%;
    margin:0px;
    padding:0px;
    /*text-transform:uppercase;*/
    width:100%;
}

input{border:none;}

textarea{ resize:none; outline: none;}
fieldset {      border: 0;    }
label {     display: block;      margin: 30px 0 0 0;    }
.overflow {      height: 200px;    }
h6{font-family: arial, verdana, helvetica, sans-serif; font-size: 16px;   padding:0px; margin:0px;	color: red;  overflow:hidden;	font-weight:bold;}
h4{font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;   padding:0px; margin:0px;	color: red;  overflow:hidden;	font-weight:bold;}


h24{font-family: arial, verdana, helvetica, sans-serif; font-size: 24px;	font-weight:bold;}
h14{font-family: arial, verdana, helvetica, sans-serif; font-size: 14px;	font-weight:bold;}




.OtherText{position:absolute; top:0px; left:0px; right:0px; height:20px; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px;   padding:0px; margin:0px;	color: blue;  overflow:hidden;	font-weight:bold;}


@font-face {font-family: DigitalFont;     src: url(../js/sa-digital-number.ttf); }

#OuterAppArea{position:absolute; top:0px; left:0px; right:0px;  bottom:0px;  overflow:hidden; background-color:gray; min-width:600px; min-height:600px;}

#AppArea{position:absolute; top:5px; left:5px; right:5px;  bottom:5px; overflow:hidden; background-color:white;
              -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px; }
              
.MainPrgdiv{position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:white; overflow:hidden;font-size:10px; z-index:5;} 




/*  ===============    TOP SCREEN STUFF ===========================================================  */


#TopArea{position:absolute; top:0px; left:0px; height:60px; right:0px; background-color:gray; display:block; color:white; overflow:hidden; font-size: 10px;
    background: #efefef; 
	background: linear-gradient(top, #0066FF 5%, #000099 70%);  
	background: -moz-linear-gradient(top, #0066FF 5%, #000099 70%); 
	background: -webkit-linear-gradient(top, #0066FF 5%,#000099 70%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}



/*----DEMO TEST   ONLY ------------------------------*/
/*
#TopArea{position:absolute; top:0px; left:0px; height:60px; right:0px; background-color:gray; display:block; color:white; overflow:hidden; font-size: 10px;
    background: #FF4500; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}

*/



.menuIcon{position:fixed; top:5px; left:5px; width:50px;  height:50px; display:block; overflow:hidden; border:none; float:left;  background:url(../img/menu_icon.png) no-repeat  0 0; }
#Logo{position:fixed; top:15px; left:60px; height:40px; width:350px; float:left;   background:url(../img/AppLogoTop.png) no-repeat  0 0;}
#JobName{position:absolute; bottom:8px; left:420px; height:20px; width:250px; color:white; font-size:20px; text-align:left; font-style:italic;}


.loginIcon{position:fixed; top:5px; right:15px; width:50px;  height:50px; display:block; overflow:hidden; border:none; float:left;  background:url(../img/loginicon.png) no-repeat  0 0; }
.loginUserName{position:fixed; top:20px; right:70px; width:100px; height:26px; display:block; overflow:hidden; border:none; float:left;  
               font-size:20px; color:white;   text-align: right;}
               




/* ====================================  MENU  ================================================= */


.MenuContainer{position:absolute; top:0px;  left:5px; width:350px; height:530px;  z-index:9999;  display:none;
                   background-color:#4169E1;  float:left;  padding: 2px; margin:2px;	
                    overflow-x:hidden; overflow-y:auto;
                    border-width: 1px;  border-style: solid; 	border-color: #000080 ;
                      -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; 
                      -moz-box-shadow:    2px 2px 2px 0px #999999;   -webkit-box-shadow: 2px 2px 2px 0px #999999;    box-shadow:  2px 2px 2px 0px #999999;
                      }		
                       
.MenuItem{display:block; position:relative; left:0px; right:0px; height:80px; 
              background:url(../img/menu_menu.png);
              background-size:     70px 70px;  
              background-repeat:   no-repeat;
              background-position: 5px center;
              background-color:#eeeeec; 
              padding: 2px; 
              margin: 2px;   
              border-width: 1px;	border-style: solid; 	border-color: #D8D8D8;
              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; 
              -moz-box-shadow:  2px 2px 2px 0px #999999;   -webkit-box-shadow: 2px 2px 2px 0px #999999;    box-shadow:  2px 2px 2px 0px #999999;    
               }              
.MenuItem:hover{left:1px; }	              
              
.MenuItemStr{position:absolute; bottom:10px; left:95px; font-family: arial; font-size: 36px; color:#0033cc; font-weight:bold;}

.MenuItem_Sales{ background:url(../img/Menu_Sales.png); background-color:#eeeeec; 
				background-size: 70px 70px;   background-repeat:no-repeat; background-position: 5px center; }
.MenuItem_Transport{ background:url(../img/Menu_Trasportations.png); background-color:#eeeeec; 
				background-size: 70px 70px;   background-repeat:no-repeat; background-position: 5px center; }
.MenuItem_MainOffice{   background:url(../img/Menu_MainOffice.png);background-color:#eeeeec; 
				background-size:70px 70px;  background-repeat:no-repeat; background-position: 5px center; }
.MenuItem_Reports{  background:url(../img/menu_reports.png) ; background-color:#eeeeec; 
					background-size:70px 70px;  background-repeat:no-repeat; background-position: 5px center; }
.MenuItem_Config{   background:url(../img/menu_config.png);  background-color:#eeeeec; 
					background-size:70px 70px;  background-repeat:no-repeat; background-position: 5px center; }
.MenuItem_Accountant{   background:url(../img/Menu_Accountant.png); background-color:#eeeeec; 
					background-size:70px 70px; background-repeat:no-repeat; background-position: 5px center; }


/* ====================================  SUB MENU  ================================================= */



.subMenuItem{position:relative; display:block;  width:250px; height:90px; float:left;
             background:url(../img/menu_menu.png);
             background-size:  50px;  
             background-repeat:   no-repeat;
             background-position: 5px 5px; 
             background-color:#eeeeec; 
             padding: 2px; margin:2px;   border-width: 1px;	border-style: solid; 	border-color: #D8D8D8;
             -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; 
             -moz-box-shadow:  2px 2px 2px 0px #999999;   -webkit-box-shadow: 2px 2px 2px 0px #999999;    box-shadow:  2px 2px 2px 0px #999999; }
.subMenuItem:hover{border-color: blue;   -moz-box-shadow:  2px 2px 2px 0px blue;   -webkit-box-shadow: 2px 2px 2px 0px blue;    box-shadow:  2px 2px 2px 0px blue;}


.subMenuItemStr{position:absolute; top:5px; left: 60px; right:5px; font:Arial; font-size:20px; color:#0033cc ;font-weight:bold;}








/*  ===============    MAIN SCREEN STUFF ===========================================================  */

	
#MainArea{position:absolute; top:60px; left:0px; bottom: 0px; right:0px; display:block; color:blue; overflow:hidden; font-size: 1px; background-color: #DCDCDC; }

.MainPrgdiv{position:absolute; top:0px; left:0px; right:0px; bottom:0px; 
			  background:url(../img/TourSystemLogo.png);
              background-size:     500px 282px;  
              background-repeat:   no-repeat;
              background-position: center center;
              background-color: #DCDCDC; overflow:hidden; font-size: 10px;z-index:2;} 



.GraphTopControls{position:absolute; top:0px; left:0px; height:60px; right:0px; background-color:#3377ff ; display:block; color:white; overflow:hidden; font-size: 10px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}

.planBtn{position:absolute; top:5px; width:50px;  height:50px; display:block; overflow:hidden; border:none;}
.planBtn:hover{border:0px #6666FF solid;   -webkit-border-radius: 10px;   -moz-border-radius: 10px;   border-radius: 10px; background-color:#4da6ff;}

.BtnRefresh{right:50px; background-image:url(../img/refresh.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}




.BtnSave{right:120px;  background-image:url(../img/save.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}             
.BtnUpload{right:200px;  background:url(../img/upload.png) no-repeat  0 0;}             


.BtnDownload{left:280px;  background-image:url(../img/download.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}           
.BtnCloudUp{left:700px;  background-image:url(../img/cloudup.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}           
.BtnCloudDown{left:700px;  background-image:url(../img/clouddown.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}           



.BtnAdd{left:10px;  background:url(../img/add.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnEdit{left:80px;  background:url(../img/edit.png) ; background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnDelete{left:150px;  background:url(../img/delete.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnCarbonCopy{left:220px;  background:url(../img/carboncopy.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   


.BtnPause{left:630px;  background:url(../img/pause.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnPlay{left:700px;  background:url(../img/play.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   


.BtnAddMany{left:220px;  background:url(../img/add_many.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   


.BtnSearch{left:160px;  background:url(../img/search.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnSelectAll{left:170px;  background:url(../img/selectall.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnSelectNone{left:240px;  background:url(../img/selectnone.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}  
.BtnLink{left:310px;  background:url(../img/link.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnUnlink{left:380px;  background:url(../img/unlink.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   

.BtnRemove{left:920px;  background:url(../img/remove.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   

.BtnReceipt{left:70px;  background:url(../img/receipt.png) ; background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnPayment{left:130px;  background:url(../img/payment.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnPrint{left:200px;  background:url(../img/print.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}  
.BtnNote{left:390px;  background:url(../img/note.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnReceiptAll{left:450px;  background:url(../img/allreceipt.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnPayall{left:510px;  background:url(../img/allpayment.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnSend{left:570px;  background:url(../img/send.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   


.BtnStats{left:200px;  background:url(../img/stats.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}  



.BtnRenewTck{left:820px;  background:url(../img/renew.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnRefund{left:820px;  background:url(../img/refund.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   


.BtnPerson{left:630px;  background:url(../img/customers.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnStats{left:630px;  background:url(../img/stats.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
 
.BtnStop{left:200px;  background:url(../img/stop.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   


.BtnCustomer{left:240px;  background:url(../img/customers.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}  
.BtnSplit{left:240px;  background:url(../img/split.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}  
 
 
.BtnPayCash{right:450px;  background:url(../img/cash.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}  
.BtnPayCard{right:350px;  background:url(../img/card.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}  
.BtnPayCredit{right:250px;  background:url(../img/credit.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}  

.BtnHistoryReport{left:810px;  background:url(../img/receipt.png) ; background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
 
.BtnFreetext{right:300px;  background:url(../img/freetext.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   

.BtnApplyMultipleFilters{left:820px;  background:url(../img/accall.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   


.BtnDataImport{left:10px;  background:url(../img/dataimport.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   

  

/*  ===============    GRAPH TOP CONTROLS ===========================================================  */


.GraphTopControlsInput{position:absolute; top:10px; left:0px; width:150px; height:30px; font-size: 20px; color: #003366;  text-align:center; 
                                              padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	border-style: solid; 	border-color: #E0E0E0 ; 
                                              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.GraphTopControlsInput  input{width:100%; height:100%;  font-size:20px; text-align: center; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}


.GraphTopControlsdiv{position:absolute; top:0px; bottom:0px; left:0px; width:150px; font-size: 20px; color: #003366;  text-align:center; 
                                              padding: 0px 0px 0px 0px; margin:0px; }
                                              
.GraphTopControlsSELECTBox{position:absolute; top:10px; left:100px; width:200px;  height:24px; text-align:left; font-size: 18px; color: #003366;    padding: 5px 4px 5px 4px; margin:0px;}
.GraphTopControlsSELECTBox SELECT{font-size: 18px; width:180px; color: #003366;  background-color:#F8F8F8  ;}
.GraphTopControlsSELECTBox140{position:absolute; top:10px; left:100px; width:140px;  height:24px; text-align:left; font-size: 16px; color: #003366;    padding: 5px 4px 5px 4px; margin:0px;}
.GraphTopControlsSELECTBox140 SELECT{font-size: 16px; width:140px; color: #003366;  background-color:#F8F8F8  ;}     
      
      

.MainPlanSelect{position:absolute; top:15px;  left:400px; width:120px;  font-size:14px;
                 border-width: 1px;           border-style: solid; 	border-color: blue;
                -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px ; }
.MainPlanSelect SELECT{width:120px;}     
      
  
  

.GraphTopControlsHalfInput{position:absolute; top:10px; left:300px; width:120px; height:20px; font-size: 14px; color: #003366;  text-align:center; 
                                              padding: 1px 1px 1px 1px; margin:0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	border-style: solid; 	border-color: #E0E0E0 ; 
                                              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.GraphTopControlsHalfInput  input{width:100%; height:100%;  font-size:14px; text-align: center; -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
      
      
.GraphTopControlsLabel{position:absolute; top:2px; left:100px; width:50px; height:20px; font-size: 12px; color: white;  text-align:right;}       
      
    
    
    
    
    
/* =================  GRID DIV ====================================================*/
      
.GridDiv{position:absolute; top:60px; left:0px; bottom:0px; right:0px; background-color:#E8E8E8 ; display:block; color:white; overflow:auto; font-size: 20px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}    
	 
.GridDivWhiteParerRoll{width:600px; height:100%; min-width: 600px;max-width: 600px; display:block; background-color: white; margin: 0 auto; }
	
.GridDivTable{ display:table;  font-family: Arial;  width:100%; background-color:#EBF5FF ; color:#404040;   margin:0px; padding:0px; }

.GridDivTabletr{display:table-row;  overflow:hidden; font-size: 18px; color:#404040; padding:5px;}
.GridDivTabletr:hover{color: #0000FF ; background-color:#E6E6E6;}
.GGridDivTableth{display:table-cell;  min-width:30px; max-width:250px; min-height:20px; overflow:hidden; max-height:50px; text-align:center; background-color:#404040 ; color:#EBF5FF;   padding:4px 4px 4px 4px;
                font-size: 18px;    border:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
.GridDivTabletd{display:table-cell;  min-width:50px; max-width:250px; min-height:20px; overflow:hidden; max-height:50px; text-align:right;    padding:4px 4px 4px 4px;
                font-size: 18px;   border-bottom:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}


.GridDivTableInput{ font-family: Arial;  font-size: 18px; text-align:center; width:100%;   background-color:#EBF5FF ; color:#404040; padding:4px 4px 4px 4px;  }

.GridDivTableColorBox{ width:25px; height:15px;  background-color:#EBF5FF ; padding:5px 5px 5px 5px; border:1px black solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}

	 
.GridDivTabletrSelected{ background-color:#aaccff ;}
	 
	 
.CNFGENERAL_GridDivTableInput{ font-family: Arial;  font-size: 18px; text-align:center; width:550px;   background-color:#EBF5FF ; color:#404040; padding:4px 4px 4px 4px;  }
	 
.GridDivTabletr SELECT{font-size: 16px; width:120px; color: #003366;  background-color:#F8F8F8  ;}   	 
	 

.GGridDivTableth2{display:table-cell;  min-width:30px; max-width:250px; min-height:20px; overflow:hidden; max-height:50px; text-align:center; background-color:#404040 ; color:#EBF5FF;   padding:4px 4px 4px 4px;
                font-size: 12px;    border:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
.GridDivTabletd2{display:table-cell;  min-width:50px; max-width:250px; min-height:20px; overflow:hidden; max-height:50px; text-align:right;    padding:4px 4px 4px 4px;
                font-size: 12px;   border-bottom:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}


    
    
    
    
    
    
    
    
    
    
      
      
/*  ===============    GRID DIV 30 ===========================================================  */
     
.GridDiv30{position:absolute; top:60px; left:0px; bottom:0px; right:0px; background-color:#E8E8E8 ; display:block; color:white; overflow:auto; font-size: 18px;
 	margin:0px; padding:0px; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}    
	 
.GridDiv30Table{display:table;  font-family: Arial;  width:100%;  background-color:#EBF5FF ; color:#404040;   margin:0px; padding:0px; }

.GridDiv30Tabletr{display:table-row;  overflow:hidden; font-size: 18px; color:#404040; padding:1px;  max-height:34px; }
.GridDiv30Tabletr:hover{color: #0000FF ; background-color:#E6E6E6;}


.GGridDiv30Tableth{display:table-cell;  min-width:30px; max-width:250px; min-height:20px;  max-height:34px;  overflow:hidden;text-align:center; background-color:#404040 ; color:#EBF5FF;   padding:4px 4px 4px 4px;
                font-size: 18px;    border:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
    
                
.GridDiv30Tabletd{display:table-cell;  min-width:50px; max-width:250px; min-height:20px; max-height:32px; height:30px; overflow:hidden; text-align:right;  
				  margin:0px; padding:0px; font-size: 18px;   
				  border-bottom:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}

.GridDiv30TabletrSelected{ background-color:#aaccff ; min-height:20px; max-height:30px; height:32px;}

	 

.GridDiv30TableInputBrd{top:0px; left:0px; width:150px;  height:28px; text-align:center; 
                                              border-width: 1px; 	border-style: solid; 	border-color: #AAAAAA ; 
                                              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.GridDiv30TableInputBrd  input{top:1px; width:140px;  height:26px;  font-size: 16px; border:none;  text-align:center; }


.GridDiv30SELECTBox{top:1px; width:200px;  height:30px; text-align:left; padding: 0px ; margin:0px; }
.GridDiv30TSELECTBox SELECT{top:1px;  width:195px;   font-size: 16px;  max-height:28px;}





/*
.GridDiv30Tabletd .POSDivSELECT{width:250px;  height:30px; font-size: 18px;  text-align:left;  width:200px; color: #003366;  background-color:#F8F8F8  ;  padding:0px;  margin:0px; }

.GridDiv30Tabletd .POSDivSELECT{width:250px;  height:30px; font-size: 18px;  text-align:left;  width:200px; color: #003366;  background-color:#F8F8F8  ;  padding:0px;  margin:0px; }
*/






      
      /*
      
#MainArea{position:absolute; top:60px; left:0px; bottom: 0px; right:0px; display:block; color:blue; overflow:hidden; font-size: 1px; background-color: #DCDCDC; }

.MainPrgdiv{position:absolute; top:0px; left:0px; right:0px; bottom:0px; 
			  background:url(../img/TourSystemLogo.png);
              background-size:     500px 282px;  
              background-repeat:   no-repeat;
              background-position: center center;
              background-color: #DCDCDC; overflow:hidden; font-size: 10px;z-index:2;} 
      */      
      
      
      
      
/*  ===============    PICKS DIV 30 ===========================================================  */
     
.PicksDiv{position:absolute; top:2px; left:0px; bottom:5px; width:300px; background-color:#E8E8E8 ; display:block; color:white; overflow:hidden; font-size: 12px;
 	margin:0px; padding:0px; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}    
	 
	 
.PicksDivTopTitle{position:absolute; top:0px; left:0px; height:20px; right:0px; display:block;   background-color:#000080 ; color:white; overflow:hidden;}
.PicksDivTopTitleText{position:absolute; top:3px; left:4px; height:14px; right:43px; font-size:14px;  text-align:left;  color:white; font-weight:bold; }
.PicksDivTopTitleInfoNum{position:absolute; top:3px; right:5px; height:14px; width:65px;  font-size:13x;  text-align:center;   background-color:#FAF0E6; color:#000080 ;  display:block; overflow:hidden; }


.PicksDivTopControls{position:absolute; top:20px; left:0px; height:34px; right:0px; background-color:#3377ff ; display:block; overflow:hidden; }



.PicksDivData{position:absolute; top:54px; left:0px; bottom:2px; right:0px;  background-color:#E8E8E8 ; display:block; color:white; 
	overflow-x:hidden; overflow-y:auto; font-size: 12px; 
 	margin:0px; padding: 1px 2px 1px 2px; 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}    



.PicksDivBtn{position:absolute; top:2px; width:30px;  height:30px; display:block; overflow:hidden; border:none;}
.PicksDivBtn:hover{border:0px #6666FF solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px; background-color:#1E90FF;}

.PicksBtnSelectAll{left:5px; background-image:url(../img/selectall.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}
.PicksBtnSelectNone{left:40px; background-image:url(../img/selectnone.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}


.PicksBtnSendAllLeft{right:110px; background-image:url(../img/gotofirst.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}
.PicksBtnSendOneLeft{right:75px; background-image:url(../img/gotoprev.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}
.PicksBtnSendOneRight{right:40px; background-image:url(../img/gotonext.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}
.PicksBtnSendAllRight{right:5px; background-image:url(../img/gotolast.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}



.PicksBtnUpsideDown{left:5px; background-image:url(../img/upsidedown.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}
.PicksBtnSendToTop{right:110px; background-image:url(../img/gototop.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}
.PicksBtnSendOneUp{right:75px; background-image:url(../img/goup.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}
.PicksBtnSendOneDown{right:40px; background-image:url(../img/godown.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}
.PicksBtnSendToBottom{right:5px; background-image:url(../img/gotobottom.png); background-size:30px 30px;background-repeat:no-repeat;background-position: center center;}


	 
	 
.PicksDivTable{display:table;  font-family: Arial;  width:100%;  background-color:#EBF5FF ; color:#404040;   margin:0px;}

.PicksDivTabletr{display:table-row;  overflow:hidden; font-size: 12px; color:#404040;   max-height:34px; }
.PicksDivTabletr:hover{font-weight:bold; }


/*  .PicksDivTabletr:hover{color: #0000FF ; background-color:#E6E6E6;}   font-weight:bold;   */

.PicksDivTableth{display:table-cell;  min-width:30px; max-width:180px; min-height:16px;  max-height:26px;  overflow:hidden;text-align:center; background-color:#404040 ; color:#EBF5FF;   
				padding:1px 1px 1px 1px;
                font-size: 12px;    border:1px #E8E8E8  solid;  
                 -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}
    
                
.PicksDivTabletd{display:table-cell;  min-width:30px; max-width:180px; min-height:18px; max-height:26px;overflow:hidden; text-align:right;  
				  margin:0px; padding:0px; font-size: 13px;   
				  border-bottom:1px #E8E8E8  solid;   -webkit-border-radius: 2px;   -moz-border-radius: 2px;   border-radius: 2px;}

.PicksDivTabletrSelected{ background-color:#aaccff ; min-height:16px; max-height:26px; }

	 
/*
.PicksDivTableInputBrd{top:0px; left:0px; width:100px;  height:18px; text-align:center; 
                                              border-width: 1px; 	border-style: solid; 	border-color: #AAAAAA ; 
                                              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.PicksDivTableInputBrd  input{top:1px; width:90px;  height:16px;  font-size: 12px; border:none;  text-align:center; }


.PicksDivSELECTBox{top:1px; width:200px;  height:30px; text-align:left; padding: 0px ; margin:0px; }
.PicksDivTSELECTBox SELECT{top:1px;  width:195px;   font-size: 16px;  max-height:28px;}
*/


























/*  ===============    POP UP WINDOW ===========================================================  */



.PopUpWindow{position: relative;  width:100%; height:100%; min-width:100px; max-width:300px; min-height:100px; max-height:180px;   
             top:50px; top: 40%;  left:50%;  transform: perspective(1px) translateY(-50%) translateX(-40%);;
             display:none;  z-index:9999;     background-color:#F0F0F0 ; padding:15px;
             border-width: 2px; margin:0px;	border-style: solid; 	border-color: blue;
             -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; 
             -moz-box-shadow:    2px 2px 2px 0px #999999;   -webkit-box-shadow: 2px 2px 2px 0px #999999;    box-shadow:  2px 2px 2px 0px #999999;}


.PopUpWindowFormLine{position:relative; top: 0px; left:0px; right:0px;  height:60px;  margin:0px;  padding:0px 10px 0px 10px; }

.PopUpWindowFormLineTitle{position:absolute; top: 1px;  left:0px; right:0px; height:15px; 
                         font-size:11px;  color:#003366; text-align:left;  padding: 3px 5px 3px 5px; margin:0px; float:left;}



.PopUpWindowFormLineInputBorder{position:absolute; top:20px; left:0px; right:0px; height:30px; font-size: 20px; color: #003366;  text-align:center; 
                                              padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	border-style: solid; 	border-color: #6666ff ; 
                                              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.PopUpWindowFormLineInputBorder  input{width:100%; height:100%;  font-size:20px;}





.PopUpWindowFormLineTitle2{position:absolute; top: 1px;  left:0px; width:250px; height:15px; 
                         font-size:11px;  color:#003366; text-align:left;  padding: 3px 5px 3px 5px; margin:0px; float:left;}
.PopUpWindowFormLineInputBorder2{position:absolute; top:20px; left:0px; width:245px; height:30px; font-size: 20px; color: #003366;  text-align:center; 
                                              padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	border-style: solid; 	border-color: #E0E0E0 ; 
                                              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.PopUpWindowFormLineInputBorder2  input{width:100%; height:100%;  font-size:20px;}



.PopUpWindowFormLineTitle3{position:absolute; top: 1px;  left:0px; width:160px; height:15px; 
                         font-size:11px;  color:#003366; text-align:left;  padding: 3px 5px 3px 5px; margin:0px; float:left;}
.PopUpWindowFormLineInputBorder3{position:absolute; top:20px; left:0px; width:155px; height:30px; font-size: 20px; color: #003366;  text-align:center; 
                                              padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	border-style: solid; 	border-color: #E0E0E0 ; 
                                              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.PopUpWindowFormLineInputBorder3  input{width:100%; height:100%;  font-size:20px;}



.PopUpWindowSmallSearchInputDiv{position:absolute; top:20px; left:0px; right:0px; height:30px; color: #003366;  text-align:center; 
                                              padding: 5px 5px 5px 5px; margin:0px; background-color:#F8F8F8  ;
                                              border-width: 1px; 	border-style: solid; 	border-color: #6666ff ; 
                                              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.PopUpWindowSmallSearchInputDiv  input{width:100%; height:100%;  font-size:18px;}


.BtnPopUpExcursionsSearch{left:0px;  background:url(../img/ExcSearch.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnPopUpCustomerSearch{left:0px;  background:url(../img/person.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   

.BtnPopUpSearch{left:0px;  background:url(../img/search.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   






.PopUpWindowContentsFormFieldSELECT{position:absolute; top:20px; left:0px; width:300px;  height:24px; text-align:left; font-size: 18px; color: #003366;    padding: 5px 4px 5px 4px; margin:0px;}
.PopUpWindowContentsFormFieldSELECT SELECT{font-size: 18px; width:300px; color: #003366;  background-color:#F8F8F8  ;}



.PopUpWindowContentsFormFieldSELECT2{position:absolute; top:20px; left:0px; width:260px;  height:24px; text-align:left; font-size: 18px; color: #003366;    padding: 5px 4px 5px 4px; margin:0px;}
.PopUpWindowContentsFormFieldSELECT2 SELECT{font-size: 18px; width:250px; color: #003366;  background-color:#F8F8F8  ;}



.PopUpWindowFormLineTextArea4{position:absolute; top: 20px; left:0px; right:10px;  height:60px; text-align:left;  font-size:11px;  color:#003366; padding: 0px; margin:0px; 
							background-color:#F8F8F8 ;  background-color:white;     border: 1px #E0E0E0 solid;  -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;
                             }






.PopUpWindowContentsFormLineSeperator{position:relative; top: 0px; left:5px; right:15px;  height:2px; margin: 11px 0px 11px 0px; background-color:blue;}


.PopUpWindowOK{position:absolute; bottom:10px; right:10px; width:50px; height:50px;  background:url(../img/ok.png) no-repeat  0 0; }
.PopUpWindowCancel{position:absolute; bottom:10px; right:90px; width:50px; height:50px; background:url(../img/cancel.png) no-repeat  0 0; }












.PopUpWindowData{position:absolute; top:50px; left:400px;  height:520px;  width:560px;  display:none; z-index:9003; background-color:#F0F0F0 ;
                      border-width: 1px; 	padding: 10px; margin:0px;	border-style: solid; 	border-color: blue;
                      -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; 
                      -moz-box-shadow:    2px 2px 2px 0px #999999;   -webkit-box-shadow: 2px 2px 2px 0px #999999;    box-shadow:  2px 2px 2px 0px #999999; }


.PopUpWindowDataTop{position:absolute; top:0px; left:0px; height:50px; width:100%; background:#3377ff; padding: 0px 0px 0px 0px;  margin:0px 0px 0px 0px; 
                      border-width: 0px; border-style: solid; 	border-color: gray; -webkit-border-radius: 2px 2px 0px 0px;   -moz-border-radius: 2px 2px 0px 0px;   border-radius: 2px 2px 0px 0px;;}
.PopUpWindowDataTopTitle{position:relative; top:13px; height:14px;  left: 10px; width:150px;  font-family: Arial, verdana, helvetica, sans-serif;  font-size: 14px;  font-weight:bold; color: white; }   
.PopUpWindowDataTopClose{position:absolute; top:5px; height:40px;  right:5px; width:40px; background: url("../img/exit.png");   background-size:     contain;    }

.PopUpWindowDataContents{position:absolute; top:50px; bottom:50px;  left: 5px; right:5px;  font-family: Arial, verdana, helvetica, sans-serif;  
						font-size: 20px; color: blue;  background-color:#F0F0F0;}

.PopUpWindowDataBottom{position:absolute; bottom:0px; height:50px;  left: 0px; width:100%;  adding: 2px; float:left;}





/* ---  SLIDERS   */


.switch {position: relative;  display: inline-block;  width: 60px;  height: 30px;}
/* Hide default HTML checkbox */
.switch input {  opacity: 0;  width: 0;  height: 0;}

/* The slider */
.slider {position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ff0000;  -webkit-transition: .4s;  transition: .4s;}
.slider:before {  position: absolute;  content: "";  height: 26px;  width: 26px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}

input:checked + .slider {  background-color: #009000;}

input:focus + .slider {  box-shadow: 0 0 1px #2196F3;}

input:checked + .slider:before {  -webkit-transform: translateX(26px);  -ms-transform: translateX(26px);  transform: translateX(26px);}

/* Rounded sliders */
.slider.round {  border-radius: 34px;}
.slider.round:before {  border-radius: 50%;}




.switch40{position:relative; top:0px; left:0px;  display: inline-block;  width: 50px;  height:26px; padding:0px; margin:0px; }
.switch40 input {  opacity: 0;  width: 0;  height: 0;}
.slider40 {position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #555753;  -webkit-transition: .4s;  transition: .4s;}
.slider40:before {  position: absolute;  content: "";  height: 18px;  width: 18px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}
input:checked + .slider40 {  background-color: #009000;}
input:focus + .slider40 {  box-shadow: 0 0 1px #2196F3;}
input:checked + .slider40:before {  -webkit-transform: translateX(20px);  -ms-transform: translateX(20px);  transform: translateX(20px);}
.slider40.round {border-radius: 12px;}
.slider40.round:before {border-radius: 50%;}


/*

.switch40 {position: relative;  display: inline-block;  width: 50px;  height: 26px;}
.switch40 input {  opacity: 0;  width: 0;  height: 0;}
.slider40 {position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #555753;  -webkit-transition: .4s;  transition: .4s;}
.slider40:before {  position: absolute;  content: "";  height: 18px;  width: 18px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;}
input:checked + .slider40 {  background-color: #009000;}
input:focus + .slider40 {  box-shadow: 0 0 1px #2196F3;}
input:checked + .slider40:before {  -webkit-transform: translateX(20px);  -ms-transform: translateX(20px);  transform: translateX(20px);}
.slider40.round {  border-radius: 18px;}
.slider40.round:before {  border-radius: 50%;}
*/

/*  -------------------------------   POS  SCREEN   ------------------------------------------*/



.POSDiv{position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:block; display:none;  background-color:#d0d0d0;   overflow:hidden; font-size: 10px; z-index:10;
		} 
		
		
.POSDivContents{position:absolute; top:5px; left:15px;  max-width:1150px; right:10px; bottom:15px; background-color:white;
        display:block; font-family: Arial, verdana, helvetica, sans-serif; 
        padding: 0px 5px 0px 5px; margin: 0px 5px 0px 5px;
		border:5px blue solid;  -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px;} 



.POSDivContents2{position:absolute; top:5px; left:15px;  width:1050px; right:10px; height:500px; background-color:white;
        display:block; font-family: Arial, verdana, helvetica, sans-serif; 
        padding: 0px 5px 0px 5px; margin: 0px 5px 0px 5px;
		border:5px blue solid;  -webkit-border-radius: 5px;   -moz-border-radius: 5px;   border-radius: 5px;} 
		
		

.POSDivHeaderDiv{position:absolute; top:0px; height:210px;  left:0px; right:0px; padding:0px 5px 0px 5px; margin:0px; display:block;}  
.POSDivLinesDiv{position:absolute; top:230px; bottom:235px; left:0px; right:0px;padding:0px 5px 0px 5px; margin:0px; display:block;  background-color:#d0d0d0; }  
.POSDivFooterDiv{position:absolute; bottom:70px; height:160px;  left:0px; right:0px;  padding: 0px; margin:0px; display:block;}  
  
 
 

 
.POSDivFormLine{position:relative; top: 0px; left:0px; right:0px;  height:50px;  margin:2px 0px 2px 0px;   padding:0px 10px 0px 10px; 
				color: #003366; background-color:#F8F8F8 ;  }


.POSDivFormBlueLineHalfHeight{position:relative; top: 0px; left:0px; right:0px;  height:20px;  margin:0px;  padding:0px ; 	background-color:blue ;  }
.POSDivRedColor{background-color:red ;}

.POSDivITemTopTitle{position:absolute; top:0px; left:2px; width:150px;  height:12px;  font-size:10x;}  	


.POSDivITemBodyInputBrd{position:absolute; top:14px; left:0px; width:150px;  height:30px; text-align:center; 
                                              border-width: 1px; 	border-style: solid; 	border-color: #AAAAAA ; 
                                              padding:0px;  margin:0px; 
                                              -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px;}
.POSDivITemBodyInputBrd  input{top:1px; width:140px;  height:28px;  font-size: 16px; border:none;  text-align:center; }



.POSDivSELECTBox{position:absolute; top:14px; width:200px;  height:32px; text-align:left; padding: 0px ; margin:0px; }
.POSDivSELECTBox SELECT{top:1px;  width:200px;   font-size: 16px;  max-height:400px;}



.POSDivRightTotal{position:absolute; top:0px; width:200px; height:50px; right:0px; text-align:center; padding: 0px; margin:0px; 
					color: white; 	background-color:#000080  ;  font-family: DigitalFont;  overflow:hidden;                                           
                	border-width: 1px; 	border-style: solid; 	border-color: #E0E0E0 ; 
                	-webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; }
.POSDivRightTotalNum{position:absolute; top:0px; left:3px; right:3px; height:40px; text-align:center; font-size:34px; font-weight:bold;}  


.POSDivBtn{position:absolute; top:5px; width:40px;  height:40px; display:block; overflow:hidden; border:none;}
.POSDivBtn:hover{border:0px #6666FF solid;   -webkit-border-radius: 10px;   -moz-border-radius: 10px;   border-radius: 10px; background-color:#4da6ff;}
.POSDivBtnExcursionsSearch{left:0px;  background:url(../img/ExcSearch.png); background-size:40px 40px;background-repeat:no-repeat;background-position: center center;}   



/*
 padding: 5px 5px 5px 5px; margin:0px; 
  padding: 5px 4px 5px 4px;
 */









    	
    	
.POSDivBottomControls{position:absolute; bottom:0px; left:0px; height:60px; right:0px; background-color:#3377ff ; display:block; color:white; overflow:hidden; font-size: 10px;
						box-shadow: 0px 0px 9px rgba(0,0,0,0.15);}
	
.POSDivBottomControlsLabel{position:absolute; top:15px; right:200px; font-size:24px; font-weight:bold;  color:white;}	
	
							
.BtnPOSok{right:30px;  background:url(../img/posok.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
.BtnPOScancel{right:110px;  background:url(../img/poscancel.png); background-size:50px 50px;background-repeat:no-repeat;background-position: center center;}   
 





.PopUpWindowPOSBig{position:absolute; top:60px; left:400px;  height:520px;  width:500px;  display:none; z-index:9003; background-color:#F0F0F0 ;
                      border-width: 1px; 	padding: 10px; margin:0px;	border-style: solid; 	border-color: blue;
                      -webkit-border-radius: 3px;   -moz-border-radius: 3px;   border-radius: 3px; 
                      -moz-box-shadow:    2px 2px 2px 0px #999999;   -webkit-box-shadow: 2px 2px 2px 0px #999999;    box-shadow:  2px 2px 2px 0px #999999; }




/* ---------------------------------------  STATS D3 -------------------------------------*/
.bar { fill: steelblue; }