.customstylescroll::-webkit-scrollbar,body::-webkit-scrollbar{   height: 16px;   overflow: visible;    width: 13px;    visibility: hidden; }
 .customstylescroll:hover::-webkit-scrollbar,body:hover::-webkit-scrollbar{   height: 16px;    overflow: visible;    width: 13px;    visibility: visible; }
  .customstylescroll::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner {    background: transparent; }
 /* Track */
 .customstylescroll::-webkit-scrollbar-track,body::-webkit-scrollbar-track {    background-clip: padding-box;    border: solid transparent;    border-width: 0 0 0 4px; }
 .customstylescroll::-webkit-scrollbar-track:hover,body::-webkit-scrollbar-track:hover{    background-clip: padding-box; border: solid transparent;border-width: 0 0 0 4px;background-color: rgba(136, 138, 136, 0.46); -webkit-box-shadow: inset 1px 0 0 rgba(56, 29, 29, 0.7);    box-shadow: inset 1px 0 0 rgba(99, 85, 85, 0.37);}
  .customstylescroll::-webkit-scrollbar-track:active,body::-webkit-scrollbar-track:active{ background: #45a1de5c; -webkit-box-shadow:inset 1px 0 0 rgba(255,255,255,.25),inset -1px 0 0 rgba(255,255,255,.15);
     box-shadow:inset 1px 0 0 rgba(255,255,255,.25),inset -1px 0 0 rgba(255,255,255,.15); }
 /* Handle */
 .customstylescroll::-webkit-scrollbar-thumb ,body::-webkit-scrollbar-thumb {background-color: #074d31;background-clip: padding-box; border: solid transparent; border-width: 1px 1px 1px 6px; min-height: 28px; padding: 100px 0 0; -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07); box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07); border-top-left-radius: 12px; border-bottom-left-radius: 12px;  border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.tabback{ border:#999 solid 1px; border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; }
.admin {	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;font-size: 11px;	font-weight: normal;	color: #666666;	text-decoration: none;}
.admi_links {	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;	font-size: 11px;font-weight: bold;color: #FFFFFF;	text-decoration: none;	padding-left: 5px;	padding-right: 5px;}
.admi_links:hover {font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;	font-size: 11px;	font-weight: bold;	color: #FFFFFF;	text-decoration: underline;	padding-left: 5px;	padding-right: 5px;}
.top_links {font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;	font-size: 10px;	font-weight: bold;	color: #FFFFFF;	text-decoration: none;	padding-left: 5px;	padding-right: 5px;}
.index_text {font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;font-size: 11px;font-weight: normal;	color: #000000;	text-decoration: none;}
.index_text_links {	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;font-size: 11px;font-weight: normal;color: #0066CC;	text-decoration: underline;}
.index_text_links:hover {font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;font-size: 11px;font-weight: normal;	color: #000000;	text-decoration: underline;}
body,html{font:normal normal 11px Verdana,sans-serif;}
a.headerLink:link{color:#ffffff;font-weight:bold;text-decoration:none;}
a.headerLink:visited{color:#ffffff;font-weight:bold;text-decoration:none;}
a.headerLink:hover{color:#ffffff;font-weight:bold;text-decoration:underline;}
a.headerLink:active{color:#ffffff;font-weight:bold;text-decoration:none;}
.columnLeft{background-color:#f2f1ee;border-color:#999999;border-style:solid;border-width:1px;padding:2px;}
.dataTableContent{color:#333333;}
.dataTableHeadingContent{color:#333333;font-weight:bold;}
.dataTableHeadingContentWhois a:link,.dataTableHeadingContentWhois a:visited{color:#0000ff;font-weight:bold;}
.dataTableHeadingContentWhois a:hover{color:#ffffff;font-weight:bold;}
.dataTableRow{background-color:#f2f1ee;}
.dataTableRowOver{background-color:#ffffff;cursor:pointer;cursor:hand;}
.cate_pro {font-family:Verdana, "Times New Roman", Times, serif;font-size: 16px;font-weight: bold;color: #333333;line-height:19px;font-variant:small-caps;	text-decoration: none;	padding-left: 5px;}
.top_linkslax {font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;font-size: 11px;font-weight: bold;color:#333333;text-decoration: none;padding-left: 5px;padding-right: 5px;}
.top_linkslax:hover {font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;font-size: 11px;	font-weight: bold;	color: #333333;	text-decoration: none;	padding-left: 5px;	padding-right: 5px;}
.button{cursor:pointer;}
.form-submit-button{background: #a90329; /* Old browsers */background: -moz-linear-gradient(top,  #FC0505 0%, #EA0403 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC0505), color-stop(100%,#EA0403)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #FC0505 0%,#EA0403 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #FC0505 0%,#EA0403 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #FC0505 0%,#EA0403 100%); /* IE10+ */background: linear-gradient(to bottom,  #FC0505 0%,#EA0403 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FC0505', endColorstr='#EA0403',GradientType=0 ); /* IE6-9 */
	border: 2px solid #FC0505;    border-radius: 0.2em;    box-shadow: 0 0 0 1px rgba(147, 187, 255, 0.3) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.3);    color: #FFFFFF;    cursor: pointer;    font-family: Arial,Helvetica,sans-serif;    font-size: 12px;    font-weight: bold;    padding: 8px 18px;    text-shadow: 0 1px 0 #142353;	text-decoration:none;}
.form-submit-button a{		background: #a90329; /* Old browsers */background: -moz-linear-gradient(top,  #d07003 0%, #f39831 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d07003), color-stop(100%,#05774A)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #d07003 0%,#f39831 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #d07003 0%,#f39831 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #d07003 0%,#f39831 100%); /* IE10+ */background: linear-gradient(to bottom,  #d07003 0%,#f39831 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d07003', endColorstr='#05774A',GradientType=0 ); /* IE6-9 */	    border: 1px solid #d07003;    border-radius: 0.2em;    box-shadow: 0 0 0 1px rgba(147, 187, 255, 0.3) inset, 0 2px 2px 0 rgba(0, 0, 0, 0.3);    color: #FFFFFF;    cursor: pointer;    font-family: Arial,Helvetica,sans-serif;    font-size: 12px;    font-weight: bold;    padding: 8px 18px;    text-shadow: 0 1px 0 #142353;	text-decoration:none;}

.requ{ color:#F00;font-weight:bold; }
.balis{border:red solid 2px;background:#ffffd5;}
.input {     border: 1px solid #aaaaaa;    color: #666;    font-size: 12px;    font-weight: bold;    padding: 5px;}

/* Admin Login */

.adminheader{  height:75px;    border-bottom:2px solid #f39831;   background: #f39831;    background: linear-gradient(to bottom, #d07003 0%, #f39831 96%, #d07003 100%);	z-index:10;}
.adminlogo{   padding: 7px;    text-align: center;    width: 220px;    float: left;}
.content-body{    clear:both;
    /*background: #343434;*/
    z-index: 0;
    /*background: rgb(93, 109, 81);*/
    
    /* border-bottom: 2px solid #75112E; */
    /* background: #3f3f3f; */
    /* background: #75112E; */
    border-bottom:2px solid #d07003;/*#75112E;*/
    /*background: #3f3f3f;*/
    background: #d07003;
    background: linear-gradient(to bottom, #d07003 0%, #f3983196, #d07003 100%);
    /* background: -webkit-linear-gradient(top, #d07003, #05774A, #d07003);    */
    
}
.adminloginfrm-main{   border:1px solid #000000;    border-radius : 5px;    float:none;    clear:both;    height:auto;    padding:10px;    margin-top:13%;    /*background: #828177;*/    box-shadow: 0px 0px 9px 2px #000;}
.panel-title{    text-align:right;    padding: 23px;    font-size: 20px;    color: #e8e4e4;/*#d80808;*/    font-weight: bold; }
.form-title{ background: #828177; border: 1px solid #000; border-radius: 20px; width: 145px; padding: 10px;    position: absolute;    left: 20px;    top: -18px;    box-shadow: 2px 3px 11px 2px #000;    color:#fff;    font-size: 12px;    font-weight: bold;}
.adminloginfrm-main .form-part{    float:none;    padding:20px;}
.field-part{    text-align:left;}
.field-part label{    /*Color:#fff;*/    font-size: 12px;}
.menu-holder{    width: 226px;    float: left;   min-height: 79vh;    /*background: #343434;*/    z-index:9;    position: relative;    margin-right:0px;
    /*border-bottom: 2px solid #57BA06;*/
    /* background: #3f3f3f; 
    background: rgba(98,125,77,1);
    background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,125,77,1)), color-stop(100%, rgba(31,59,8,1)));
    background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
    background: -o-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
    background: -ms-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
    background: linear-gradient(to bottom, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08', GradientType=0 );*/
}
.adminstatus{ color: #fff;    padding-top: 10px;    padding-bottom: 10px;    border-bottom:2px solid #f39831;    background: #f39831;    /* background: linear-gradient(to bottom, #75112E 0%, #bd4769 96%, #75112E 100%);\ */    background: -webkit-linear-gradient(top, #d07003, #f39831, #d07003);    	z-index:10;    position:relative;}
.companyname-part{       color: White;        font-size: 15px;        padding: 15px;        padding-left:0px;        /* background: rgb(93, 109, 81); */        background: #ffffff;        border: 3px solid #f39831;        /* background:#75112E; */}
.menu-logo{    width: 75px;}
.admin-footer{   background: #343434;    color: #fff;    padding: 10px;    font-size: 12px;    border-top: 1px solid #f39831;    background: #05774A;    background: linear-gradient(to bottom, #d07003 0%, #f39831 96%, #d07003 100%);    margin:0px !important;}
.content-div{    width: calc(100vw - 243px);    padding-top:15px;    background: #fff;    z-index: 5;    box-shadow: 3px 5px 13px -3px #DCDCDC;    min-height : calc( 100vh - 148px );}
.pad-lr-0{
    padding-left:0px;padding-right:0px;
}
.pad-r-0{
    padding-right:0px;
}
#nav li ul{
        padding: 0px;
}
#action-icons{
    font-size: 18px;
}
#action-icons .fa-pencil{
        color: orangered;
}
#action-icons .fa-trash{
        color: red;
}
#action-icons .fa-sign-out{
        color: blue;
}
.action-icons .fa-pencil,.action-icons .fa-trash,.action-icons .fa-sign-out{
        color: white !important;
}
.table-responsive table thead{
    background: #545151;
    color:#fff;
}
.green-status{
        width: 27px;
    height: 27px;
    background: linear-gradient(#83BE86 20%,#10791D 40%,#0FB008);
   background: -webkit-linear-gradient(#83BE86 20%,#10791D 40%,#0FB008);
    display: block;
    border:1px solid #fff;
    border-radius:5px;
}
.red-status{
    width: 27px;
    height: 27px;
    background:  linear-gradient(#E99288 20%,#A60402 40%,#DF4442);
    background:  -webkit-linear-gradient(#E99288 20%,#A60402 40%,#DF4442);
    display: block;
    border:1px solid #fff;
    border-radius:5px;
}
.bor-rad-0{
    border-radius:0px;
}
.top-sec{
    padding: 15px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.mid-sec{
     padding: 15px;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px;
}
/*.fa{
    font-size:20px;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}*/

a.alpha-letter {
    padding: 8px;
    border: 1px solid #00a2ff;
    margin-left: 2px;
    margin-right: 2px;
    color: #00a2ff;
    font-weight: bold;
    height: 32px;
    width: 32px;
    display: inline-block;
    text-decoration:none !important;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition:         transform .8s ease-in-out;
}
a.alpha-letter.active {
    background: #00a2ff;
    color: white;
    font-weight: bold;
}
a.alpha-letter:hover{
    text-decoration:none !important;
  -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
div#DataTables_Table_0_length {
    text-align: left;
    padding-left: 25px;
}
div#DataTables_Table_0_filter {
    padding-right: 25px;
}
div.form-part .eachrow-chklis:nth-child(odd) {
    padding: 5px;
    background: #DCDCDC;
}
div.form-part .eachrow-chklis:nth-child(even) {
    padding: 5px;
}
div.form-part label{
    color: black;
    font-size: 13px;
    padding-left: 0px;
    padding-top: 5px;
    float: left;
}
.innerform-title{
    padding: 20px;
    text-align: left;
    padding-left: 0px;
    padding-top: 0px;
    font-size: 20px;
    color: rgb(216, 8, 8);
    font-weight: bold;
    margin: 5px;
}
.zone-div {
    padding: 13px !important;
    margin-bottom: 5px;
}

.inti-msg{
    color: #FF0000;
    text-align: left;
    font-size: 16px;
}

.bord-bot-none{
    border-bottom:none;
}

.bor-rad-0 i.fa{
    font-size: 20px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

 .bor-rad-0:hover i.fa{
  -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.style1{
    color:red;
    padding-left:20px;
}

tr.even {
    background: #dcdcdc;
}
tr.odd {
    background: #fff;
}

.footer-logo {
    background: #FFFFFF;
    border-radius: 16px;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 5px;
    position: relative;
}




 nav { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 
img { border: 0; max-width: 100%; }

/*h1 { font-family: 'Merienda', 'Trebuchet MS', Verdana, sans-serif; font-size: 2.95em; line-height: 1em; margin:5px; font-weight: bold; letter-spacing: -0.03em; color: #DC0100; text-shadow: 2px 2px 0px rgba(0,0,0,0.65); text-align: center; }*/
h1{
        font-size: 20px;
    color: rgb(216, 8, 8);
    font-weight: bold;
    padding: 0px;
    margin: 5px;
}
/* nav menu styles */
#nav { 
 margin: 0;
  padding: 0;
  display: block; 
  width: 220px; 
  margin: 0 auto; 
  -webkit-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  -moz-box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
  box-shadow: 3px 2px 3px rgba(0,0,0,0.7);
}

#nav li { }

#nav > li > a { 
  display: block; 
  padding: 16px 18px;
  font-size: 1.3em;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;

border-bottom:1px solid #57BA06;
 
/*    background: rgb(93, 109, 81);*/
  
    background: linear-gradient(to bottom, #d07003 0%, #f39831 96%, #d07003 100%);
}
#nav > li > a:hover, #nav > li > a.open { 
  color: #FFFFFF;
  /*border-bottom-color: #40011e;*/

    /* background: linear-gradient(to bottom, #75112E 0%, #bd4769 96%, #75112E 100%); */
    background: linear-gradient(to bottom, #f39831 0%, #d07003 96%, #f39831 100%);
}

#nav li ul { display: none; background: #40011e; }

#nav li ul li a { 
  display: block; 
  background: none;
  padding: 10px 0px;
  padding-left: 10px;
  font-size: 1.1em;
  text-decoration: none;
  font-weight: bold;
  color: #e3e7f1;
  text-shadow: 1px 1px 0px #000;
}
#nav li ul li a:hover,#nav li ul li a.active {
  background: #ca0049;/*#F00;*/
}

/* Dropdown Menu */

#nav ul li ul { 
   /*display: inline;  */
    width: 100%; 
    display: block !important; }
#nav ul li ul li {     text-align: left;     margin-left:104px;  }
#nav ul li ul a { padding: 10px 0; }
/*#nav ul li:hover ul { display: block; }*/


#main-content{
    padding:0px;
}
.main-left-container{
    max-width: 710px;
    margin: auto;
    width: 100%;
}
.main-left-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sticky .adminheader {
    position: fixed;
    width: 100%;
    top: 0px;
}
.sticky .adminstatus{
    display:none;
}
 #menucolapse{
    display:none;
    position: absolute;
    font-size: 25px;
    top: 5px;
    z-index: 999;
}
.fa-menu:before {
    content: '\f0c9';
}
/* Responsive css */
@media (max-width:930px)  { 
    body{
        overflow-x: hidden;
    }
    .container-fluid{
        padding:0px !important;
    }
    .content-div{
        width: 96%;
    }
    .menu-holder{
        display:none;
        position: absolute;
        left:0px;
        width: 100%;
        min-height: auto;
        border-bottom: 2px solid #e68920;
        background: -webkit-linear-gradient(top, #d07003, #f39831, #d07003);
        z-index: 99;
        margin: 0px;
    }
    #menucolapse{
        display:block;      
        color:#fff !important; 
    }
	.prodimg {
	 	max-width: 100%;
		min-width: 18px;
		height: auto;
	}
	#prodname{
		font-size:14px !important;
		
		}
    
}
@media (max-width:750px)  { 
    
    #groupby_form{
        flex-direction:column !important;
        row-gap:15px;
    }
}
@media (max-width:520px)  { 
    .adminheader{
        display: flex;
        height: auto;
        flex-direction: column;
    }
    .adminheader .panel-title{
        font-size:14px;
        text-align:center;
        padding: 10px 0px;
    }
	.prodimg {
	 	max-width: 100%;
		min-width: 18px;
		height: auto;
	}
	#prodname{
		font-size:14px !important;
		
		}
}
@media (max-width:481px)  { 
    .admin-footer{
        display: flex;
        flex-direction: column;
        height: auto!important;
        row-gap: 13px;
    }
    .menu-icon-container{
        width:80% !important;
        margin-left: 0px !important;
        padding: 15px;
    }
	.prodimg {
	 	max-width: 100%;
		min-width: 18px;
		height: auto;
	}
	#prodname{
		font-size:14px !important;
		
		}
}
@media (max-width:240px)  { 
    .adminlogo{
        width:100%;
    }
}

.table>tbody>tr>td, .table>tbody>tr>th, td, th{
    vertical-align: middle;
  }