/**
style.css
*/

@import url("common.css");




/*  */
/*
body {
	font-family: 'Open sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 300; }
.h1.bold, .h2.bold, .h3.bold, .h4.bold, .h5.bold, .h6.bold { font-weight: bold; }
*/

.container-main {
	margin-bottom: 20px;
}

/*
.api-main-content { 
	padding: 5px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}
*/

.container-widget { 
	padding: 5px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

/*header {
	background-color: #fff;
}*/

#container-menu-placeholder { height: 52px; margin-bottom: 5px; display: none; }
#container-menu { 
	margin-bottom: 5px;
/* 	position: fixed;  */
/* 	max-height: 55px; */
}
#container-menu.affix {
	z-index: 5;
	width: 100%;
}

/* #container-menu.affix + #container-menu-placeholder { height: 52px; margin-bottom: 5px;  } */

@media (min-width: 768px) {
	.container-menu.navbar .navbar-collapse { 
		/*margin-left: -15px;
	    margin-right: -15px;*/
	    padding:0;
	}
}


/*
#container-menu .nav.navbar-nav.navbar-cart.affix {
	position: fixed;
	padding-right: 20px; 
	top: 0; right: 0;
	
	z-index: 5;
	background-image: -webkit-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: -o-linear-gradient(top,#3c3c3c 0,#222 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));
    background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    
    background-color: #222;
	border-color: #080808;
	border: 1px solid transparent;
}

#container-menu .nav.navbar-nav.navbar-xs.affix {
	left: 0px;
	right: auto;
	padding: 5px 0 5px 10px;
	margin-top: 0px;
	height: 48px;
}
*/

/* #container-menu { min-height: 50px; } */
#container-menu .navbar-header .navbar-brand { padding: 0px 15px; }
#container-menu .navbar-header .navbar-brand img { height: 50px; } /* todo: må kunne tilpasses themes */

@media (min-width: 768px) and (max-width: 991px){
	#container-menu .navbar-nav > li > a {
		padding: 15px 5px;
	}
}
/*@media (min-width: 992px) {
	#container-menu .navbar-nav > li > a {
		padding: 15px 10px;
	}
}*/

/*
@media (max-width: 767px) {
	#container-menu.cart-enabled .navbar-header .navbar-brand {
		margin-left: 40px;
	}
}
*/

/*#container-menu.navbar { min-height: 40px; }
#container-menu.navbar-inverse .navbar-nav > li > a { color: #ddd; }
#container-menu.navbar-inverse .navbar-nav > li > a:hover { color: #fff; }
@media (min-width: 768px) {
	#container-menu.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}*/



.container-main.container .main-content {
	min-height: 150px;
}

.footer {
	
}
.footer .col-right { text-align: right; }
@media (max-width: 767px) {
	.footer .col-right { text-align: left; }
}


/* Translator */
a.translateLink {
	color: red !important;
	font-size: 9px !important;
}
a.translateLink:hover {
	background-color: black;
	color: white;
}
#translateModal textarea.trMessage {
	height: 120px;
}





/* Misc */
.page-help-button { font-size: 200%; }
.page-help-group { display: none; }

/* orderDialog: pagination-status */

.pagination-status .pagination ul li span {
	background-color: #f5f5f5;
	color: #999;
}
.pagination-status .pagination ul li.active span { 
	/*background-color: green; color: white; */
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
}
.pagination-status .pagination { margin: 0 0 10px 0; }

/* */
.popover.clickover { max-width: none; }

.google-maps-div img { max-width: none; }

