.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-color:rgba(255,255,255,.1);*/
     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;
}
img{max-width:100%;}
.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;
  }