/* CSS Document for Europris.no */



/* Font Import */

@import url('https://fonts.googleapis.com/css?family=Oswald:300,400|Open+Sans:400,700|Roboto:300,400,700');


/* Font Override */

HTML, BODY {
	font-family: Roboto !important;
	padding-bottom: 30px;
	color: #444;
}

H1, H2, H3, H4, H5, H6 {
	font-family: Roboto !important;
	font-weight: 700;
}

A {
	color: #777;
} A:hover {
	color: #777;
}

.disabled {
	display: none;
}

.inactive-cbx {
	background-color: #bfbfbf !important;
}

/* MODAL Override */

.modal-content {
	border-radius: 0px;
}


/* MER Kundeklubb list */

.card-img-top {
	width: 75% !important;
}


/* Login */

.login-b2c, .login-b2b {
	font-family: Oswald !important;
}

.login-b2c A, .login-b2b A {
	display: block;
	border-bottom: 2px solid #008000;
}


/* Productboxes */

.product-box {
	height: 224px;
	min-width: 190px;
	position: relative;
	margin-bottom: 5px;
}
	
	/* Box sizes */

	.product-box .size-1x1 {
		height: 224px;
		min-width: 190px;
		padding: 10px;
	    float: left;
	    /* transition: all 0.2s ease-in-out;
   	 	-webkit-transition: all 0.2s ease-in-out; */
		background: white;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;
		border: 1px solid #eee;
	}

	.product-box .size-1x1:hover {
		height: 280px;
		z-index: 999;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
		overflow: visible;
	}

	.product-box .size-2x1 {
		height: 224px;
		min-width: 380px;
		padding: 10px;
	    float: left;
	    /* transition: all 0.2s ease-in-out;
   	 	-webkit-transition: all 0.2s ease-in-out; */
		background: white;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;
		border: 1px solid #eee;
	}

	.product-box .size-2x1:hover {
		height: 280px;
		z-index: 999;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
		overflow: visible;
	}

	.product-box .size-2x2 {
		height: 448px;
		min-width: 380px;
		padding: 10px;
	    float: left;
	    /* transition: all 0.2s ease-in-out;
   	 	-webkit-transition: all 0.2s ease-in-out; */
		background: white;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;
		border: 1px solid #eee;
	}

	.product-box .size-2x2:hover {
		height: 508px;
		z-index: 999;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
		overflow: visible;
	}


.product-box .product-header {
	height: 44px;
}

	.product-box .size-1x1 .product-header H6, 
	.product-box .size-2x1 .product-header H6 {
		font-weight: 200 !important;
	}

	.product-box .size-2x2 .product-header H6 {
		font-size: 20px;
	}

	.product-box .product-header .reminder {
		color: #ccc;
	}

	.product-box .product-header .reminder:hover {
		color: #008000;
	}

.product-box .size-1x1 .product-body {
	height: 115px;
	background: no-repeat center;
	background-size: contain;
}

.product-box .size-2x1 .product-body {
	height: 115px;
	background: no-repeat center;
	background-size: 120%;
}

.product-box .size-2x2 .product-body {
	height: 340px;
	background: no-repeat center center;
	background-size: contain;
}

.product-box .product-footer {
	height: 55px;
}
	
	.product-box .product-footer H6 {
		padding: 0px;
		margin: 0px;
		font-size: 15px;
		font-family: Oswald !important;
		font-weight: 300;
		color: #666;
	}

	.product-box .product-footer P {
		padding: 0px;
		margin: 0px;
		font-size: 15px;
		font-family: Oswald !important;
		font-weight: 300;
		color: #666;
	}

