@charset "UTF-8";

h1 { font-size: 30px; line-height: 36px; font-weight: bold }
h2 { font-size: 20px; line-height: 28px; font-weight: bold }
h3 { font-size: 17px; line-height: 24px; font-weight: bold }
h4 { font-size: 15px; line-height: 20px; font-weight: bold }
h5 { font-size: 16px; line-height: 20px; font-weight: bold }

.fxtiny {
	font-size: 8px;
}

.ftiny {
	font-size: 10px;
}

.fsmall {
	font-size: 12px;
}

.fnormal {
	font-size: 14px;
}

.fmlarge {
	font-size: 15px;
}

.flarge {
	font-size:16px;
}

.flarger {
	font-size:18px;
}

.font20px, .font20 {
	font-size:20px;
}
.fXLarge {
	font-size:24px;
}

.fXXLarge {
	font-size:28px;
}

.fXXXLarge {
	font-size:32px;
}

.semi-bold {
	font-weight: 500;
}

.regular {
	font-weight: normal;
}

.free {
    color: #47a827;
}

/* dropdown start */
.dropdown-menu>li>a {
	padding:0 12px;
	height: 48px;
	display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
}

.dropdown-menu {
	border-radius: 6px;
	padding:6px;
	border:none;
	box-shadow: 2px 4px 8px rgb(0 0 0 / 10%);
	margin:0;
	position: absolute;
  	display: none;
  	min-width: 160px;
  	list-style: none;
  	background-color: #fff;
}

.dropdown-menu>li>a {
    color: #333;
   	white-space: nowrap;
}

.dropdown-menu.dots>li>a {
	padding-right: 48px;
}

.dropdown-menu .icon {
	font-size: 28px;
	color: #199FFF;
	padding: 0 8px 0 0;
}

.dropdown-menu h2 {
	margin:0;
    padding: 6px 6px 12px;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background: #F7F8FB;
	border-radius: 6px;
	color: #333;
}

.dropdown-menu.dots a:after {
	content: ' ';
	width: 20px;
	height:20px;
	border-radius:10px;
	border:2px solid #eee;
	display: inline-block;
  	right:18px;
  	position: absolute;
}

.dropdown-menu.dots a.active:after,  .dropdown-menu.dots a:hover:after{
	border-color:#008FF5;
}

.dropdown-menu.dots a.active:before, .dropdown-menu.dots a:focus:before {
	background:#008FF5;
	content: ' ';
	width: 10px;
	height:10px;
	border-radius:5px;
	display: inline-block;
	position: absolute;
  	right:23px;
}

.dropdown:hover .dropdown-menu {
  display:block;
  z-index: 1001;
}

/* dropdown end */

#toggleAllProds, .lastorder, a.lastorder:hover {
	background: #008FF5 !important;
	box-shadow: 1px 2px 14px rgba(0, 0, 0, 0.06) !important;
	border-radius: 6px !important;
	color:#fff !important;
	padding-right:12px !important;
}

