.table-responsive{min-height:.01%;overflow-x:auto; width:98%; margin:0% 1% 0% 1% !important;}@media screen and (max-width:1200px){.table-responsive{width:100%;margin:0% 1% 2% 1% !important;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}
.footable>thead>tr>th,.footable>thead>tr>td{position:relative;}
.footable{border-spacing:0;width:100%;border:solid #ccc 1px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-family:'trebuchet MS','Lucida sans',Arial;font-size:14px;color:#444; background:#fff;}
.footable.breakpoint>tbody>tr>td.expand{background:url(/Images/plussign.png) no-repeat 5px center;padding-left:40px}
.footable.breakpoint>tbody>tr.footable-detail-show>td.expand{background:url(/Images/minussign.png) no-repeat 5px center}
.footable.breakpoint>tbody>tr.footable-row-detail{background:#eee}
.footable>tbody>tr:hover{background:#fbf8e9}
.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail){cursor:pointer}
.footable>tbody>tr>td,.footable>thead>tr>th{border-left:1px solid #ccc;border-top:1px solid #ccc;padding:10px;text-align:left}.footable>thead>tr>th,.footable>thead>tr>td{background-color:#E5E6E7;background-image:-webkit-gradient(linear,left top,left bottom,from(#F3F3F4),to(#E5E6E7));background-image:-webkit-linear-gradient(top,#F3F3F4,#E5E6E7);background-image:-moz-linear-gradient(top,#F3F3F4,#E5E6E7);background-image:-ms-linear-gradient(top,#F3F3F4,#E5E6E7);background-image:-o-linear-gradient(top,#F3F3F4,#E5E6E7);background-image:linear-gradient(to bottom,#F3F3F4,#E5E6E7);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;box-shadow:0 1px 0 rgba(255,255,255,.8) inset;border-top:0;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.footable>thead>tr>th:first-child,.footable>thead>tr>td:first-child{-moz-border-radius:6px 0 0;-webkit-border-radius:6px 0 0;border-radius:6px 0 0}
.footable>thead>tr>th:last-child,.footable>thead>tr>td:last-child{-moz-border-radius:0 6px 0 0;-webkit-border-radius:0 6px 0 0;border-radius:0 6px 0 0}
.footable>thead>tr>th:only-child,.footable>thead>tr>td:only-child{-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}
.footable>tbody>tr:last-child>td:first-child{-moz-border-radius:0 0 0 6px;-webkit-border-radius:0 0 0 6px;border-radius:0 0 0 6px}
.footable>tbody>tr:last-child>td:last-child{-moz-border-radius:0 0 6px;-webkit-border-radius:0 0 6px;border-radius:0 0 6px}
.footable>tbody /Images{vertical-align:middle}

.table-responsive input[type=text],.table-responsive input[type=password], .table-responsive textarea, .table-responsive select{
   -webkit-appearance:listbox;
    -moz-appearance: none;  
 	border-collapse:collapse;
	border:1px solid #e1e1e1 !important;
	border-radius:0px;	
	padding:5px;
     color:#828282;
     background:#f7f7f8;
     outline:none;
     resize:none;    
     width:100%;    
     line-height: 2;
     zoom:1;
     text-align:left;     
      display:inline-block;
 }
.table-responsive select{
     line-height: 3;   
 }
.table-responsive input[type=file], .table-responsive Label{
   -webkit-appearance:listbox;
    -moz-appearance: none;  
 	border-collapse:collapse;	
	border-radius:0px;	
	padding:5px;
     color:#3d3d3d;    
     outline:none;
     resize:none;   
     line-height: 2;
     zoom:1;
     text-align:left;     
      display:inline-block;
      margin:3px 0px 3px;
      width:100%;
 }
.table-responsive input[type=button], .table-responsive button{
   -webkit-appearance:listbox;
    -moz-appearance: none;  
 	border-collapse:collapse;	
	border-radius:0px;	
	padding:2px 8px;
     color:#3d3d3d; 
    background:#ccc;
     outline:none;
     resize:none;   
     line-height: 2;
     zoom:1;
     text-align:left;     
      display:inline-block;
      margin:3px 0px 3px;
    
 }
.gridhead
{
	background:#E5E6E7;
	color:#3d3d3d;
	font-weight:700;
	font-size:15px;
    min-height:50px;
    text-align:center;
}

.GridPager a, .GridPager span
    {
        display: block;
        height: 25px;
        width: 25px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        margin:5px;
    }
    .GridPager a
    {
        background-color: #828282;
        color: #fff;
        border: 1px solid #fff;
        font-size:15px;
        font-weight:600;
        margin:5px;
        text-align:center;
    }
    .GridPager span
    {
        background-color: #d00000;
        color: #fff;
        border: 1px solid #fff;
    }
    
      .grid-bk{background:#fff !important; width:98%; height:100%; margin:0% 1% 0% 1%;}
    .table-container {
  display: inline-grid;
  grid-template-columns: auto auto auto auto; 
  padding: 5px;
  border-radius: 5px;
  width:100%;
}
.table-container .table-column { 
  border: 1px solid #e1e1e1;
  padding: 5px;
  font-size: 12px;
  text-align: center;
}
 .grid-table-container {
  display: inline-grid;
  grid-template-columns: auto auto auto auto auto auto; 
  padding: 5px;
  border-radius: 5px;
   width:100%;
}
.grid-table-container .gridtable-column {
  border: 1px solid #e1e1e1;
  padding: 5px;
  font-size: 12px;
  text-align: center;
}
.divcolor-shade{padding:0px 5px;}
.grd-view-btn {
  color: #3d3d3d;
  background:  #F3F3F4;  
  text-transform:uppercase;  
  border:1px solid #ddd;
  font-weight:600;  
  font-size:12px;
  padding:5px;
  margin:2px;
  display:inline-block;
  -webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;transition:.8s;
} 
.grd-view-btn:hover, .grd-view-btn:focus {
  color: #c1933e !important;  
   -webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
}
.container-full{margin:1%; width:98%;}
 .table-responsive input[type=text], .table-responsive input[type=password], .table-responsive textarea, .table-responsive select{
   -webkit-appearance:listbox;
    -moz-appearance: none;  
 	border-collapse:collapse;
	border:1px solid #e1e1e1 !important;
	border-radius:0px;		
     color:#444444 !important;
     background:#fff !important;
     outline:none;
     resize:none;    
     width:100%;    
     line-height: 2;
     zoom:1;
     text-align:left;
      min-width:200px;
      display:inline-block;
      margin:5px 0px 5px;
      padding:5px 8px;
 }
.table-responsive select{
     line-height: 3;   
 }
.table-responsive input[type=button], .table-responsive input[type=file], .table-responsive label{
   -webkit-appearance:listbox;
    -moz-appearance: none;  
 	border-collapse:collapse;	
	border-radius:0px;	
     color:#444444;    
     outline:none;
     resize:none;   
     line-height: 2;
     zoom:1;
     text-align:left;     
      display:inline-block;
       margin:8px 0px 8px;
      padding:5px 8px;
 }
.full-grid{margin:0% 1.5% 0% 1.5% !important;}
.table-responsive ul{
    display:inline-block;
 }
.table-responsive ul li{
    display:block !important;
 }