.btn-add-cart {
	padding: 3px 10px;
	background: linear-gradient(#f59d15,#f0811a);
	border: 1px solid #f0811a;
	font-family: Oswald;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: white;
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.btn-add-cart-disabled {
	padding: 3px 10px;
	cursor: not-allowed;
	background: linear-gradient(#eee,#bbb);
	border: 1px solid #bbb;
	font-family: Oswald;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #888888;
	position: absolute;
	bottom: 15px;
	right: 15px;
}


/* HR-split */

.hr-text {
	padding: 0;
	margin: 0;
	line-height: 2.5em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 2.5em;
	opacity: .5;
}


	.hr-text::before {
		content: '';
		background: linear-gradient(to right, transparent, #818078, transparent);
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		height: 1px;
	}

	.hr-text::after {
		content: attr(data-content);
		position: relative;
		display: inline-block;
		padding: 0 .5em;
		line-height: 1.5em;
		color: #818078;
		background-color: #fcfcfa;
	}




/*  Side menu - FOR DEVELOPMENT SHORTCUTS ONLY, NOT PART OF DESIGN */

.sketch-sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
}

.sketch-sidenav A {
	color: white;
	display: block;
}

.sketch-sidenav .close-menu {
	position: absolute;
	top: -15px;
	right: 25px;
	display: block
}

.sketch-menu-trigger {
    position: absolute;
    top: 5px;
    left: 10px;
    font-size: 20px;
	z-index: 1;
}


/* MER Customer ELEMENTS */

.card-customer-info, .card-customer-info-alt {
	border-radius: 10px;
	border: 1px solid #d0ecb3;
}


/* Radio HTML Switch Toogle */

.toggles *,.toggles *:before, .toggles *:after{
box-sizing:border-box;
margin:0;
padding:0;
/*transition*/
-webkit-transition:.25s ease-in-out;
   -moz-transition:.25s ease-in-out;
     -o-transition:.25s ease-in-out;
        transition:.25s ease-in-out;
outline:none;
}
.toggles {
width:60px;
margin: 0px auto;
text-align:center;
}
.ios-toggle,.ios-toggle:active{
position:absolute;
height:0;
width:0;
opacity:0;
border:none;
outline:none;
}
.checkbox-label{
display:block;
position:relative;
padding:10px;
margin-top: 10px;
margin-bottom:5px;
font-size:16px;
line-height:20px;
width:100%;
height:36px;
/*border-radius*/
-webkit-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;
background-color: #c30808;
cursor:pointer;
}
.checkbox-label:before{
content:'';
display:block;
position:absolute;
z-index:1;
line-height:34px;
text-indent:40px;
height:36px;
width:36px;
/*border-radius*/
-webkit-border-radius:100%;
   -moz-border-radius:100%;
        border-radius:100%;
top:0px;
left:0px;
right:auto;
background:white;
/*box-shadow*/
-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
   -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
        box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}
.checkbox-label:after{
content:attr(data-off);
display:block;
position:absolute;
z-index:0;
top:0;
left:-300px;
padding:10px;
height:100%;
width:300px;
text-align:right;
color:#444;
white-space:nowrap;
}
.ios-toggle:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
   -moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
.ios-toggle:checked + .checkbox-label:before{
left:calc(100% - 36px);
/*box-shadow*/
-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
   -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
        box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}
.ios-toggle:checked + .checkbox-label:after{
content:attr(data-on);
left:60px;
width:36px;
}
/* GREEN CHECKBOX */

.chk-green + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 0px #008000,0 0 0 2px #dddddd;
   -moz-box-shadow:inset 0 0 0 0px #008000,0 0 0 2px #dddddd;
        box-shadow:inset 0 0 0 0px #008000,0 0 0 2px #dddddd;
}
.chk-green:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 18px #008000,0 0 0 2px #008000;
   -moz-box-shadow:inset 0 0 0 18px #008000,0 0 0 2px #008000;
        box-shadow:inset 0 0 0 18px #008000,0 0 0 2px #008000;
}
.chk-green:checked + .checkbox-label:after{
color: #008000;
}
/* RED CHECKBOX */

.chk-red + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
   -moz-box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
        box-shadow:inset 0 0 0 0px #f35f42,0 0 0 2px #dddddd;
}
.chk-red:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
   -moz-box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
        box-shadow:inset 0 0 0 20px #f35f42,0 0 0 2px #f35f42;
}
.chk-red:checked + .checkbox-label:after{
color:#f35f42;
}



/* eCRM Terms */

.card-customer-info, .card-customer-info-alt {
	overflow: hidden;
}

.card-overlay-hidden {
	position: absolute;
	top: 2%;
	left: 97%;
	z-index: 2;
	height: 96%;
	width: 100%;
	border: #eee 3px solid;
	border-radius: 10px;
	background: white;
}

.card-overlay-btn {
	display: block;
	position: absolute;
	top: -2%;
	left: 94%;
	z-index: 5;
	height: 104%;
	width: 10%;
	border: #d0ecb3 1px solid;
	border-radius: 10px;
	background: #205e3b;
}

.inactive-btn {
	border: 1px solid #444444;
	cursor: default !important;
}

.card-icon {
	float: right;
	display: inline-block;
	margin: 0px -50px 0px 0px;
	height: 150px;
	width: 150px;
	z-index: 6;
}