.mt_campaign_well {
	border-radius:6px;
	padding:12px;
	color:white;
	background: linear-gradient(271.34deg, #5C96EF 0%, #6B1AD2 100%);
}

.mt_campaign_well h3 {
	color:white;
	margin-top:0;
	margin-bottom:0;
}

.mt_campaign_well p {
	color:white;
	margin-bottom:0;
}

.mt_tabs_wrapper {
	white-space: nowrap;
    overflow-x: auto;	
}

.mt_tabs.standard {
	display: inline-block;
	padding: 6px;
	background-color: #F7F8FB;
	border-radius: 25px;
}

.mt_tabs_item {
 	height: 38px;
 	line-height: 38px;
 	padding:0 12px;
	font-weight: bold;
	color: #333;
	display: inline-block;
    cursor:pointer;
    border:none;
    background-color: transparent;
}
 
.mt_tabs_item.active, .mt_tabs_item:active, .mt_tabs_item:focus, 
.mt_tabs_item:focus:hover, .mt_tabs_item.active:hover, .mt_tabs_item:active:hover {
	background: #59BAFF;
	border-radius: 20px;
	color: #fff;
	border:none;
	outline: none;
}

.mt_tabs_item:hover {
	color: #3795DA;
}

.mt_tabs_content {
	display:none;
}

.mt_tabs_content.active {
	display: block;
}

.mt_whitebox {
	border: 1px solid #F0F0F0;
    position: relative;
    border-radius: 6px;
    background-color: white;
    padding:12px;
    color: #333;
}

.mt_whitebox_list .lh {
	width: 100%;
	display: block;
}

.mt_whitebox_list .modal-header {
	border:none;
	padding-top:0;
	padding-bottom:0;
	background: #F0F0F0;
	height:48px;
	line-height: 48px;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.mt_whitebox_list .close {
	color: #DADADA;
	opacity: 1;
	width: 20px;
	height: 20px;
	background: rgba(102, 102, 102, 0.5);
	border-radius:10px;
	margin-top: 10px;
	font-size: 14px;
}


.mt_whitebox_list .modal-title {
	line-height:48px;
	font-weight: bold;
	font-size: 17px;
	color: #333;
}

.mt_whitebox_list .item_row > div {
	padding:10px 0;
	height:auto;
}

.mt_whitebox_list .delimiter {
	border-left: 1px dashed #DEDEDE;
	height:36px;
	width:13px;
	float: left;
}

.mt_whitebox_list .item_row > .clearfix {
	padding:0;
}

.mt_whitebox_list .item_row > .item_name {
	line-height: 18px;
	padding-left:12px;
}

.mt_whitebox_list .item_row .name {
	color: #2D9CDB;
	font-weight: 500;
}

.mt_whitebox_list .availability, .mt_whitebox_list .price, .mt_whitebox_list .opening_hours, .mt_whitebox_list_stock .opening_hours, .mt_whitebox_list .interest {
	line-height: 18px;
	font-size: 12px;
}

.mt_whitebox_list .opening_hours .dropdown-menu, .mt_whitebox_list_stock .opening_hours .dropdown-menu  {
	min-width:264px;
	padding-left:6px;
	padding-right:6px;
}

.cCard .opening_hours {
	position: relative;
	overflow: visible;
}

.opening_hours .dropdown-menu > div:nth-child(2n+1), .popover .popover-content > div:nth-child(2n+1) {
	background: rgba(55, 149, 218, 0.1);
}

.opening_hours .dropdown-menu .entryRow, .popover .entryRow {
	display: flex;
	padding: 8px 12px;
	border-radius: 2px;
}

.mt_whitebox_list .item_name .light_grey {
	line-height: 18px;
	font-size: 12px;
	color: #888;
}

.mt_whitebox_list .modal-body {
	padding:12px;
}

.mt_whitebox_list .item_name .greenball:before {
	border:none;
	font-size:24px;
}

.mt_whitebox_list .item_name .yellowball, .mt_whitebox_list .item_name .greenball {
	display: inline-block;
	text-align: center;
	margin:0;
	left: -5px;
	top:5px;
}

.mt_whitebox_list .item_name .yellowball:before, .mt_whitebox_list .item_name .greenball:before {
	width: 35px;
    height: 24px;
    line-height: 24px;
    position: inherit;
}

.mt_whitebox_list .item_row {
	min-height:56px;
	cursor: pointer;
}

.mt_whitebox_list .item_row:hover, .mt_whitebox_list .selected {
	background: #F0F0F0;
	border-radius: 6px;
}

.mt_whitebox_list .item_row:focus {
	background-color: white;
}

.mt_whitebox_list .availability .greenball, .mt_whitebox_list .availability .yellowball {
	width:18px;
	height:18px;
	text-align: center;
	line-height: 18px;
}

.mt_whitebox_list .item_name .yellowball:before {
	content: "\e90c";
	font-size:34px;
	color: #E0E0E0;
}

.mt_whitebox_list .selected .item_name .yellowball:before {
	content: "\e90b";
	color: #47A827;
}

.dropdown-menu .day, .popover .day {
	font-size: 14px;
	color: #1B4A75;
	white-space: nowrap;
}

.dropdown-menu .day .why,  .popover .day .why {
	display: block;
	margin-top: -6px;
}

.dropdown-menu .entry, .popover .entry {
	font-size: 14px;
	text-align: right;
	color: #333;
	white-space: nowrap;
	flex-grow:1;
	padding-left:24px;
}

.roundedBox {
    padding: 12px;
    background: #fff;
    border-radius: 6px;
    margin: 6px;
}

.notice {
	background: rgba(55, 149, 218, 0.1);
	border-radius: 6px;
	padding:12px;
}

.notice h3 {
	color: #3795DA;
	margin-top:0;
}

.greytext {
	color:#7C7C7C;
}

.fetchStatusColor {
	border-radius: 4px;
	color:white;
	height:24px;
	line-height:24px;
	padding-left:12px;
	padding-right:12px;
	font-weight: bold;
	display: inline-block;
	margin-top:6px;
	margin-bottom:6px;
}

.bluetext, .bluetext:hover, .bluetext:visited {
	color: #3795DA;
}

/* btn facet */
.btn_default {
	height: 36px;
	font-weight: 500;
	line-height: 36px;
	text-align: center;
	padding: 0 12px;
	cursor:pointer;
	border:none;
	outline: none;
}

.btn_default.disabled {
	pointer-events: none;
}

.btn_default:disabled:hover {
	box-shadow: none;
}

a.btn_default {
	display: inline-block;
}

.btn_small {
	display: inline-flex;
	padding: 4px 8px;
	justify-content: center;
	align-items: center;
}

.btn_variant {
	color: #333;
	background-color: white;
	border: 1px solid #F0F0F0;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 500;
	line-height: 34px;
}

.btn_variant:hover {
	border-color: #008FF5;
	color:#008FF5;
}

.btn_variant.active {
	background-color:#D9EEFE;
	color:#333;
	border: 1px solid #008FF5;
}

.btn_variant.disabled:not(.variantDropDown) {
	border-color:#DEDEDE;
	color:#888;
	position: relative;
	cursor: default;
	background-color: #DEDEDE;
}

.btn_variant.disabled:not(.variantDropDown)::before {
  	height: 2px;
  	background-color:#F0F0F0;
    top:50%;
  	transform: rotate(15deg);
  	content:'';
  	position:absolute;
  	left: -1px;
    right: -2px;
}

.btn_variant.unavailable:not(.variantDropDown) {
	position: relative;
	border: 1px dashed #888;
	background-color: transparent
}

.btn_bw, .btn_bw:focus, .btn_bw:hover {
	color: #333;
	border: 2px solid #333;
	border-radius: 4px;
	background-color: white;
}

.btn_blueish {
	color: #008FF5;
	border-radius: 4px;
}

.btn_blueish:hover {
	background: #C7DFEF;
	color: #2D9CDB;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}

.btn_blueish:focus, .btn_blueish:active, .btn_blueish.active {
	background: #008FF5;
	color: white;
}

.btn_blueline {
	border: 2px solid #3795DA;
	border-radius: 20px;
	color: #3795DA;
	background-color: white;
	height:32px;
	line-height:28px;
}

.btn_blueline:hover {
	background: #C7DFEF;
	border-color:transparent;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}

.btn_blueline.active {
	background: #3795DA;
	border-color:transparent;
	box-shadow: none;
	color:white;
}

.btn_red, .btn_red:focus {
	color: #fff;
    background: #d9534f;
    border-color: #d43f3a;
}

.btn_red:hover {
	background: #c9302c;
    border-color: #ac2925;
    color:#fff
}

.btn_orange {
	color:white;
	background-color: #F9993A;
	border-radius:6px;
}

.btn_orange:hover, .btn_orange:focus {
	color:white;
} 

.btn_facet, .btn_facet:focus {
	background:#e4edf4;
	border-radius: 4px;
	color: #333;
}

.btn_facet:hover {
	background: #C7DFEF;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	color:#23527C;
}

.btn_facet.active, .btn_facet:active {
	background: #3795DA;
	color: #fff;
	box-shadow: none;
}

.btn_facet.disabled,.btn_facet:disabled {
	color:#888;
	background: #E0E0E0;
}

.btn_checkbox {
	background: #fff;
	border: 1px solid #DEDEDE;
	box-sizing: border-box;
	border-radius: 6px;
	text-align: left;
	font-weight: bold;
	color: #333;	
}

.btn_checkbox:hover {
	color:red;
}

.btn_checkbox:before {
    display: inline-block;  
    width: 24px;  
    height: 24px; 
    color:#e0e0e0;
    text-align: center;
	cursor: pointer;
	line-height:22px;
	vertical-align: middle;
	content: "\e90b";
	font-size: 28px;
    font-family: "icomoon", serif;
    letter-spacing: normal;
    position: relative;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-weight: 400;
    margin-right:12px;
}

input[type=checkbox]:checked + .btn_checkbox:before {
	color:#47A827;
}

.btn_grey {
	background: #F0F0F0;
	border-radius: 4px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #333;
}

.btn_grey:hover {
	color: #333;
}

.btn_grey.active, .btn_grey:active {
	background: #fff;
	border: 2px solid #F9993A;
	line-height:32px;
	padding-left:10px;
	padding-right:10px;
	color: #333;
	font-weight: 500;
}

.btn_grey.disabled, .btn_grey:disabled {
	color:#888;
	background: #E0E0E0;
}

.btn_lightgrey {
	background-color: #F7F8FB;
	padding:0 12px;
	border-radius: 6px;
}

.btn_darkgrey {
	background: #888;
	border-radius: 4px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: white;
}

.btn_darkgrey:hover {
	color: white;
}

.btn_darkgrey.active, .btn_darkgrey:active {
	background: #fff;
	border: 2px solid #F9993A;
	line-height:32px;
	padding-left:10px;
	padding-right:10px;
	color: #333;
}

.btn_darkgrey.disabled, .btn_darkgrey:disabled {
	color:#888;
	background: #E0E0E0;
}

.btn_blue,.btn_blue:hover, .btn_blue:focus {
	background: #008FF5;
	border-radius: 6px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: white;
}

.btn_blue.active, .btn_blue:active {
	background: #FFF;
	color: #333;
}

.btn_blue.disabled, .btn_blue:disabled {
	color:#888;
	background: #E0E0E0;
}

/*btn filter */
.btn_filter {
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	color: #333;
	background: white;
}

.btn_filter:hover, .btn_filter:focus{
	background: #ECEBEC;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	border-color: #ECEBEC;
	outline: none;
}

.btn_filter.active, .btn_filter:active {
	background: #DEDEDE;
	border-color: #DEDEDE;
	box-shadow: none;
}

/* btn dropdown */
.btn_dropdown, .btn_dropdownlist {
	border-radius: 4px;
	display: inline-block;
	font-weight: normal;
	color: #888;
	border: 1px solid #E0E0E0;
	margin:0;
}

a.btn_dropdownlist, a.btn_dropdownlist:active, a.btn_dropdown:hover, a.btn_dropdown:focus {
	color: #888;
}

a.btn_dropdownlist:hover {
	border: 1px solid #888;
}

.btn_dropdown:hover {
	color: #888;
	border: 1px solid #888;
}

.btn_dropdown.active, .btn_dropdown:active, .btn_dropdown:focus {
	border: 1px solid #F9993A;
	box-sizing: border-box;
}

.btn_green {
	background: #47A827;
	border-radius: 4px;
	color:white;
	padding: 0 24px;
}

.btn_green:hover {
	background: #3E9322;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	color: white;
}

.btn_green.active, .btn_green:active, .btn_green:focus {
	background: #367F1D;
	box-shadow: none;
	color:white;
}

.btn_green.disabled, .btn_green:disabled {
	background: #E0E0E0;
	color: #888;
	cursor: default;
}

.btn_green.disabled:hover,.btn_green.active.disabled, .btn_green.disabled:active, .btn_green.disabled:focus {
	background: #E0E0E0;
	color: #888;
	cursor: default;
	box-shadow:none;
}

.btn_lightblue {
	background: #199FFF;
	border-radius: 4px;
	color:white;
	padding: 0 24px;
}

.btn_lightblue:hover {
	background: #008FF5;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	color: white;
}

.btn_lightblue.active, .btn_lightblue:active, .btn_lightblue:focus {
	background: #008FF5;
	box-shadow: none;
	color:white;
}

.btn_lightblue.disabled, .btn_lightblue:disabled {
	background: #E0E0E0;
	color: #888;
	cursor: default;
}

.btn_lightblue.disabled:hover,.btn_lightblue.active.disabled, .btn_lightblue.disabled:active, .btn_lightblue.disabled:focus {
	background: #E0E0E0;
	color: #888;
	cursor: default;
	box-shadow:none;
}

.btn_green1 {
	color: #fff;
	background: #47A827;
	border-radius: 4px;
}

.btn_green1:hover {
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}

.btn_green1.active, .btn_green1:active, .btn_green:focus {
	box-shadow: none;
	color:white;
	background: #367F1D;
}

.btn_green1.disabled, .btn_green1:disabled {
	background: #E0E0E0;
	color: #888;
}

.btn_transgrey {
	border: 1px solid #E0E0E0;
	border-radius: 6px;
	color:#888;
	background: transparent;
	font-weight: 500;
	box-sizing: content-box;
}

.btn_transgrey:hover {
	background: #E0E0E0;
	color:#888;
}

.btn_transgrey span.hover {
	display: none;
}

.btn_transgrey:hover span {
	display: none;
}

.btn_transgrey:hover span.hover {
	display: inline;
}

.btn_trans {
	background: transparent;
	color:#333;
}

.btn_transblack {
	border: 1px solid #333;
	border-radius: 6px;
	color:#333;
	background: transparent;
	font-weight: 700;
	font-size: 17px;
}

.btn_transblack:hover {
	background: transparent;
	color:#333;
}

.btn_white {
	border-radius: 6px;
	border: 1px solid #E0E0E0;
	background: #FFF;
	font-weight:500;
	color:#333;
}

.btn_white:hover {
	border: 1px solid #008FF5;
	color: #008FF5;
}

.btn_white.active, .btn_white:active, .btn_white:focus {
	background: #008FF5;
	box-shadow: none;
	color:white;
}

.btn_white.disabled, .btn_white:disabled {
	background: #E0E0E0;
	color: #888;
	cursor: default;
}

.btn_white.disabled:hover,.btn_white.active.disabled, .btn_white.disabled:active, .btn_white.disabled:focus {
	background: #E0E0E0;
	color: #888;
	cursor: default;
	box-shadow:none;
}

.btn_bluenoborder {
	border-radius: 6px;
	font-size: 16px;
}

.btn_bluenoborder.active, .btn_bluenoborder:focus, .btn_bluenoborder {
	background: #3B9EF6;
	color:white;
}

.btn_bluenoborder:hover {
	box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.20);
}

.btn_bluenoborder.active:hover, .btn_bluenoborder.disabled:hover {
	box-shadow: none;
}

.btn_bluenoborder.disabled {
	opacity: 0.55;
	background: #3B9EF6;
}

/* dropdown search field */
.quick_filter {
	height: 36px;
	background: #E0E0E0;
	border:none;
	padding-left:12px;
	font-size: 16px;
	color: #888;
}

input[type="number"] {
	background: #fff;
	border: 1px solid #C1E4FE;
	text-align: center;
	color: #333;
	border-radius: 6px;
	height:36px;
  	-moz-appearance: textfield;
}

.search_bar input {
	background: #F0F0F0;
	border-radius: 6px 0 0 6px;
	height:36px;
	width:100%;
	border:none;
	padding-left:12px;
	line-height: normal;
	box-shadow: none;
    font-size: 1rem;
}

.search_bar input:focus {
	box-shadow: none;
}

.search_bar button {
	border:none;
	background-color: #fff;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	height: 36px;
	outline:none;
}

.search_bar.input-group > .icon {
    line-height: 36px;
    position: absolute;
    cursor: pointer;
    z-index: 11;
    color: #333;
    right: 46px;
}



/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 24px;
	padding:0;
	margin:0;
}

.switch input {display:none;}

.slider-toggle {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #DCDCDC;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	margin:0;
	line-height: 1;
}

.slider-toggle.disabled {
	pointer-events: none;
}

.slider-toggle:before {
	position: absolute;
	content: "\e951";
	height: 20px;
	line-height: 20px;
	width: 20px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	background-color: #fff;
	left: 2px;
    bottom: 0;
    top: 2px;
    font-family: 'icomoon', serif !important;
    color: #DCDCDC;
    text-align: center;
}

input:checked + .slider-toggle:before {
	content: "\e984";
	color: #3B9EF6;
}

input:checked + .slider-toggle {
  	background-color: #3B9EF6;
}

input:checked + .slider-toggle:before {
  	-webkit-transform: translateX(22px);
  	-moz-transform: translateX(22px);
  	-o-transform: translateX(22px);
  	-ms-transform: translateX(22px);
  	transform: translateX(22px);
}

/* Rounded sliders */
.slider-toggle.round {
  	border-radius: 12px;
}

.slider-toggle.round:before {
  	border-radius: 50%;
}

.sLabel {
	font-weight: normal;
	line-height: 36px;
	position: relative;
	cursor: pointer;
	display: block;
}

.sInput + label:before {
	width: 20px;
	height: 20px;
	content:' ';
	border: 1px solid #E0E0E0;
	border-radius: 2px;
    position: absolute;
	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-moz-transform: translateY(-50%);
  	transform: translateY(-50%);
  	left:0;
}

.sInput:not(:checked) + label:hover:before {
	border-color: #47A827;
}

.sInput + label:after {
    font-family: "icomoon", serif;
	content: '';
	position: absolute;
	left: 1px;
	font-size: 18px;
}

.sInput:checked + label:after {
	content: "\e984";
	color: #47A827;
}

.sInput:not(:checked) + label:hover:after  {
	content: "\e984";
	color:#E0E0E0;
}

.dark {
	background: #F4F8FC;
}

.select-wrapper {
	position: relative;
	display: inline-block;
	width:100%;
}

.select-wrapper:after {
    font-family: "icomoon", serif;
    font-size: 24px;
    display: inline;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1;
    position: absolute;
    word-wrap: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    right:12px;
    top:18px;
    pointer-events: none;
    color:#F9993A;
	content: "\e911";
}

.select-wrapper select {
	background: #fff;
}

.select-wrapper select:disabled {
	background: #E0E0E0;
	color:#888;
	border:none;
}

.select-wrapper select::-ms-expand {
     display: none;
}

.select-wrapper select {
	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
}

textarea {
	height:auto;
	padding-top:6px;
	padding-bottom:6px;
}

input:disabled, select:disabled {
	background: #E0E0E0;
	color:#888;
	border:none;
}

[type="checkbox"].sInput:checked  label:before {
	background-color: #47A827;
	border:none;
}

.btn_blue2 {
	display: inline-block;
	background: #3795DA;
	border-radius: 4px;
	color:white;
	padding: 0 12px;
 }
 
.btn_blue2:hover {
	color:white;
}

.btn_blue2.active, .btn_blue2:active, .btn_blue2:focus {
	color:white;
}

.orderRows > div {
	margin-bottom:6px;
}

.orderRows > div > div {
	display: flex;
}

.orderRows > div .descrWrapper {
	flex-grow: 1;
	padding-left:12px;
	padding-right:12px;
}

.orderRows > div .descrWrapper > div {
	padding-bottom:6px;
}

.orderRows > div .prices {
	display:flex;
}

.orderRows > div .prices span {
	align-self: flex-end;
	white-space: nowrap;
}

.orderRows .imgWrapper {
	width:50px;
	height:50px;
}

.orderRows .imgWrapper img {
	max-width: 100%;
}

.formLabel, .shipInfoForm label {
    clear: both;
    font-weight: normal;
    margin-bottom: 0;
    width: 100%;
}

.quickform span.error {
	display: block;
	font-size: 12px;
	color: #b92d00;
}

 .custom-checkbox {
	display: block;
    text-align: left;
    cursor: pointer;
}

.custom-checkbox:before  {
	content: "\e984";
    width: 24px;  
    height: 24px;  
	border-radius: 2px;
	margin-right:8px;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	cursor: pointer;
	line-height: 24px;
    font-family: "icomoon", serif;
	color:white;
	float: left;
}

input[type=checkbox]:checked + .green-checkbox:before  {
    background: #47A827;
	border-color: #47A827;
}

input[type=checkbox]:checked + .green-checkbox.disabled:before  {
    background: #DEDEDE;
	border-color: #DEDEDE;
}

[type="checkbox"]:not(:checked) + .green-checkbox:hover:before {
	border-color: #47A827;	
}

.green-checkbox:before {
	border: 1px solid #E0E0E0;
}

.green-checkbox {
	font-weight: normal;
	font-size: 12px;
	color: #888;
}

#payForm [name="gc_code"] {
	width:100%;
}

