body/*
###########################
GENERELT
###########################
*/

html, body, div, p, table, tr, td:not(.nocolor), th:not(.nocolor), tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav, .standardtext {
    font-family: Helvetica, sans-serif;
    line-height: 1.714em;
    font-weight: 400;
    -webkit-font-smoothing: subpixel-antialiased;
}

 @media print {
    html, body, div, p, table, tr, td:not(.nocolor), th:not(.nocolor), tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav, .standardtext {
        line-height: normal;
   }
}
 

html, body, div, p, table, tr:not(.nocolor), td:not(.nocolor), th:not(.nocolor), tbody, tfoot, ul, li, ol, dl, dd, dt, fieldset, blockquote, cite, input, select, textarea, button, a, section, article, aside, header, footer, nav, .standardtext {
    color: #000;
}

html,
body {
    /*height: 100%; er vi afhængige af denne? JBD */
    background-color:#f3f3f3;
}

input[type="checkbox"]:checked ~ label {
    color: green;
}
.pointerauto{
    pointer-events: auto;
}

.pointernone{
    pointer-events: none;
}

 

.checkin{
    background-color:#d9edf6;
}
 
@media print {
 .container, .container-fluid {
    width: auto;
    display: block!important;
 }
}
 
#doublescroll
{
  overflow-x: auto;
}
#doublescroll p
{
  margin: 0; 
  padding: 10px; 
  white-space: nowrap; 
}
 
.disabledTab{
    pointer-events: none;
}

.unclickable{
    pointer-events: none;
}


.text-blue {
    color: #0033ff;
}

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

.vr {
  	display:inline;
  	height:100%;
  	width:1px;
  	border:1px inset;
  	margin:5px;
}

.bgcolor-white {
	background-color: #FFF;
}


/* Tilføjes parent til inline-elementer der har bøvl med ekstra spacing. Husk at det kan være nødvendigt at sætte font-size på under elementerne */
.whitespacefix {
	font-size: 0;
}

.hv32 {
	/*Hvorfor?? JBD*/
    /*font-size: 3.2vh;*/
    /*font-weight: 300;*/
}

h1 {
    font-size: 2.7em;
    font-weight: 300;
}

@media only screen and (max-width: 1136px) {
    h1 {
        font-size: 1.85em;
        font-weight: 400;
    }
}

@media only screen and (max-width: 768px) {
    h1 {
        font-size: 1.8em;
        font-weight: 500;
    }
}


h2 {
    font-size: 1.714em;
    font-weight: 500;
}
h3 {
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 1em;
}
h4 {
    font-size: 1.429em;
}
h5 {
    font-size: 1.286em;
    font-weight: 500;
}
h6 {
    font-size: 1.143em;
    font-weight: 500;
}

h1.nostyle, h2.nostyle, h3.nostyle, h4.nostyle, h5.nostyle, h6.nostyle {
	font-size:inherit;
	font-weight:inherit;
	margin:inherit;
	line-height:inherit;
}
a, a:hover, a:focus, .link, .link2, .sproglink {
    text-decoration: none;
    cursor: pointer;
}

.overflow-wrap-on {
	overflow-wrap: normal;
	overflow-wrap: break-word;
}

td.link {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.inactivepage {
   pointer-events: none;
   cursor: default;
   opacity:0.7;
}

.opacity03 {
   opacity:0.3;
}

.opacity05 {
   opacity:0.5;
}

.opacity07 {
   opacity:0.7;
}

.fontweight400{
	font-weight: 400;
}

:focus, :active, a, a:focus, a:active,
.link:focus, .link:active, .link {
    outline: none !important;
    -moz-outline-style:none !important;
}


.underline {
	text-decoration:underline;
}

.italic {
	font-style:italic;
}

p {
    margin: 0.3em 0 2em;
}

.uc {
    text-transform: uppercase;
}

.blacktext {
    color: #000;
}

.transparent {
	background: transparent !important;
}

.form-horizontal .control-label{
    text-align: left;
}

.form-horizontal .no-horizontal .form-group {
	margin-left:0;
	margin-right:0;
}

.form-horizontal .no-horizontal .control-label {
	padding-top:0;
}

.pagewrapper:not(.admin):not(.intern) input[type=text]:not(.regmar), 
.pagewrapper:not(.admin):not(.intern) input[type=email], 
.pagewrapper:not(.admin):not(.intern) input[type=tel], 
.pagewrapper:not(.admin):not(.intern) textarea, 
.pagewrapper:not(.admin):not(.intern) input[type=number], 
.pagewrapper:not(.admin):not(.intern) .form-control:not(.bootstrap-select) {
    padding: 0.5em 1em;
    margin-bottom: 1.5em;
}

.pagewrapper:not(.admin):not(.intern) .form-group .bootstrap-select.btn-group:not(.mb7):not(.mb4), .form-group .form-label {
    margin-bottom: 1.5em;
}

.form-inline input[type=text], input[type=email], input[type=tel], textarea, input[type=number], .form-control {
    padding: 0.5em 1em;
    margin-bottom: 0.5em;
}

i.form-control {
	border: none;
	padding: 0;
	box-shadow: none;
	margin-bottom: 0;
}

.has-error i.form-control {
	color: #a94442;
	border:none;
	box-shadow: none;
}

.vertical-top {
     vertical-align: top !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    display: none;
}

.bootstrap-select .dropdown-menu.inner {
	overflow-x: hidden;
}

.bordercolor {
	border-color: #ddd !important;
}

 

.colorpicker {
	margin-left:180px;
}

.colorpicker-2x .colorpicker-saturation {
	width: 200px;
	height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
	width: 30px;
	height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
	display: none;
	height: 30px;
}

.color-picker .input-group-addon {
	padding: 0;
}

.colorpicker-element .add-on i, 
.colorpicker-element .input-group-addon i {
	height: 28px;
	width: 56px;
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.colorpicker-2x .colorpicker-selectors {
	max-width: 234px;
}

.colorpicker-2x .colorpicker-selectors-color {
	width: 20px;
	height: 20px;
}

.colorpicker-2x .colorpicker-selectors i {
	margin-left: 3px;
}

.colorpicker-2x .colorpicker-selectors i+i+i+i+i+i+i+i+i+i+i {
	margin-top: 3px;
}

input#holdfarve::-ms-clear {
    display: none;
}

.input-group #sogsagfelt, .input-group #sogsag, .input-group #sogbru, .input-group #sogbruger {
	z-index:0;
}

.nulstilfarve {
	position:absolute;
	top:0;
	right:60px;
	z-index:8;
	padding:4px;
}

.ui-page {
    height: 100%;
}
.pagewrapper {
    background-color: #f3f3f3;
    z-index: 1;
    position: relative;
}
#selectAllTeams a, .selectgroupbuttons a {
  min-width: 320px;
  width: 100%;
  display: block;
  padding: 3px 16px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap;
  position: relative; }

span.btn {
	margin-right: 5px;
	margin-top: 5px;
}

span.btn.nomargin {
	margin: 0;
}


.linethrough {
    text-decoration: line-through;
}


.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a:after,
.bootstrap-select.btn-group.show-tick .dropdown-menu li a:after,
.selectgroupbuttons .team-header.selected a:after,
.selectgroupbuttons .team-header a:after,
#selectAllTeams.selected a:after,
#selectAllTeams a:after {
  font-family: FontAwesome;
  font-weight: 500;
  position: absolute;
  top: 5px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a:after {
  content: '\f046';
  right: 28px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a:after {
  content: '\f096';
  right: 30px; }

.dropdown-menu > li > a:focus, .dropdown-menu > li.selected > a:not(:hover) {
	background-color: #e9e9e9;
}

#selectAllTeams.selected a:after, .selectgroupbuttons .team-header.selected a:after {
      content: '\f046';
      right: 28px;
}

#selectAllTeams a:after, .selectgroupbuttons .team-header a:after {
      content: '\f096';
      right: 30px;
}

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
}

.table {
    margin-bottom: 0;
}

#sprogModal, #portalsogModal, #loginModal, #infoModal, #popModal, #debugModal, #loadingscreen, #qrModal, #imageModal, #mesModal, #loadModal {
    padding-top: 55px;
    z-index: 4000;
    min-width: 300px;
}

/* ================================================ */
/*	BCM33											*/
/* IOS problem med placering af cursor 				*/
/* Skal fjernes igen når de har rettet deres fejl.. */
/* Fejl rettet i IOS 11.3, er derfor pillet ud		*/

/*@media only screen and (max-width: 1199px) {		*/
/*	#loginModal, #infoModal.kontakt {				*/
/*		position: absolute;							*/
/*	}												*/
/*}													*/
/* ================================================ */

#popModal {
	/*padding-top:0;*/
	padding-top:150px;
}

#popModal .modal-dialog {
	/*margin-top: 0;*/
	/*margin-bottom: 0;*/
	/*top: 45%;*/
	/*transform: translate(0, -50%);*/
}

.modal-body {
	min-height: 80px;
}

.modal-open {
    overflow: auto;
}

.modal-xl {
    width: 980px;
}

.zeroPadding {
    padding: 0 !important;
    border: 0 !important;
}

.table.no-border tr td, .table.no-border tr th, .boxhead.no-border {
    border-width: 0;
}

.table th.no-border, .table td.no-border {
    border-top: none !important;
}

