﻿body {
    background-color:#fff;
}

.MainHead {
    width:99.8%;padding-right:10px;
    margin-top:-8px;
}

.Head {

     background-color:#0a0c0f;
     float:left;
     width:85%;
     height:70px;
     color:#fff;
     font-family:Arial;
     font-size:20px;
     font-weight:bold;
    
}

.Head1 {

    width:10%;float:left;padding-top :1px;padding-left:1px;
}

.Head2 {
    width:80%;float:left ; text-align:left;padding-top:18px; height:70px; padding-left :29px;
}

.Head3 {
    background-color:#0a0c0f;float:right; width:15%; height:70px;text-align:center;
}


.MainBody {
    
    background-color:#d9e4ec;
    min-height :470px; 
    overflow:auto;
    padding-top :5px;
    width:99.8%;
    /*float:right ;*/
    
}



.MainFooter {
    background-color:#0a0c0f;color:#fff;font-family:Arial;
    font-size:20px;font-weight:bold; height:40px;
    float:left;width:99.8%; display:block;
}


.AddPageBody {
    background-color:#97c6e8;/*fbda9c;*/
    padding:5px; min-height:470px;
    margin-top:-8px;
    /*border-radius:10px; border:2px solid #fff;*/
    
}

 .fixTableHead {
      overflow-y: scroll;
      height: 320px;
      border: 2px solid #529432;
      background-color:#bbf5f5;
      width:99.6%;
    }

 .fixTableHead thead th {
      position: sticky;
      top: 0;
    }
 .fixTableHead  table {
      border-collapse: collapse;        
      width: 100%;
    }
 .fixTableHead th   {
      text-align:left;
      padding: 5px 5px;
      border: 2px solid #529432;
      
    }
 .fixTableHead td {
      font-size:12px;
      padding: 5px 5px;
      border: 2px solid #529432;
      background:#fff;
    }
.fixTableHead   th {
      font-size:12px;
      background: #ABDD93;
 }



table {
      border-collapse: collapse;        
      width: 100%;
    }

th,td   {
      padding: 5px 5px;
      font-size:12px;
      
    }

td a {
    padding:5px;
    border-radius:2px;
    text-decoration:none;
    border:1px solid #fff;
}

td a:hover  {
    background-color:#4747ea;
}

.btnsave {
    background-color:green;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:40px;
    padding:5px;
}


.btnsave:hover {
    background-color:#0a0c0f;
}

.btnFind {
    background-color:#0a0c0f;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:40px;
    padding-top :5px;
}

.btnFind:hover {
        background-color:#ABDD93;
    }


.btnExport {
    background-color:#529432;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:40px;
    padding:5px;
}

.btnExport:hover {
        background-color:#eea36a;
    }

.btnAdd {
    background-color:#2424d3;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:40px;
    padding-top :10px;
    padding-bottom  :10px;
    padding-left  :10px;
    padding-right   :10px;
    text-decoration:none;
}

.btnAdd:hover {
        background-color:#ABDD93;
    }


.btnAddNew {
    background-color:#2424d3;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:40px;
    padding-top :5px;
}

.btnAddNew:hover {
        background-color:#ABDD93;
    }


.btnCancelNew {
    background-color:#f54b4b;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:40px;
    padding-top :5px;
}

.btnCancelNew:hover {
        background-color:#dc66c0;
    }

.btncancel {
    background-color:red;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:20px;
    padding-top:12px;
    padding-bottom :11px;
    padding-left :25px;
    padding-right :25px;
}

.btncancel:hover {
        background-color:#dc66c0;
    }

.btncancel1 {
    background-color:red;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:20px;
    padding-top:6px;
    padding-bottom :6px;
    padding-left :15px;
    padding-right :15px;
}

.btncancel1:hover {
        background-color:#dc66c0;
    }



.TextRight {
    text-align:right;
    padding-right:2px;
}



 /* The navigation menu */
.navbar {
  overflow: hidden;
  background-color: #ABDD93;
}

/* Navigation links */
.navbar a {
  float: left;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
}

/* The subnavigation menu */
.subnav {
  float: left;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 14px;
  border: none;
  outline: none;
  color: white;
  padding: 10px 12px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* Add a red background color to navigation links on hover */
.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: #0a0c0f;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  background-color: #0a0c0f;
  width:230px;
  z-index: 1;
}

/* Style the subnav links */
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
  width:100%;
  text-align:left ;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
  background-color: #4747ea;
  color: black;
  width:90%;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
}


.H2 {
    font-size:20px;text-align:center; background-color:#ABDD93;/*4747ea*/
    color:#4747ea;padding:5px;margin-top:0px;
}

select {
    background-color:#fff;
   
}

input[type='text'] {
     background-color:#fff;
}


.HideControl {
    visibility:hidden;
    display:none;

}

.m2 {
    margin-top:2px;
}
.m5 {
    margin-top:5px;
}


  td select{
        min-width:103%;
    }