#payForm .input-group-btn {
	padding-left:4px
}

#payForm .input-group-btn input {
	height:48px;
	line-height: 48px;
	text-transform: capitalize;
}

.mt_tabs2 {
	background: #DEDEDE;
	border-radius: 6px;
	height: 48px;
	color: #333;
	padding:3px;
	margin-bottom: 12px;
}

.mt_tabs_item2 {
	height:42px;
	line-height: 42px;
	width:50%;
	border-radius: 6px;
}

.mt_tabs_item2.selected {
	background: #fff;
	box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1);
}

.warning_box {
	padding: 12px;
	background: rgba(235, 87, 87, 0.3);
	border-radius:6px;
}

.mt_white_box_with_border {
	padding: 12px;
	background: #fff;
	border: 1px solid #F0F0F0;
	border-radius: 6px;
}

.roundedRadioItem input {
	display: none;
}

.roundedRadioItem:hover label {
	border-color: #2D9CDB;
}

.roundedRadioItem input:checked + label {
	border-color: #2D9CDB;
	background-color: #2D9CDB;
}

.roundedRadioItem input:checked + label:before {
	display: block;
	content: " ";
	width: 16px;
	height:16px;
	border-radius: 8px;
	border:3px solid white;
}

.roundedRadioItem label {
	width: 20px;
	height:20px;
	border-radius: 10px;
	border:2px solid #EEEEEE;
}

