html { width:100%;height:100%;overflow:hidden !important;}
body { width:100%;height:100%;overflow:hidden !important;font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; } 
a,input,div,button,span { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-seri; }
.btn { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.dropdown-item { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.card { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.card-header { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.card-body { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.card-footer { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.input-group { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.input-group-prepend { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.input-group-append { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.input-group-text { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;height:auto; }
.form-control { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;height:auto; }
.col-form-label { font-family:Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; }

td { white-space:nowrap; }

BODY {
	background-color:#223344 !important;
	color : #343434;
	
}

TABLE{
	text-align:left;
	font-size:11px;
	padding-top:0px;
	border-collapse:separate !important;
}


.mainmenu_link a { color:blue; text-decoration:underline; }

.menupunkt {
	font-size:11px;
    color:white;
    height:20px;
    background-repeat:repeat-x;
    background-image : url(billeder/firkant.gif);
}

A,A:Hover,A:Active,A:Visited {
	font-size:11px;
	color :#343434;
	text-decoration:none;
}
A:Hover {
	font-size:11px;
	
}


.even {
	color:black;
    background-color:#DEDEE6;
}

.odd {
    background-color:#AEB0D2;
}



.kolonnetitel { color:white; background:#330099; }
.udskrifttitel { color:red; background:black; }

.vagtbytte_skyggedivforgrund { display:none;z-index:120; width:1100px; height:100%; position:absolute; }
.vagtbytte_skyggediv { display:none;z-index:100; width:1100px; height:100%; background:silver;position:absolute;filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50; }

.kalender {
  border:1px solid black;
  background:white;
  color:black;
}

.kaloverskrift {
  border:0px solid white;
  color:white;
  background:#330099;
  text-align:center
}

.kalknap {
    border:0px solid white;
    width:25px;
    background:white;
}
.kalpil {
  background:#330099;  text-align:center;
}

#foldheader{cursor:pointer;cursor:hand ; font-weight:bold;list-style-image:url(billeder/03_plus.gif);margin:0 0 0 5; }
#foldinglist{ list-style-image:url(billeder/list.gif);margin:0 0 0 5;}
.highlighted {background:yellow;color:red;}

.skemahoved_maaned { color:white; background:#330099; text-align:center; }
.skemahoved_dato { color:white; background:#330099; height:18px; }
.skemahoved_dag { color:white; background:#330099; width:18px; height:18px; text-align:center;  }
.skemahoved_aften { color:white; background:#330099; width:18px; height:18px; text-align:center; }
.skemahoved_nat { color:white; background:#330099; width:18px; height:18px; text-align:center;  }

.skemaindhold_dato { height:18px; }
.skemaindhold_dag { width:18px; height:18px; text-align:center;  }
.skemaindhold_aften { width:18px; height:18px; text-align:center; }
.skemaindhold_nat { width:18px; height:18px; text-align:center;  }
.skema_knap_even { cursor:pointer;cursor:hand;background:#DEDEE6;color:black; width:18px; height:18px; border:1px solid #DEDEE6; }
.skema_knap_odd { cursor:pointer;cursor:hand;background:#AEB0D2;color:black; width:18px; height:18px; border:1px solid #AEB0D2; }


.linktabel { width:120px; }
.linktekst { font-family:arial;font-size:11px;color:black; }
.linktekst_even { text-align:center; height:22px; background:#DEDEE6; font-family:arial;font-size:11px;color:black; }
.linktekst_odd { text-align:center;  height:22px; background:#AEB0D2; font-family:arial;font-size:11px;color:black; }

.kalender { border:1px solid black; }
.kalender_prev { background:#330099;color:white;text-align:left;height:25px;  }
.kalender_text { background:#330099;color:white;text-align:center;font-size:20px;font-weight:bold;height:25px; }
.kalender_next { background:#330099;color:white;text-align:right;height:25px;border-right:1px solid black; }
.kalender_ugetext { background:#330099;color:white;width:100px;height:18px;text-align:center }

.vagtskema_tekst1 { text-align:center; font-size:15px; }
.vagtskema_tekst2 { text-align:center; font-weight:bold; }
.vagtskema_aar { height:25px; text-align:center; background:#330099;color:white;font-weight:bold; }
.vagtskema_maaned { text-align:center; background:#330099;color:white;font-weight:bold; }
.vagtskema_datokol { width:100px; text-align:center; background:#330099;color:white;font-weight:bold; }
.vagtskema_dagkol { width:25px; text-align:center; background:#330099;color:white;font-weight:bold; }
.vagtskema_aftenkol { width:25px; text-align:center; background:#330099;color:white;font-weight:bold; }
.vagtskema_natkol { width:25px; text-align:center; background:#330099;color:white;font-weight:bold; }
.vagtskema_dato { width:100px; text-align:left;  }
.vagtskema_dag { width:25px; text-align:center;  }
.vagtskema_aften { width:25px;text-align:center; }
.vagtskema_nat { width:25px;text-align:center;  }

.vagtskema_side1 { display:block; }
.vagtskema_side2 { width:770;height:260px;display:none;background:white;z-index:100;position:absolute; }

.vagtskemainfoside { width:810;height:300px;display:none;background:silver;z-index:120;position:absolute; }


.kalenderlinie_even { background:#DEDEE6;color:black;  }
.kalenderlinie_odd { background:#AEB0D2;color:black; }

.brugermailcombo { text-align:left;border:1px solid #7F9DB9; color:black;background:white; width:200px; height:20px; padding:0 4 0 4;}
.brugermailcombodiv { position:absolute; border:1px solid #7F9DB9; color:black;background:white; width:200px;}


.email_modtager { cursor:pointer;cursor:hand; text-align:left;border:1px solid #767676; color:black;background:white; width:500px; padding:0 4 0 4;height:19px;border-radius:2px; }
.email_distrikt { text-align:left;border:1px solid #767676; color:black;background:white;  }
.email_emne { width:500px; }
.email_modtager_div { position:absolute; background:white; border:1px solid #767676; }

.selectdiv1 { position:absolute;left:0px;top:0px;width:100%;height:100%;background:#C0C0C0;color:red;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5; }

.menupunkt a { color:white;  }
.menupunkt a:hover { color:white;text-decoration:underline; }


.ajax_table { width:100%; height:100%;}
.ajax_table_list { height:100%;vertical-align:top; border-top:1px solid black; }
.ajax_table_scroll { width:100%;height:189px;overflow-y:auto;overflow-x:hidden;border:1px solid black; }
.ajax_table_filter { width:100%;height:22px; }
.ajax_td { height:22px;margin-bottom:2px; }
.ajax_href { line-height:22px;height:22px;vertical-align:middle;width:100%;  }
.ajax_submit_button { width:50px;height:22px;border:0px;background:#330099;color:white;cursor:pointer; } 

table td { box-sizing: content-box; }

select[multiple] { padding:0px }
select[multiple] option { padding:0px; }
form { margin:0px !important; }
/* 
***********************************************************************************
****
**** EFTER BOOTSTRAP
****
***********************************************************************************

*/
.navbar .navbar-toggler { padding:0px;margin-top:13px;margin-bottom:13px; }
.navbar .navbar-brand { color:inherit; }
.navbar .navbar-brand>a { color:inherit; }
.navbar .navbar-brand>a>div { color:inherit;font-size:1.75rem;font-weight:bold;line-height:normal; }



.vb-header { position:fixed;left:0px;width:100%;height:60px;top:0px;z-index:5; }
.vb-header-pad { height:100px; }
@media (min-width: 1200px) { 
	.vb-header { height:100px; }  
	.vb-header-pad { height:140px; }
}

.vb-footer { position:fixed;left:0px;width:100%;height:40px;bottom:0px;z-index:5; }
.vb-footer-pad { height:40px; }

.vb-mainmenu { position:fixed;left:0px;top:60px;width:100%;height:40px;z-index:5; }
@media (min-width: 1200px) { .vb-mainmenu { top:100px; } }


.vb-login-info { display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column; flex-direction:column;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none; }
.vb-login-info .vb-text { display:-ms-flexbox;display:flex;font-size:10px;line-height:normal;cursor:default; }
.vb-login-info.header .vb-text { -ms-flex-pack:end;justify-content:flex-end;color:#c9dff9; }
.vb-login-info.dropdown .vb-text { -ms-flex-pack:start;justify-content:flex-start; }

.vb-adm-mnu { z-index:4 !important; }
.vb-adm-mnu .btn { width:100% !important; }




button.grid-txt { border-top:0px;border-left:0px;}

.grid-box-head { 
	display:-ms-flexbox;display:flex;-ms-flex-align:center;
	align-items:center;height:50px;background:#1565C0;color:#c9dff9;
	-ms-flex-pack:start;justify-content:flex-start;
	border-top-left-radius:0.1875rem;border-top-right-radius:0.1875rem; 
	padding-left:1.25rem;
	padding-right:1.25rem;
	overflow:hidden;
	border:1px solid #1155a3;
}
@media (min-width: 1200px) { .head-bar .grid-box-head { padding-left:0.625rem;padding-right:0.625rem; } }

.grid-box-body { 
	background:#ffffff;color:#707070;
	padding: 0.9375rem 1.25rem;
	overflow:hidden;
	border-left:1px solid #1155a3;
	border-right:1px solid #1155a3;
}

.grid-box-foot { 
	display:-ms-flexbox;display:flex;-ms-flex-align:center;
	align-items:center;height:50px;background:#eeeeee;
	border-bottom-left-radius:0.1875rem;border-bottom-right-radius:0.1875rem; 
	-ms-flex-pack:end;justify-content:flex-end;
	padding-left:1.25rem;
	padding-right:1.25rem;
	overflow:hidden;
	border:1px solid #1155a3;
}
@media (min-width: 1200px) { .foot-bar .grid-box-foot { padding-left:0.625rem;padding-right:0.625rem; } }


.grid-box-head-cols { border-left:1px solid #1155a3;border-right:1px solid #1155a3;overflow:hidden;display:none; }
.grid-box-head-cols>.grid-table { margin-left:-1px;margin-right:-1px;margin-top:-1px; }
.grid-box-head-cols>.grid-table .grid-body { height:35px; }
@media (min-width: 1200px) { .grid-box-head-cols { display:block; } }

.grid-box-body-cols { border-left:1px solid #1155a3;border-right:1px solid #1155a3;overflow:hidden;padding-top:5px;padding-right:5px;padding-left:5px; }
.grid-box-body-cols>.grid-table { margin-left:-1px;margin-right:-1px;margin-bottom:-1px; }
@media (min-width: 1200px) { .grid-box-body-cols { padding-top:0px;padding-right:0px;padding-left:0px; } }

.grid-box-foot-cols { border-left:1px solid #1155a3;border-right:1px solid #1155a3;overflow:hidden;display:none; }
.grid-box-foot-cols>.grid-table { margin-left:-1px;margin-right:-1px;margin-bottom:-1px; }
.grid-box-foot-cols>.grid-table .grid-body { height:35px; }
@media (min-width: 1200px) { .grid-box-foot-cols { display:block; } }


.head-bar { position:fixed;background:#f5f5f5;left:0px;top:100px;width:100%;height:50px;z-index:3;pointer-events:none; }
.head-bar .grid-box-head { border-radius:0px;border-width:0px; }
.head-bar button, .head-bar input { pointer-events:auto; }
.head-bar-pad { -ms-flex-positive:1;flex-grow:0;height:50px; }
.head-bar-row { display:-ms-flexbox;display:flex; }
.head-bar-col-le { -ms-flex-positive:1;flex-grow:1;display:block; }
.head-bar-col-ri { -ms-flex-positive:0;flex-grow:0;display:none;padding-left:1.25rem; }
.head-bar-col-ri>.grid-box-head { width:250px; }
@media (min-width: 1200px) { 
	.head-bar { top:140px;height:90px;padding-left:1.25rem;padding-right:1.25rem;padding-top:5px; } 
	.head-bar .grid-box-head { border-top-left-radius:0.1875rem;border-top-right-radius:0.1875rem;border-width:1px;  }
	.head-bar-pad { position:relative;height:90px; }
	.head-bar-col-le { display:block; }
	.head-bar-col-ri { display:block; }
	
}

.body-bar { display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%; }
.body-bar-inner { -ms-flex-positive:1;flex-grow:1;  }
.body-bar-row { display:-ms-flexbox;display:flex;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:auto; }
.body-bar-col-le { -ms-flex-positive:1;flex-grow:1; }
.body-bar-col-le>.grid-box-body { border-left-width:0px;border-right-width:0px;height:auto; }
.body-bar-col-ri { -ms-flex-positive:0;flex-grow:0; }
.body-bar-col-ri>.grid-box-body { border-left-width:0px;border-right-width:0px;height:auto;width:auto; }
@media (min-width: 1200px) { 
	.body-bar { padding-left:1.25rem;padding-right:1.25rem; }
	.body-bar-row { height:100%;-ms-flex-direction:row;flex-direction:row; }
	.body-bar-col-le>.grid-box-body { border-left-width:1px;border-right-width:1px;height:100%;padding:0px; }
	.body-bar-col-ri { padding-left:1.25rem; }
	.body-bar-col-ri>.grid-box-body { border-left-width:1px;border-right-width:1px;height:100%;width:250px;padding:0px; }

}

.foot-bar { position:fixed;background:#f5f5f5;left:0px;bottom:40px;width:100%;height:50px;z-index:3;pointer-events:none; }
.foot-bar .grid-box-foot { border-radius:0px;border-width:0px;border-top-width:1px; }
.foot-bar button, .foot-bar input { pointer-events:auto; }
.foot-bar-pad { -ms-flex-positive:1;flex-grow:0;height:50px; }
.foot-bar-row { display:-ms-flexbox;display:flex; }
.foot-bar-col-le { -ms-flex-positive:1;flex-grow:1;display:block; }
.foot-bar-col-ri { -ms-flex-positive:0;flex-grow:0;display:none;padding-left:1.25rem; }
.foot-bar-col-ri>.grid-box-foot { width:250px; }
@media (min-width: 1200px) { 
	.foot-bar { bottom:40px;height:90px;padding-left:1.25rem;padding-right:1.25rem;padding-bottom:5px; } 
	.foot-bar .grid-box-foot { border-bottom-left-radius:0.1875rem;border-bottom-right-radius:0.1875rem;border-width:1px;  }
	.foot-bar-pad { position:relative;height:90; }
	.foot-bar-col-le { display:block; }
	.foot-bar-col-ri { display:block; }
}

@media print {

	@page { size:auto;  }

	/*
	@page {
		size: auto;
	  }
	@page { size:landscape; }
	*/
	html,body { background:#ffffff !important;overflow:visible !important; width:100% !important; height:100% !important;min-width:0px !important;min-height:0px !important;text-align:center;padding:0px !important; }
	
	/* .vagt { background:transparent !important;border:1px solid #CCCCCC; } */
} 
.page-break { page-break-after:always !important; }



.tabel-overblik { border-collapse: collapse;border-style:solid;border-width:1px 0px 0px 1px;border-color:#CCCCCC;position:relative; }
.tabel-overblik td { position:relative; }
.tabel-overblik .head { border-style:solid;border-width:0px 1px 1px 0px;border-color:#CCCCCC;height:28px;width:100%;background:#eaedf1; }
.tabel-overblik .cols-1 { border-style:solid;border-width:0px 1px 1px 0px;border-color:#CCCCCC;height:28px;width:15px; }
.tabel-overblik .cols-2 { border-style:solid;border-width:0px 1px 1px 0px;border-color:#CCCCCC;height:28px;width:15px; }
.tabel-overblik .vagt { position:absolute;right:18px;top:2px;height:23px;opacity:0.8;border-style:solid;border-width:0px; }
.tabel-overblik .text { border-style:solid;border-width:0px 1px 1px 0px;border-color:#CCCCCC;height:28px;width:220px;background:#eaedf1; }

.tab-overblik {
	color:#000000;background:#ffffff;
	padding:3px 10px 3px 10px;
	border-radius:0px 0px 10px 10px;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#330099;
}

.tab-overblik:hover, .tab-overblik:focus, .tab-overblik.active {
	color:#ffffff;background:#330099;
}


.sticky-overblik {
	position:-webkit-sticky; 
	position:sticky;
	top: 0;
	background:yellow;
	height:30px;
	z-index:10;
	width:auto;
	
}
.btn-primary { background:#330099 !important; color:white !important; }

#online_user { 
	position:fixed;
	width:200px;
	height:200px;
	overflow:hidden;
	background:red;
	left:0px;
	top:0px;

}
.online-out { position:absolute;display:inline-block;top:0px;right:38px; }
.online-inn { position:relative;background:#330099;color:#ffffff;width:400px;height:75px;overflow-y:auto;overflow-x:hidden;border:1px solid white;padding:5px;text-align:left; }
.online-but { border:0px;background:#330099;color:#ffffff;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;height:20px; }