@font-face {
	font-family: 'AtB';
	font-style: normal;
	font-weight: normal;
	src: url("/webfonts/AtB Digital Regular.ttf") format("truetype");
}

.ui-accordion .ui-accordion-content {
	padding: 1em 1em !important;
}

.ui-widget, .ui-widget button {
				font-family: "Ubuntu" !important;
				font-size: 13px;           
}
.ui-widget {
				font-size: 13px !important
}

.ui-autocomplete {
	max-height: 150px !important;
	max-width: 400px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.ui-tabs-vertical { 
	width: 55em;
}

.ui-tabs-vertical .ui-tabs-nav { 
	padding: .2em .1em .2em .2em; 
	float: left; 
	width: 12em;
}

.ui-tabs-vertical .ui-tabs-nav li {
	clear: left; 
	width: 100%; 
	border-bottom-width: 1px !important; 
	border-right-width: 0 !important; 
	margin: 0 -1px .2em 0;
}

.ui-tabs-vertical .ui-tabs-nav li a { 
	display:block;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { 
	padding-bottom: 0;
	padding-right: .1em; 
	border-right-width: 1px; 
	border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-panel { 
	padding: 1em; 
	float: right; 
	width: 40em;
}


#tabs-min {
	background: transparent;
	border: none;
}
#tabs-min .ui-widget-header {
	background: transparent;
	border: none;
	border-bottom: 1px solid #000000;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#tabs-min .ui-tabs-nav .ui-state-default {
	background: transparent;
	border: none;
}
#tabs-min .ui-tabs-nav .ui-state-active {
	background: transparent url(img/uiTabsArrow.png) no-repeat bottom center;
	border: none;
}
#tabs-min .ui-tabs-nav .ui-state-default a {
	color: #9b9b9b;
}

.blur {
	color: #bebebe;
}

#tabs-min .ui-tabs-nav .ui-state-active a {
	color: #000000;
	background-color: #CCCCCC;
}

#watermark
{
	position:fixed;
	opacity:0.2;
	z-index:0;
	color:black;
	font-size: 30px;
	font-family: "Courier New";
	font-weight: bold;
}

.onlineplan
{
	font-family: "Permanent Marker";
	font-size: 24px;
	z-index:0;
}

.op_username
{
	font-family: "Patua One";
	z-index:1;
}


.gdpr1
{   
	font-size: 20px;
	font-weight: bold;
}
.gdpr2
{   
	font-size: 14px;
	font-weight: bold;
}
#vis_ur_main
{
	font-family: "Droid Sans Mono";
	font-size: 30px;
}


/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */
.ui-icon[class*=" fa-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0; 
    /* Bump it up - jQuery UI is -8px */
    margin-top: 0em;
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {
    margin-top: -0.75em;
}

.ui-button-icon-only .ui-icon[class*=" fa-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}

table.dataTable.noheader thead {
	display: none;
}

table.dataTable.compact_noborder thead th,
table.dataTable.compact_noborder thead td {
  padding: 1px 17px 2px 2px;
}
table.dataTable.compact_noborder tfoot th,
table.dataTable.compact_noborder tfoot td {
  padding: 1px;
}
table.dataTable.compact_noborder tbody th,
table.dataTable.compact_noborder tbody td {
  padding: 1px;
}

#showerror {
				position: absolute;
				right: 0px;
				top: 75px;
				display:none;
				z-index: 99999;
}

#showok {
				position: absolute;
				top: 0px;
				left: 50%;
				display:none;
				z-index: 99999;
				transform: translateX(-50%);
}

#tabletinfo {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

input, select {
				font-family: "Ubuntu" !important;
}

.skygge {
	box-shadow: 5px 5px 5px #888888;
}

#gKort{
				height: 500px;
 				width: 750px;
}

th {
				font-weight: bold;
				text-align: left;
}
body {
				margin: 1px;
				font-family: "Ubuntu", Verdana, Arial;
				font-size: 13px;
				z-index: 0;
				overflow: auto;
				background-image:url(gradient.png);
				background-repeat:repeat-x;
				background-attachment:fixed;
}

.dagstype {
				font-family: "Courier New";
				font-size: 13px;
}