.btn_bigradius, .btn_bigradius:focus {
	border-radius: 24px;
}

.btn_big {
	height:48px;
	line-height: 48px;
	padding: 0 24px;
	font-size: 17px;
	font-weight: 700;
}

.btn_xxl {
	height:48px;
	line-height: 48px;
	border-radius: 24px;
	padding: 0 24px;
	font-size: 17px;
	font-weight: 700;
}

.delivery_button {
	height: 30px;
    line-height: 26px;
    border-radius: 15px;
    font-weight: 700;
    padding: 0 12px;
    float: right;
    margin-left:6px;
    margin-top: 1px;
    white-space: nowrap;
}

.free_delivery_button {
	color:#47A827;
	border:2px solid #47A827;
}

.notfree_delivery_button {
	color:#888;
	border:2px solid #888;
}

.menu-style h3 {
	background-color: #F0F0F0;
	border-radius: 6px;
	display: flex;
    align-items: center;
	height:48px;
	white-space: nowrap;
	padding:0 12px;
	margin:0;
}

.menu-style h3 span:first-of-type {
	display: none;
}

.menu-style .level1 h3 {
	color: #333;
}

.menu-style .level1 h3 a {
	color: #008FF5;	
}

.menu-style .level1 h3 a:hover {
	text-decoration: underline;
}

