@font-face {
    font-family: 'oswald';
    src: url('../fonts/Oswald.ttf') format('truetype'),
         url('../fonts/Oswald.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arial_narrowregular';
    src: url('../fonts/arial_narrow-webfont.eot');
    src: url('../fonts/arial_narrow-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial_narrow-webfont.woff') format('woff'),
         url('../fonts/arial_narrow-webfont.ttf') format('truetype'),
         url('../fonts/arial_narrow-webfont.svg#arial_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mccain_sunshine_pro';
    src: url('../fonts/mccainsunshinepro-webfont.eot');
    src: url('../fonts/mccainsunshinepro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mccainsunshinepro-webfont.woff') format('woff'),
         url('../fonts/mccainsunshinepro-webfont.ttf') format('truetype'),
         url('../fonts/mccainsunshinepro-webfont.svg#mccain_sunshine_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.popup-inner{
	font-family: 'mccain_sunshine_pro';
}

body, html {
	margin: 0;
	padding: 0 !important;
	height: 100%;
	overflow: auto;
}

body {
 	background-color: #000;
    background-size: contain;
    background-position-x: center;
}

footer {
	background-color: #000;
}

.wrapper-container {
	width: 100%;
	background-color: #FFF;
}

.wrapper {
	width: 100%;
	max-width: 1024px;
	padding-bottom: 1% !important;
	padding-top: 1% !important;
	padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
	position: relative;
    margin: 0 auto;
	min-height: 80% !important;
}

.align-box {
	width: 100%;
	max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
	position: relative;
    margin: 0 auto;
}

.center-div {
	margin: 0 auto;
}

.main {
	padding: 0px !important;
}

.community-mccain-button a.dropdown-toggle {
    background-color: #FFF600;
 	display: inline-block;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    font-size: 24px;
    text-decoration: none;
    color: #000;
	text-transform: none;
    font-family: 'mccain_sunshine_pro';
    height: 54px;
}

.community-mccain-button a.dropdown-toggle::before {
	content: url('../images/community/community_mccain_button.png');
  	position: relative;
  	z-index:100;
  	padding-right: 8px;
    top: 3px;
}

.community-mccain-button a.dropdown-toggle::after {
    color: #000;
    content: '\25be' !important;
    font-family: mccain_sunshine_pro;
    font-size: 20px !important;
    padding-left: 10px;
}

.community-mccain-button a.dropdown-toggle, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #FFF600;
    border-color: none;
    color: black;
}

.community-mccain-button a.dropdown-toggle img{
	width: 190px;
}

.community-dropdown {
	/*width: 100%;*/
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff600;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 !important;
    box-shadow: 0 !important;	   
}

.community-dropdown a {
	font-family: 'oswald';	
	color: black !important;
}

.community-dropdown a:hover {
	color: #FFF600 !important;
	background-image: none !important;
	background-color: black !important;
}



.delivery-location-dropdown {
	margin-bottom: 20px;
}

.delivery_date_modal p {
	font-size: 1.2em !important;
}
.delivery_name p {
	font-size: 1.2em !important;
}
.order_number_modal p {
	font-size: 1.2em !important;
}
.purchase_order_modal p {
	font-size: 1.2em !important;
}
.number_sap_modal p {
	font-size: 1.2em !important;
}
.weight_modal p{
	font-size: 1.2em !important;
}
.volume_modal p{
	font-size: 1.2em !important;
}

.delivery_location_modal {
	font-size: 1.2em !important;
}

.order_number_modal span {
	font-size: 1.2em !important;
}

.delivery_date_modal span {
	font-size: 1.2em !important;
}
.delivery_name span {
	font-size: 1.2em !important;
}

.weight_modal span {
	font-size: 1.2em !important;
}
.volume_modal span {
	font-size: 1.2em !important;
}

.delivery_location_modal span {
	font-size: 1.2em !important;
}
.purchase_order_modal span {
	font-size: 1.2em !important;
}
.number_sap_modal span {
	font-size: 1.2em !important;
}
#delivery_datepicker {
	margin-bottom: 20px;
	width: 300px;
}

.link-black {
	color: black;	
}

.green {
	color: green;
}

.red {
	color: red;
}

.icon-test {
	float: right;
}

.img_comp {
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    width: 460px;
    height: 292px;
    margin-bottom: 25px;
    position: relative;
    padding: 0;
}

.div_comp {
    float: left;
    margin-left: -3%;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.div_pricing {
    float: left;
    margin-left: -6%;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.button_comp {
    float: left;
    width: 33%;
    position: relative;
    min-height: 1px;
}

.error-form-fields {
	color: red;
	font-weight: normal;
}

.table-overflow {
	overflow: overlay;
	min-height: 300px;
}

.link-disabled {
	color: grey;
}

/**
	This version adds support for IE 10+ and Firefox.
*/
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}


.glyphicon {
    font-size: 1.1em !important;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}
.select-box {
	width: 50%;
/* 	min-width: 300px !important; */
	position: relative;
    float: left;
    padding-right: 5px;
}

.loading-spinner-block {
	display: block;
	overflow-y: scroll;
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto; 
}

.shadow {
	opacity: 0.7;
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    background-color: #FFF;
}

.shadow img {
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
  
.scrollable {
    height: 100%;
    overflow: auto;
}

.max-height {
    height: 100%;
}

.no-overflow {
    overflow: hidden;
}

.navbar-login-middle {
	display: none;
}

.input-qty {
	width: 60px !important;
	display: inline !important;
}

.input-qty-modal {
	width: 100px !important;
}

.refresh-button {
	padding-left: 2%;
}

.main-login {
	z-index: 1000;
	margin: 0;
   	position: fixed;             
   	top: 50%;                       
   	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
   	transform: translate(-50%, -50%);
	left: 50%;
    margin-right: -50%;
    background-color: rgba(255, 255, 255, 0.4);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
	min-width: 320px;
	min-height: 220px;
	padding: 0px 20px 20px 20px;
	border-radius: 4px;
}

.row-panel {
	margin: 15px 15px 15px 15px;
}

.nav-sidebar a:focus {
	color: #000 !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
}

.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.nav-sidebar > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
}

.nav-sidebar {
	margin-top: 30% !important;
	margin-left: 0 !important;
}
/** ---------- HEADER -------------*/

.mc-header {	
	text-transform: uppercase;
	background-position: 50% 0%;
	margin: 0 auto;
    background-repeat: no-repeat;
    position: relative;
    background-position: center top;
    height: 228px;
    z-index: 1000;
}

.mc-logo-img {
	position: absolute;
	top: 0px;
	left: 20%;
}

.header-bar {
	height: 174px;
}

.black-bar {
	height: 55px;
	background-color: black;
}

.nav-login {
	background-image: none;
	background-color: black !important;
	border-radius:  0px !important;
}

.nav-login .navbar-header {
	height: 54px !important;
}

.menu-main {
	margin: 0 0 0 20% !important;
}

.normal-button {
/* 	height: 54px; */
}

.normal-button>a {
	font-family: arial_narrowregular, 'Arial Unicode MS', Helvetica, Sans-Serif;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 13px;
    font-size: 13px;
    text-decoration: none;
    color: #FFF;
    height: 54px;
    cursor: pointer;
}

.normal-button>a::after {
	color: #FFF600;
    content: '\25be' !important;
    font-family: mccain_sunshine_pro;
    font-size: 20px !important;
    padding-left: 10px;
    z-index: 200;
}

.normal-button>a:hover:after  {
	color: black !important;
}

.normal-button>a:hover, .normal-button>a:focus, .normal-button>a:active {
	background-color: #FFF600 !important;
	color: black !important;
}

.normal-button.open>a.dropdown-toggle:after {
	color: black !important;
}

.bg-metalic {
	background-image: url('../images/header.jpg');
	height: 119px;
}

.navbar-inverse .navbar-nav>li>a {
	color: #FFF;
}

.navbar {
    border: none !important;
}

.menu-li-active>a, .menu-li-active>div>a, .menu-li-active>div>a:after {
	color: #000 !important;
	text-shadow: none !important;
}

.navbar-nav > li > a {
	font-family: arial_narrowregular, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size: 13px;
	color: #FFF;
	height: 54px;
	padding-top: 17px;
    padding-bottom: 17px;
}

.navbar-right>li>a:hover, .menu-main >li>a:hover {
	background: #fff600 !important;
	color: #000 !important;
	text-shadow: none !important;
}

.navbar-right>li>a:hover:after, .menu-main >li>a:hover:after {
	color: #000 !important;
}

.dropdown-menu-icon:after {
    color: #fff600;
    content: '\25be' !important;
    font-size: 20px;
    margin-left: 3px;
    line-height: 0px;
}

.menu-li-active {
	background-color: #808185;
}

.filter-sku-radio label{
	padding-right: 20px;	
}

/** ----------- FOOTER --------------*/

.btn-green {
	color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}
.btn-red {
	color: #fff !important;
    background-color: #cf483e !important;
    border-color: #cf483e !important;
}

.mc-footer {
    width: 100%;
    bottom: 0;
    height: 30px;
    margin: 0 auto;
    color: #ddd;
    font-family: arial_narrowregular, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-align: center;
    padding: 0;
}

.mc-footer-text>p {
	margin: 0px;
    line-height: 30px;
    font-size: 12px;
}

.footer-line {
	padding: 10px 0 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #a8a891;
    width: 100%;
}

.footericons {
	display: inline-block;
	position: relative;
	text-align: right;
	width: 220px;
}

.foologo {
	display: inline-block;
	position: relative;
	text-align: left;
}

.foologo a img {
	display: block;
}

.sub-menu-mobile {
	display:none;
}

.table-col-small-mobile {
	display: none;
}

.wrapper-error {
	height: 600px;
	background: #FFF;
	width: 100%;
	padding-bottom: 1% !important;
	padding-top: 1% !important;
	padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
	position: relative; /**needed for footer positioning*/;
    margin: 0 auto;
	min-height: 80% !important; 
}

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

/* LOGIN */

	.wrapper-login {
		height: 600px;
		background: #FFF;
		width: 100%;
		padding-bottom: 1% !important;
		padding-top: 1% !important;
		padding-right: 5px;
	    padding-left: 5px;
	    margin-right: auto;
	    margin-left: auto;
		position: relative; /**needed for footer positioning*/;
	    margin: 0 auto;
		min-height: 80% !important;

 		background: url('../images/bg_potatos.jpg');
 		background-size: cover;
 		-webkit-background-size: cover;
   		-moz-background-size: cover;
   		-o-background-size: cover; 
  		min-width:1000px; 
  	    background-repeat: no-repeat;  
 	    
	    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../assets/images/bg_potatos.jpg',
		sizingMethod='scale');

		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../assets/images/bg_potatos.jpg',
		sizingMethod='scale')";

 		background: no-repeat center center fixed\0/; /* IE8 HACK */ 
	}
	
	.form-signin-heading {
		font-family: 'mccain_sunshine_pro';
		color: #000;
		text-align: center;
	}
	
	#login-button {
		font-family: 'mccain_sunshine_pro' !important;
		color: #000 !important;
		font-size: 24px;
		background-color: #fff600 !important;
		border-color: #fff600 !important;
	
	}
	
	.forgot-pass-div-label {
		text-align: center;
	}
	
	.error-form-fields {
		text-align: center;
	}
	
	.measure-system {
		margin-top: 15px;
	}

