.dl-body{margin:0px;font-family:Arial, Helvetica, sans-serif;font-size:14px;
background-color:#CCC;color:#222;min-height:100%;background-repeat:no-repeat;height:100%;

  background: linear-gradient(-90deg, #069 10% , #ccc ); /* Standard syntax */

}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.input{padding:4px;border:1px #888 solid;border-radius:2px;width:85%;font-size:13px;display:inline-block}
.input:focus{border:1px solid #f30;transition:0.3s ease}


.input_s{padding:5px;border:1px #888 solid;border-radius:2px;width:100%;font-size:12px;display:block}
.input_s:focus{border:1px solid #f30;transition:0.3s ease}

.h4{font-size:15px;font-weight:bold}
.dl-button{background-color:#F33;border:1px solid #f33;color:white;border-radius:2px;padding:5px;font-size:14px;width:150px;cursor:pointer}
.dl-button:hover{background-color:#FF6600;transition:0.5s ease}
.pop_category{width:50%;height:450px;border:2px black solid;background-color:white;display:none;padding:10px;}
.prod_cat_div{border-bottom:1px gray solid;padding-top:8px;padding-bottom:8px;background-color:#f2f2f2}
.del_icon{float:right;height:20px;cursor:pointer;}

.tbl{border-collapse:collapse;width:100%}
.tbl thead{background-color:#F4F4F4}
.tbl tr td{border-bottom:1px solid #ccc;padding:6px;}
.bold{font-weight:bold}

.div_center_index{
	width:80%;padding:10px 10px;
	background-color:#F7F7F7;
	border-radius:0px;
	float:left;margin-left:10px;overflow:hidden;
	}
.div_center{
	width:80%;padding:10px 10px;
	background-color:#F7F7F7;
	border-radius:0px;
	float:left;margin-left:10px;overflow:hidden;
	margin-top:20px;
	}
.div_button{padding:5px 5px 5px 0px;}
.label{cursor:pointer}
.theader td{border-bottom:1px gray solid;background-color:#EEE}


.tab_active{display:inline-block;float:left;width:20%;;
background-color:#F7F7F7;text-align:center;padding:8px 0px 5px;font-size:16px;border-top-left-radius:3px;
border-top-right-radius:3px;margin-right:5px;font-weight:bold}
.tab_active:hover{text-decoration:none;}

.tab_inactive{display:inline-block;float:left;width:20%;;
background-color:#ccc;text-align:center;padding:8px 0px 5px;font-size:16px;border-top-left-radius:3px;
border-top-right-radius:3px;margin-right:5px;cursor:pointer;color:#2A2A2A}

.tab_inactive:hover{background-color:#F33;color:white;text-decoration:none;}

.tab_wrapper{width:80%;padding:0px;margin-top:20px;float:left;margin-left:10px;}
/* start pagination */

.record_output_div{height:605px;border-top:1px solid #333;}
.record_footer{border-top:1px solid #036;}

.rowodd{background-color:#F3F3F3}
.paging{padding:5px 0px 2px 0px;}
div.paging a {
	padding: 2px 8px 2px 8px;
	margin: 2px;
	border: 1px solid silver;
	background-color: #fff;
	text-decoration: none; /* no underline */
	color: gray;
}
div.paging a:active {
	border: 1px solid #fff;
	color: #000;
}
div.paging a:hover {
	border: 1px solid #fff;
	background-color:#09C;
	color: #fff;
}
div.paging a:focus {
	border: 1px solid #fff;
	background-color:#09C;
	color: #fff;
}
div.paging span.current {
	padding: 2px 8px 2px 8px;
	margin: 2px;
	border: 1px solid #F63;	
	font-weight: bold;
	background-color:#F63;
	color: #FFF;
}
	div.paging span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;	
		color: gray;
	}
/*end pagination style*/


/*BOOTSTRAP OVERIDE*/
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: white; // Choose your own color here
 }
 
.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color:#FBFBFB; // Choose your own color here
 }
 
 .table-hover tbody tr:hover td {
    background:#FFC;
}