.fastbred {
				font-family: "Courier New" !important;
}

#topmenu {
				left: 0px;
				bottom: 0px;
				width: 100%;
				position: fixed;
				color: #0000FF;
				height: 30px;
				z-index: 1;
				text-shadow: 1px 1px #FFFFFF;
				background: transparent;
}

.break {
				background-color: #e4e4e4;
				color: #000000;	
}

.break_main {
				background-color: #484848;
				color: #FFFFFF;		
}


#vlmenu {
				width: 150px;
				position: fixed;
				z-index: 10;
}

#vlmain {
				top: 130px;
				left: 220px;
				position: absolute;
}
#vlbus {
				top: 130px;
				width: 210px;
				overflow: auto;
				position: absolute;
}
#vlbusinfo {
				right:200px;
				top: 200px;
				width: 300px;
				position: fixed;
				z-index: 10;
}
#vlbusfejl {
				right: 10px;
				top: 10px;
				z-index: 10;
				position: fixed;
}

#vlob_busdetail {
				left: 650px;
				top: 10px;
				vertical-align:top;
				width:300px;	
				z-index: 10;
				position: absolute;
}

.vlelectric1 {
				font-size: 80% !important;
				background-color: antiquewhite !important;
				vertical-align:top;
				padding-left: 4px !important;
				padding-right: 4px !important;
}

.vlelectric2 {
				font-size: 80% !important;
				background-color: burlywood !important;
				vertical-align:top;
				padding-left: 4px !important;
				padding-right: 4px !important;
}

#bodytext {
				margin: 0 auto;
				position: relative;
}

#leftmenu {
				width: 150px;
				margin-left: 10px;
				float: left;
				position: fixed;
				overflow: hidden;
}

#mainpage {
				margin-left: 180px;
				margin-right: 10px;
/*				max-width: 1400px;*/
}

#main_anlaegselect {
				width: 150px;
}


#print_icon {
				right: 10px;
				text-align: right;
}

.menusub {
				color: #000000;
				padding-right: 3px;
				padding-left: 3px;
}
.menusub.hover {
				background-color: gray;
				color: #FFFF00;
				cursor: pointer;
}

#header, .header {
				font-family: 'Patua One', cursive;
				font-size: 20px;
				padding-left: 3px;
				margin-bottom: 10px;
}

#waitbar {
				position: absolute;
				right: 15px;
				top: 38px;
				display: none;
				z-index: 20;
}

.hidden {
				display:none;
}

.rt_data {
				font-family: "AtB",Trebuchet MS, Helvetica, sans-serif;
				font-size: 24px;
				height: 32px;
				overflow: hidden;
				text-shadow: 2px 2px #FFFFFF;
	
}

.rt_header {
				font-family: "AtB",Trebuchet MS, Helvetica, sans-serif;
		        font-size: 28px;
		        font-weight: bold;
		        line-height: 1.5;
				text-shadow: 2px 2px #FFFFFF;
				text-decoration: underline;
	
}
.rt_cancel {
	        text-decoration: line-through;
	        color: red;
}


.select_background {
	            background: none !important;
				background-color: #AAAAAA !important;
}

.select {
				cursor: pointer;
}

.select_dropdown {
 			   cursor: context-menu;
}

.select_flyt {
 			   cursor:move;
}
.select_help {
				cursor: help;
}

.select_height {
				min-height: 22px;
}

.fejl {
				color: #FF0000;
}

.fejl_udk, .fejl_bagg {
				background-color: #FF0000;
				color: #FFFFFF;
}
.vagt_udlaan {
				background-color: #000000;
				color: #FFFFFF;
				font-size: 10px;
				padding: 1px 5px;	
}

table {
				border-style: none;
				padding: 0;
				margin: 0;
				border-collapse: collapse;
				border-width: 0;
				display: table;
}

table.vognlob td, table.vognlob th {
				padding-right: 4px;
				border-bottom-style: dotted;
				border-bottom-width: 1px;
}

.kalender {
				table-layout: fixed;
				width: 120px;
}

.kalender_felt {
				border-style: solid;
				border-width: 1px;
				margin: 2px;
				width: 120px;
}

