.HMessage
{
    overflow:scroll;
     height:200px;
     float:left;
}
.myStyle
{
    color:black;
    background-color:Silver;
    font-weight:bold;
    font-size:18px;
}
.Cr
{
    color:Red;
}.Dr
{
    color:Green;
    
}

.subTitle
{
    font-size:18px;
    font-weight:bold;
    color:Navy;
}
.autoH
{
    height:auto;
}
.requF
{
    font-size:18px;
    text-decoration:blink;
    font-weight:bold;
}
.loginDisplay
{
    color:Black;
    font-size:15px;
    font-weight:bold;
    
}
.loginFrom
{
      background-image:url('../images/appimages/loginfrom.png');
    height:300px;
    width:500px;
     background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent; 
    float:left;
}

.dashbord
{
      background-image:url('../images/appimages/dashboard.png');
  height:500px;
  width:800px;
    background-position:left center;
     background-size: 25% 40%;
    background-repeat:no-repeat ;
    background-color:transparent; 
    margin:5px;
    float:left;
}
.trucks
{
      background-image:url('../images/appimages/truck.png');
  height:300px;
 width:100%;
    background-position:left center;
     background-size: 100% 100%;
    background-repeat:no-repeat ;
    background-color:transparent; 
    margin:5px;
    float:left;
}
.patch
{
      background-image:url('../images/appimages/patch.png');
    height:60px;
  
    padding:5px 50px 0px 0px;
    text-align:center;
    font-size:30px;
    color:White;
     background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent; 
    margin:5px;
    float:left;
}
.dashbord a
{
    width:100%;height:100%;float:left;
     color:White;
     text-transform:uppercase;
     text-decoration:blink;
    
}
.mHome
{
      background-image:url('../images/appimages/home.png');
    height:30px;
    width:35px;
     background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent; 
    float:left;
}
.footer
{
     background-image:url('../images/appimages/footer.png');
    height:30px;
    width:100%;
     background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent; 
    float:left;
}
.logo
{
    background-image:url('../images/appimages/logo.png');
    height:70px;
    width:300px;
     background-size: 100% 100%;
    background-repeat: repeat;
    background-color:transparent; 
}
.contact
{
    background-image:url('../images/appimages/contact.png');
    height:30px;
    width:250px;
     float:right;
     padding-left:45px;
     background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent; 
    margin:2px;
    padding-top:2px;
}
.mailid
{
    background-image:url('../images/appimages/mailid.png');
    height:30px;
    width:250px;
     padding-top:2px;
    margin:2px;
     padding-left:45px;
    float:right;
     background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent; 
}
.photo
{
    width:45px;
    height:50px;
    float:left;
}
.photo:hover
{
    position:fixed;
     width:190px;
    height:210px;
    float:left;
}
.GridData
{
    overflow:scroll;
    height:300px;
    min-height:200px;
    float:left;
    width:100%;
}
.DateFormat
{
    max-width:130px;
    min-width:100px;
}
.companyName
{
     font-size:22px;
    float:left;
    width:100%;
}
.companyTitle
{
    font-size:16px;
    float:left;
    width:100%;
}
.uppercase
{
    text-transform:uppercase;
    font-size:medium;
}
.cssNormal{}.cssOk{}.cssOver{ background:yellow}.cssLongOver{ background:blue;}.cssOverRed{ background:red;}

.optPopup
{
      width:350px; 
           height:200px; 
           position: fixed; 
           background-color: #00FF00; 
           top: 50%; 
           left: 50%; 
           margin-top: -100px; 
           margin-left: -175px; 
            
    box-sizing: border-box;
    border-color:White;
    border:5px ;
    border-color:Blue;
    border-style:solid;
    cursor: pointer;
    transform-style: preserve-3d;
    background: -webkit-linear-gradient(top left, white 50%, coral 50%);
    background:    -moz-linear-gradient(top left, white 50%, coral 50%);
    background:     -ms-linear-gradient(top left, white 50%, coral 50%);
    background:      -o-linear-gradient(top left, white 50%, coral 50%);
    background:         linear-gradient(top left, white 50%, coral 50%);
    background: #444;
   
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
}

 .popup1 {  top:10%; left:8%;   width:80%; height:600px;
    position: fixed;
   

    box-sizing: border-box;
    border-color:White;
    border:5px;
    cursor: pointer;
    transform-style: preserve-3d;
    background: -webkit-linear-gradient(top left, white 50%, coral 50%);
    background:    -moz-linear-gradient(top left, white 50%, coral 50%);
    background:     -ms-linear-gradient(top left, white 50%, coral 50%);
    background:      -o-linear-gradient(top left, white 50%, coral 50%);
    background:         linear-gradient(top left, white 50%, coral 50%);
    background: #444;
   color:White;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
  
}
 .popup {  top:10%; left:8%;   width:80%; height:600px;
    position: fixed;
   

    box-sizing: border-box;
    border-color:White;
    border:5px;
    cursor: pointer;
    transform-style: preserve-3d;
    background: -webkit-linear-gradient(top left, white 50%, coral 50%);
    background:    -moz-linear-gradient(top left, white 50%, coral 50%);
    background:     -ms-linear-gradient(top left, white 50%, coral 50%);
    background:      -o-linear-gradient(top left, white 50%, coral 50%);
    background:         linear-gradient(top left, white 50%, coral 50%);
    background: #444;
   color:White;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
  
}
 .popupReminder {  top:14%; left:8%;   width:80%; height:auto;
    position: fixed;
   
    padding: 25px;
    box-sizing: border-box;
    border-color:Red;
    border:2px;
    border-style:groove;
    cursor: pointer;
    transform-style: preserve-3d;
    background: -webkit-linear-gradient(top left, white 50%, coral 50%);
    background:    -moz-linear-gradient(top left, white 50%, coral 50%);
    background:     -ms-linear-gradient(top left, white 50%, coral 50%);
    background:      -o-linear-gradient(top left, white 50%, coral 50%);
    background:         linear-gradient(top left, white 50%, coral 50%);
    background: #444;
   
    box-sizing: border-box;
    border-radius: 25px;
  
}