.table-hover > tbody > tr.no-hover:hover > td,
.table-hover > tbody > tr.no-hover:hover > th,
.table-hover:not(.table-double-striped) .no-hover > td,
.no-hover > th {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr.no-hover.whitebg:hover > td,
.table-hover > tbody > tr.no-hover.whitebg:hover > th,
.no-hover.whitebg > td,
.no-hover.whitebg > th {
    background-color: #fff;
}

.table-striped > tbody > tr:nth-child(2n+1 of :not(.hide)).bg-success {
    background-color: #d4e6cc;
}

.table-striped > tbody > tr:nth-child(2n+1 of :not(.hide)).bg-danger {
    background-color: #e8d1d1;
}

.table-striped > tbody > tr:nth-child(2n+1 of :not(.hide)).bg-warning {
    background-color: #f5f0da;
}

.table-striped > tbody > tr:nth-child(2n+1 of :not(.hide)).bg-info {
    background-color: #8bbae8;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   /*background-color: #f3f3f3; den går ikke, den laver ballade på holdlisten*/
}


.table-hover.table-striped > tbody > tr:nth-child(2n+1 of :not(.hide)).no-hover-striped:hover > td {
    background-color: #f9f9f9;
}

.table-hover.table-striped > tbody > tr:nth-child(2n+0 of :not(.hide)).no-hover-striped:hover > td {
    background-color: #fff;
}



.table-double-striped > tbody > tr:nth-child(4n+1 of :not(.hide)),
.table-double-striped > tbody > tr:nth-child(4n+2 of :not(.hide)),
.table-hover.table-double-striped > tbody > tr:hover:nth-child(4n+2 of :not(.hide)) > td,
.table-hover.table-double-striped > tbody > tr:hover:nth-child(4n+3 of :not(.hide)) > td,
.table-hover.table-double-striped > tbody > tr:nth-child(4n+2 of :not(.hide)).no-hover > td,
.table-hover.table-double-striped > tbody > tr:nth-child(4n+3 of :not(.hide)).no-hover > td {
    background-color: #f9f9f9;
}

.table-double-striped > tbody > tr:nth-child(4n+3 of :not(.hide)),
.table-double-striped > tbody > tr:nth-child(4n+0 of :not(.hide)),
.table-hover.table-double-striped > tbody > tr:hover:nth-child(4n+0 of :not(.hide)) > td,
.table-hover.table-double-striped > tbody > tr:hover:nth-child(4n+1 of :not(.hide)) > td
.table-hover.table-double-striped > tbody > tr:nth-child(4n+0 of :not(.hide)).no-hover > td,
.table-hover.table-double-striped > tbody > tr:nth-child(4n+1 of :not(.hide)).no-hover > td {
    background-color: #fff;
}




.table-fullcells td {
	width:10%;
}

.table-checkered > tbody > tr > td:nth-of-type(odd),
.table-checkered > tbody > tr:nth-child(odd of :not(.hide)),
.table-checkered > thead > th:nth-of-type(odd) {
	background:rgba(200,200,200,0.3);
}

.rotate{
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
}

.rotate.down{
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
}

.txtwhatsapp{
    color: #128C7E;
}

.txtfacebook {
    color: #4060A5;
}

.txttwitter {
    color: #00ABE3;
}

.txtmessenger {
    color: #0084ff;
}

.txtorangedark {
    color: #e67300;
}

.txtinstagram {
    color: #375989;
}


.fa {
    position: relative;
}

.fa-input {
   font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.fa-left {
    margin-right: 5px;
}

.fa-right {
    margin-left: 5px;
}

.fa-align-middle {
    vertical-align: middle;
}

.fa-hover:hover {
    color: #CC0000;
}

.fa.form-control {
	background:none;
}

.grow {
    flex-grow: 1;
}

.fa-chevron-down, .fa-chevron-up, .fa-chevron-left, .fa-chevron-right {
    width: 14px;
    height: 14px;
}

.fa-chevron-down, .fa-chevron-up {
    top: -2px;
}

.fa-chevron-right, .fa-chevron-left {

}

.fa-double-right {
    margin-left: -7px;
}

.fa-double-left {
    margin-right: -7px;
}

.fa-12px {
    top: 1px;
    font-size: 14px !important;
}

.fa-28px {
    font-size: 28px !important;
    padding-top: 20px; /*!important må vi kunne undvære */
}


@-webkit-keyframes rock {
  0% { -webkit-transform: rotate(20deg); }
  50% { -webkit-transform: rotate(-20deg); }
  100% { -webkit-transform: rotate(20deg); }
}

@-moz-keyframes rock { 
	0% { -moz-transform: rotate(20deg); } 
	50% { -moz-transform: rotate(-20deg); } 
	100% { -moz-transform: rotate(20deg); } 
}

@keyframes rock { 
	0% { 
		-webkit-transform: rotate(20deg); 
		transform:rotate(20deg); 
	} 
	50% { 
		-webkit-transform: rotate(-20deg); 
		transform:rotate(-20deg); 
	} 
	100% { 
		-webkit-transform: rotate(20deg); 
		transform:rotate(20deg); 
	} 
}

.fa-swing {
    -webkit-animation:rock 0.5s ease-in-out infinite;
	-moz-animation:rock 0.5s ease-in-out infinite;
	animation:rock 0.5s ease-in-out infinite;
}

.dottedline {
 	border-top:1px dotted #999;
}

.gennemstreg {
    text-decoration: line-through;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-grab {
    cursor: grab;
}

.cursor-wait {
    cursor: wait !important;
}

.cursor-copy {
    cursor: copy !important;
}

.sort-icon-wrapper {
	display: flex;
  	flex-direction: column;
  	padding-right: 5px;
  	height:20px;
  	margin-top:5px;
  	margin-bottom:-5px;
}

.sort-icon-wrapper i.fa{
  	line-height: 0;
}

.fa-empty14px { /* Benyttes ved chevrons etc. der skal centreres selvom højde og bredde ikke er begge er 14px */
    width: 14px;
    height: 14px;
    text-align: center;
}

.fa-empty16px {
    width: 16px;
    text-align: center;
}

.fa-empty20px { /* Benyttes hvis ikon skal have fast højde, f.eks. for at et felt kan matche højde på et felt med tekst */
    height: 20px;
    line-height: 20px !important;
}

.fa-empty22px { /* Benyttes ved chevrons etc. der skal centreres selvom højde og bredde ikke er begge er 14px */
    width: 22px;
    height: 14px;
    text-align: center;
}

.fa-cb14px { /* Benyttes ved checkboxes etc. der skal have samme bredde checked unchecked */
    width: 14px;
    height: 14px;
    margin-right: 6px;
}

.fa-cb14px.fa-2x { /* Benyttes ved checkboxes etc. der skal have samme bredde checked unchecked */
	height:20px;
    background: transparent;
}

.gd-radio:not(.buttonlist), .fa-checkbox:not(.buttonlist) {
    padding-right: 12px;
}

.gd-radio:not(.disabled), .fa-checkbox:not(.disabled) {
    cursor: pointer;
}

.gd-radio.buttonlist input[type="radio"]:focus, .gd-radio.buttonlist input[type="radio"]:active {
	color: #5cb85c !important;
}


.fa-checkbox input[type="checkbox"],
.fa-checkbox .checked {
    opacity:0;
	filter:alpha(opacity=0);
	width:0;
	height:0;
	margin-top: 0;
    position: absolute;
}

.gd-radio input[type="radio"],
.gd-radio .checked {
    opacity:0;
    filter:alpha(opacity=0);
    width:0;
    height:0;
    margin-top: 0;
    position: absolute;
}

.fa-checkbox input[type="checkbox"]:checked ~ .checked {
    opacity:1;
	filter:alpha(opacity=1);
	width:14px;
	height:14px;
	position: relative;
    margin-left:-6px;
}

.fa-checkbox input[type="checkbox"]:checked ~ .unchecked {
    opacity:0;
	filter:alpha(opacity=0);
	width:0;
	height:0;
    position: relative;
}

.gd-radio input[type="radio"]:checked ~ .checked {
    opacity:1;
    filter:alpha(opacity=1);
    width:14px;
    height:14px;
    position: relative;
    margin-left:-6px;
}

.gd-radio input[type="radio"]:checked ~ .unchecked {
	opacity:0;
    filter:alpha(opacity=0);
    width:0;
    height:0;
    position: relative;
}

.lock:hover.fa-unlock:before {
    content: "\f023";
}

.lock:hover.fa-lock:before {
    content: "\f09c";
}


.sticky:hover.fa-map-pin:before {
    content: "\f276";
}

.sticky:hover.fa-sticky-note:before {
    content: "\f249";
}


 	


.fa-checkbox > input[type="checkbox"][disabled] + i,
.fa-checkbox > input[type="checkbox"][disabled] + i + i {
	color:#aaa;
}

.checkbox label.fa-checkbox, .radio label.gd-radio {
    padding-left: 0;
}

.table > tbody > tr > td {
    vertical-align: middle;
}

.meddelpop {
    display: none;
}

.has-tooltip {
  position:relative;
}

.has-tooltip .tooltips {
  display:none;
  position:absolute;
  top:0%;
  left:110%;
  z-index:999;
}

.tooltip_ajax{
    display: none;
    background: #333;
    background: rgba(0,0,0,.9);
    border-radius: 5px;
    bottom: 46px;
    color: #fff;
    left: 20px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 270px;
    max-width:70vw;
}

.tooltip_ajax:after {
    border: solid;
    border-color: #222 transparent;
    border-width: 6px 6px 0 6px;
    bottom: -6px;
    content: "";
    left: 40px;
    position: absolute;
    z-index: 99;
}

.tooltip_ajax.tt_fa {
	left: -34px;
	bottom: 26px;
}

.tooltip_ajax.tt_sm {
	bottom: 36px;
}

.tooltip_ajax.tt_fa.tt_sm {
	left: -29px;
}

.tooltip_ajax.alt_top_align {
    bottom: 60px;
}

.tooltip_ajax.alt_top_align:after{
    bottom: -6px;
}

.tooltip_ajax.bottom_align {
    bottom: auto;
    top: 46px;
}

.tooltip_ajax.bottom_align:after{
    border-width: 0 6px 6px 6px;
    bottom: auto;
    top: -6px;
}

.tooltip_ajax.bottom_align.tt_fa {
	top: 26px;
}

.tooltip_ajax.bottom_align.tt_sm {
	top: 36px;
}

.tooltip_ajax.right_align {
    left: auto;
    right: 20px;
}

.tooltip_ajax.right_align:after {
    left: auto;
    right: 40px;
}

.tooltip_ajax.right_align.tt_fa {
    right: -20px;
}

.tooltip_ajax.right_align.tt_fa:after {
    right: 20px;
}

.tooltip_ajax .link {
	color:#aaa
}

.tooltip_ajax .link:hover, .tooltip_ajax .link.hover {
	color:#666
}


.ugelokale_beskrivelse {
	max-height:240px;
	overflow:hidden;
}

.expanded {
	max-height:none;
}

.touchlinkfjernet {
	display:none;
}

/*
###########################
Browser update 
###########################
*/

body .buorg {
    background-position: 8px 17px; 
    position:fixed;
    z-index:111111;    
    width:300px; 
    top:15px; 
    right:30px;
    left:auto;
    border-bottom:1px solid #A29330;    
    text-align:left; 
    cursor:pointer;        
    background-color: inherit;    
    font: inherit;    
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
body .buorg div { 
    padding: 11px 12px 11px 30px;  
    line-height: 1.7em; 
}


body #buorgig{ 
    background-color: inherit;
}

body .buorg > div > a,.buorg > div > a:visited { 
    text-indent: 0; 
    color: #fff;    
    text-decoration: none;    
    box-shadow: 0 0 2px rgba(0,0,0,0.4);    
    padding: 1px 10px;    
    border-radius: 4px;    
    font-weight: normal;    
    background: #5ab400;    
    white-space: nowrap;   
    margin: 0 2px; display: inline-block;
}

body .buorg > div > a#buorgig{ 
    background-color: #edbc68;
}




@media only screen and (max-width: 700px){
    body .buorg div { 
    	padding:5px 12px 5px 9px; 
    	text-indent: 22px;
    	line-height: 1.3em;
    }
    body .buorg {
    	background-position: 9px 8px;
    }
}


@media print {
*,
*:before,
*:after {
background: transparent !important;
}
.table-striped th.bg-gray,
.table-striped td.bg-gray {
border: 1px solid #f1f1f1 !important;
background-color:  #ddd !important;
}
}


/*
###########################
TOUCHSCREEN
###########################
*/

.btn-touch {
    min-width: 40px;
    height: 40px;
    margin: 4px;
}

.btn-touch.btn-lg {
    min-width: 52px;
    height: 50px;
    margin: 4px;
}

.btn.btn-touch.shift,
.btn.btn-touch.capslock {
    outline:none;
}

.btn-touch-login {
    min-width:168px;
    margin:4px;
}

.btn-touch-login.btn-lg {
    height: 50px;
}

/*
###########################
TOPBAR
###########################
*/

.affix {
    top:0;
    z-index: 2000;
    left: 0;
    right: 0;
}

#header_wrapper {
    background: #ffffff;
    min-height: 70px;
}

.topbar {
    height: 0px;
    width: 100%;
    background: black;
}


/*
###########################
NAVBAR / SIDENAV
###########################
*/

.navbar-brand {
    padding-top:5px !important;
}

.navbar-brand.background {
	position: absolute;
	z-index: 0;
}

.navbar-brand > img {
	max-height: 58px;
}

.navbar-nav > li > a,
.navbar-nav > li > span.link {
    padding-top:24px !important;
}

.navbar-nav > li > a,
.navbar-nav > li > span.link,
.navbar-brand {
    padding-bottom:0 !important;
    height: 68px;
    font-weight:600;
}

.navbar-nav > li > span.link {
    line-height: 20px;
}

.navbar-nav > li > span.link > img,
.navbar-toggle > span > img {
	margin-top: -2px;
}

.navbar-nav > li > span.sproglink > img,
.navbar-nav > li > span.sprogdisabled > img {
	margin-top: -11px;
}

.nav > li > span.link {
    display: block;
    padding: 10px 15px;
    position: relative;
}

.nav > li.sprog {
	padding-top: 15px;
	padding-bottom: 17px;
}

.nav > li > span.sproglink,
.nav > li > span.sprogdisabled {
	display: block;
	padding: 0 15px;
    position: relative;
    padding-bottom:0 !important;
	height: 15px;
    font-weight:600;
    margin-top:3px;
}

.navbar {
    min-height:70px !important;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}

.dropdown-toggle:active, 
.open a.dropdown-toggle,
.navbar-default .navbar-nav > .open > a.dropdown-toggle {
    background:#FFF;
    color:#000;
}

.navbar-right .dropdown-menu {
    left: 50%;
    right: auto;
    text-align: center;
    transform: translate(-50%, 0);
    cursor: default;
    padding: 0;
}

.scrollable-menu {
    height: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 70px);
    -webkit-overflow-scrolling: touch;
    margin-top: 0;
    margin-bottom: 0;
}

