@CHARSET "utf8";

@media print {
    a[href]::after {
        content: none !important;
    }
	.no-print, .no-print * {
        display: none !important;
    }
}

input[type="checkbox"].form-control{
	width:35px !important;
}
.right{
	text-align:right;
}
.btn-inactive{
	opacity: .85;
}

.glyphicon-info-sign{
	color:rgb(160, 160, 8);
}
.glyphicon-ok-sign{
	color:green;
}
.glyphicon-exclamation-sign{
	color:red;
}
div.balance{
	float:right;
	margin:10px;
}
.balance{
	font-size:13px;
	color:#fff;
	text-align:right;
}
div.search{
	float:right;
	margin:10px;
	width:300px;
	margin-bottom:0;
}
div.search #search_query{
	height:35px;
}
.mb-3 {
	margin-bottom: 15px;
}
.mt-3 {
	margin-top: 15px;
}
.my-3 {
	margin-top: 15px;
	margin-bottom: 15px;
}
@media all and (max-width: 1000px) {
	.remove_under_1000px{
		display:none;
	}
	div.balance{
		float:left;
	}
	.balance{
		text-align:left;
	}
}
@media all and (max-width: 700px) {
	.navbar-fixed-top{
		position:absolute;
	}
	div.balance{
		display:none;
	}


}

.wsyDominionMenu .dropdown-menu.open{
	left:inherit;
	right:0;
}
@media screen and (max-width: 768px){
	.wsyDominionMenu .dropdown-menu.open{
		max-width: 100%;
	}
}
.wsyDominionMenu{
	margin-top:10px;
}
.wsyDominionMenu .btn{
	font-size:18px;
}
.wsyDominionMenu select.selectpicker {
    width: 220px;
    height:41px;
}
.balance:hover{
	color:#fff;
	text-decoration:underlined;
}
/* Bootstrap anbefalinger */ 
body { padding-top: 152px; }
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/* Hacks */
.input-group-addon{
	padding: 5px 12px;
}
.modal {
    overflow-y:auto;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  padding: 0 15px;
}
.container .text-muted {
  margin: 20px 0;
}


@media print
{    
    .no_print, .btn
    {
        display: none !important;
    }
}

/* Login side
-------------------------------------------------- */
.login_header {text-align:center; font-size:30px;}
.login_p {text-align:center;font-size:22px;}

.grid_wrapper {
        display: grid;
    grid-gap: 3%;
        grid-template-columns: 25%;
        grid-template-areas:
		"logo1 logo2 logo3 logo4";
	
    }
	
	.logo1 {grid-area:logo1;}
	.logo2 {grid-area:logo2;}
	.logo3 {grid-area:logo3;}
	.logo4 {grid-area:logo4;}
	.logo5 {grid-area:logo5;}
	.logo6 {grid-area:logo6;}
	.logo7 {grid-area:logo7;}
	.logo8 {grid-area:logo8;}
	.logo9 {grid-area:logo9;}
	
	
		@media only screen and (max-width: 850px) { 
		.grid_wrapper {
			justify-content: space-evenly;
  justify-items: center;
  align-content: space-evenly;
  align-items: center;
        display: grid;
    grid-gap: 20px;
        grid-template-columns: 100%;
        grid-template-areas:
		"logo1" 
		"logo2" 
		"logo3"
        "logo4"
		"logo5" 
		"logo6"
		"logo7" 
		"logo8" 
		"logo9";
		}
		.login_logos {border-bottom:1px solid #ccc;max-width:350px;}
		}

.red{
	color:red;
}

/*Ny menu*/

.wsyTopProductMenu {  box-sizing: border-box; margin: 0 auto;  padding:10px; } 

.navigation ul,  .green-plus ul  {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
 }
 
 .navigation li,  .green-plus li {
	flex: 3;
	display:flex;    
 }
 
 .navigation .user {
	flex: 1;
 }



 .menu_btn_default {  
	color:#000;
	border:1px solid #ccc;  
	text-decoration: none;  
	background:#fff;  
	display: inline-block;
	width: 100%;  
	text-align: center; 
	padding:5px;
	flex: 1 0 auto;
 
}  

.menu_btn_default:hover {  
	background:#c5c5c5;  
	text-decoration: none;
	color:#000;
}
.menu_btn_primary {  
	color:#fff;
	border:1px solid #2e6da4;  
	text-decoration: none;  
	background:#337ab7;  
	display: inline-block;
	width: 100%;  
	text-align: center;
	padding:5px;  
	flex: 1 0 auto;

}  

.menu_btn_primary:hover, .menu_btn_warning:hover, .menu_btn_success:hover {color:#fff;opacity:0.9;text-decoration:none;}
.menu_btn_success {  
	color:#fff;
	border:1px solid #4cae4c;  
	text-decoration: none;  
	background:#449d44;  
	display: inline-block;
	width: 100%;  
	text-align: center;
	padding:5px;  
	flex: 1 0 auto;

}  
.menu_btn_warning {  
	color:#fff;  
	border:1px solid #d58512;
	text-decoration: none;  
	background:#ec971f;  
	display: inline-block;
	width: 100%;  
	text-align: center;
	padding:5px;  
	flex: 1 0 auto;
}  

  
.hamburger {
    display: none;
}

.bar {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
}

 @media all and (max-width: 1000px) {

	.wsyTopProductMenu {
        position: fixed;
        left: -150%;
        top: 13rem;
        flex-wrap: wrap;
        width: 100vw;
		background-color:#000;
       padding:2px;
	   display:flex;
    }

    .wsyTopProductMenu.active{
        left: 0;
    }
	.hamburger {
        display: block;
        cursor: pointer;
		float:right;
		padding-right:10px;
    }
	.navigation {width:100vw;}

	.navigation ul {
	   flex-wrap: wrap;
	}
	
	.navigation li {
	   flex: 1 1 50%;
	}
 
	.navigation .user {
	   flex: 1 1 33.33%;
	}
 }
 
 @media all and (max-width: 480px) {
	.navigation li {
	   flex-basis: 100%;
	}
 
	.navigation .user {
	   flex-basis: 50%;
	}

	
 }

 @media only screen and (max-width: 768px) {
    .wsyTopProductMenu {
        position: fixed;
        left: -150%;
        top: 13rem;
        flex-wrap: wrap;
        width: 100vw;
		background-color:#000;
       padding:2px;
	   display:flex;
    }

    .wsyTopProductMenu.active{
        left: 0;
    }
	.navigation {
	border-bottom:2px solid #000;

	}

	.navigation li {
		flex-basis: 100%;
	 }
  
	 .navigation .user {
		flex-basis: 50%;
	 }
   

	.hamburger.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamburger.active .bar:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .hamburger.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

	
	
}