.menu-style, .menu-style ul {
	list-style-type: none;
    white-space: nowrap;
    margin: 0;
    padding: 8px;
    border-radius: 6px;
}

.toplevel .menu-style {
	border-top-left-radius: 0;
}

.menu-style li {
	line-height: 48px;
	height: 48px;
}

.menu-style .nLink {
	color:#333;
	font-weight: 700;
	padding-right: 48px;
	padding-left:12px;
	display: block;
}

.menu-style ul .alone > a {
	padding-right:12px;
}

.menu-style .nLink.not {
	cursor: default;
}

.menu-style h3 span:first-of-type {
		display: flex;
		align-items: center;
		height:48px;
		margin-left: -12px;
    	padding-left: 12px;
    	cursor: pointer;
}
	
.menu-style h3 span:first-of-type::after {
	    float: right;
	    width: 1px;
	    height: 16px;
	    background-color: #E0E0E0;
	    content: " ";
	    margin-left: 8px;
	    margin-right:12px;
}

.closeButton,#accountfooter .close-dropdown, #mobileLangSel a.close-dropdown,.close-filter-nav {
		box-shadow: 1px 2px 14px rgba(0, 0, 0, 0.06);
		border-radius: 6px;
		height:48px;
		width:48px;
		line-height: 48px;
		text-align: center;
		font-size: 28px;
		color: #888;
    	font-weight: normal;
}