.scrollable-menu .divider {
	background-color: #e5e5e5;
	height: 1px;
    overflow: hidden;
    margin: 0;
}

.navbar-default .navbar-sidenav > ul li > a,
.navbar-default .navbar-sidenav > ul li > span {
    color: #fff;
}

.navbar-default .navbar-nav > ul  li > a,
.navbar-default .navbar-nav > ul  li > span {
    color: #333;
}

.nav-header .burger {
    color: #fff;
}

.nav-header .burger:hover {
    color: #333;
}

.navbar-default .navbar-sidenav > ul li > a:hover, .navbar-default .navbar-sidenav > ul li > a:focus,
.navbar-default .navbar-sidenav > ul li > span:hover, .navbar-default .navbar-sidenav > ul li > span:focus {
    color: #333;
}


.sidenav .nav-link-head {
    color: #222 !important;
}

.sidenav .nav-link-head:hover {
    color: #f8f8f8 !important;
}

.dropdown-menu > li > a.menu_ny {
	display:block;
	padding:0;
	border-left: 4px solid transparent;
	padding-top:9px;
	padding-bottom:9px;
}

.menu_ny {
	display:block;
	border-left: 4px solid transparent;
	padding-top:9px;
	padding-bottom:9px;
}

.dropdown-menu .divider {
	margin:0;
}

 /*
 ###########################
 FORMS
 ###########################
 */

.height1 {
	min-height: 1px !important;
}

.minheight34 {
	min-height: 34px !important;
}

.minheight40 {
	min-height: 40px !important;
}

.minheight50 {
    min-height: 50px !important;
}

.minheight55 {
    min-height: 55px !important;
}

.minheight60 {
	min-height: 60px !important;
}

.minheight70 {
    min-height: 70px !important;
}

.minheight100 {
    min-height: 100px !important;
}

.minheight210 {
    min-height: 210px !important;
}

.maxheight100 {
    max-height: 100px !important;
}

.maxheight300 {
    max-height: 300px !important;
}

input[type=text], input[type=email], input[type=tel], textarea, input[type=number], .form-control {
    border: #D3D3D3 1px solid;
}

.has-error .g-recaptcha > div {
	border: 1px solid #a94442 !important;
	border-radius: 4px;
}

.grecaptcha-badge{
	visibility: collapse !important;  
}

.animated {
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}

textarea {
    resize: none;
    overflow-x: hidden; /* needed due to firefox reserving space for scrollbars - which will never be present! */
}

 /*
 ###########################
 SEARCHBAR
 ###########################
 */

.searchbar {
    min-height: 84px;
    color:#fff;
}


.selecttext {
    color: #333 !important;
}

.bootstrap-select .dropdown-menu a {
    padding-right: 50px !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a::after {
    right: 18px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a::after {
    right: 16px;
}

.bs-actionsbox {
    min-width: 190px;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle::after {
    top: -4px;
}

.mySelectCalendar {
    margin-right: -30px;
    float: left;
    cursor: pointer;
}

.searchbar .mySelectCalendar {
    margin-bottom: 0px !important;
}

.ui-datepicker-trigger {
    width: 30px;
    float: right;
    height: 34px;
    border: none;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    cursor: pointer;
    color: #ccc;
}

.ui-datepicker-trigger.btn-sm {
    height: 30px !important;
    border-radius: 0px !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.ui-datepicker-trigger, .ui-datepicker-trigger:focus, .ui-datepicker-trigger:hover, .ui-datepicker-trigger:active {
    top: 0 !important;
    padding:0;
    margin:0;
}
.ui-datepicker  .ui-datepicker-next-hover {
	top: 2px;
	right: 2px;
}
.ui-datepicker  .ui-datepicker-prev-hover {
	top: 2px;
	left: 2px;
}

.ui-datepicker-calendar td.ui-datepicker-week-col {
	text-align:center;
	opacity:0.7;
}

.form-control, .leftspacer {
    background-color: #fff;
    opacity: 1;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] {
	cursor: not-allowed;
}

.form-control[readonly].hasDatepicker {
	cursor: pointer;
    background-color: #fff;
}

.form-control.bg-success {
	background-color: #dff0d8;
}

.comboplaceholder {
    margin: 0 !important;
}

 /*
 ###########################
 FARVER
 ###########################
 */

.alert-danger {
    border-color: #ebccd1;
}

.info {
    border-color: #bbb;
    background-color: #fcfcfc;
}

.top-sub-link {
    background: #f8f8f8;
}


 /*
 ###########################
 KNAPPER MM
 ###########################
 */

.mycolor, .btn-primary {
    color: #fff;
}

.btn-upload {
	border-radius: 0 4px 4px 0;
}

.letterbtn {
	min-width: 34px;
}

 /*
 ###########################
 SCROLL
 ###########################
 */


.scrollup {
    z-index: 10000;
    opacity:0.7;
    position:fixed;
    bottom:50px;
    right:25px;
    display:none;
}

.scrollup:hover {
    opacity:0.85;
}

 /*
 ###########################
 LISTE/ LEFT MENU
 ###########################
 */

.searchcount {
    padding: 0;
    font-weight:bold;
}

.daypaging > span {
    padding-left: 8px;
    padding-right: 8px;
}

.daypaging.baner > span {
    height: 34px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.ui-datepicker-inline {
    width: 100% !important;
}

.liste_narrow .holdinfo,
.liste_narrow .sesonholdinfo{
	line-height:1.55;
}

.liste_medium,
.liste_narrow {
    display:none;
    visibility:hidden;
}

.liste_narrow a {
    margin: 5px 0;
}

.liste_medium:not(.nofloat) > div, .liste_narrow:not(.nofloat) > div {
    float: left;
}

.liste_narrow .holdfarve, .liste_medium .holdfarve {
    width: 4px;
    margin-right: -4px; /* needed to make sure holdinfo does not jump below holdfarve */
}

.table > tbody > tr > td.liste_wide, .table > tbody > tr > td.liste_medium, .table > tbody > tr > td.bookings {
    vertical-align: top;
}

.liste_wide.knapper,
.liste_medium.knapper {
    vertical-align: middle !important;
}

.liste_wide.holdfarve, .liste_medium.holdfarve, .liste_narrow.holdfarve, .bookings.holdfarve  {
    width: 4px;
    max-width: 20px;
}

.liste_medium .holdtitel {
    padding-left: 12px;
    min-width: 200px;
    width: 36%;
    min-height: 72px;
}

.liste_medium .holdinfo,
.liste_medium .sesonholdinfo {
    min-width: 230px;
    width: 30%;
    min-height: 72px;
}

.liste_narrow .holdinfo,
.liste_narrow .sesonholdinfo {
    min-width: 180px;
}

.liste_narrow .hold {
    min-width: calc(100% - 121px);
    min-height: 72px;
}

.liste_narrow .holduk {
    min-width: calc(100% - 145px);
    min-height: 72px;
}

.liste_medium .holdknapper {
    float: right;
    width: 109px;
    /*min-height: 72px;*/
}

.liste_medium .holdknapperuk {
    float: right;
    width: 133px;
    /*min-height: 72px;*/
}

.liste_medium .holdknap {
    text-align: center;
    min-height: 34px;
    /*padding-left: 8px;*/
}

.liste_narrow .holdknap {
    /*float: left;*/
    min-width: 109px;
    text-align: center;
    /*min-height: 44px;*/
    /*line-height: 44px;*/
}

.liste_narrow .holdknap {
   /*padding-left: 12px;*/
}

.liste_gallery .holdknapper {
    width: 100%;
    height: 54px;
    padding-right: 5px;
}

.liste_gallery .holdknapper_container {
    margin: 0 auto;
    padding: 0;
    border: 0;
    display: inline-block;
}

.liste_gallery .holdknap {
    float: left;
    text-align: center;
    min-height: 34px;
}

.liste_gallery .knap2 {
    float: left;
    text-align: center;
    min-height: 34px;
    min-width: 97px;
}

.liste_gallery .holdknap span.nobtn, .liste_gallery .holdknap span.nobtnuk {
	padding: 0 !important;
	margin: 0;
	border: none;
}

.liste_wide span.btn,
.liste_medium .holdknap span.btn,
.liste_narrow .holdknap span.btn,
.liste_wide .knap2,
.liste_medium .knap2,
.liste_narrow .knap2 {
    min-width: 111px;
}

.liste_gallery .knap2uk {
    float: left;
    text-align: center;
    min-height: 34px;
    min-width: 133px;
}

.liste_wide .knap2uk,
.liste_medium .knap2uk,
.liste_narrow .knap1uk,
.liste_narrow .knap2uk,
.liste_medium .holdknapperuk .holdknap span.btn,
.liste_wide .holdknapperuk .holdknap span.btn {
    min-width: 133px !important;
}


.liste_wide .knap2uk,
.liste_medium .knap2uk,
.liste_wide .knap2,
.liste_medium .knap2 {
    margin-top: 5px;
}

.table > tbody > tr > td.holdbillede {
    vertical-align: middle;
    width: 150px;
}

.table.forplejning > tr > td, .table.forplejning > * > tr > td {
	vertical-align: top;
}

.liste_wide .img-thumbnail, .bookings .img-thumbnail, .kurv .img-thumbnail, .portal .img-thumbnail, .forplejning .img-thumbnail {
    max-width: 120px;
}

.img-200, .forplejning .img-thumbnail.img-200 {
    max-width: 200px;
}

.holdtype img {
    max-width: 240px;
}

.holdknapper {
	margin-top: -5px;
}

#products .grid-item > div h2 {
	overflow: hidden;
}

.kalenderIkon {
	margin-top: -5px;
	margin-right: -5px;
	margin-left: 5px;
}

 /*
 ###########################
 VARELISTE
 ###########################
 */

.varelisteimage {
    width: 110px;
}

.varelistepris, .varelisteinfo, .varelisteknap {
}

.varelistepris {
    min-width: 60px;
}

.varelisteinfo {
    min-width: 96px;
}

.varelisteinfo.saeson {
/*    min-width: 164px; */
}

.varelisteknap {
    min-width: 80px;
    width: 80px;
}

.table.uk .varelisteinfo {
    min-width: 96px;
}

.table .max640 > th {
    border-top: none;
}

.saesondato {
    width: 100%;
}


.flexbox {
	display: flex;
  	align-items: center;
  	justify-content: space-between;
}

.flexbox-center {
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	align-items: center;
	-ms-flex-align: center;
	justify-content: center;
    -ms-flex-pack: center;
    /* ie skal have en height for at centrere, skal overstyres med enten height eller min-height på elementet */
    height:1px;
}

.flexbox-center-v-only {
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	align-items: center;
	-ms-flex-align: center;
    /* ie skal have en height for at centrere, skal overstyres med enten height eller min-height på elementet */
    height:1px;
}

.flexbox-center-h-only {
	display: -ms-flexbox;
	display: -webkit-flex;
    display: flex;
	justify-content: center;
    /* ie skal have en height for at centrere, skal overstyres med enten height eller min-height på elementet */
    /*height:1px;*/
}

 /*
 ###########################
 ARRANGEMENT BOOKING OVERSIGT LISTE
 ###########################
 */

.arrknapper {
    height: 50px;
}

 /*
 ###########################
 LINK/SCROLL
 ###########################
 */
a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

 /*
 ###########################
 GLYPHICONS
 ###########################
 */

.icon-background4 {
    color: #fff;
}

.icon-background6 {
    color: #40c040;
}


.icon-background5 {
    color: #c0c0ff;
}

.circle-icon2 {
    background: #ffc0c0;
    padding:30px;
    border-radius: 50%;
}

.circle-icon {
    background: #ffc0c0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding: 30px;
}

.shows {
  display: block !important;
  visibility: visible !important;
}


.hidden {
  display: none !important;
  visibility: hidden !important;
}
.invisible {
  visibility: hidden;
}

 /*
 ###########################
 PRINT
 ###########################
 */

@media print {
.btn {
    display:none;
  }
.printborder {
    border:1px solid #000;
  }
.printbottom {
    margin-bottom: 0px !important;
    min-height: 0px !important;
  }
}

.visible-print-table-row-group {
	display: none;
}

 /*
 ###########################
 SECTIONS
 ###########################
 */


#headline {
  padding-top: 17px;
  padding-bottom: 17px;
  position: relative;
}

#headline a, #headline .link:not(.fa-close):not(.regularlink) {
    color:#fff;
}

#headline a:hover, #headline a:focus, 
#headline .link:not(.fa-close):not(.regularlink):hover, #headline .link:not(.fa-close):not(.regularlink):focus {
    text-decoration: underline;
}

#headline3 {
padding-top:0px;
}