.kalender_funk {
	margin: 2px;
	width: 80px;
	height: 20px;
}

#kalender_main {
				height: 500px;
				overflow:auto;
}

.kalender_dato {
				border-style: solid;
				border-width: 1px;
				margin: 2px;
				width: 40px;
				text-align: center;
}

.kalender_idag {
				background:#e9e9e9;
}

.kalender_helligdag {
				background:#ffbfbf !important;
}

.ramme {
				border-style: solid;
				border-width: 1px;
}
.bund {
				border-bottom-style: solid;
				border-bottom-width: 1px;
}
.bund_stiplet {
				border-bottom-style: dotted;
				border-bottom-width: 1px;
				border-bottom-color: #000000;
}

.top {
				border-top-style: solid;
				border-top-width: 1px;
}

.top_stiplet {
				border-top-style: dotted;
				border-top-width: 1px;
				border-top-color: #000000;
}
.fribog_ok {
				color: #5AA0DB;
}

#udk_top {
				height: 20px;
}

.udk_afdeling {
				font-family: "Happy Monkey" !important;
				font-size: 12px !important;
}

#admin_access, .table_scroll {
				height: 500px;
				overflow: auto;
				overflow-x: hidden
}
.admin_ucomm {
				background-color: #00FF00;
				color: #000000;
}

.admin_unew {
				background-color: #0000FF;
				color: #FFFFFF;
}
.vrk_selected {
				background-color: #ffcc99;
}

.vagt_kode {
				font-weight: bold;
}
.vagt_tekst {
/*				font-weight: bold;*/
				font-style: italic;
				font-size: 12px;
				color: blue;
}
.vagt_nytur {
				border-width: 1px;
				border-top-style: solid;
}
.vagt_tom {
				font-style: italic;
}
.vagt_route {
				font-size: 11px;
				padding-right: 5px;
				padding-left: 5px;
}
.vagt_actstart {
				border-top-style: double !important;
}
.vagt_actend {
				border-bottom-style: double !important;
}

.vagt_oa {
				background-color: #a3f1ff;
				color: #000000;
				font-weight: bold;
				font-size: 10px;
}

.ferie_ledig {
				border-bottom: 3px solid #00FF00;
				text-align: left;
}
.ferie_ledig_godk {
				border-bottom: 3px solid #00bb00;
				text-align: left;	
}
.ferie_opt {
				border-bottom: 3px solid red;
				text-align: left;
}
.ferie_godk {
				border-bottom: 3px solid #00ea00;
				background-color: #00ea00 !important;
				color: #000000 !important;
				text-align: left;
}
.fp_head {
				width: 30px;
				-webkit-transform: rotate(315deg);
				-moz-transform: rotate(315deg);
				-o-transform: rotate(315deg);
				-ms-transform: rotate(315deg);
				transform: rotate(315deg);
}

#maph1, #maph2 {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

.duty_valid {
	background-color: #00b74a;
	color: #ffffff;
	white-space: nowrap;
	padding: 3px;
	border: 1px solid black;
}

.duty_validnoactive {
	background-color: #7c7c7c;
	color: #ffffff;
	white-space: nowrap;
	padding: 3px;
	border: 1px solid black;
}

.duty_invalid {
	background-color: #d9534f;
	color: #ffffff;
	white-space: nowrap;
	padding: 3px;
	border: 1px solid black;
}

.duty_none {
	padding: 3px;
	white-space: nowrap;
	border: 1px solid black;
}

.duty_view {
	margin: auto;
	width: 100%;
}
.duty_wrap {
	position: relative;
	overflow: auto;
	white-space: nowrap;
}
.duty_date {
	position: -webkit-sticky;
	position: sticky;
	width:75px;
	min-width: 75px;
	max-width: 75px;
	left: 0px;
	background: #aed0ea;

}

.leaflet-tooltip.map_marker {
	font-family: 'AtB', serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px;
	top: -48px;
}

.leaflet-tooltip.map_late {
	background-color: #d9991a;
	color: #000000;
}
.leaflet-tooltip.map_ontime {
	background-color: #00FF00;
	color: #000000;
}
.leaflet-tooltip.map_early {
	background-color: #FF0000;
	color: #FFFFFF;
}