.card-icon-set {
	float: right;
	display: inline-block;
	margin: -40px -50px 0px 0px;
	height: 170px;
	width: 150px;
	z-index: 6;
}

/* .card-icon-text {
	display: block;
	position: relative;
	top: 50px;
	left: 5px;
	width: 90%;
	
	background: #333;
	padding: 3px 3px 3px 0px;
	font-family: Oswald;
	font-size: 11px;
	color: white;
	z-index: 6;
	
} */

.card-icon-notice {
	display: inline-block;
	position: relative;
	top: 50px;
	left: 40%;
	width: 40px;
	z-index: 7;
	
}

.card-icon-notice-alt {
	display: inline-block;
	position: relative;
	top: 40px;
	left: 45%;
	width: 35px;
	z-index: 7;
	
}

.card-icon-text {
	position: relative;
	top: -30px;
	left: 7px;
	width: 110px;
	z-index: 9;
	
	padding: 3px;
	background: #333;
	/*border-radius*/
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
	
	font-family: Oswald;
	font-size: 12px;
	color: white;
	text-align: center;
	letter-spacing: 1px;
}

.card-overlay-btn-alt {
	display: block;
	position: absolute;
	top: 10%;
	left: 80%;
	z-index: 5;
}

.card-overlay-btn-alt-text {
	display: block;
	position: absolute;
	top: 50%;
	left: 78%;
	z-index: 6;
	width: 180px;
	text-align: center;
}

.card-overlay-btn .lure {
	position: absolute;
	top: 40%;
	left: -8px;
	z-index: 4;
}

.overlay-giftbox-locked {
	width: 120px;
	height: 120px;
}

.overlay-giftbox-unlocked {
	width: 120px;
	height: 120px;
}

.card-overlay-btn .unlock {
	position: absolute;
	top: 43%;
	left: -60px;
	z-index: 5;
	
	width: 145px;
	font-size: 14px;
	color: white;
	letter-spacing: 1px;
	
	-webkit-transform: rotate(-90deg); /* Safari */
	-moz-transform: rotate(-90deg); /* Firefox */
	-ms-transform: rotate(-90deg); /* IE */
	-o-transform: rotate(-90deg); /* Opera */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
}

.card-overlay {
	position: absolute;
	top: -2%;
	left: -3%;
	z-index: 10;
	height: 104%;
	width: 105%;
	border: #d0ecb3 1px solid;
	border-radius: 10px;
	background: #e9f5e3;
	
	padding: 10px;
}

.system-checkmark {
	width: 35px;
	height: 35px;
	border: 2px solid transparent;
	border-radius: 100%;
	background-color: #218838;
	position: relative;
	left: 40%;
}


.system-checkmark:after {
	width: 60%;
	height: 30%;
	content: '';
	position: absolute;
	border-left: 4.5px solid;
	border-bottom: 4.5px solid;
	border-color: #fff;
	transform: rotate(-45deg) translate3d(0, 0, 0);
	left: 0;
	right: 0;
	bottom: 40%;
	margin: auto;
}

.error__field {
	width: 100%;
    background: #FFF;
    text-align: center;
    padding: 20px;
    color: #c30808;
	font-size: 18px;
	display: none;
}

.error {
	border-left: 5px solid #c30808;
}

.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
	-webkit-animation-duration: 0s !important;
	-moz-animation-duration: 0s !important;
	-o-animation-duration: 0s !important;
	animation-duration: 0s !important;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


/* MENU styles */

.top-menu-header {
	background: #008000;
	height: 50px;
}
@media only screen and (max-width: 991px) {
	div.email.active {
		height: 280px;
	}
	div.sms.active {
		height: 280px;
	}
}
@media only screen and (max-width: 575px) {
	div.email.active {
		height: auto;
	}
	div.sms.active {
		height: auto;
	}
}
@media only screen and (max-width: 448px) {
	div.email.active {
		height: 250px;
	}
}
@media only screen and (max-width: 442px) {
	div.sms.active {
		height: 245px;
	}
}
@media only screen and (max-width: 397px) {
	div.email.active {
		height: 290px;
	}
	div.sms.active {
		height: 270px;
	}
}
@media only screen and (max-width: 347px) {
	div.sms.active {
		height: 300px;
	}
}
@media only screen and (max-width: 337px) {
	div.email.active {
		height: 320px;
	}
}
.btn[disabled] {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	box-shadow: none;
	opacity: .65;
}