body {
    background-color:#fff;
   
}

.MainHead {
     width:99.8%;padding-right:10px;
    margin-top:0px;
}

.Head {

     background-color:#a7abad;
     float:left;
     width:80%;
     height:90px;
     color:#fff;
     font-family:Arial;
     font-size:20px;
     font-weight:bold;
    
}

.Head1 {

    width:10%;float:left;padding-top :1px;padding-left:1px;
}

.Head2 {
    width:70%;float:left ; text-align:left;padding-top:18px; height:90px; padding-left :35px;
}

.Head3 {
    background-color:#a7abad;float:right; width:20%; height:90px;text-align:center;
}


.MyHead {

     background-color:#f5791c;
     float:left;
     width:85%;
     color:#fff;
     font-family:Arial;
     font-size:20px;
     font-weight:bold;
    
}

.MyHead1 {

    width:10%;float:left;padding-top :1px;padding-left:1px;
}

.MyHead2 {
    width:80%;float:left ; text-align:left;padding-top:18px;  margin-left:10px;
}

.MyHead3 {
    background-color:#f5791c;float:right; width:15%; height:74px;text-align:center;
}


.MainBody {
    
    background-color:#d7e5e9;
    min-height :420px; 
    overflow:auto;
    width:99.8%;
    /*float:right ;*/
    
}



.MainFooter {
    background-color:#a7abad;color:#fff;font-family:Arial;
    font-size:20px;font-weight:bold; height:30px;
    /*float:left;*/ width:99.8%; display:block;
   
}


.AddPageBody {
    background-color:#97c6e8;/*fbda9c;*/
    padding:5px; min-height:470px;
    margin-top:0px;
    /*border-radius:10px; border:2px solid #fff;*/
    
}

 .fixTableHead {
      overflow-y: scroll;
      height: 350px;
      border: 2px solid #529432;
      background-color:#fff;/*#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:#71bd7a;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:40px;
    padding:5px;
}


.btnsave:hover {
    background-color:#bbb4af;
}

.btnFind {
    background-color:#e9a876;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:40px;
    padding-top :5px;
}

.btnFind:hover {
        background-color:#bbb4af;
    }


.btnFind1 {
    background-color:#f5791c;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    font-size:11px;
    width:90px; height:24px;margin-top:1px;margin-bottom:1px;
}

.btnFind1:hover {
        background-color:#ABDD93;
    }


.btnExport {
    background-color:#529432;
    color:#fff;
    border: 2px solid #fff;
    border-radius:2px;
    height:40px;
    padding:8px 5px 5px 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: #f5791c;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  background-color: #f5791c;
  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%;
    }



.col0_5 b {
    font-size:11px;
}


.col1 b {
    font-size:11px;
}

.col1_5 b {
    font-size:11px;
}

.col2 b {
    font-size:11px;
}


.col3 b {
    font-size:11px;
}

.col4 b {
    font-size:11px;
}

.col5 b {
    font-size:11px;
}

.col6 b {
    font-size:11px;
}

.col7 b {
    font-size:11px;
}

.col8 b {
    font-size:11px;
}

.col9 b {
    font-size:11px;
}

.col10 b {
    font-size:11px;
}

.lbl {
     font-size:11px;
}

.mytext {
    width:98%!important;
    border:1px solid #e4dada;
    border-radius:5px;
    margin-top:5px;
    height:20px;
}
.mybtn {
    width:98% !important;
     border-radius:5px;
     box-shadow:2px 3px #d1c7c7;
}


.lbl {
    padding:5px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
}



#bscrl {
  background-color: #eee;
  border: 1px groove  black;
  overflow-y: scroll; /* Add the ability to scroll */

}

/* Hide scrollbar for Chrome, Safari and Opera */
#bscrl::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#bscrl {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.fromctl {
    width:100%;
    border:1px solid #d7e5e9;
    box-shadow:2px 2px #d7e5e9;
}


.card {
    margin:3px !important ;
    width:98% !important;
    border:1px solid #a6aa41 !important;
    box-shadow:2px 2px  #a6aa41 !important;
    border-radius:10px;
    background-color:#fff !important;
}


.ctlwidth {
    width:100%;
}


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}