/* order status */
.status-reservation 	{ background-color: yellow !important; 					}
.status-waiting-list 	{ background-color: lightgreen !important; 				}
.status-definitive 		{ background-color: green !important; 	color: white; 	}
.status-cancelled 		{ background-color: red !important; 	color: white; 	}
.status-long-term 		{ background-color: blue !important; 	color: white; 	}
.status-provider 		{ background-color: purple !important; 	color: white; 	}
.status-availability 	{ background-color: #dddddd !important; 				}



/* popover-menu */
body > .popover-menu { left: 5px !important; right: 5px; }
body > .popover-menu > .arrow { left: auto !important; right: 20px; }
body > .popover-menu > .popover-content {	color: black; }
body > .popover-menu > .popover-content .nav > li.active > a { background-color: transparent; color: #428BCA; }
body > .popover-menu > .popover-content .nav.nav-stacked > li > a { padding: 5px 5px; }

/* popover-nit */
/* .popover-nit { left: 5px !important; right: 5px; } */
/* .popover-nit > .arrow { left: auto !important; right: 20px; } */



/* popover-cart */
.popover-cart { width: 600px; max-width: none; position: fixed; }
.popover-cart > .popover-content { color: black; }
.popover-cart > .popover-content .remove-cart-item-link { font-size: 10px; padding: 0px 2px; }


@media (max-width: 599px) {
	.popover-cart { width: 100%; }
}



/* */

/* Responsive CSS */
@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 991px) {

	
}

@media (max-width: 767px) {
	.table-responsive > .table > thead > tr > th.wrap, 
	.table-responsive > .table > tbody > tr > th.wrap, 
	.table-responsive > .table > tfoot > tr > th.wrap, 
	.table-responsive > .table > thead > tr > td.wrap, 
	.table-responsive > .table > tbody > tr > td.wrap, 
	.table-responsive > .table > tfoot > tr > td.wrap {
		white-space: normal;
	}
}




/* fra common.css */

.jpErrorSpan { color:red; }

span.highlight { /* kode fra Bootstrap label */
	display: inline-block;
	padding: 2px 4px;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #3a87ad;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}




.row.row-update > .col-update {

    -webkit-transition: all 0.7s ease-out;
       -moz-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
         -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
}



/* */
.keyValueDiv { }
.keyValueDiv > .kvdk { font-size: 10px;	margin-top: 5px;}
.keyValueDiv > .kvdv { }
.keyValueDiv > .kvdk:first-child { margin-top: 0; }

/* nav-div */
.nav-div {
	margin: 1px 0;
	clear: both;
}
.nav-div > .row-fluid > [class*="span"] { min-height: auto; }
.nav-div .nav-info {
	height: 22px;
	line-height: 22px;
}
.nav-div .nav-select-label {
	height: 22px;
	line-height: 22px;
}
.nav-div select {
	width: auto;
	padding: 2px 2px;
	margin-bottom: 0px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
}


/* Bootstrap */

.col-center-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


.table td.text-right, .table th.text-right { text-align: right; }
.table td.text-center, .table th.text-center { text-align: center; }
.table td.vam, .table th.vam { vertical-align: middle; }

/* media v3.2 */
.media-32,
.media-32-body {
  overflow: hidden;
  zoom: 1;
}
.media-32,
.media-32 .media-32 {
  margin-top: 15px;
}
.media-32:first-child {
  margin-top: 0;
}
.media-32-object {
  display: block;
}
.media-32-heading {
  margin: 0 0 5px;
}
.media-32 > .pull-left {
  margin-right: 10px;
}
.media-32 > .pull-right {
  margin-left: 10px;
}




table .thumbnail { margin-bottom: 0; }

.shadow {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.shadow-sm {
	-webkit-box-shadow: 0 5px 7px rgba(0,0,0,.5);
	box-shadow: 0 5px 7px rgba(0,0,0,.5);
}




/* loading */
#container-loading {
	z-index: 1070;
	position: fixed;
}
#container-loading .modal-dialog {
	margin-top: 20%;
}
#container-loading .progress {
	height: 45px;	
}
#container-loading .progress-bar {
	font-size: 30px;
	line-height: 45px;
}

.loading-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1060;
	background-color: #000;
}
.loading-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0);
}
.loading-backdrop.in {
	opacity: .5;
	filter: alpha(opacity=50);
}


/* modal */
.modal-backdrop, .modal-backdrop.fade.in { 
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.modal-content {

}

.modal .modal-body .modal-footer { padding: 19px 0 0 0; }
.modal .modal-body .modal-button-close { position: relative; top: -17px; right: -13px;  }
.modal .modal-body .modal-main-content .jpErrorDiv { margin-top: 0; }

.modal-full { width: auto; margin:30px 10px; }

@media (min-width: 768px) {
	.modal-sm { width: 400px; }
	.modal-xs { width: 200px; }
}

@media (min-width: 768px) and (max-width: 934px) {
	.modal-lg, .modal-xlg { width: auto; margin:30px 10px; }
}
@media (min-width: 935px) {
	.modal-lg, .modal-xlg { width: 900px; }
	
}

@media (min-width: 1220px) {
	.modal-xlg { width: 1200px; }
}



/* order product cart*/
@media (max-width: 767px) {
	.order-product-cart .cart-table th, .order-product-cart .cart-table td { padding: 2px }
	
}
/* .order-product-cart .cart-table select.form-control { width: 50px; } */


/* -------------------------------------------- */

/* */
span.twitter-typeahead { width: 100%; }
/*.tt-highlight { font-weight: bold; }*/

/* bootstrap */

label { font-weight: normal; }

.glyphicon-transparent { color: transparent; }


.nav-tabs { margin-bottom: 15px; }

/* .form-control.dib { display: inline-block; } */


.form-horizontal .form-group {
	margin-bottom: 5px;
}

.form-horizontal .pl0 { padding-left: 0; }

.input-group.date > input[disabled] {
	cursor: auto;
	background-color: white;
}
.input-group.date.disabled > input[disabled] {
	cursor: not-allowed;
	background-color: #EEEEEE;
}
.input-group.date.disabled > .input-group-addon { display: none; }

.input-group.date > input[disabled], .input-group.date > input[readOnly] {
	cursor: auto;
	background-color: white;
}



/* datepicker */
body > .datepicker { z-index: 1061 !important; } /* bug i chrome som ikke setter riktig z-index */

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	color: red !important;
}
.datepicker table tr td.occupiedDate, .datepicker table tr td.occupiedDate:hover {
	color: red !important;
	text-decoration: line-through;
}
.datepicker table tr td span.month.disabled, .datepicker table tr td span.month.disabled:hover,
.datepicker table tr td span.year.disabled, .datepicker table tr td span.year.disabled:hover {
	color: red !important;
}

