body
        {
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            margin-right: 0px;
            padding: 0;
        }
        
        .tab-action:before, .tab-action:after{ clear:both; display:table; content:"";font-family: Verdana; font-size:11px; font-weight:bold; } 
        .tab-action{ margin:0; padding:0;font-family: Verdana; font-size:11px; font-weight:bold;}
        .tab-action li{ float:left; list-style:none; margin:0; padding:0; margin-left:1px; } 
        .tab-action li:first-child{ margin-left:0;} 
        .tab-action li a{ display:block; border:#1478C2 1px solid; background:#1478C2; color:#FFFFFF;  padding:10px; text-decoration:none;} 
        .tab-action li.selected a{  background:#FFFFFF; color:#000000;border-bottom:#FFF 1px solid;} 
        .tab-wrapper .tab-content{ border:#1478C2 1px solid; display:none; margin-top:-1px;  padding:2px;}
        
    *h1#logo
        {
            margin: 0;
            padding: 0;
            text-indent: -999%;
            position: relative;
            left: 0;
            top: 7px;
            width: 144px;
            height: 32px;
        }
         #brand-overlay
        {
            background: url("../images/logo.jpg") no-repeat scroll 30px 46% #fff;
            border: 1px solid #dad6d1;
            -webkit-box-shadow: 0 2px 2px #e5e3df;
            box-shadow: 0 2px 2px #e5e3df;
            height: 100px;
            top: 0;
            width: 1276px;
            margin: 0 0 auto;
            left: 0;
        }
      .alertClauseBox
        {
           position: absolute;
           top: 200px;
           left: 50%;
           width: 300px;
           margin-left: -150px;
           background-color: #ECECEC;   
           box-sizing: border-box;
           padding: 0px 0px;
           border-radius: 15px 15px 15px 15px;
           border: 4px solid #6F6F6F;
           padding: 6px; 
           font-family:Calibri ;
           z-index: 999;
        }
        
         .alertCofirmBox
        {
           position: absolute;
           top: 1400px;
           left: 50%;
           width: 300px;
           margin-left: -150px;
           background-color: #ECECEC;   
           box-sizing: border-box;
           padding: 0px 0px;
           border-radius: 15px 15px 15px 15px;
           border: 4px solid #6F6F6F;
           padding: 6px; 
           font-family:Calibri ;
           z-index: 50;
        }
        
 
     .txtBox
 {
  font-family: Verdana;
  font-size : 12px;
 }
  .txtBoxRed
        {
            font-family: Verdana;
	        font-size: 12px;
	        color:Red;
	              
        }
 .txtFontN14
   {
       font-family: Verdana;
	   font-size: 14px;	             
   }
  .txtFontN12
   {
       font-family: Verdana;
	   font-size: 12px;	             
   }
   .txtFontB12
   {
       font-family: Verdana;
	   font-size: 12px;	  
	   font-weight:bold;           
   }
 .txtFontWB14
        {
            font-family: Verdana;
	        font-size: 14px;
	        font-weight:bold ;
	        background-color:#1478C2;
	        color:#FFFFFF;
        }
 .txtBoxBRedB
        {
            font-family: Verdana;
	        font-size: 12px;
	        font-weight:bold;
	        color:Red;
	        background-color:#FFFFFF;	        
        }
   .txtBoxFontWB12
        {
            font-family: Verdana;
	        font-size: 12px;
	        font-weight:bold ;
	        color:#000000;
        } 
   .txtBoxBlueFontWB12
        {
            font-family: Verdana;
	        font-size: 12px;
	        font-weight:bold ;
	        background-color:#1478C2;
	        color:#FFFFFF;
        } 
  .txtBoxFontWLB12
        {
            font-family: Verdana;
	        font-size: 12px;
	        font-weight:bold ;
	        background-color:#D1D1D1;
	        color:#000000;
        }   
      .overlay {
              height: 100%;
              width: 0;
              position: fixed;
              z-index: 1;
              top: 0;
              left: 0;
              background-color: rgb(0,0,0);
              background-color: rgba(0,0,0, 0.4);
              overflow-x: hidden;
              transition: 0.5s;
            }
              .mainbutton {
              display: inline-block;
              border-radius: 4px;
              background-color: #A7C24C;
              border: none;
              color: #FFFFFF;
              text-align: center;
              font-size: 15px;
              padding: 15px;
              width: 150px;
              transition: all 0.5s;
              cursor: pointer;
              margin: 5px;
            }
            .AddDocbutton {
              display: inline-block;
              border-radius: 4px;
              background-color: #0099cc;
              border: none;
              color: #FFFFFF;
              text-align: center;
              font-size: 15px;
              padding: 10px;
              width: 100px;
              transition: all 0.5s;
              cursor: pointer;
              margin: 5px;
            }
           .buttonClear {
              display: inline-block;
              border-radius: 4px;
              background-color: #f44336;
              border: none;
              color: #FFFFFF;
              text-align: center;
              font-size: 15px;
              padding: 15px;
              width: 150px;
              transition: all 0.5s;
              cursor: pointer;
              margin: 5px;
            }
            .BigCheckBox input {width:20px; height:20px;}
 
             .buttonBlue {
              display: inline-block;
              border-radius: 4px;
              background-color: #0099cc;
              border: none;
              color: #FFFFFF;
              text-align: center;
              font-size: 15px;
              padding: 15px;
              width: 150px;
              transition: all 0.5s;
              cursor: pointer;
              margin: 5px;
            }
            
            .buttonBlueSmall {
              display: inline-block;
              border-radius: 4px;
              background-color: #0099cc;
              border: none;
              color: #FFFFFF;
              text-align: center;
              font-size: 15px;
              padding: 5px;
              width: 150px;
              transition: all 0.5s;
              cursor: pointer;
              margin: 5px;
            }
            
            .buttonBlurSmall {
              display: inline-block;
              border-radius: 4px;
              background-color: #D3D3D3;
              border: none;
              color: #FFFFFF;
              text-align: center;
              font-size: 15px;
              padding: 5px;
              width: 150px;
              transition: all 0.5s;
              cursor: pointer;
              margin: 5px;
            }
                                    
             .buttonOrange {
              display: inline-block;
              border-radius: 4px;
              background-color: #FF7F50;
              border: none;
              color: #FFFFFF;
              text-align: center;
              font-size: 15px;
              padding: 15px;
              width: 150px;
              transition: all 0.5s;
              cursor: pointer;
              margin: 5px;
            }
            .graybutton {
              display: inline-block;
              border-radius: 4px;
              background-color: #999999;
              border: none;
              color: #FFFFFF;
              text-align: center;
              font-size: 15px;
              padding: 15px;
              width: 150px;
              transition: all 0.5s;
              cursor: pointer;
              margin: 5px;
            }


            #TableCustomer 
            {
               position: absolute;
               top: 180px;
               left: 350px;
               width: 593px;
               margin-left: -150px;
               background-color: #FFFFFF;   
               box-sizing: border-box;
               padding: 0px 0px;
               border-radius: 0px 0px 15px 15px;
               border: 1px solid #6F6F6F;
               padding: 0px; 
               font-family: Verdana;
	           font-size: 12px;
            }

            #TableCustomer th, #TableCustomer td {
              text-align: left;
              padding: 2px;
            }

            #TableCustomer tr {
              border-bottom: 1px solid #ddd;
            }

            #tblCustD tr:hover td {
              background-color:#ffd480  !important;
              cursor: pointer;
            }
            
            
             #TableSubAgent 
            {
               position: absolute;
               top: 180px;
               left: 350px;
               width: 593px;
               margin-left: -150px;
               background-color: #FFFFFF;   
               box-sizing: border-box;
               padding: 0px 0px;
               border-radius: 0px 0px 15px 15px;
               border: 1px solid #6F6F6F;
               padding: 0px; 
               font-family: Verdana;
	           font-size: 12px;
            }

            #TableSubAgent th, #TableSubAgent td {
              text-align: left;
              padding: 2px;
            }

            #TableSubAgent tr {
              border-bottom: 1px solid #ddd;
            }

            #tblSA tr:hover td {
              background-color:#ffd480  !important;
              cursor: pointer;
            }
            
            
            .txtBoxRed
        {
            font-family: Verdana;
	        font-size: 12px;
	        color:Red;
	              
        }
        
         .alertMsgBox
        {
           position:fixed;
           top: 30%;
           left: 50%;
           width: 300px;
           margin-left: -150px;
           background-color: #ECECEC;   
           box-sizing: border-box;
           padding: 0px 0px;
           border-radius: 5px 5px 5px 5px;
           border: 1px solid #6F6F6F;
           padding: 1px; 
           font-family:Calibri ;
           z-index: 999;
        }
        
          .LoadingBox
        {
           position: absolute;
           top: 300px;
           left: 40%;          
           margin-left: -150px;           
           z-index: 999;
           position: absolute;   
            background-color: #FFFFFF;   
            box-sizing: border-box;
            padding: 0px 0px;
            border-radius: 15px 15px 15px 15px;
            border: 2px solid #6F6F6F;
            padding: 6px; 
            font-family:Calibri ;    
        }
        
        .VLLoadingBox
        {
           position: absolute;
           top: 600px;
           left: 40%;          
           margin-left: -150px;           
           z-index: 999;
           position: absolute;   
            background-color: #FFFFFF;   
            box-sizing: border-box;
            padding: 0px 0px;
            border-radius: 15px 15px 15px 15px;
            border: 2px solid #6F6F6F;
            padding: 6px; 
            font-family:Calibri ;    
        }
        
        .LoadingText
        {     
            width:300px;       
            height: 40px;
            font-size:20px;
        }
        
        .tblHeaderFontWLB11
        {
            font-family: Verdana;
	        font-size: 11px;
	        font-weight:bold ;
	        background-color:#D1D1D1;
	        color:#000000;
	        border-left: 1px solid #B7CCD1;    	        
        }
        
        .tblBoxFontBN11
        {
            font-family: Verdana;
	        font-size: 11px;	     
	        background-color:#FFFFFF;	  
	        border-left: 1px solid #B7CCD1;  
	        margin-left:1px;
	        margin-right:1px;     
        }
        
       
        
          .clientIFraim
        {
           position: fixed;
           top: 20%;
           left: 25%;
           width: 890px;
           height:450px;
           margin-left: -0px;
           background-color: #ECECEC;            
           box-sizing: border-box;
           padding: 0px 0px;
           border-radius: 15px 15px 15px 15px;
           border: 4px solid #6F6F6F;
           padding: 2px; 
           font-family:Calibri ;
           z-index: 999;
        }
        
        .fleetVehicleBox
        {
           position:absolute;
           top: 400px;
           left: 15%;  
            background-color: #F0F0F0;   
            box-sizing: border-box;
            padding: 0px 0px;
            border-radius: 15px 15px 15px 15px;
            border: 2px solid #6F6F6F;
            padding: 6px; 
            font-family: Verdana;   
            z-index: 900;
        }
        
        .txtBoxRed
        {
            font-family: Verdana;
	        font-size: 12px;
	        color:#b63500;
	              
        }
        
        .section {
  position: relative;
  border: 1px solid #B7CCD1;
  padding-top: 37px;
  background: #D1D1D1;
  z-index: 50;
}
.section.positioned {
  position: absolute;
  top:100px;
  left:100px;
  width:800px;
  box-shadow: 0 0 15px #333;
 
}
.container {
  overflow-y: auto;
  height: 500px;
 
}
.containerblank {
  overflow-y: auto;  
}
.tableList {
  border-spacing: 0;
  width:100%;
}
.trrow
{
    background: #000 !important;
}
.trrow:hover,trrow:hover tdcell {
   background: #000!important;  
}
.tdcell + .tdcell {
  border-left:1px solid #eee;
}
.tdcell, .thhead {
  border-bottom:1px solid #eee;  
  color: #000;
  padding: 1px 8px;
  font-family: Verdana;
  font-size: 11px;      
  background-color:#FFFFFF;	  
  border-left: 1px solid #B7CCD1;   
}
.thhead {
  height: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent;
  border: none;
  white-space: nowrap;
}
.thhead div{
  position: absolute;
  background: transparent;  
  padding: 9px 15px;
  top: 0;
  margin-left: -8px;
  line-height: normal;
  border-left: 1px solid #B7CCD1;
  font-family: Verdana;
  font-size: 12px;
  font-weight:bold;
  background-color:#D1D1D1;
  color:#000000;  
}
.thhead:first-child div{
  border: none;
}

.clickimg 
{
    width:10px;
    height:20px;
margin-top: -15px;
margin-left: -3px;  
vertical-align: bottom;
}

 #loader { 
            border: 12px solid #f3f3f3; 
            border-radius: 50%; 
            border-top: 12px solid #444444; 
            width: 70px; 
            height: 70px; 
            animation: spin 1s linear infinite; 
        } 
        
        .buttonSmall {
              display: inline-block;
              border-radius: 4px;
              background-color: #A7C24C;
              border: none;
              color: #FFFFFF;
              text-align: center;
              font-size: 14px;
              padding: 3px;
              width: 80px;
              transition: all 0.5s;
              cursor: pointer;
              margin: 5px;
            }
            .overlay {
              height: 100%;
              width: 0;
              position: fixed;
              z-index: 60;
              top: 0;
              left: 0;
              background-color: rgb(0,0,0);
              background-color: rgba(0,0,0, 0.4);
              overflow-x: hidden;
              transition: 0.5s;
            }