#content {
   padding-top:30px;
}

/*
 ###########################
 OWL
 ###########################
 */

/* gamle prev/next knapper i siden
.owl-buttons {
 	position: absolute;
	left: 0;
	right: 0;
  	top: -40px;
}

.owl-carousel {
	margin-top: 40px;
}

.owl-prev,
.owl-next {
	position: absolute;
	top: 50%;
	margin-top: -10px; // Half of the prev/next buttons height here in negatives to center them perfectly
}
.owl-prev {
	left: -10px;
	top: 0px;
	bottom: 48px;
}
.owl-next {
	right: -10px;
	top: 0px;
	bottom: 48px;
}

.owl-theme .owl-controls .owl-buttons div {
	background-color: #f1f1f1;
	border-radius: 0;
	opacity: 1;
	padding: 0;
	margin: 0;
	width: 24px;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	background-color: #ccc;
}

.owl-theme .owl-controls.clickable .owl-buttons > div.disabled div:hover {
	background-color: #f1f1f1;
	cursor: default;
}

.table {
	display: table !important;
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
	width: 100%;
}

.table-cell {
	display: table-cell !important;
	vertical-align: middle;
	padding: 0 !important;
}

*/

.owl-body-overflow {
	/* fixer et problem med owl på smalle skærme, der ikke kan regne bredden hvis uglen selv er skyld i at der kommer scrollbar */
	/* med dette "fix" vil problemet kun opstå såfremt der IKKE er en scrollbar når siden er færdig loadet - hvilekt er usandsynligt */
	overflow-y: scroll;
}


.owl-carousel {
	position: relative;
	cursor: default;
}

.owl-theme .owl-controls {
	margin-top: 0;
	margin-bottom: 10px !important;
	position: relative;
	height: 38px;
}

/* Vi skal have lidt større knapper på touchskærme*/
.owl-theme.touch .owl-controls {
	height: 40px;
}

.owl-theme.touch .owl-controls .owl-buttons div {
	height: 34px;
}

.owl-theme.touch .owl-controls span.owl-numbers,
.owl-theme.touch .owl-controls .owl-prev,
.owl-theme.touch .owl-controls .owl-next {
	padding: 5px 14px;
	font-size: 14px;
}
/*slut touch*/

.owl-pagination .owl-page.active,
.owl-buttons .owl-prev.disabled,
.owl-buttons .owl-next.disabled {
	cursor: default;
}

.owl-theme .owl-controls .owl-buttons div:not(.disabled),
.owl-theme .owl-controls .owl-page span {
	opacity: 0.75;
}
.owl-theme .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover,
.owl-theme .owl-controls.clickable .owl-buttons .owl-next.disabled:hover{
	opacity: 0.5;
}

@media print {
	.owl-wrapper {
		width: 100vw !important;
	}
	.owl-item {
  		width: var(--printwidth) !important;
  	}	
}
/*
##############
# Owl slut   #
##############
*/

.hovedenhedHeader {
	margin-bottom: 2px;
}

.hovedenhedHeader > div > span {
	background-color: #898989;
}

.bane .banefelt.banehead,
.sticky-header .banefelt.banehead {
	min-height: 28px;
}

.bane .banefelt.banehead .baneheadtxt,
.sticky-header .banefelt.banehead .baneheadtxt {
	padding-top:3px;
	padding-bottom:3px;
}

.bane .banefelt.banehead,
.bane .banefelt.banehead div,
.sticky-header .banefelt.banehead {
	line-height: 20px;
	display: inline-block;
	font-size: 14px;
	width: 100%;
	max-height: 66px;
	margin-top: 0;
}

.bane .banefelt.banehead.baneheadimg,
.bane .banefelt.banehead.baneheadimg div,
.sticky-header .banefelt.banehead.baneheadimg {
	max-height: 106px;
}

.bane .banefelt {
	line-height: 18px;
	display: inline-block;
	font-size: 14px;
	width: 100%;
	margin-top: 2px;
	overflow: hidden;
}

.bane .banefelt50 {
	width: 50%;
}

.bane .banefelt div {
	line-height: 18px;
}

.sticky-header {
	position: fixed;
    z-index: 10000;
    display: none;
    white-space: nowrap;
/*    margin-left: -2.5px;  */
    overflow: hidden;
/*    padding-bottom: 2px;	*/
}

.sticky-header.stick {
	display: block;
    background-color: #fff;
}

.sticky-header.stickend[style] {
	display: block;
	background-color: #fff;
    bottom: 10px;
    position: absolute;
    top: auto!important;
}

.sticky-header .owl-item-header {
	margin-right: 1px;
	margin-left: 1px;
    text-align: center;
    display: none;
    vertical-align:top;
}

.sticky-header .owl-item-header .btn-wrapper {
    padding-bottom: 3px;
}

.sponsorlogo-thumb {
	max-height:40px; 
	margin:0 auto;
	padding: 0 5px;
}

.sponsorlogo {
	max-height:100px;
	margin:0 auto;
}

.swipe {
    background: url("../images/swipe2.png");
    width: 200px;
    height: 200px;
    position: absolute;
    top: 20px;
  	left: 0;
  	right: 0;
  	margin: 0 auto;
    z-index: 10000;
    display: none;
}

 /*
 ###########################
 TYPO
 ###########################
 */

.verdana {
	font-family:verdana;
}