.btns
{
      height:28px;
    width:50px; margin:0px;
      float:left;
}
.btn:hover
{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent;   
    height:24px;
    width:65;
  
  
}
.btnSmall
{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent;   
    height:26px;
    width:40px; margin:2px 10px 2px 10px;
      float:left;
}
.btnSmall:hover
{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent;   
    height:25px;
    width:40
  
  
}

.btn
{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent;   
    min-width:50px;
    width:auto; margin:2px 3px 2px 3px;
      float:left;
}
.linkButton
{
    background-color:transparent;
    text-decoration:underline;
}
.btnUpdate
{
    background-image:url('../images/appimages/bupdate.png') ;
   
}
.btnCancel
{
    background-image:url('../images/appimages/bblanck.png') ;
   
}
.btnApplyAll
{
    background-image:url('../images/appimages/bapplyall.png') ;
   
}
.btnApply
{
    background-image:url('../images/appimages/bapply.png') ;
   
}
.btnView
{
    background-image:url('../images/appimages/bview.png') ;
   
}
.btnViewAll
{
    background-image:url('../images/appimages/bviewall.png') ;
   
}
.btnCopy
{
    background-image:url('../images/appimages/bcopy.png') ;
   
}
.btnPaste
{
    background-image:url('../images/appimages/bpaste.png') ;
   
}
.btnPasteAll
{
    background-image:url('../images/appimages/bpasteall.png') ;
   
}
.btnNext
{
    background-image:url('../images/appimages/bnext.png') ;
   
}
.btnPrevious
{
    background-image:url('../images/appimages/bprevious.png') ;
   
}
.btnSearch
{
    background-image:url('../images/appimages/bsearch.png') ;
   
}
.btnRequest
{
    background-image:url('../images/appimages/brequest.png') ;
   
}

.btnlogin
{
    background-image:url('../images/appimages/enter.png') ;
   
}
.btnEdit
{
    background-image:url('../images/appimages/bedit.png') ;
   
}
.btnDetails
{
    background-image:url('../images/appimages/idetails.png') ;
    min-width:40px;
   
}
.btnResendSMS
{
      background-image:url('../images/appimages/iSMS.png') ;
    min-width:40px;
}
.btnVerify
{
    background-image:url('../images/appimages/bverify.png') ;
   
}
.btnExportExcel
{
      background-image:url('../images/appimages/bexportexcel.png') ;
}
.btnExportWord
{
      background-image:url('../images/appimages/bexportword.png') ;
}
.btnExportPDF
{
      background-image:url('../images/appimages/bexportpdf.png') ;
}
.btnAddMore
{
    background-image:url('../images/appimages/baddmore.png') ;
   
}
.btnPrint{background-image:url('../images/appimages/bPrint.png') ;}
.btnAdd{background-image:url('../images/appimages/badd.png') ;}
.btnRemove{background-image:url('../images/appimages/bremove.png') ;}
.btnClose
{
    background-image:url('../images/appimages/iClose.png') ;
    height:28px;
    width:29px;
     background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent;   
    margin:2px 10px 2px 10px;
      float:left;
     
   
}
.btnIDelete
{
    background-image:url('../images/appimages/idelete.png') ;
    height:28px;
    width:29px;
     background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent;   
    margin:2px 10px 2px 10px;
      float:left;
     
   
}
.btnAlert
{
    background-image:url('../images/appimages/alert.png') ;
    height:28px;
    width:29px;
     background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent;   
    margin:2px 10px 2px 10px;
      float:left;

   
}


    .btnReset
{
    background-image:url('../images/appimages/breset.png') ;
   
    }
.btnDelete
{
       background-image:url('../images/appimages/bdelete.png') ;
  
}
.btnSave
{   background-image:url('../images/appimages/bsave.png') ;
   
}


.title
{
    width:100%;
    font-size:31px;
    font-weight:bold;
    text-align:center;
    float:left;
    height:45px;
 
    color:Black;
      background-image:url('../images/appimages/title.png');
   
     background-size: 100% 100%;
    background-repeat: no-repeat;
}