.trip_black {
	color: #FFFFFF;
	background-color: #000000;
}

.night_warn {
	background-color: orange !important;
	color: white !important;
}

.night_alert {
	background-color: #FF0000 !important;
	color: #FFFFFF !important;
}

.smalltable {
	font-family: "Arial Narrow" !important;
}

.custom-combobox {
	position: relative;
	display: inline-block;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}
.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}

.vl_select {
	background-color: #bbbbbb !important;
	color: #ffffff !important;
}

.vl_udkview {
	margin: auto;
	width: 100%;
}

.vl_udklist {
	position: relative;
	overflow: auto;
	white-space: nowrap;
}


.vl-time-indicator {
	position: absolute;
	top: 0;
	bottom: 0;
/*	height: 20px;*/
	width: 1px;
	background-color: red;
	z-index: 20;
	pointer-events: none;
}

.activity-row1 {
	display: flex;
	align-items: center;
/*	position: relative;*/
	background: skyblue;
	position: sticky;
	top: 0;
	z-index: 50;
}

.act-lob1 {
	width: 80px;
	/*padding-right: 10px;*/
	font-weight: bold;
	flex-shrink: 0;
	background: skyblue;
	position: sticky;
	left: 0;
	z-index: 10;
	height: 15px;
}

.act-bus1 {
	width: 150px;
	/*	padding-right: 10px;*/
	color: white;
	flex-shrink: 0;
	background: skyblue;
	position: sticky;
	left: 80px;
	z-index: 9;
	height: 15px;
}

.activity-track1 {
	position: relative;
	flex-grow: 1;
	height:15px;
	background: skyblue;
	min-width: 1000px;
}

.activity-track1 .text {
	position: absolute;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	color: black;
}

.activity-row {
	display: flex;
	align-items: center;
/*	margin-botton: 10px;*/
	position: relative;
}

.act-lob {
	width: 80px;
	/*padding-right: 10px;*/
	font-weight: bold;
	flex-shrink: 0;
	background: white;
	position: sticky;
	left: 0;
	z-index: 10;
	border-right: 1px solid #ccc;
	height: 21px;
}

.act-power {
	position: absolute;
	left: 62px;
}

.act-bus {
	width: 150px;
/*	padding-right: 10px;*/
	color: #666;
	flex-shrink: 0;
	background: white;
	position: sticky;
	left: 80px;
	z-index: 9;
	border-right: 1px solid #ccc;
	height: 21px;
}

.activity-track {
	position: relative;
	flex-grow: 1;
	height:21px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	min-width: 1000px;
}

.activity-track .vehtask {
	position: absolute;
	top: 17px;
	height:4px;
	background-color: #4caf50;
	color:white;
	font-size: 10px;
	overflow: hidden;
	white-space: nowrap;
    cursor: help;
}

.activity-track .text {
	position: absolute;
	font-size: 10px;
	overflow: hidden;
	white-space: nowrap;
	color: black;
}

.activity-track .lineinfo {
    position: absolute;
    top: 11px;
    height:6px;
    background-color: indianred;
    color:white;
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
    cursor: help;
}

.activity-track .emptyinfo {
    position: absolute;
    top: 11px;
    height:6px;
    background-color: pink;
    color:white;
    font-size: 10px;
    overflow: hidden;
    white-space: nowrap;
    cursor: help;
}

.activity-row2 {
	display: flex;
	align-items: center;
	/*	margin-botton: 10px;*/
	position: relative;
}

.act-lob2 {
	width: 230px;
	/*padding-right: 10px;*/
	flex-shrink: 0;
	background: white;
	position: sticky;
	left: 0;
	z-index: 10;
	border-right: 1px solid #ccc;
	height: 16px;
}

.activity-track2 {
	position: relative;
	flex-grow: 1;
	height:16px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	min-width: 1000px;
}

.act-bus2 {
/*	width: 150px;*/
	color: #666;
	flex-shrink: 0;
	background: white;
	position: sticky;
	left: 230px;
	z-index: 9;
	height: 16px;
	padding-left: 2px;
}

.vl_garselect {
    z-index:500 !important;
}