.nobr {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*---------*/
/* 
##Bruges hvis der er behov for nobr, men der skal være f.eks. en fatooltip indeni 
##nobr2 benyttes hvor nobr normalt ville være
##nobr2fix benyttes på en span udenom fatooltip elementet
*/
.nobr2 {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nobr2fix {
    white-space: normal;
    text-overflow: clip;
}
/*---------*/

.hand {
    cursor: pointer;
}

.uppercase {
    text-transform:uppercase;
}

.strong, th.strong {
    font-weight:600;
}

.weight600 {
    font-weight:600;
}

.size36 {
    font-size:36px;
}

.size32 {
    font-size:32px;
}

.size30 {
    font-size:30px;
}


.size28 {
    font-size:28px;
}

.size24 {
    font-size:24px;
}

.size22 {
    font-size:22px;
}

.size20 {
    font-size:20px;
}

.size18 {
    font-size:18px;
}

.size14 {
    font-size:14px;
}

.size12 {
    font-size:12px;
}

.size11 {
    font-size:11px;
}

.size10 {
    font-size:10px;
}

.lheight1em {
	line-height: 1em !important;
}

.lheight14 {
	line-height: 16px !important;
}

.lheight16 {
	line-height: 18px;
}

.lheight18 {
	line-height: 20px !important;
}

.lheight36 {
	line-height: 48px !important;
}

.lheight36double {
	line-height: 96px !important;
}


.white, .whitetxt {
    color:#fff;
}

.orangetxt {
    color:#F1A532;
}

.greentxt {
    color:#5cb85c;
}

.greengreentxt {
    color:green;
}


.red-bg {
    background-color:#FF0000;
}

.redtxt {
    color:#FF0000;
}

.redbg-redtxt, .boxhead.redbg-redtxt,
.redbg-redtxt .textcolor {
	background-color:#FF0000;
	color: #ffe5e5;
}

.redbg-redtxt .redtxt {
	color: #ffe5e5;
}

.redtxt-bg {
    color:#FFFFFF;
    background-color:#FF0000;
    border: solid #FF0000;
    border-width: 4px 8px;
    border-radius: 4px;
}

.redtxt-redbg, .boxhead.redtxt-redbg  {
	background-color: #ffd7db;
}

.bluetxt {
	color:#0000FF;
}

.darkbluetxt {
	color:#06178f;
}


.gd-radio.buttonlist input:focus ~ i.fa-user, .gd-radio.buttonlist input:active ~ i.fa-user {
	color:#06178f !important;
}

.blacktxt {
    color:#333;
}


.txt-darkgray {
    color: #999;
}

.graytxt {
	/*rettet fra #080808 grundet wcag 2.1... */
    color:#606060;
}

.graytxtrow td {
    color:#808080;
}

div.link:hover > div.graytxt,
div.link:focus > div.graytxt {
	color:#505050;
}

.lightgraytxt {
    color:lightgray;
}

.lightgraybg {
    background-color:#ccc !important;
}

.whitebg {
    background-color:#fff !important;
}

.nooverflow {
	overflow: hidden;
}

.btn_ledig {
    background-color: #9CCD9C !important;
}

.btn_ledig.border {
    border-color: #6d8f6d;
}

.btn_ledig:hover,
.btn_ledig:focus {
    background-color: #5AAD5A;
}

.btn_delvis_ledig {
    background-color: #5abdc6 !important;
}

.btn_delvis_ledig:hover,
.btn_delvis_ledig:focus {
    background-color: #48979E !important;
}

.btn_ledig.btn_ansogt {
	background-color:#FDE9D9 !important;
}

.btn_ledig.btn_ansogt:hover,
.btn_ledig.btn_ansogt:focus {
	background-color:#e3d1c3;
}

.btn-gray {
    background-color:#ddd;
    color: #999;
}

.btn-gray:not(.btn_nohover):hover,
.btn-gray:not(.btn_nohover):focus {
    background-color:#999;
    color: #fff;
}

.btn.btn-gray.btn_nohover:hover,
.btn.btn-gray.btn_nohover:focus {
	color:#999;
}

.btn.btn-success.btn_nohover:hover,
.btn.btn-success.btn_nohover:focus {
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn-back {
    background-color:#eee;
    color: #000;
    border-color: #ccc;
}

.btn-back:not(.btn_nohover):hover,
.btn-back:not(.btn_nohover):focus {
    background-color:#ccc;
    color: #000;
    border-color: #999;
}

.btn-back.disabled {
	color: #333;
}

.bane {
	font-size: 0;
	height: 100%;
}

.btn-bane {
	padding:0;
	vertical-align: top;
	line-height: 18px;
	display: inline-block;
	font-size: 14px;
}

.btn-bane div {
	line-height: inherit;
}

.whitelink, .whitelink:hover, .whitelink:active, .whitelink:focus {
    color:#fff;
}

.whitelink:hover, .whitelink:focus  {
    text-decoration: underline;
}

.box-hr{color:#333;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:5px 0}
.box-hr .box-hd{color:#ff6600;font-weight:400;font-size:20px}


.boxmain {
    background-color:#fff;
    box-shadow:0 0 8px rgba(0, 0, 0, 0.1);
}

.boxmain.noshadow {
	box-shadow:none;
}

.boxmain.notopshadow {
	box-shadow:0 16px 16px rgba(0, 0, 0, 0.1);
}

.boxhead {
    background-color:#F5F5F5;
    padding: 5px 0px 5px 0px;
    border-bottom:1px dotted #ccc;
}

.boxhead-btm {
    background-color:#F5F5F5;
    padding: 5px 0px 5px 0px;
    border-top:1px dotted #ccc;
}

.boxhead img {
	max-height:20px;
}

.quotes {
    display: none;
 }
 
 .radius3 {
     border-radius: 3px;
  }
 
 


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.np {
   padding: 0 !important;
}

.nm {
   margin: 0 !important;
}

.npr {
   padding-right: 0 !important;
}

.nmr {
   margin-right: 0 !important;
}



.leftpad0 {
   padding-left: 0px !important;
}

.leftpad3 {
   padding-left: 3px !important;
}

.leftpad5 {
   padding-left: 5px !important;
}

.leftpad7 {
	padding-left: 7px !important;
}

.leftpad10 {
   padding-left: 10px !important;
}

.leftpad15 {
   padding-left: 15px !important;
}

.leftpad20 {
   padding-left: 20px !important;
}

.leftpad22 {
   padding-left: 22px !important;
}

.rightpad0 {
    padding-right: 0px !important;
}

.rightpad5 {
    padding-right: 5px !important;
}

.rightpad7 {
	padding-right: 7.5px !important;
}

.rightpad10 {
   padding-right: 10px !important;
}

.rightpad15 {
    padding-right: 15px !important;
}

.rightpad20 {
	padding-right: 20px !important;
}

.rightpad22 {
	padding-right: 22px !important;
}

.line50 {
    line-height: 50px;
}

.mar20 {
    margin: 20px;
}

.ml0 {
    margin-left: 0 !important;
}
.marleft0 {
    margin-left: 0 !important;
    border-left: none; /* grundet .btn-group .btn */
}

.marleft5 {
    margin-left: 5px;
}

.marleft10 {
    margin-left: 10px !important;
}

.marleft15 {
    margin-left: 15px;
}

.mr0 {
	margin-right: 0px !important;
}

.marright2 {
    margin-right: 2px;
}

.marright5 {
    margin-right: 5px;
}

.marright10 {
    margin-right: 10px;
}

.marright15 {
    margin-right: 15px;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.mb0 {
    margin-bottom: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}


.marbot1 {
    margin-bottom: 1px;
}

.mb3 {
    margin-bottom: 3px;
}

.mb4,
.form-group .bootstrap-select.btn-group.mb4 {
    margin-bottom: 4px;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb7,
.form-group .bootstrap-select.btn-group.mb7 {
    margin-bottom: 7px !important;
}

.mb10 {
    margin-bottom: 10px;
}

.marbot15 {
    margin-bottom: 15px;
}

.marbot20 {
    margin-bottom: 20px;
}

.marbot30 {
    margin-bottom: 30px;
}

.marbot60 {
    margin-bottom: 60px;
}

.marbot100 {
    margin-bottom: 100px;
}

.mt0 {
    margin-top: 0px !important;
}

.martop1 {
    margin-top: 1px !important;
}

.martop2 {
    margin-top: 2px !important;
}

.martop3 {
    margin-top: 3px !important;
}

.martop4 {
    margin-top: 4px !important;
}

.martop5 {
    margin-top: 5px;
}

.martop6 {
    margin-top: 6px;
}

.martop7 {
    margin-top: 7px;
}

.martop8 {
    margin-top: 8px;
}

.martop10 {
    margin-top: 10px !important;
}

.anchor{
    position: relative;
    top: 200px;
}

.martop20 {
    margin-top: 20px;
}

.martop150 {
    margin-top: 150px;
}

.marleft0, .popannuller {
    margin-left: 10px;
}

.marleft20 {
    margin-left: 20px;
}

.halfz {
    width: 70%;
}

.padding2 {
    padding: 2px;
}

.padding3 {
    padding: 3px;
}

.padding4, .table > tbody > tr > td.padding4 {
	padding: 4px;
}

.padding5 {
    padding: 5px;
}

.padding8 {
    padding: 8px;
}

.padding10 {
    padding: 10px;
}

.padding12 {
    padding: 12px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.padding50 {
    padding: 50px;
}

.pl20 {
    padding-left:20px 
}

.pl2 {
    padding-left: 2px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}
 
.pr20 {
    padding-right:20px 
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.padbot0 {
    padding-bottom: 0px !important;
}

.padbot2 {
    padding-bottom: 2px;
}

.padbot5 {
    padding-bottom: 5px;
}

.padbot10 {
    padding-bottom: 10px;
}

.padbot15 {
    padding-bottom: 15px;
}

.padbot20 {
    padding-bottom: 20px;
}

.padbot30 {
    padding-bottom: 30px;
}

.padtop0 {
    padding-top: 0px !important;
}

.padtop1 {
    padding-top: 1px;
}

.padtop2 {
    padding-top: 2px;
}

.padtop3 {
    padding-top: 3px !important;
}

.padtop4 {
    padding-top: 4px !important;
}

.padtop5 {
    padding-top: 5px !important;
}

.padtop7 {
    padding-top: 7px;
}

.padtop8 {
    padding-top: 8px;
}


.padtop10 {
    padding-top: 10px;
}

.padtop13 {
    padding-top: 13px;
}

.padtop15 {
    padding-top: 15px;
}

.padtop18 {
    padding-top: 18px;
}

.padtop20 {
    padding-top: 20px;
}

.padtop30 {
    padding-top: 30px;
}

.padding10_top1 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top:1px;
}

.padding20_top15 {
    padding: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top:15px;
}

.smalltd {
    width:1px;
}


.maxwidth400px {
    max-width: 400px;
}

.maxwidth500px {
    max-width: 500px;
}

.imgwidth33 {
	width: calc(33.3% - 15px);
}

@media only screen and (max-width: 1199px) {
	.imgwidth33 {
		width: calc(50% - 15px);
	}
	.imgwidth50md {
		width: calc(50% - 15px);
	}
}

.imgwidth50 {
	width: calc(50% - 15px);
}

@media only screen and (max-width: 991px) {
	.imgwidth50, .imgwidth33  {
		width:100%;
	}
}

.img_behandlinggrupper {
	width: calc(100% + 10px);
	height: auto;
	margin-top: -20px;
	margin-left:-5px;
}

.width1 {
    width: 1%;
}


.width20 {
    width: 20%;
}

.width50 {
    width: 50%;
}

.width85 {
    width: 85%;
}


.width100 {
    width: 100%;
}


.width20px {
	width: 20px;
}

.width30px {
	width: 30px;
}

.width48px {
	width: 48px;
}

.width50px {
    width: 50px;
     !important;
}


.width60px {
    width: 60px;
}

.width70px {
    width: 70px;
}

.width75px {
    width: 75px;
}

.width80px {
    width: 80px;
}

.width90px {
    width: 90px;
}

.width100px {
	width: 100px;
}

.width110px {
	width: 110px;
}

.width120px {
    width: 120px;
}

.width140px {
    width: 140px;
}

.width150px {
    width: 150px;
}

.width175px {
    width: 175px;
}

.width200px {
    width: 200px;
}


.width250px {
    width: 250px;
}


.width300px {
    width: 300px;
}

.width345px {
    width: 345px;
}

.width350px {
    width: 350px;
}

.width400px {
    width: 400px;
}

.width500px {
    width: 500px;
}

.width3000px {
    width: 3000px;
}

.width6000px {
    width: 6000px;
}

.width12000px {
    width: 12000px;
}

.maxwidth100 {
    max-width: 100% !important;
}

.maxwidth100px {
    max-width: 100px;
}

.maxwidth200px {
    max-width: 200px;
}

.minwidth100 {
	min-width: 100%;
}

.minwidth110px {
	min-width: 110px;
}

.minwidth150px {
	min-width: 140px;
}

.minwidth350px {
	min-width: 350px;
}

.height100 {
	height: 100%;
}

.height1px {
	height: 1px;
}

.height2px {
	height: 2px;
}

.height5px {
	height: 5px;
}

.height20px {
    height: 20px;
}

.height35px {
    height: 35px;
}

.height40px {
    height: 40px;
}

.height80px {
    height: 80px;
}

.height100px {
    height: 100px;
}

.height175px {
    height: 175px !important;
}

.height200px {
    height: 200px;
}

.multicol3height {
	min-height:218.1px;
}

.multicol4height {
	min-height:286.4px;
}

@media only screen and (max-width: 1199px) {
	.multicol3height {
		min-height:238.65px;
	}
	.multicol4height {
		min-height:241.95px;
	}
}

@media only screen and (max-width: 991px) {
	.multicol3height,.multicol4height {
		min-height:0;
	}
}

.edge5 {
    border-top: 5px solid;
}

.edge5.alert-danger {
	border-color: #a94442;
}

.kant2 {
    border: 1px solid;
}

.bundkant2 {
	border-bottom: 2px solid;
}

.borderbottom_lightgrey {
	border-bottom: 1px solid #e3e3e3;
}

@media only screen and (max-width: 479px) {
	.borderbottom_lightgrey_max480 {
		border-bottom: 1px solid #e3e3e3;
	}
}

.round5 {
    border-radius: 5px;
}

.round10 {
    border-radius: 10px;
}

.round25 {
    border-radius: 5px;
}

img.fwimg{
    width:100%;
}

img.yimg{
    width:150px;
}

.omr-img {
	position: absolute;
	right: 10px;
	width: 150px;
}

.omr-img > img {
	max-height: 100px;
	box-shadow: 0px 5px 5px #CCCCCC;

}

.opacity2 {
	opacity: 0.2;
}

.opacity4 {
	opacity: 0.4;
}

.opacity6 {
	opacity: 0.6;
}

.grey {
    background-color:#ccc;
}

.bgslettet {
	background-color: rgba(255, 0, 0, 0.08);
}

.listview {
    padding: 0 13px 0 0;
}

.header-indent {
    padding: 0 0 0 8px;
}

.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 0px;
}

@media print {
  .col-print-12 {
    width: 100%;
    flex: 0 0 100%;
  }
}

.highlight,
.highlight-hover:hover,
.modal-header,
.btn-default:hover,
.info-table:not(.alert-danger) tr:hover,
.table-hover tbody tr:hover:not(.no-hover):not(.no-hover-striped) td,
.table-hover tbody tr:hover:not(.no-hover):not(.no-hover-striped) th,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.menu_ny_li:hover,
.menu_ny_li:focus,
.menu_ny:hover,
.menu_ny:focus,
.boxmain.link.hovereffect:hover {
    -webkit-transition: all 0.5s ease-in-out, font-weight 1ms;
    -moz-transition: all 0.5s ease-in-out, font-weight 1ms;
    -o-transition: all 0.5s ease-in-out, font-weight 1ms;
    transition: all 0.5s ease-in-out, font-weight 1ms;
}

.mce-tinymce.mce-container.mce-panel {
	margin-bottom: 10px;
}

/*
###########################
LOGIN
###########################
*/

.panel-heading {
    padding: 5px 15px;
}

.panel-footer {
    padding: 1px 15px;
    color: #A0A0A0;
}

.profile-img {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#tofaktorkode, #tofaktorgensend, #tofaktorvalg {
	display:none;
}

/*
###########################
BUTTONS
###########################
*/

.btn {
    transition: all 0.15s ease-in-out 0s;
}
.btn.text-left {
	text-align:left;
}

.btn div {
	overflow:hidden;
}

.btn-primary:hover {
    text-decoration: none;
}

.btn_noclick {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: default;
    display: inline-block;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

span.btn.btn_noclick:hover {
	color:red;
}



.banefarve {
    width: 80px;
}

.mbmenubtn {
	height: 86px;
	max-width: 100px;
}

/*
###########################
FOOTER
###########################
*/

.footer {
	display: none;
}

.footerbg {
    width:100%;
    margin-top:20px;
    overflow:hidden;
}

.footerbg2 {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}
.footerbg2 a:hover {
	text-decoration:none;
}
.footerbg2 a {
	color:#999;
}
ul.footerlist {
	padding-left:20px;
	list-style-image:url('../images/li2.png');
	margin-bottom: 0;
}
ul.footerlist li {
	line-height:24px;
	color:#999;
}
.footertitle {
	font-size: 16px;
	color:#b1b8b8;
	font-weight:600;
}

.scont, .scont .fa-ul li {
	text-align:left;
	color:#999;
	font-size:14px;
}
.scont a, .scont span.link {
	-webkit-transition:.3s;
	-moz-transition:.3s;
	transition:.3s
}

.scont a:hover, .scont span.link:hover {
	text-decoration:none;
}


.scont.adr a span {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.scont.adr a i {
	line-height:24px;
}

.socialmedia a {

	margin-bottom: 5px;
	display: inline-block;

}

/*
###########################
SLIDER
###########################
*/


.sliderbg {
    background: url(../images/bg.jpg) #4C7C7F center;
}


#amount {
    border:0;
    font-weight:bold;
}
/*
###########################
CAROUSEL
###########################
*/

.page_wrapper {
    height: 100%;
}

.carousel h1 {
    font-size: 1.5em;
}
.carousel h2 {
    font-size: 2em;
}
.carousel.slider h2 {
    min-height: 2em;
}
.carousel {
    overflow: hidden;
}
.carousel.camera {
    max-height: 35%;
}
.carousel.camera.h86 {
    height: 86px;
}
.carousel.camera.h150 {
    height: 150px;
}
.carousel.camera.h200 {
    height: 200px;
}
.carousel.camera.h300 {
    height: 300px;
}
.carousel.camera.h400 {
    height: 400px;
}
.carousel.camera.h500 {
    height: 500px;
}

.hoverlink:hover {
  background-color: #ddd;
}

.carousel.slider {
    max-height: 400px;
}
.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}
.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
    z-index:1;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.camera_wrap.grayscale .camera_target {
   	-webkit-filter: grayscale(0%);
   	-moz-filter: grayscale(0%);
   	filter: grayscale(0%);
   	transition: all 0.4s ease;
}

.camera_wrap.grayscale:hover .camera_target {
   	-webkit-filter: grayscale(80%);
   	-moz-filter: grayscale(80%);
   	filter: grayscale(80%);
   	-moz-transform: scale(1.04);
   	-webkit-transform: scale(1.04);
   	-o-transform: scale(1.04);
   	-ms-transform: scale(1.04);
	transform: scale(1.04) rotate(0.0001deg); /* rotate is due to a pixel bug in firefox */
}

.camera_wrap.grayscale .camera_caption * {
   	transition: all 0.4s ease;
}

.camera_wrap.grayscale:hover .camera_caption div {
	padding: 10px 0 10px 0;
	margin: 0;
}

.camera_wrap.grayscale .camera_caption .captionbreak {
	margin-top: 20px;
	display:block;
}

.camera_wrap.grayscale:hover .camera_caption .captionbreak {
	margin-top: 10px;
}

/*
###########################
TOPSLIDER
###########################
*/

.slider ol, .slider ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.slider {
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
    top: 0;
}

.slider ul {
    position: relative;
}

.slider li {
    background-size: cover !important;
    height: 400px;
    position: relative;
    top: 0;
    width: 100%;
}

.slider .slider-content {
    margin: auto;
    max-width: 1000px;
    position: relative;
    z-index: 3;
    height: 100%;

}

.slider .image-left .slider-copy {
    float: right;
    margin-right: -25px;
    right: 0;
}

.slider .image-right .slider-copy {
    float: left;
    margin-left: -25px;
}

.slider-copy {
    color: #fff;
    width: 48%;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.slider .image-left .slider-image {
    float: left;
    margin-left: -25px;
}

.slider .image-right .slider-image {
    float: right;
    margin-right: -25px;
    right: 0;
}

.slider .slider-image {
    overflow: hidden;
    width: 48%;
    z-index: 2;
    max-height: 400px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.slider img {
    height: auto;
    max-width: 100%;
}

.no_display {
    display: none;
}

.slider-arrows {
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 3;
}

.slider-arrows .sliderprevious {
    background-position: left center;
    border-radius: 0 4px 4px 0;
    left: 0;
}
.slider-arrows .slidernext {
    background-position: right center;
    border-radius: 4px 0 0 4px;
    right: 0;
}
.slider-arrows .slidernext:hover {
    background-color: #000;
    background-position: -60px 0;
    width: 60px;
}
.slider-arrows .sliderprevious:hover {
    background-color: #000;
    background-position: 10px 0;
    width: 60px;
}
.slider-arrows a {
    background: rgba(0, 0, 0, 0.6) url("../images/slider-arrows.png") no-repeat scroll 0 0;
    display: block;
    height: 50px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    width: 50px;
}
.slider a {
    text-decoration: none;
}
.slider a.btn {
}


/*
###########################
TOPSLIDER
###########################
*/

.camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    font-family: inherit;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 100%;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.camera_wrap {
    direction: ltr;
    display: none;
    float: left;
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.camera_wrap img {
    max-width: none !important;
}
.camera_fakehover {
    height: 100%;
    min-height: 60px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.camera_src {
    display: none;
}
.cameraCont, .cameraContents {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}
.cameraSlide {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.cameraContent {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.camera_target {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 0;
}
.camera_overlayer {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}
.camera_target_content {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.camera_target_content .camera_link {
    background: rgba(0, 0, 0, 0) url("../images/blank.gif") repeat scroll 0 0;
    display: block;
    height: 100%;
    text-decoration: none;
}
.camera_loader_wrapper {
/*    height: 560px; */
}
.camera_loader {
    background: rgba(255, 255, 255, 0.9) url("../images/camera-loader.gif") no-repeat scroll center center;
    border: 1px solid #ffffff;
    border-radius: 18px;
    height: 36px;
    left: 50%;
    margin: -18px 0 0 -18px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 36px;
    z-index: 3;
}
.camera_bar {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
    height: 100%;
    position: absolute;
    width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
    height: auto;
    position: absolute;
    width: 100%;
}
.camera_nav_cont {
    height: 65px;
    overflow: hidden;
    position: absolute;
    right: 9px;
    top: 15px;
    width: 120px;
    z-index: 4;
}
.camera_caption {
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
}

.camera_caption > div {
    padding: 20px 10px;
}
.camerarelative {
    overflow: hidden;
    position: relative;
}
.imgFake {
    cursor: pointer;
}
.camera_prevThumbs {
    bottom: 4px;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 4px;
    visibility: hidden;
    width: 30px;
    z-index: 10;
}
.camera_prevThumbs div {
    background: rgba(0, 0, 0, 0) url("../images/camera_skins.png") no-repeat scroll -160px 0;
    display: block;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 30px;
}
.camera_nextThumbs {
    bottom: 4px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 4px;
    visibility: hidden;
    width: 30px;
    z-index: 10;
}
.camera_nextThumbs div {
    background: rgba(0, 0, 0, 0) url("../images/camera_skins.png") no-repeat scroll -190px 0;
    display: block;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 30px;
}
.camera_command_wrap .hideNav {
    display: none;
}
.camera_command_wrap {
    left: 0;
    position: relative;
    right: 0;
    z-index: 4;
}
.camera_wrap .camera_pag .camera_pag_ul {
    list-style: outside none none;
    margin: 0;
    padding: 0 20px 0 0;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 26px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    background-color: rgba(0, 0, 0, 0) !important;
    border-radius: 8px;
    border: 2px solid #ddd;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 9px 5px;
    position: relative;
    text-align: left;
    text-indent: 9999px;
    width: 8px;
}

.camera_commands_emboss .camera_pag .camera_pag_ul li {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
    border-radius: 5px;
    height: 12px;
    left: -4px;
    overflow: hidden;
    position: absolute;
    top: -4px;
    width: 12px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: #ddd none repeat scroll 0 0 !important;
}
.camera_pag_ul li img {
    display: none;
    position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    top: 0;
}
.camera_prev, .camera_next, .camera_commands {
    cursor: pointer;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 2;
}
.camera_prev {
    left: 0;
}
.camera_prev > span {
    background: rgba(0, 0, 0, 0) url("../images/camera_skins.png") no-repeat scroll 0 0;
    display: block;
    height: 40px;
    width: 40px;
}
.camera_next {
    right: 0;
}
.camera_next > span {
    background: rgba(0, 0, 0, 0) url("../images/camera_skins.png") no-repeat scroll -40px 0;
    display: block;
    height: 40px;
    width: 40px;
}
.camera_commands {
    right: 41px;
}
.camera_commands > .camera_play {
    background: rgba(0, 0, 0, 0) url("../images/camera_skins.png") no-repeat scroll -80px 0;
    height: 40px;
    width: 40px;
}
.camera_commands > .camera_stop {
    background: rgba(0, 0, 0, 0) url("../images/camera_skins.png") no-repeat scroll -120px 0;
    display: block;
    height: 40px;
    width: 40px;
}
.camera_thumbs_cont {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.camera_thumbs_cont > div {
    float: left;
    width: 100%;
}
.camera_thumbs_cont ul {
    overflow: hidden;
    padding: 3px 4px 8px;
    position: relative;
    text-align: center;
}
.camera_thumbs_cont ul li {
    display: inline;
    padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
    border: 1px solid;
    cursor: pointer;
    margin-top: 5px;
    vertical-align: bottom;
}
.camera_clear {
    clear: both;
    display: block;
}
.showIt {
    display: none;
}
.camera_clear {
    clear: both;
    display: block;
    height: 1px;
    margin: -1px 0 25px;
    position: relative;
}
.pattern_1 .camera_overlayer {
    background: rgba(0, 0, 0, 0) url("../images/patterns/overlay1.png") repeat scroll 0 0;
}
.pattern_2 .camera_overlayer {
    background: rgba(0, 0, 0, 0) url("../images/patterns/overlay2.png") repeat scroll 0 0;
}
.pattern_3 .camera_overlayer {
    background: rgba(0, 0, 0, 0) url("../images/patterns/overlay3.png") repeat scroll 0 0;
}
.pattern_4 .camera_overlayer {
    background: rgba(0, 0, 0, 0) url("../images/patterns/overlay4.png") repeat scroll 0 0;
}
.pattern_5 .camera_overlayer {
    background: rgba(0, 0, 0, 0) url("../images/patterns/overlay5.png") repeat scroll 0 0;
}
.pattern_6 .camera_overlayer {
    background: rgba(0, 0, 0, 0) url("../images/patterns/overlay6.png") repeat scroll 0 0;
}
.pattern_7 .camera_overlayer {
    background: rgba(0, 0, 0, 0) url("../images/patterns/overlay7.png") repeat scroll 0 0;
}
.pattern_8 .camera_overlayer {
    background: rgba(0, 0, 0, 0) url("../images/patterns/overlay8.png") repeat scroll 0 0;
}
.pattern_9 .camera_overlayer {
    background: rgba(0, 0, 0, 0) url("../images/patterns/overlay9.png") repeat scroll 0 0;
}
.pattern_10 .camera_overlayer {
    background: rgba(0, 0, 0, 0) url("../images/patterns/overlay10.png") repeat scroll 0 0;
}
.camera_caption {
    color: #fff;
}
.camera_caption > div {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    background: #b7b7b7 none repeat scroll 0 0;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
    background: #b7b7b7 none repeat scroll 0 0;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: #434648 none repeat scroll 0 0;
}
.camera_pag_ul li img {
    border: 4px solid #e6e6e6;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}
.camera_pag_ul .thumb_arrow {
    border-top-color: #e6e6e6;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
    background: rgba(216, 216, 216, 0.85) none repeat scroll 0 0;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    background: #b7b7b7 none repeat scroll 0 0;
}
.camera_thumbs_cont ul li > img {
}

/*
###########################
COOKIE
###########################
*/

.cookie {
    font-size: 17px;
    font-weight: normal;
}

/*
###########################
TABELLER
###########################
*/

/* Global Styles */

.img-hover:hover, .img-hover:focus,
.boxmain.link:hover > div > .img-hover, 
.boxmain.link:focus > div > .img-hover,
.boxmain.link:hover > div > div > .img-hover, 
.boxmain.link:focus > div > div > .img-hover {
    opacity: 0.8;
    text-decoration: underline;
}

.info-table tr.link:hover td.hovereffect,
.info-table tr.link:focus td.hovereffect,
div.hovereffect:hover,
div.hovereffect:focus {
	/*Opacity 0.8 virker ikke på aktivitetskalenderen, når der også skal være en faTooltip)*/
	background: rgba(80,80,80,0.8) !important;
}

.info-table tr.link:hover td.hoverminimize div {
	padding: 2px;
}

.info-table tr.link:hover td div.hovermaximize {
	padding-right: 6px;
}

.transition {
   	transition: all 0.4s ease, font-weight 1ms;
}

.table.table_datoliste tr > td {
	padding:3px;
}

/*
###########################
CHECKBOXE
###########################
*/

.inline input {float:left;}

/* The rest depends on which layout you prefer. */

.vertical label {display:block;}

.horizontal label {display:inline-block; vertical-align:top; margin-right:10px;}

.inline-block span {display:inline-block; max-width:220px;}
.inline-block input {vertical-align:top;}

.inline span {display:inline;}

span.logininline {display:inline-block; line-height:20px; vertical-align:middle;}


.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}


.hoj40 {
	height: 70px;
	line-height: 70px;
	padding-top:0px;
}


/* VIDEO */


.youtube-player {
	position: relative;
	padding-bottom: 56.23%;
	/* Use 75% for 4:3 videos */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background: #000;
	margin: 0px;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}

.youtube-player:hover img {
	-webkit-filter: brightness(75%);
}

.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("//i.imgur.com/TxzC70f.png") no-repeat;
	cursor: pointer;
}


/* DAWA */

.autocomplete-container {
    /* relative position for at de absolut positionerede forslag får korrekt placering.*/
    position: relative;
    width: 100%;
    /* max-width: 30em; */
}
 
.autocomplete-container input {
    /* Både input og forslag får samme bredde som omkringliggende DIV */
    width: 100%;
    box-sizing: border-box;
}
 
.dawa-autocomplete-suggestions {
    margin: 0.3em 0 0 0;
    padding: 0;
    text-align: left;
    border-radius: 0.3125em;
    background: #fcfcfc;
    box-shadow: 0 0.0625em 0.15625em rgba(0,0,0,.15);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    overflow-y: auto;
    box-sizing: border-box;
}
 
.dawa-autocomplete-suggestions .dawa-autocomplete-suggestion {
    margin: 0;
    list-style: none;
    cursor: pointer;
    padding: 0.4em 0.6em;
    color: #333;
    border: 0.0625em solid #ddd;
    border-bottom-width: 0;
}
 
.dawa-autocomplete-suggestions .dawa-autocomplete-suggestion:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
 
.dawa-autocomplete-suggestions .dawa-autocomplete-suggestion:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-bottom-width: 0.0625em;
}
 
.dawa-autocomplete-suggestions .dawa-autocomplete-suggestion.dawa-selected,
.dawa-autocomplete-suggestions .dawa-autocomplete-suggestion:hover {
    background: #f0f0f0;
}





/* Responsive Styles */

@media only screen and (max-width: 320px) {
    .hasDatepicker.btn-default, .bootstrap-select > button.dropdown-toggle { padding-left: 6px; }
}

@media only screen and (max-width: 374px) {
	.min375 { display:none; visibility:hidden; }
    .searchbar .tid .btn { padding-left: 4px; padding-right: 4px; }
    .searchbar .tid .btn > i { display:none; visibility:hidden; }
    .daypaging > span { padding-left: 4px; padding-right: 4px; }
}

@media only screen and (max-width: 399px) {
    .min400 { display:none; visibility:hidden; }
    .rightpad20.padmin400 {padding-right: 10px !important; }
    .leftpad20.padmin400 {padding-left:10px !important;}
	#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
    .listtime > span.marleft10 { margin-left: 0px !important; }
}

@media only screen and (max-width:419px){
    .min420 { display:none; visibility:hidden;}
}

@media only screen and (max-width: 479px) {
    .min480 { display:none; visibility:hidden; }
    .min480alt { opacity:0; font-size:0; }
    .daypaging .fa-left { margin-right: 0; }
    .daypaging .fa-right { margin-left: 0; }
    .listsesonstyle .fa-left { margin-right: 0; }
    .listsesonstyle .fa-right { margin-left: 0; }
}

@media only screen and (min-width: 375px) and (max-width: 639px) {
    .searchbar .tid .btn { padding-left: 10px; padding-right: 10px; }
    .daypaging > span { padding-left: 6px; padding-right: 6px; }
}



@media only screen and (min-width: 400px) and (max-width: 639px) {
    .listtid > span { padding-left: 6px; padding-right: 6px; }
    .listtime > span { padding-left: 6px; padding-right: 6px; }
}

@media only screen and (max-width: 599px) {
    .min600 { display:none; visibility:hidden; }
}

@media only screen and (max-width: 639px) {
    .min640 { display:none; visibility:hidden; }
    .liste_narrow { display:table-cell; visibility:visible; }
    .daypaging .fa-left { margin-right: 4px; }
    .daypaging .fa-right { margin-left: 4px; }
    .scrollable-menu { max-height: calc(100vh - 140px); }
}

@media only screen and (min-width: 400px) and (max-width: 767px) {
    .listtime > span.marleft10 { margin-left: 5px !important; }
}

@media only screen and (min-width: 640px) and (max-width: 991px) {
    .liste_narrow { display:none; visibility:hidden; }
    .liste_medium { display:table-cell; visibility:visible; }
}

@media only screen and (min-width: 640px) and (max-width: 991px) {
    .searchbar .tid .btn { padding-left: 11px; padding-right: 11px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #products .grid-item > div { min-height: 360px; }
    #products .grid-item > div > .link { min-height: 147px; display: inline-block; }
    #products .grid-item > div h2 {    height: 42px; font-size: 1.3em; }
    #products .grid-item > div > div > .holdinfo { height: 155px; }
    #products .grid-item > div > div > .sesonholdinfo { height: 310px; }
    .liste_gallery .holdknap span.btn, .liste_gallery .knap2, .liste_gallery .knap2uk { padding-left: 7px; padding-right: 7px; }
    .liste_gallery .knap2uk { min-width: 131px; }
    .minheight26 { min-height: 26px; !important; }
}


@media only screen and (max-width: 767px) {
    .hide768 { display: none; !important; }
    .width768 { width: 100%; !important; }
    .btn768 { width: 100%; display:block; padding: 10px 0; !important; }
    .uc768 { text-transform:uppercase;}
    .min768 { display:none; visibility:hidden;  }
    .center768 { text-align:center;color:#fff }
    .margin768 { margin-bottom: 10px }
    .pt0768  { padding-top: 0px; !important }
    .mt0768  { margin-top: 0px !important }
    .pb0768  { padding-bottom: 0px; !important }
    .mb0768  { margin-bottom: 0px !important }    
    .liststyle .fa-left { margin-right: 0; }
    .liststyle .fa-right { margin-left: 0; }
    #content.konto { padding-top: 0px; }
    #headline { padding: 5px }
    .headline1 { padding-top:0px; }
   /* .searchbar.baner {    background: linear-gradient(rgba(90, 146, 151, 0.77), rgba(90, 146, 151, 0.77)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("../images/bgbar.png") repeat scroll 0 -60px; }   */
    .searchbar.baner { background-position: 0 -60px !important; }
    .img-portfolio { margin-bottom: 15px; }
    header.carousel .carousel { height: 70%; }
    .navbar, #header_wrapper { min-height: 62px !important; }
    .ui-datepicker[style] {    margin: 0 auto;    max-width: 666px; min-width: 256px;    width: 100%; left: 0 !important; top: 0 !important;    bottom 0 !important; right: 0 !important; z-index: 3000 !important; position: fixed !important; }
    .bootstrap-select.mobile .dropdown-menu.open, .bootstrap-select.mobile .dropdown-menu.open[style] {
    	margin: 0 auto;
    	max-width: 666px;
    	min-width: 256px;
    	width: 100%;
    	left: 0 !important;
    	top: 70px !important;
    	bottom 0 !important;
    	right: 0 !important;
    	z-index: 3000 !important;
    	position: fixed !important;
    	max-height: calc(100vh - 70px) !important;
    	overflow-y: auto; }
    .bootstrap-select.mobile.show-menu-arrow .dropdown-toggle::before, .bootstrap-select.mobile.show-menu-arrow .dropdown-toggle::after,
    .bootstrap-select.mobile.show-menu-arrow.dropup .dropdown-toggle::before, .bootstrap-select.mobile.show-menu-arrow.dropup .dropdown-toggle::after { display:none; visibility:hidden; }
    .navbar-nav > li > a, .navbar-nav > li > span.link, .navbar-brand { height: 60px; }
    .infoskaermmin { display:none; visibility:hidden; }
}

@media only screen and (max-width: 991px) {
    .min992, li.min992 { display:none; visibility:hidden; } /* bruges hvis noget skal skjules når der skiftes til 1 kolonne visning) */
    .searchbar { height: auto; padding-top: 5px; padding-bottom: 5px;}
    .searchbar .padbot15 { padding-bottom: 3px; }
    .searchbar .padtop10 { padding-top: 2px; }
    .customer-img, .img-related { margin-bottom: 30px; }
    .varelistetekst { width: 99%; }
    .headline1 { font-size:24px; }
}

@media only screen and (max-width:1023px){
    .min1024 { display:none; visibility:hidden;}
}

@media only screen and (max-width:1279px){
    .min1280 { display:none; visibility:hidden;}
}


@media only screen and (max-width: 1120px) {
    .slider .image-left .slider-copy { padding: 0 60px 0 0; }
    .slider .image-right .slider-copy { padding: 0 0 0 60px; }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #products .grid-item > div { min-height: 360px;    }
    #products .grid-item > div > .link { min-height: 142px; display: inline-block; }
    #products .grid-item > div h2 { height: 42px; font-size: 1.3em; }
    #products .grid-item > div > div > .holdinfo { height: 170px; }
    #products .grid-item > div > div > .sesonholdinfo { height: 310px; }
    .liste_gallery .holdknap span.btn, .liste_gallery .knap2, .liste_gallery .knap2uk { padding-left: 6px; padding-right: 6px; }
    .liste_gallery .knap2uk { min-width: 123px; }
    .searchbar .tid .btn { padding-left: 6px; padding-right: 6px; }
    .searchbar .tid .btn > i { display:none; visibility:hidden; }
    .baneoversigt .btn { padding-left: 5px; padding-right: 5px; }
    .baneoversigt .pull-left .btn > i { display:none; visibility:hidden; }
    .banefarve { width:50px; }
    .hasDatepicker.btn-default, .bootstrap-select.mobile > button.dropdown-toggle { padding-left: 6px; }
    /*.varelistetekst { min-width: 200px; } bliver for bred i ie*/
    .varelisteinfo, .table.uk .varelisteinfo { min-width: 96px; }
	#rc-imageselect, .g-recaptcha {transform:scale(0.93);-webkit-transform:scale(0.93);transform-origin:0 0;-webkit-transform-origin:0 0;}
	.sticky-header { margin-left: 0; }
	.nav > li > a { padding: 10px; }
}

@media only screen and (max-width: 1479px) {
    .min1480 { display:none; visibility:hidden;}
}

@media only screen and (min-width: 1480px) {
	.max1480 { display:none; visibility:hidden; }
}

@media only screen and (max-width: 1199px) {
    .min1200 { display:none; visibility:hidden;}
    .max1200martop5 { margin-top:5px;}
}

@media only screen and (min-width: 1200px) {
	.max1200 { display:none; visibility:hidden; }
    #products .grid-item > div { min-height: 380px;    }
    #products .grid-item > div > .link { min-height: 175px; display: inline-block; }
    #products .grid-item > div h2 { height: 48px; font-size: 1.5em; }
    #products .grid-item > div > div > .holdinfo { height: 170px; }
    #products .grid-item > div > div > .sesonholdinfo { height: 310px; }

    .liste_wide .holdknapper .holdknap,    .liste_wide .holdknapperuk .holdknap { float: left; }
   /* .liste_wide .knap2, .liste_wide .knap2uk { margin-top: 0; margin-left: 12px; }*/
    .liste_wide span.knap2, .liste_wide span.knap2uk { min-width: 111px; }
    .liste_wide span.nobtn { min-width: 111px; }
    .liste_wide .nobtnuk { min-width: 133px; }
    .searchbar.portal { height:84px; }
}

@media only screen and (min-width:1280px) {
    .max1280 { display:none; visibility:hidden; }
}


@media only screen and (min-width:1024px) {
    .max1024 { display:none; visibility:hidden; }
}

@media only screen and (min-width:992px) {
    .max992, li.max992 { display:none; visibility:hidden; }  
}

@media only screen and (min-width:768px) {
    .max768 { display:none; visibility:hidden; }
    .pull-right-768 { float: right !important;}

}

@media only screen and (min-width:640px) {
    .max640 { display:none; visibility:hidden; }
}

@media only screen and (min-width:600px) {
    .max600 { display:none; visibility:hidden; }
}

@media only screen and (min-width:480px) {
    .max480 { display:none; visibility:hidden; }
    .headline1 { font-size:28px; }
}

@media only screen and (min-width:420px) {
    .max420 { display:none; visibility:hidden; }
}

@media only screen and (min-width:400px) {
    .max400 { display:none; visibility:hidden; }
}

@media only screen and (min-width:375px) {
    .max375 { display:none; visibility:hidden; }
}


@media only screen and (max-height:800px) {
	.carousel.camera {
	    max-height: 25%;
	}
}

@media only screen and (max-height:600px) {
	.carousel.camera {
	    display:none;
	}
}


@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }

  .row.seven-cols  {
      margin-left: -2px;
      margin-right: -2px;
  }

  .seven-cols .col-sm-1 {
      padding-left: 2px;
      padding-right: 2px;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
  
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}





.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

@page {
	size: auto; /* auto is the initial value */
	margin: 20mm 0mm 20mm 0mm;
}


@page :first {
    margin: 10mm 0mm 20mm 0mm; 
}

@media print {
    #sprogModal, #portalsogModal, #topbar, #header_wrapper, .sidenav, .footerbg, .footerbg2, #infoModal, #loginModal, #headline { display:none!important; }
    #print-content * { display:none!important; }
    .grid-item { position: static !important; display: inline-block; }
    .visible-print-table-row-group { display: table-row-group; }
    .visible-print-table-row-group tr td div { line-height: 14px !important; }
    h1 {font-size: 2.5vh;}   
}

#helpwin {
    z-index: 9;
    position: fixed;
    right: 30px;
    width: 400px;
    max-width: 40vw;
    top: 140px;
    height: 75vh;
    min-height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #b3c1d0;
    border-radius:3px;
    font-size:12px;
    cursor: move;
}

 
table .visible-print-table-row-group tr td, table .visible-print-table-row-group tr th {
	page-break-inside: avoid;
}

.table.table-fixed-head thead th {
	position: sticky; 
	top: 0;
}

.tableFixHead { 
	overflow-y: auto; 
	height: calc(100vh - 462px);
	min-height: 500px;
}

@media print {
	.tableFixHead {
		height: 100% !important;
	}

}

.tableFixHead thead th { position: sticky; top: 0px; }


.horizontal-sticky {
	--border-left: none;
	border-collapse:separate;
	border-top: 1px solid #ddd;
}

table.horizontal-sticky > thead > tr > th {
  /* Apply both top and bottom borders to the <th> */
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: none;
}

table.horizontal-sticky > tbody > tr > td {
  /* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
  border-top: none;
  border-left: none;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

table.horizontal-sticky > thead > tr > th:first-child,
table.horizontal-sticky > tbody > tr > td:first-child {
  /* Apply a left border on the first <td> or <th> in a row */
  border-left: 1px solid #ddd;
}


.horizontal-sticky > thead > tr > th, .horizontal-sticky td:not(.first-col) {
	vertical-align: middle;
	text-align: center;
}

.horizontal-sticky td:not(.spacer) {
	height:48px;
}

.horizontal-sticky .spacer {
	height: 3px;
	padding: 0;
}

.horizontal-sticky .first-col {
	position: sticky;
	left: 0px;
	overflow: hidden;
	z-index: 1;
	padding:0;
}

.horizontal-sticky .first-col div {
	width: 200px;
	padding: 6px;
}


.komma:not(.hide) ~ .komma:not(.hide):after {
  content: ", ";
}

body #cconsent-bar {
	width:75%;
	left:12.5%;
	background-color:#bbb;
}

.ccm__content__heading {
	white-space: pre-wrap;
}

#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup .ccm__tab-head::before {
	content: "\f00d";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
    text-decoration: inherit;
	position:absolute; 
	left:35px; 
	font-size:14px; 
	font-weight: 600; 
	color:#E56385; 
	display:inline-block; 
	margin-right: 20px;
}

#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup.checked-5jhk .ccm__tab-head::before {
	content:"\f00c"; 
	color:#28A834
}

#cconsent-bar a.ccb__edit {
	color: #333;
}

#cconsent-bar a.ccb__edit:hover, #cconsent-bar a.ccb__edit:focus {
	color: #777;
}

#cconsent-bar button.consent-necessary {
	background-color: #ccc;
	color:#333;
}

#cconsent-bar button.consent-necessary:hover, #cconsent-bar button.consent-necessary:focus {
	background-color: #aaa;
	color:#666;
}

#cconsent-bar button.consent-give {
	background-color: #333;
	color:#ccc;
}

#cconsent-bar button.consent-give:hover, #cconsent-bar button.consent-give:focus {
	background-color: #ccc;
	color:#111;
}



/*
###################################
Taget fra custom.css
###################################
*/

.navbar-nav > li.buynow > a,
.navbar-nav > li.buynow > a:hover,
.navbar-nav > li.buynow > a:focus {
  border-radius: 4px;
}

.menu_ny {
    color: #000;
    text-align:left;
    text-transform: none;
    cursor: pointer;
}

.showMore {
    box-shadow:0 0 18px rgba(153, 204, 255, 0.8);
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    margin-bottom: 10px;
}
.item.list-group-item .list-group-image {
    margin-right: 10px;
}
.item.list-group-item .thumbnail {
    margin-bottom: 0px;
}
.item.list-group-item .caption {
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-child(odd of :not(.hide)) {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
}
.item.list-group-item:before, .item.list-group-item:after {
    display: table;
    content: " ";
}
.item.list-group-item img {
    float: left;
}
.item.list-group-item:after {
    clear: both;
}
.list-group-item-text {
    margin: 0 0 11px;
}

.icon-btn {
    padding: 1px 15px 3px 2px;
    border-radius:50px;
}

.thumbnail {
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .panel-heading .panel-title{
    padding: 10px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #444;
	background-color: #eee;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}

.banetabel {
	width:100%;
}

.banetabel tr {
	background-color:#F1F1F1;
}

.banetabel th {
	background-color:#B1B1B1;
	text-align:center;
	border:1px solid #A1A1A1;
}

.banetabel td {
	padding-bottom:5px;
	padding-top:5px;
	background-color:#F1F1F1;
	border: 1px solid #A1A1A1;
	text-align:center;
}

.banetabel td.banetid {
	padding-bottom:5px;
	padding-top:5px;
	background-color:#D1D1D1;
	border: 1px solid #A1A1A1;
	width:90px;
	text-align:center;
}

.banetabel td.banetid2 {
	padding-bottom:5px;
	padding-top:5px;
	background-color:#D1D1D1;
	border: 1px solid #A1A1A1;
	width:50px;
	text-align:center;
}

.baneknap {
	width:100%;
}

.bane_whitebg {
    background-color:#B1B1B1;
    border-color:black;
}

.bane_redbg {
    background-color:red;
    border-color:A1A1A1;
}

.bane_rest {
    background-color:#E1E1E1;
    border-color:#A1A1A1;
}

.bane_ledig_streg {
    background-color:#9CCD9C;
    border-color:#A1A1A1;
    background-image: url('../images/bg-40.gif');
}

.bane_graybg {
    background-color:#F1F1F1;
    border-color:#A1A1A1;
    background-image: url('../images/bg-40.gif');
}

.bane_graybgKFF {
    background-color:#DF8D00;
    border-color:#A1A1A1;
    background-image: url('../images/bg-40.gif');
}

.bane_yellowbg {
    background-color:#CCFF99;
    border-color:#A1A1A1;
    color: #fff;
}
.bane_yellowbg:hover {
    color: #fff;
}

.bane_greenbg {
    background-color:green;
    border-color:#A1A1A1;
    color: #fff;
}
.bane_greenbg:hover {
    color: #fff;
}
.bane_greenbg_alt {
    background-color:lightgreen;
    border-color:#A1A1A1;
    color: #fff;
}
.bane_greenbg_alt:hover {
    color: #fff;
}

.redbg {
    color:red;
}

.ledigbg {
    color:#9CCD9C;
}

.greenbg {
    color:green;
}

.no-opacity {
    background-color: #F8F8F8;
    opacity: 0.8;
}

.mobilmenu {
    border: 1px solid #A1A1A1;
    border-radius: 4px;
    background-color: #F8F8F8;
}

.nav-tabs > li > a:hover {
    /*color:#fff !important;*/
}

.ui-datepicker{
	z-index: 9999 !important;
}

.bg-info-imp {
    background-color: #d9edf7 !important;
}
.bg-warning-imp {
    background-color: #fcf8e3 !important;
}
.bg-success-imp {
    background-color: #c1e2b3 !important;
}
.bg-danger-imp {
    background-color: #f2dede !important;
}

.text-info-imp {
    color: #31708f !important;
}
.text-warning-imp {
    color: #8a6d3b !important;
}
.text-success-imp {
    color: #3c763d !important;
}
.text-danger-imp {
    color: #a94442 !important;
}

@media print {
    .red:after,.red:before{color:red!important;}
    .green:after,.green:before{color:green!important;}
    .yellow:after,.yellow:before{color:yellow!important;}
    .black:after,.black:before{color:black!important;}
}

/*
##########################
Færdig custom.css
##########################
*/

/* behandler modul styling */

.radio-behandling input[type="radio"] {
  	opacity: 0;
  	position: fixed;
 	width: 0;
}

.radio-behandling label {
    display: inline-block;
    background-color: #ddd;
    padding: 10px 20px;
    border: 2px solid #888;
    width: 100%;
    cursor: pointer;
}

.checkbox-behandling input[type="checkbox"] {
  	opacity: 0;
  	position: fixed;
 	width: 0;
}

.checkbox-behandling label {
    display: inline-block;
    background-color: #ddd;
    padding: 10px 20px;
    border: 2px solid #888;
    width: 100%;
    cursor: pointer;
}

#behandlingloader {
	position:absolute;
	left: 0; 
  	right: 0; 
  	margin-left: auto; 
  	margin-right: auto; 
  	width: 50px;
  	height: 50px;
  	border-radius: 5px;
  	background: rgba(200, 200, 200, .9);
  	margin-top:-10px;
}

.modal-vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.modal-vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-vertical-align-center .modal-content {
    /* To center horizontally */
    margin: 0 auto;
}

/*
##########################
Online visning af mail
##########################
*/
.onlinemail th {
	text-align: center;
	font-weight:600;
}