.mainPage
{
     width:100%;
 
     float:left;
     font-size:15px;
}
.supPage
{
  width:99%;
   
     border:2px; border-color:Fuchsia;
     border-style:groove;
     float:left;
      
}
.panelPage
{
  
  
     border:2px; border-color:Fuchsia;
     border-style:groove;
     float:left;
   
}
.row 
{
     width:100%;
     margin:2px 0px 1px 0px;
     float:left;
   
}
.Box
{
    
     border:3px; border-color:Fuchsia;
     border-style:groove;
     float:left;
}
.Label
{
     width:40%;
     
     float:left;
   
}
.Control
{
     width:50%;
     
     float:left;
   
}

.Head
{
      height:28px;
    font-size:14px;
    font-weight:bold;
    text-transform:capitalize;
    background:#888888;
    color:Black;
}
.Row1
{
    
    font-size:13px;
   
    background:#CACACA;
    color:Black;
}
.Row2
{
     
    font-size:13px;
   
    background:#DBDBDB;
    color:Black;
}
.Amount
{
    text-align:right;
    padding-right:2px;
    float:left;
  

}.AmountTextBox
{
    text-align:right;
    margin-right:2px;
    float:left;
   min-width:70px;
   max-width:90px;
}
.border2
{
    border:2px ;
    border-style:groove;
}
.border1
{
    border:1px ;
    border-style:groove;
}
.textcenter
{
    text-align:center;
}
.textjustify
{
    text-align:justify;
}
.textright
{
    text-align: right;
}
.textleft
{
    text-align:left;
}



 .C1{  min-width :4%; width:4%; float:left;  }
.C2{   min-width:8%; width:8%; float:left;  }
.C3{   min-width:12%; width:12%; float:left;
    height: 19px;
}
 .C4{   min-width:16%; width:16%; float:left; }
 .C5{   min-width:20%; width:20%; float:left;   }
 .C6{   min-width:24%; width:24%; float:left;   }
 .C7{   min-width:28%; width:28%; float:left;  }
 .C8{   min-width:32%;width:32%;  float:left;   }
 .C9{   min-width:36%;width:36%;  float:left; }
 .C10{   min-width:40%;width:40%;  float:left;   }
 .C11{   min-width:44%;width:44%;  float:left;   }
 .C12{   min-width:48%;width:48%;  float:left;   }
 .C13{   min-width:52%;width:52%;  float:left;   }
 .C14{   min-width:56%;width:56%;  float:left; }
 .C15{   min-width:60%;width:60%;  float:left;  }
 .C16{   min-width:64%;width:64%;  float:left;  }
 .C17{   min-width:68%;width:68%;  float:left;   }
 .C18{   min-width:72%;width:72%;  float:left;  }
.C19{   min-width:76%;width:76%;  float:left;   }
.C20{   min-width:80%;width:80%;  float:left;   }
 .C21{   min-width:84%;width:84%;  float:left;  }
 .C22{   min-width:88%;width:88%;  float:left;  }
 .C23{   min-width:92%; width:92%; float:left;  }
 .C24{   min-width:96%;width:96%; float:left;   }
  .C25{   min-width:100%; width:100%;  float:left; }
  
   .C_5{  min-width:2%; width:2%; float:left;  }
    .C_75{  min-width:3%; width:3%; float:left;  }
   .C1_5{  min-width:6%; width:6%; float:left;  }
.C2_5{ min-width:10%;  width:10%; float:left;  }
.C3_5{  min-width:14%; width:14%; float:left; }
 .C4_5{ min-width:18%;  width:18%; float:left; }
 .C5_5{ min-width:22%;  width:22%; float:left;   }
 .C6_5{ min-width:26%;  width:26%; float:left;   }
 .C7_5{ min-width:30%;  width:30%; float:left;  }
 .C8_5{ min-width:32%;  width:32%; float:left;   }
 .C9_5{ min-width:38%;  width:38%; float:left; }
 .C10_5{min-width:42%;   width:42%; float:left;   }
 .C11_5{ min-width:46%;  width:46%; float:left;   }
 .C12_5{ min-width:50%;  width:50%; float:left;   }
 .C13_5{ min-width:54%;  width:54%; float:left;   }
 .C14_5{ min-width:58%;  width:58%; float:left; }
 .C15_5{ min-width:62%;  width:62%; float:left;  }
 .C16_5{ min-width:66%;  width:66%; float:left;  }
 .C17_5{ min-width:70%;  width:70%; float:left;   }
 .C18_5{ min-width:74%;  width:74%; float:left;  }
.C19_5{ min-width:78%;  width:78%; float:left;   }
.C20_5{ min-width :82%; width:82%; float:left;   }
 .C21_5{min-width:6%;   width:86%; float:left;  }
 .C22_5{ min-width:90%;  width:90%; float:left;  }
 .C23_5{ min-width:94%;  width:94%; float:left;  }
 .C24_5{ min-width:98;  width:98%; float:left;   }
  .C25{ min-width:100%;  width:100%; float:left; }