.infoform2 input[type="text"] + .sStuff > label, .infoform2 input[type="password"] + .sStuff > label, .infoform2 input[type="number"] + .sStuff > label, .infoform2 select + .sStuff > label {
	position: absolute;
	top: 23px;
	left:13px;
    width: auto;
    pointer-events: none;
    transition: all 0.2s;
    font-size: 16px;
    text-align: left;
}

.infoform2 input[type="text"]:focus + .sStuff > label,.infoform2 input[type="text"]:not(:placeholder-shown) + .sStuff > label,
.infoform2 input[type="number"]:focus + .sStuff > label,.infoform2 input[type="number"]:not(:placeholder-shown) + .sStuff > label,
.infoform2 select + .sStuff > label,
.infoform2 input[type="password"]:focus + .sStuff > label,.infoform2 input[type="password"]:not(:placeholder-shown) + .sStuff > label{
    transform: translateY(-10px);
    font-size: 12px;
}

.infoform2 input[type="text"] + div > .xRemove, .infoform2 input[type="text"] + .sStuff > .xCheck,
.infoform2 input[type="number"] + div > .xRemove, .infoform2 input[type="number"] + .sStuff > .xCheck,
.infoform2 input[type="password"] + div > .xRemove, .infoform2 input[type="password"] + .sStuff > .xCheck {
	opacity: 0;
	position: absolute;
	right: 13px;
	top:14px;
	color:#888;
}