.datepicker-dropdown.datepicker-dropdown-top:before {
	/*border-left: 0px solid transparent; 
	border-right: 0px solid transparent; */
	border-bottom: 0px solid #ccc;
	
	border-top: 7px solid #ccc;
	border-top-color: rgba(0, 0, 0, 0.2);
	bottom: -7px;
	top: auto;
}
.datepicker-dropdown.datepicker-dropdown-top:after {
	border-bottom: 0px solid #ffffff;
	
	border-top: 6px solid #ffffff;
	bottom: -6px;
	top: auto;
}




.errors-tag-div ul { margin-bottom: 0; }


.success-style {
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
}



.table.table-xcondensed > thead > tr > th, .table.table-xcondensed > tbody > tr > td { padding: 0px 1px; }

/* product-key-properties */
.product-key-properties.form-horizontal .form-group { margin-bottom: 0px; }
.product-key-properties.form-horizontal .form-group .control-label { text-align: left; }
.product-key-properties.form-horizontal .form-group .control-label, 
.product-key-properties.form-horizontal .form-group .form-control-static { padding-top: 0px; }
.product-key-properties.form-horizontal .form-group .form-control-static { font-weight: bold; }

.key-value-form.form-horizontal .form-group { margin-bottom: 0px; }
.key-value-form.form-horizontal .form-group .control-label { text-align: left; }
.key-value-form.form-horizontal .form-group .control-label, 
.key-value-form.form-horizontal .form-group .form-control-static { padding-top: 0px; }
.key-value-form.form-horizontal .form-group .form-control-static { font-weight: bold; }








/* Responsive CSS */

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	
}

@media (max-width: 767px) {
	
	
}


/* ux-edit */
.ux-edit.uxe-editable { 
	border: 1px solid rgba(0,0,0,0.25);
	border-style:dashed;
}
.ux-edit.uxe-editable:hover {
		
    cursor: pointer;
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.5);
    border-style:dashed;
} 

textarea.ux-edit.uxe-editable.uxe-code {
	font-family: Menlo,Monaco,monospace,sans-serif;
}
			


/* fuelux */
.fuelux .spinbox { width: 60px; } /*.table td */


/* FancyBox */
#fancybox-wrap, #fancybox-wrap:before, #fancybox-wrap:after, #fancybox-wrap *, #fancybox-wrap *:before, #fancybox-wrap *:after {
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}