@media (min-width: 1023px) {
	
	.main {
		margin-top: 15px;
	}
	
	.box-nav-sidebar {
		top: 60px;
	}
	
	.modal-dialog {
	    width: 1000px;
	}   

}

@media screen and (max-width: 1023px) { /* 768px */
	.wrapper {
		top: 40px;
		padding-top: 0px;
		position: inherit; 
	}
	
	.mc-logo-img {
		margin: 0;
	   	position: absolute;              
	   	-ms-transform: translate(-50%, 0%);
	    -webkit-transform: translate(-50%, 0%);
	   	transform: translate(-50%, 0%);
		left: 50%;
	    margin-right: -50%;
	}
	
	.sub-menu-mobile {
		margin-bottom: 15px;
		display: block;
	}
	.sub-menu-web {
		display: none;
	}

	.main {
		width: 100% !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.row {
		width: 100%;
    	margin-right: 0px;
    	margin-left:  0px;	
	}
	.row-panel {
	    padding-left: 15px;
    	padding-right: 15px;
    }
    .menu-main {
		margin-left: 0% !important;
	}
	.navbar-right>li {
		margin-left: 15px;
	}
	
	.community-mccain-button>div, .community-mccain-button>div>a.dropdown-toggle, .normal-button, .normal-button>a.dropdown-toggle {
		width: 100%;
	}
	
	.community-dropdown>li>a {
		color: white !important;
	}
	
	.navbar-login-middle {
		display: block;
	}
	.navbar-login-top {
		display: none;
	}	
	.button_comp {
		width: 100%;
		padding-bottom: 15px;
	}
	
}

@media screen and (min-width: 769px) {
	.table-col-small-mobile {
		display: none !important;
	}
}

@media screen and (min-width: 1023px) {
	.modal-large-responsive {
		width: 70%;
	}	
}

@media screen and (max-width: 768px) {
	.select-box {
    	width: 100%;
    	padding-right: 0px;
    	margin-bottom: 5px;
	}
	.table-col-small-mobile {
    	display: none !important;
    }
    .menu-main {
		margin-left: 0% !important;
	}
	.navbar-right>li {
		margin-left: 15px;
	}
	#delivery_datepicker {
		width: 100%;
	}
	.delivery-location-dropdown {
		width: 100%;
	}

}

@media screen and (max-width: 767px) {
	.table-order-items th {
		font-size: 0.9em !important;
	}
	.table-col-small-mobile {
		font-size: 0.8em !important;
	}
	.table-order-items tbody {
		font-size: 0.9em !important;
	}
	.table-col-normal {
    	display: none !important;
    }
    .table-col-small-mobile {
    	display: table-cell !important;
    }
    .refresh-button {
        margin-top: 5px;
    }
}

/* No greater than 1570px, no less than 1024px */
@media (max-width:1400px) and (min-width:1024px) {
    .mc-logo-img { 
/*         width: 15%; */
    }
    .modal-large-responsive {
		width: 90%;
	}
	.wrapper-login {
		
	}
}​

.table{
	display: table;
}
.row_table{
	display: table-row;
}
.cell{
	display: table-cell;
	padding: 10px;
}

.day{
    font-weight: bold;
    color: black;
}

.day.disabled{
    font-weight: normal;
    color: #999;
}