/* Add here all your CSS customizations */


.quick_order {
	border:1px solid silver;
	padding:10px;
	

}

.form-control {margin:5px;}

section.section {

margin: 20px 0;
padding: 20px 0;

}

section.page-header {

z-index:0 !important;

}

	table.dataTable thead th {
	background-color: rgba(0, 0, 0, 0.6);
color: white;}

tr.red td {background-color:#f9b09c;}
tr.yellow td {background-color:#fadc7f;color:#777;}
tr.blue td {background-color:#6699cc;color:white;}
tr.blue td a {color:white;}

tr.purple td {background-color:#800180;color:white;}
tr.purple td a {color:white;}
tr.green td {background-color:#00cc00;color:white;}
tr.green td a {color:white;}

.sorting_1 {color:#777777 !important;}

div.mfp-content {
	background-color: white;
padding: 20px;
margin: 0 auto;
width: 75% !important;
overflow:hidden;
margin-top:20px;
margin-bottom:20px;
}

#footer {margin-top:0;padding-top:0;border-top:0;}

/* .dropdown-menu li a:hover {background-color:black;color:white;} */

.button-el {
    overflow: hidden;
    display: inline-block;
    visibility: visible;
    background-image: -webkit-linear-gradient(#77c2ed,#2ba0e4);
    background-image: -moz-linear-gradient(#77c2ed,#2ba0e4);
    background-image: -ms-linear-gradient(#77c2ed,#2ba0e4);
    background-image: -o-linear-gradient(#77c2ed,#2ba0e4);
    background-image: -webkit-linear-gradient(#77c2ed,#2ba0e4);
    background-image: -moz-linear-gradient(#77c2ed,#2ba0e4);
    background-image: -ms-linear-gradient(#77c2ed,#2ba0e4);
    background-image: -o-linear-gradient(#77c2ed,#2ba0e4);
    background-image: linear-gradient(#77c2ed,#2ba0e4);
    -webkit-font-smoothing: antialiased;
    border: 0;
    padding: 1px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	border-color: #289fe4;
	border-width: 1px;
	border-style: solid;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	font-family: "Helvetica Neue", Arial, sans-serif;
	line-height: 19px;
	padding: 0.4em 1em;
	margin: 0px 1em;
}
.button-el:hover {
	color: #fff;
	text-decoration:none;
}

img {
	max-width: 100%;	
}
.panel {
/* 	border: 1px solid #777;	 */
margin-bottom:0px;
}

.panel-category>.panel-heading {
	background-color: #fff;
	padding: 0px;	
	border: none;
}

.panel-category>.panel-heading img {
	width: 100%;	
}
.panel-category>.panel-body {
	background-color: #fff;
}

.dropdown-menu li {
  background-color: #333333;	
}

.btn {
   color: #000;
}
#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
	font-weight: 900;	
}
/*#header .header-nav-main nav > ul > li.dropdown .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	margin-top: 1px;	
}*/
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { 
	margin-top: 0px;	
}
.nav-pills > li {
	margin-top: 4px;	
}
.header-logo img {
	width: 270px;
	height: auto;
}
ul.drop1 {
    border-top: 30px solid rgba(255, 255, 255, 0.0) !important;
}
#header .header-btn-collapse-nav {
	background: #d00;	
	font-weight: 900;
	font-size: 18px;
	font-style: italic;	
}
#header .header-btn-collapse-nav i.fa-bars {
	font-weight: 900;
	font-size: 16px;
}
@media print {
   
    a[href]:after {
        content: none !important;
    }
    
    }
    
 @media (min-width: 991px) {
	#header .header-nav-main nav > ul > li.dropdown-to-left .dropdown-menu {
		border-radius: 4px 0 4px 4px;
		right: 0;
		left: auto;
	}
	
	#header .header-nav-main nav > ul > li.dropdown-to-left .dropdown-menu li.dropdown-submenu > .dropdown-menu {
		right: 100%;
		left: auto;
	}
	
	#header .header-nav-main nav > ul > li.dropdown-to-left .dropdown-menu li.dropdown-submenu > a::after {
		left: 8px;
		border: none;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-right: 5px solid #0088cc;
	}
	
	#header .header-nav-main nav > ul > li.dropdown-to-left .dropdown-menu li a {
		padding-left: 20px;
		padding-right: 8px;
	}
	
	#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown-to-left .dropdown-menu li.dropdown-submenu > .dropdown-menu {
		transform: translate3d(30px, 0px, 0px);
	}
	
	#header .header-nav-main nav > ul > li > a.dropdown-toggle::after {
		content: "\f067";	
		font-size: 11px; 
		top: 11px;
		right: 8px;
		font-weight: normal;
	}
}
@media (max-width: 1199px) {
	.header-logo img {
		max-width: 200px;
	/*	height: 88px;  */
	}
	
	#header .header-nav-main {
		left: 250px;
		top: 32px;	
	}

	#header .header-nav-main nav > ul > li > a	{
		font-size: 14px;	
	}
	/* #header .header-nav-main nav > ul > li.dropdown .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	    margin-top: 10px;
	}*/
	ul.drop1 {
		border-top: 38px solid rgba(255, 255, 255, 0.0) !important;
	}	
	.header-welcome > div  {
		padding-left: 300px !important;	
	}
}
@media (max-width: 991px) {
	#header .header-nav-main nav > ul li a {
		border-radius: 0px;	
		font-style: italic;
		line-height: 37px;
	}
	.dropdown-menu > li > a {
		color: #fff;
	}
	#header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu {
		margin: -25px 8px 0px 0px;
	}	
	#header .header-nav-main {
		background: #1f60c1;
	}
	#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover	{
		color: #fff;
	}
	#header .header-nav-main nav > ul > li {
	    border-bottom: 1px solid #1b53a7;
	}
	#header .header-nav-main nav > ul li {
	    margin: 0px 0px -2px 0px;
	}
	#header .header-nav-main nav > ul > li > ul.drop1 {
	    border-bottom: none;
	}
	.fa-caret-down::before {
		content: "\f067";	
	}
	#header .header-nav-main nav > ul li a .fa-caret-down {
		top: 0px;
		right: 0px;
		background-color: #333333;
		padding: 8px 25px;
	}
	
	#header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu {
		margin: -37px 0px 0px 0px;
	}	

	.dropdown-menu li a:hover {
		background-color: #333333;
		color: #fff;

	}
	ul.drop1 {
		border-top: 36px solid rgba(255, 255, 255, 0.0) !important;
	}	
	html.sticky-header-enabled #header .header-nav-main {
		max-height: none;
	}
	
	#header .header-btn-collapse-nav {
		border-radius: 30px;	
	}
	.nav > li > a:hover	{
		background-color: #1b53a7;	
	}
	
}