/* Colors */
.bgc-y, 	.bgc-yellow 		{ background-color: #FFDE17; } 	/* Gul */
.bgc-yo, 	.bgc-yellow-orange 	{ background-color: #F9A61C; } 	/* Gul-Orange */
.bgc-o, 	.bgc-orange 		{ background-color: #F68121; } 	/* Orange */
.bgc-or, 	.bgc-orange-red 	{ background-color: #EE3E3E; } 	/* Orange-Rød */
.bgc-r, 	.bgc-red 			{ background-color: #ED1C24; } 	/* Rød */
.bgc-rp, 	.bgc-red-purple 	{ background-color: #A3248F; } 	/* Rød-Lilla */
.bgc-p, 	.bgc-purple 		{ background-color: #5C2E91; } 	/* Lilla */
.bgc-pb, 	.bgc-purple-blue 	{ background-color: #21409B; } 	/* Lilla-Blå */
.bgc-b, 	.bgc-blue 			{ background-color: #0166B4; } 	/* Blå */
.bgc-bg, 	.bgc-blue-green 	{ background-color: #01AAAD; } 	/* Blå-Grønn */
.bgc-g, 	.bgc-green 			{ background-color: #00A560; } 	/* Grønn */
.bgc-gy, 	.bgc-green-yellow 	{ background-color: #70BE44; } 	/* Grønn-Gul */


.bgc-gray-10 { background-color: hsl(0, 0%, 10%); }
.bgc-gray-20 { background-color: hsl(0, 0%, 20%); }
.bgc-gray-30 { background-color: hsl(0, 0%, 30%); }
.bgc-gray-40 { background-color: hsl(0, 0%, 40%); }
.bgc-gray-50 { background-color: hsl(0, 0%, 50%); }
.bgc-gray-60 { background-color: hsl(0, 0%, 60%); }
.bgc-gray-70 { background-color: hsl(0, 0%, 70%); }
.bgc-gray-80 { background-color: hsl(0, 0%, 80%); }
.bgc-gray-90 { background-color: hsl(0, 0%, 90%); }
.bgc-gray-95 { background-color: hsl(0, 0%, 95%); }

.bgc-white { background-color: white; }
.bgc-gray { background-color: gray; } 
.bgc-black { background-color: black; }

/* fg */
.fgc-y, 	.fgc-yellow 		{ color: #FFDE17; } 	/* Gul */
.fgc-yo, 	.fgc-yellow-orange 	{ color: #F9A61C; } 	/* Gul-Orange */
.fgc-o, 	.fgc-orange 		{ color: #F68121; } 	/* Orange */
.fgc-or, 	.fgc-orange-red 	{ color: #EE3E3E; } 	/* Orange-Rød */
.fgc-r, 	.fgc-red 			{ color: #ED1C24; } 	/* Rød */
.fgc-rp, 	.fgc-red-purple 	{ color: #A3248F; } 	/* Rød-Lilla */
.fgc-p, 	.fgc-purple 		{ color: #5C2E91; } 	/* Lilla */
.fgc-pb, 	.fgc-purple-blue 	{ color: #21409B; } 	/* Lilla-Blå */
.fgc-b, 	.fgc-blue 			{ color: #0166B4; } 	/* Blå */
.fgc-bg, 	.fgc-blue-green 	{ color: #01AAAD; } 	/* Blå-Grønn */
.fgc-g, 	.fgc-green 			{ color: #00A560; } 	/* Grønn */
.fgc-gy, 	.fgc-green-yellow 	{ color: #70BE44; } 	/* Grønn-Gul */

.fgc-gray-10 { color: hsl(0, 0%, 10%); }
.fgc-gray-20 { color: hsl(0, 0%, 20%); }
.fgc-gray-30 { color: hsl(0, 0%, 30%); }
.fgc-gray-40 { color: hsl(0, 0%, 40%); }
.fgc-gray-50 { color: hsl(0, 0%, 50%); }
.fgc-gray-60 { color: hsl(0, 0%, 60%); }
.fgc-gray-70 { color: hsl(0, 0%, 70%); }
.fgc-gray-80 { color: hsl(0, 0%, 80%); }
.fgc-gray-90 { color: hsl(0, 0%, 90%); }
.fgc-gray-95 { color: hsl(0, 0%, 95%); }

.fgc-white { color: white; }
.fgc-gray { color: gray; } 
.fgc-black { color: black; }


/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
	margin: 20px 0;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
}
.bs-callout h1,
.bs-callout h2,
.bs-callout h3,
.bs-callout h4,
.bs-callout h5,
.bs-callout h6 {
	margin-top: 0;
}

.bs-callout-danger h1,
.bs-callout-danger h2,
.bs-callout-danger h3,
.bs-callout-danger h4,
.bs-callout-danger h5,
.bs-callout-danger h6 {
	color: #B94A48;
}

.bs-callout-warning h1,
.bs-callout-warning h2,
.bs-callout-warning h3,
.bs-callout-warning h4,
.bs-callout-warning h5,
.bs-callout-warning h6 {
	color: #C09853;
}

.bs-callout-info h1,
.bs-callout-info h2,
.bs-callout-info h3,
.bs-callout-info h4,
.bs-callout-info h5,
.bs-callout-info h6 {
	color: #3A87AD;
}

.bs-callout-success h1,
.bs-callout-success h2,
.bs-callout-success h3,
.bs-callout-success h4,
.bs-callout-success h5,
.bs-callout-success h6 {
	color: #3C763D;
}

.bs-callout p:last-child {
	margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
	background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
	background-color: #fcf2f2;
	border-color: #dFb5b4;
}
.bs-callout-warning {
	background-color: #fefbed;
	border-color: #f1e7bc;
}
.bs-callout-info {
	background-color: #f0f7fd;
	border-color: #d0e3f0;
}
.bs-callout-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.bs-callout.m0 { margin: 0; }