.infoform2 input[type="text"]:not(:placeholder-shown):focus + .sStuff > .xCheck, .infoform2 .error input[type="text"]:not(:placeholder-shown) + .sStuff > .xCheck,
.infoform2 input[type="number"]:not(:placeholder-shown):focus + .sStuff > .xCheck, .infoform2 .error input[type="number"]:not(:placeholder-shown) + .sStuff > .xCheck,
.infoform2 input[type="password"]:not(:placeholder-shown):focus + .sStuff > .xCheck, .infoform2 .error input[type="password"]:not(:placeholder-shown) + .sStuff > .xCheck {
	opacity: 0;
}

.infoform2 input[type="text"]:not(:placeholder-shown) + .sStuff > .xCheck,
.infoform2 input[type="number"]:not(:placeholder-shown) + .sStuff > .xCheck,
.infoform2 input[type="password"]:not(:placeholder-shown) + .sStuff > .xCheck {
	opacity: 1;
	color: #E0E0E0;
	cursor: default;
}

.infoform2 input[type="text"].invalid + .sStuff > .xCheck,
.infoform2 input[type="number"].invalid + .sStuff > .xCheck,
.infoform2 input[type="password"].invalid + .sStuff > .xCheck {
	opacity: 0;
}

.infoform2 input[type="text"]:not(:placeholder-shown):focus + .sStuff > .xRemove,
.infoform2 input[type="number"]:not(:placeholder-shown):focus + .sStuff > .xRemove,
.infoform2 input[type="password"]:not(:placeholder-shown):focus + .sStuff > .xRemove {
	opacity: 1;
}

