﻿header {
    background-color: #0b428e;
    border-bottom-color: #0b428e;
}
img#imgLogo {
    height: 130px;
	margin-left: 20px
	
}
.empty .cart-header {
    background-color: #0b428e;
    width: 80px;
}
.cart-header {
    background-color: #0b428e;
}
.header-icons, .header-icons a {
    color: #ffffff;
}
.scrolled .logo {
    background-color: #0b428e;
}
/*.nav-menu li a {
    color: #f3f4f5;
}*/
.cart-header::before {
    color: #fff;
}
.nav-menu,
.nav-menu li a {
    color: #fff;
}
.nav-tree .level1:hover:nth-child(2){
    box-sizing: border-box;
    background-color: rgb(221, 169, 3)!important;
}
.nav-tree .level1:hover:nth-child(3){
    box-sizing: border-box;
    background-color: rgb(233, 75, 87)!important;
}
.nav-tree .level1:hover:nth-child(4){
    box-sizing: border-box;
    background-color: rgb(42, 70, 52)!important;
}
.nav-tree .level1:hover:nth-child(5){
    box-sizing: border-box;
    background-color: rgb(240, 129, 0)!important;
}
.nav-tree .level1:hover:nth-child(6){
    box-sizing: border-box;
    background-color: rgb(0, 140, 127)!important;
}
.nav-tree .level1:hover:nth-child(7){
    box-sizing: border-box;
    background-color: rgb(0, 142, 208)!important;
}

/* temp fix för chrome */
@media screen and (min-width: 951px) {
    .nav-tree .level1 li {
        display: flex !important;
        flex-direction: column;
    }
}


/*Dölj fax på kontakt formulär */
#MainContent_txtFax {
  display: none;
}


/* Navigeringstr�d */
.nav-tree .level1 > ul {
    background-color: #0B428E;
}    

#Tree {
    background-color:#0B428E;
}


.nav-tree .level1 > ul {
    /*width: auto; */
    width:max-content;
}

.btn-buy:hover, .btn-buy:focus, .btn-tocheckout:hover, .btn-tocheckout:focus, .btn-sendorder:hover, .btn-sendorder:focus, .btn-complete:hover, .btn-complete:focus, .buttonColumn input:hover, .buttonColumn input:focus {
	background-color:#ccc;
	border-color: #aaa;
	color: #333;
}

.cart-footer .totalinfo {
    background-color: #0B428E;
    color: #fff;
 }


.cross-header {
    color: #0B428E !important;
}
.btn-buy, .btn-tocheckout, .btn-sendorder, .btn-complete, .buttonColumn input {
    background-color: #ddd;
    border-color:#bbb;
	border-radius:3px;
    color: #333;
}
.cross-text:after{
	content: 'Vi rekommenderar';
	visibility:visible;
	display:block;
	color: #0B428E !important;
	font-size: 1.1em;
}
.cross-text{
	visibility:hidden;
}
.totalbox {
    background-color:#d1deed;
	color:#333;
}
.level1 li a {
	color:#ccc;
}
.level1 li:nth-child(2) a:hover, a:active{
    border-style: solid;
    border: 2px red;
    border-radius: 5px;
}
.level1 li a:hover, a:active {
	color:rgb(0, 0, 0);
}
.nav-menu li > ul{
	background-color:rgba(11,66,141,1);
}
.nav-menu li > ul a:hover{
	background-color:rgba(11,66,141,1);
}
#CheckoutDelivery:hover #MainContent_Delivery_pnlDeliveryOptions{
	display:inline-flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	height:400px;
	overflow:auto;
}
#MainContent_Delivery_pnlDeliveryOptions{
	display:none;
}
#CheckoutDelivery:hover{
	cursor:pointer;
}
@media only screen and (max-width: 600px) {
  .productContainer > .inner, .productContainer .info-wrapper {

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
	flex-direction:column;

}
}
@media screen and (min-width: 800px) {
  .specs .table {

    width: 25%;

}
}


@keyframes slidy{
    0%{left:0%;}
    16%{left:0%;}
    21%{left:-100%;}
    37%{left:-100%;}
    42%{left:-200%;}
    58%{left:-200%;}
    63%{left:-300%;}
    79%{left:-300%;}
    84%{left:-400%;}
    100%{left:-400%;}
} 

body { margin: 0; } 
div#slider { overflow: hidden; } 
div#slider figure img { width: 20%; float: left; } 
div#slider figure { 
 position: relative; 
 width: 500%;  
 margin: 0; 
 left: 0; 
 text-align: left; 
 font-size: 0; 
 animation: 40s slidy linear infinite;
 animation-direction: alternate-reverse; 
}
.fw-drawer li.level1:last-child{
    animation:glowing 1500ms infinite;
}
/*@keyframes glowing{
    0%{
        background-color: #B20000; box-shadow: 0 0 3px #B20000;
    }
    50%{
        background-color: #FF0000; box-shadow: 0 0 40px #FF0000; 
    }
    100%{
        background-color: #B20000; box-shadow: 0 0 3px #B20000; 
    }
}*/

/* MN Fix för navträdsbilder */
.groupview-wrapper .item a {
	justify-content: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: grid; 
	display: -webkit-grid;
	-webkit-box-orient: vertical; 
	-webkit-box-direction: normal; 
	-webkit-flex-direction: column; 
	-ms-flex-direction: column;
	flex-direction: column; 
	height: 100%; 
	position: relative; 
}

/* Ta bort alternativ på faktura översikten 
#radioUnpaid { display: none; }
#radioUnpaid + label { display: none; }
#radioAllInvoices { display: none; }
#radioAllInvoices + label { display: none; }*/

/* Justerat så zoom funktioner på produktsida använder zoom lins */
/* ~ Dagh Bunnstad, Dizparc Rationell IT */
/*
.zoomWindow {
    left: calc(50% - 200px) !important;
    top: calc(50% - 200px) !important;
}
.zoomWindowContainer {
    pointer-events: none;
}
.zoomWindowContainer {
	height: 100% !important;
	width: 100% !important;
}
.zoomLens {
    border-radius: 50%;
    border: 2px solid grey !important;
	opacity: 1 !important;
	left: 0;
}
*/
body:not(.zoom-enabled) .zoomContainer {
  display: none;
}
/* Slut zoom lins */