.infoform2 input, .infoform2 select {
	padding-top:18px;
}

.infoform2 select, .infoform2 input[type="text"], .infoform2 input[type="number"], .infoform2 select,.infoform2 input[type="password"] {
	width:100%;
	text-align: left;
}

.infoform2 input[type="text"]:focus, .infoform2 input[type="number"]:focus, .infoform2 input[type="password"]:focus, .infoform2 select:focus {
	border-color: #59BAFF;
}

.infoform2 input, .infoform2 select, .infoform2 textarea {
 	border-radius: 6px;
    height:62px;
    padding-left:12px;
    padding-right:12px;
    border: 1px solid #F0F0F0;
    font-size: 16px;
}

.error input, .error select, .error .green-checkbox:before {
	border-color: #EB5757;
}

.errorText {
	display: none;
}

.error .errorText {
	display: block;
	color: #EB5757;
	font-size: 12px;
	padding-top:3px;
	padding-left:13px;
	position: absolute;
}

.dropdownV2 .dropdown-toggle {
	height: 36px;
	border: 1px solid #F0F0F0;
	border-radius: 6px;
	padding: 0 12px;
	line-height: 36px;
	position: relative;
	cursor: pointer;
	background-color: white;
}

.dropdownV2 .dropdown-toggle:hover {
	border-color: #008FF5;
}

.dropdownV2.open .dropdown-toggle {
	background-color:#D9EEFE;
	border-color:#008FF5;
}


.dropdownV2 .dropdown-toggle::after {
	content: "";
	position: absolute;
	right:0;
	top:-1px;
	width:36px;
	height:36px;
	border-left:1px solid #F0F0F0;
}

.dropdownV2 .dropdown-toggle:hover::after {
	border-color:#008FF5;
}

.dropdownV2.open .dropdown-toggle::after {
	border-color:#008FF5;
}

.dropdownV2 .dropdown-toggle::before {
    font-family: 'icomoon', serif !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e911";
    position: absolute;
	right:0;
	top:0;
	width:36px;
	height:100%;
	text-align: center;
	color:#F59200;
	background-color: white;
	border-radius: 0 6px 6px 0;
}

.dropdownV2.open .dropdown-toggle::before {
	content: "\e914";
}

.dropdownV2 .dropdown-menu {
	background: #FFFFFF;
	border: 1px solid #F0F0F0;
	box-shadow: 1px 2px 14px rgba(0, 0, 0, 0.06);
	border-radius: 6px;
	width: 100%;
}

.dropdownV2 .dropdown-menu>li {
	padding:6px 0;
}

.dropdownV2 .dropdown-menu>li>a {
	height:30px;
	font-weight: 400;
	border-radius: 6px;
	font-size: 14px;
}

.dropdownV2 .dropdown-menu.dots>li>a {
	padding-left: 30px;
}

.dropdownV2 .dropdown-menu.dots>li>a:hover {
	background: #C1E4FE;
	color: #008FF5;
}

.dropdownV2 .dropdown-menu.dots>li>a.active {
	color: #333;
}

.dropdownV2 .dropdown-menu.dots>li>a.disabled {
	background: #F0F0F0;
	color: #888;
	cursor: default;
}

.dropdownV2 .dropdown-menu.dots a:after {
	left: 12px;
	width: 18px;
    height: 18px;
}

.dropdownV2 .dropdown-menu.dots a.active:after,  .dropdown-menu.dots a:hover:after{
	background-color: transparent;
}

.dropdownV2 .dropdown-menu.dots a.active:before, .dropdownV2 .dropdown-menu.dots a.disabled:before {
	content: ' ';
	width: 8px;
	height:8px;
  	left:17px;
  	position: absolute;
  	border-radius: 4px;
}

.dropdownV2 .dropdown-menu.dots a.disabled:after {
	border-color: #e0e0e0;
}

.dropdownV2 .dropdown-menu.dots a.disabled:before {
	background-color: #e0e0e0;
}

.mtdialog {
	width: 480px;
	background: #FFFFFF;
	border: 1px solid #E0E0E0;
	box-shadow: 1px 2px 14px rgba(0, 0, 0, 0.06);
	border-radius: 6px;
	padding:12px;
	
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:998;
}

.mtdialog p {
	margin-bottom:12px;
}

.mtdialog ol {
	margin-top:4px;
	padding-left: 1.3em;
}

@media screen and (max-width: 481px) {
	.orderRows .prices {
		float:right;
		padding-left: 0;
	}
}