/*
	Bakgrundsfargene vi bruker:

	White:			#f9f9f9
	Dirty-white:	#f3f3f3
	Blue:			#1fa6c3
	White_Gradient:	#E1E1E1 .... #d2d3d2
	Green:			#a4c400
	Mouseover_grey:	#e5e5e5
	Grey_Gradient:	#cfcfcf .... #e5e5e5
	Dark_grey:		#b7b7b7
	Orange:			#f8b356
	Orginal orange: #FC9600

	mouseover ikonfarge: #5C5C5A

	Tekstfargene:

	Black			#000000
	grey:			#8c8c8c
	lightgrey:		#5c5c5a
	mediumgrey:		#696969
	white			#ffffff

*/

html {
	font-size: 100%;
	font-family: "Open Sans", sans-serif;
}

body {
	font-size: 0.8rem;
	/*	line-height: 1.125em;*/
}

.padding0_15{
	padding: 0px 15px 0px 15px;
}


.caradmin_header{
	background-color:#EAEBEB; /*#f9f9f9;*/
	/*height:50px;*/; /*her er header*/
	padding: 0px 0px 0px 0px;
	box-sizing: content-box;
	margin-left: 250px;
}
/* D4D5D5 */
.caradmin_header2{
	/* 	background: -webkit-linear-gradient(#E1E1E1, #d2d3d2); For Safari 5.1 to 6.0 */
	/*   	background: -o-linear-gradient(#E1E1E1, #d2d3d2); For Opera 11.1 to 12.0 */
	/*   	background: -moz-linear-gradient(#E1E1E1, #d2d3d2); For Firefox 3.6 to 15 */
	/*   	background: linear-gradient(#E1E1E1, #d2d3d2); Standard syntax */
	background: -webkit-linear-gradient(#CECECF, #B4B5B5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#CECECF, #B4B5B5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#CECECF, #B4B5B5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#CECECF, #B4B5B5); /* Standard syntax  	*/
	box-sizing: content-box;
	height:50px;
	width:100%;
	position: absolute;
	box-shadow: inset 0px -10px 10px -11px #5c5c5a;
	z-index: 1;
}

.caradmin_invisibletabrow{
	display:none;
}

.caradmin_logoContainer img {
	-webkit-transition: margin-left 1s linear;
	transition: margin-left 1s linear;
}

.etc_errortext{
	color: red;
}

.etc_usermenu{
	font-size: 0.8rem;
	position: absolute;
	right: 18px;
	width: 220px;
	z-index: 101;
	color:#696969;
	background-color: white;
	border: 1px solid #888;
	border-radius: 10px;
}

.etctooltip{
	font-size: 0.8rem;
	max-width:900px;
}

.caradmin_search{
	padding: 14px 0px 10px 230px;
	margin: 0 auto;
	font-size: 0.7rem;
	/*width: 57.04%;*/
	width: 50%;
}

.caradmin_searchresult{
	width: 400px;
}

.caradmin_breadcrumb{
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	background-color: #E1E1E1;/*#f3f3f3;*/
	height:20px;
	line-height: 20px;
	color:#8c8c8c;
	font-size: 0.625rem; /*8px;*/
	padding: 2px 20px 2px 20px;
	box-sizing: content-box;
}

.breadCrumbLinkLast {
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}

.caradmin_main{
	min-width:300px;
	position: relative;

}

.caradmin_locdiv{
	font-family: "Open Sans", sans-serif;
	background-color:#1fa6c3;
	font-weight: 300;
	font-size:0.8rem;
	padding-left: 20px;
	color: #ffffff;
	height:90px;
}

.caradmin_locHeading {
	padding: 20px 15px 0px 0px;
	text-transform: uppercase;

}

.caradmin_selectbox{
	width: 160px;
	color: #888;
	border: 0px solid #888;
	min-height:17px;
}

.caradmin_selectbox select{
	width: 100px;
	font-size:0.8rem;/*10pt;*/
	color:#00ff00;
}

/* div.menudarkgradient { */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cbcbcb+0,e1e1e1+34,e1e1e1+100,e5e5e5+100,e1e1e1+100 */
/* 	background: rgb(203,203,203); Old browsers */
/* 	background: -moz-linear-gradient(top,  rgba(203,203,203,1) 0%, rgba(225,225,225,1) 65%, rgba(225,225,225,1) 100%, rgba(229,229,229,1) 100%, rgba(225,225,225,1) 100%); FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,203,203,1)), color-stop(65%,rgba(225,225,225,1)), color-stop(100%,rgba(225,225,225,1)), color-stop(100%,rgba(229,229,229,1)), color-stop(100%,rgba(225,225,225,1))); Chrome,Safari4+ */
/* 	background: -webkit-linear-gradient(top,  rgba(203,203,203,1) 0%,rgba(225,225,225,1) 65%,rgba(225,225,225,1) 100%,rgba(229,229,229,1) 100%,rgba(225,225,225,1) 100%); Chrome10+,Safari5.1+ */
/* 	background: -o-linear-gradient(top,  rgba(203,203,203,1) 0%,rgba(225,225,225,1) 65%,rgba(225,225,225,1) 100%,rgba(229,229,229,1) 100%,rgba(225,225,225,1) 100%); Opera 11.10+ */
/* 	background: -ms-linear-gradient(top,  rgba(203,203,203,1) 0%,rgba(225,225,225,1) 65%,rgba(225,225,225,1) 100%,rgba(229,229,229,1) 100%,rgba(225,225,225,1) 100%); IE10+ */
/* 	background: linear-gradient(to bottom,  rgba(203,203,203,1) 0%,rgba(225,225,225,1) 65%,rgba(225,225,225,1) 100%,rgba(229,229,229,1) 100%,rgba(225,225,225,1) 100%); W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#e1e1e1',GradientType=0 ); IE6-9 */
/* 	color: #000; */
/* 	border-top: 1px solid #BBB; */
/* 	border-bottom: 0; */
/* } */

/*slette
div.menudarkgradient{
	background-color: #cecfcf;
	color: #000;
	border-top:1px solid #B4B4B4;
	border-bottom: 0;
}


.menudarkgradient img, .headingmarked img > img.topMenuIcon {
	opacity: 1;
}*/

div.menumarked, div.submenumarked{
	/* 	background-color:#b7b7b7; */
	background-color:#919191;
	z-index:1;
	color:#fff;
}

.submenuitem{
	background-color: #CBCBCB;
}

div.submenuitem {
	background-color: #CBCBCB;
	border-bottom: 1px solid #a1a1a1;
}

_::-webkit-full-page-media, _:future, :root .caradmin_tabrow li{
	margin: -1px !important;
}

.caradmin_tabrow:before, .caradmin_tabrow_mobile:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	/*border-bottom: 1px solid #AAA;*/
	z-index: 1;
}


.caradmin_tabrow li.caradmin_tab_active:before,.caradmin_tabrow_mobile li.caradmin_tab_active:before {
	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #D1D1D1;
	background-clip: padding-box;
}
.caradmin_tabrow li.caradmin_tab_active:after, .caradmin_tabrow_mobile li.caradmin_tab_active:after {
	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #D1D1D1;
	background-clip: padding-box;
}
.caradmin_tabrow li.caradmin_tab_active:before, .caradmin_tabrow_mobile li.caradmin_tab_active:before {
	box-shadow: 2px 2px 0 #FFF;
	background-clip: padding-box;
}
.caradmin_tabrow li.caradmin_tab_active:after, .caradmin_tabrow_mobile li.caradmin_tab_active:after {
	box-shadow: -2px 2px 0 #FFF;
	background-clip: padding-box;
}

.caradmin_tabrow:selection, .caradmin_tabrow_mobile:selection {
	bacgkround: inherit;
}

/** slutt på horisontal meny **/

.menuicon {
	min-width:15px;
	float: left;
	padding: 0px 2px 0px 0px;
}

.caradmin_numberCircle{
	border-radius: 50%;
	/*noinspection CssUnknownTarget*/
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */

	width: 20px;
	height: 20px;
	padding: 2px;
	padding-top: 0px;
	padding-bottom: 0px;

	background: #ddd;
	border: 2px solid #ddd;
	color: #666;
	text-align: center;
}


.caradmin_smallIcon {
	height: 15px;
}

.caradmin_inlineIcon {
	height: 20px;
	width: 20px;
}

.caradmin_icon:hover, .caradmin_icon_active, .caradmin_smallIcon:hover {
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

.envelope_removeborder{
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.caradmin_error {
	background-color: #e5e5e5;
	color: black;
	font-weight: bold;
	padding: 4px;
	margin-bottom: 10px;
}

a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}



.TableHeader, .TableHeaderOverview {
	background-color: #D2D2D2;/*#b7b7b7;	 */
	/*color: #fff; */
}



.TableHeader td, .TableHeader th, .TableHeaderOverview td, .TableHeaderOverview th {
	padding: 10px 10px 5px 10px;
	border-right: 1px solid #999;
	border-bottom: 2px solid white;
	font-weight: bold;
}

.TableHeaderLarge {
	padding: 5px;
}

.menulisting {
	text-align: left;

}

tr.report {
	background-color: #FAFAFA;
}
tr.report:nth-child(2n+1) {
	background-color: #EFEFEF;
}

tr.report td {
	/*	border-bottom: 2px solid white; */
	border-right:  1px solid #D9D9D9;
	padding: 5px;
}
tr.report:nth-child(2n+1) td {
	/*border-right:  1px solid #B2B2B2;*/
}

tr.report td:last {
	border-right:  0;
}

table.report {
	border-spacing: 0px;
	border-collapse: separate;
	width:100%;
}

.etc_dialog{
	font-size: 0.8em;
	border-radius: 5px;
	width:auto;
}
.etc_dialog .ui-dialog-titlebar {display:none}

.ui-dialog {
	z-index: 1001 !important;
}

.etc_dialogheader{
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid ;
	/*     float: left; */
	height: 20px;
	width:100%;
	min-width: 200px;
}
.etc_dialogicon{
	min-width:45px;
	width:15%;
	float:left;
	min-height:1px;
}
.etc_dialogicon img{
	width:20px;
}
.etc_dialogtitle{
	width:70%;
	font-weight: bold;
	float:left;
	text-align: center;
	white-space:nowrap;

}
.etc_dialogclose{
	background: url(/images/newdesign/cross_104_darkgray.png) right top no-repeat;
	background-size: 20px 20px;
	width:15%;
	cursor:pointer;
	float:left;
	height: 20px;
}

/*
.etc_input {
	background-color:#E9E9E9;
	border-radius:5px;
	border:1px solid #E9E9E9;
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	font-size:0.8rem;
}

input.etc_input:-webkit-autofill {
	background-color: #E9E9E9;
	-webkit-box-shadow: 0 0 0px 1000px #E9E9E9 inset;
}

.etc_input:focus {
	outline: none;
}*/

.etc_inputerror{
	border: 1px solid red !important;
}

.etc_dialogtable .dialogtablecell {
	padding-top:2px;
	padding-bottom:2px;
	vertical-align: top;
}

.etc_inputlabel{
	/*font-weight:bold;*/
	white-space: nowrap;
}

.etc_inputWide {
	width: 100%;
}

.etc_dialogvalues{
	font-weight:bold;
}

.menulisting a {
	display: block;
	line-height: 22px;
	background-color: #e5e5e5;
	color: #696969;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d2d2d2;
	width: 100%;
}

.menulisting a:hover{
	display: block;
	line-height: 20px;
	background-color: #b7b7b7;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #fff;
	color: #fff;
	width: 100%;
}

.menulisting br {
	display: none;
}

/* ----------------------- mobil søkefeltet ------------------ */
.caradmin_mobilesearch{
	width:100%;
}
.caradmin_mobilesearchinput{
	width:100%;
	border:0px;
	padding: 2px 2px 2px 5px;
	outline: 0;
}
.caradmin_mobilesearchinput:hover, .caradmin_mobilesearchinput:active, .caradmin_mobilesearchinput:focus {
	border:none;
	/*border: 1px solid #5C5C5a;*/
}

.ui-widget {
	background-color: white;
	padding: 0px 0px 0px 0px;
	font-size: 0.8rem;
}

/*flytta
	-------------- brukermenu pil som peker til brukeren  ------------

.etc_usermenu:after,
.etc_usermenu:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.etc_usermenu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: red;
	border-width: 5px;
	right: 15px;
	margin-left: -5px;
}
.etc_usermenu:before {
	border-color: rgba(136, 136, 136, 0);
	border-bottom-color: #888;
	border-width: 6px;
	right: 14px;
	margin-left: -6px;
}

*/


/*	------------------------------------------------------------------  */
/*	-------------- søke pil som peker til forstørrelsesglass  ------------  */

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

.ui-menu-item {
	list-style: none;
	padding: 0px;
	/*background-color: #e5e5e5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d2d2d2;
	*/
	color: #696969;
}

.ui-menu-item:before {
	/*
	content: '\00BB';
	margin: 0 1em 0 0.5em;
	*/
}
.ui-menu .ui-menu-item{
	font-size:0.8rem;
	padding: 4px 22px 4px 22px;
}
.ui-menu-item.ui-state-focus{
	font-weight:bold;
}

.usermenuitem{
	font-size:0.8rem;
	padding: 4px 22px 4px 22px;
}

.usermenuitem:hover{
	cursor:pointer;
}
.usermenucategory{
	font-size:0.8rem;
	color:black;
	font-weight:bold;
	background:#e5e5e5;;
	padding: 4px 22px 4px 12px;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #D2D2D2;
}
.usermenucategory:hover{
	color:black;
	cursor:pointer;
}

/*flytta
.ui-autocomplete-category{
	font-size:0.8rem;
	padding: 4px 22px 4px 22px;
	//background-color:#e5e5e5;; #f9f9f9;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #D2D2D2;
}*/

.locationmenu
{
	left:0px;
	margin: 0;
	padding: 0;
	color: #696969;
	display:none;
	position:absolute;
	z-index:102;
	width:219px;
	border: 1px solid #aaa;
	overflow-y: hidden;
	overflow-x: hidden;
	background-color:white;

}
.locationmenu li
{
	display: block;
	position: relative;
	float: left;
	width:160px;

}

.ui-state-focus {
	background-color: #b7b7b7;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #fff
	/* 	color: #fff; */
}

div.submenucollection {
	padding: 0;
}

.pagehelpStyle {
	float: right;
}

button.modernButton, select.modernButton {
	color: #eee;
	font-size: 1rem; /*16px;*/
	text-align: center;
	min-width: 120px;
	min-height: 30px;
	border: none;
	border-radius:5px;
	background-color: #f7a856;
	outline: none;
	margin-right: 10px;
	margin-bottom: 10px;
}

button.modernButtonGrey {
	color: #555555;
	font-size: 1rem; /*16px;*/
	text-align: center;
	min-width: 120px;
	min-height: 30px;
	border: none;
	border-radius:5px;
	border: 1px solid #d2d2d2;
	background-color: #e5e5e5;
	outline: none;
	margin-right: 10px;
	margin-bottom: 10px;
}

button.modernButtonSmall, button.modernButtonSmallDisabled {
	min-width: 120px;
	min-height: 21px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 1px;
	font-size: 0.75rem;/* 12px;*/
	/*text-transform: uppercase;*/
	color: #555555;
	text-align: center;
	border: 1px solid #d2d2d2;
	background-color: #e5e5e5;
	border-radius:5px;
	outline: none;
}


button.modernButton:hover, button.modernButtonSmall:hover, button.mobileButton:hover {
	background-color: #f9b129;
	color:white;
}

button.etc_dialogButton {
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}


table.onesmallbutton{
	position: relative;
	width: 170px;
	top:10px;
	left:10px;
}

button.dialogButton{

}
button.SaveButton{
	background-color: #f7a856;
	color:#eee;
}

button.SaveButton:hover{
	background-color: #f9b129;
	color:white;
}

.fieldFormMultiChoiceSelect{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

/*Calender css */
.weekWrapper {
	/**width: 100%;**/
	background-color: white;
	border-spacing: 0px;
	margin-top: -1px;
}

.horizontalLinesOuter {
	position: relative;
	height: 1px;
	top: 1px;
}

.horizontalLinesInner {
	position: absolute;
	margin-top: 1px;
	width: 100%;
}

.horizontalLine {
	border-top-color: #dddddd;
	border-top-width: 1px;
	border-top-style: solid;
	height: 17px;
	line-height: 17px;
	border-bottom-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-bottom: 17px;
}

.horizontalLineMiddle {
	border-top-color: #A8A8A8;
	border-top-width: 1px;
	border-top-style: solid;
	height: 17px;
	line-height: 17px;
	border-bottom-color: #A8A8A8;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-bottom: 17px;
}

.hours {
	margin-top: -2px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #eeeeee;
	text-align: center;
	vertical-align: top;
	margin-right: 2px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.hour {
	height: 17px;
	line-height: 17px;
	padding-bottom: 17px;
	border-top-color: #eeeeee;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


.day {
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: top;
	border-color: #aaaaaa;
	border-style: solid;
	border-width: 1px;
}

.daySpacer {
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: top;
	cursor: default;
}

.dayWrapper {
	position: relative;
	cursor: pointer;
	padding-top: 0px;
}

.calendarEvent {
	text-align: left;
	cursor: default;
	position: absolute;
	vertical-align: top;
	overflow-x: hidden;
	overflow-y: visible;
	border-color: #aaaaaa;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
}

td.TableHeaderBook {
	color:   #000000;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	height: 24px;
	background-color: #D2D6CC;
	border-style: none;
}
div.calendar {
	width: 100%;
	/* 	height: 540px; */
	/* 	max-height: 540px; */
	overflow: auto;
}

tr.calendar {
	border-width:1px;
	border-color: #aaaaaa;
	border-style: solid;
	font-size: 0.7rem; /* 11px;*/
}

td.calendar {
	border-width:1px;
	border-color: #aaaaaa;
	border-style: solid;
	font-size: 0.7rem; /* 11px;*/
	text-align: left;
}

td.calendarGrey {
	border-width:1px;
	border-color: #aaaaaa;
	border-style: solid;
	font-size: 0.7rem; /* 11px;*/
	background-color: #CCCCCC;
}

td.calendarHead{
	border-width:1px;
	border-color: #aaaaaa;
	border-style: solid;
	font-size: 0.7rem; /* 11px;*/
	font-weight: bold;
	text-align: center;
}

td.calendarHouer{
	font-size: 11px;
	background-color: #eeeeee;
	border-color: #aaaaaa;
	padding-left: 3px;
	padding-right: 3px;
	height: 30px;
	border-width:1px;
	border-style: solid;
	vertical-align: top;
}

.monthrepHeader{
	color: #365F91;
	font-size: 1.125rem; /*18px;*/
	font-weight: bold;
}

.monthrepMiddleHeader{
	color: #4E81CA;
	font-size: 1rem; /* 16px;*/
	font-weight: bold;

}

/*-------------------------------- New Asset -------------------------------*/
.stepli {
	list-style: none outside none;
	margin: 0;
	margin-bottom:20px;
	padding: 0;
	min-height: 50px;
	width: 100%;
	border-bottom: 1px solid #a8a8a8;
}

.stepli li {
	float: left;
	padding: 2px 10px;
}

.largeText {
	font-size: large;
}

.selectedStep {
	font-weight: bold;
	color: black;
	border-bottom: 3px solid #f7a84e;
}

.notSelectedStep {
	color: gray;
	font-weight: normal;
}

.cellTitleLeftSpaced {
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
	vertical-align: top;
}

.assetSelectorBox {
	float: left;
	/* 	padding-left: 5px;  */
	/* 	padding-top: 2px; */
	/* 	padding-bottom: 1px; */
	/* 	padding-right: 2px; */
	border:1px solid;

	border-color: #c0c0c0;

	padding: 12px 12px;
	margin-bottom: 20px;
	border-radius: 5px;
	box-shadow: 0 0 2px 1px #d6d9d8;
}


.assetSelector {
	padding-right: 5px;
	text-align:  left;
}

.editImage {
	cursor: pointer;
	float: right;
}

.editVehicleContentBox {
	margin-bottom: 20px;
	padding: 10px;
}

table.tableschema tr:nth-child(2n) {
	background-color: #EDECE2;
}

table.tableschema > input {
	margin-top: 5px;
}

table.tableschema td {
	padding-bottom: 10px;
	padding-right: 10px;
}

.spaceCell {
	height: 6px;
	width: 6px;
}

.spaceCellHalf {
	height: 3px;
	min-height: 3px;
	width: 2px;
}

table.twosmallbutton{
	position: relative;
	width: 340px;
	top:20px;
	left:0px;
}

table.oneXbigbutton{
	position: relative;
	width: 280px;
	top:20px;
	left:0px;
}

img.damagePointImage {
	cursor: pointer;
	position: absolute;
}


.tripInfoItemTable {
	margin-bottom: 5px;
	margin-top:5px;
	width: 100%;
}

.tripInfoItemTable td {
	white-space: normal !important;
}

.tripInfoContainer {
	background-color: white;
	border: 1px solid #ff7f00;
	position: absolute !important;
	top: 0px;
	left: 0px;
	margin-top: 10px;
	margin-left: 10px;
	z-index: 20000;
	height: 70px;
}

.tripInfoItemContainer {
	height:100%;
	overflow-y: scroll;
	overflow-x: hidden;
	max-width: 385px;
}
/*	------------------------------ Dateslider -----------------------------------*/


.hasdateslider .tlx-input-opener .ui-state-hover {
	border: none;
}

input[type="text"].hasPeriodselecter {width: 17em;}
.ui-dateslider { padding: 15px 20px; max-width: 70%; position: absolute; z-index: 3; 	left:100px; }
.ui-dateslider .ui-dateslider-startdate, .ui-dateslider .ui-dateslider-enddate{ width: 7em; position: relative; text-align: center; margin-bottom: 0;}
.ui-dateslider .tlx-sliderhandle { height: 22px; text-align: center; width: 28px; padding-left: 5px; padding-right: 5px; vertical-align: top; vertical-align: top; display: inline-block; cursor: e-resize;}
.ui-dateslider .ui-state-disabled .tlx-sliderhandle { display: none; }
.ui-dateslider .tlx-sliderstart .tlx-sliderhandle .tlx-icon{
	background-image: url("/images/tableicons/handle-start.gif");
	background-position: center center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	width: 33px;
	height: 20px;
	display: block;
}

.ui-dateslider .tlx-sliderend .tlx-sliderhandle .tlx-icon{
	background-image: url("/images/tableicons/handle-end.gif");
	background-position: center center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	width: 33px;
	height: 20px;
	display: block;
}
.ui-dateslider .tlx-sliderstart, .ui-dateslider .tlx-sliderend { display: inline-block; }
.ui-dateslider .tlx-sliderstart .tlx-sliderline, .ui-dateslider .tlx-sliderend .tlx-sliderline{ height: 6px;}
.ui-dateslider .tlx-sliderstart .tlx-sliderline{ border-right: 1px solid /*#317e00 #403c2b */#B1B1AB;  }
.ui-dateslider .tlx-sliderend .tlx-sliderline{ border-left: 1px solid /*#317e00 #403c2b */#B1B1AB; }
.ui-dateslider .tlx-sliderhandle img{ padding-top: 5px; width: 12px; }
.ui-dateslider .ui-dateslider-startdate { padding-left: 3px; padding-right: 0px;}
.ui-dateslider .ui-dateslider-enddate  { padding-left: 0px; padding-right: 3px;}
.ui-dateslider .ui-state-disabled .ui-dateslider-startdate {opacity: 1;}
.ui-dateslider .ui-state-disabled .ui-dateslider-enddate  { opacity: 1;}
.ui-dateslider .ui-dateslider-buttonpane .tlx-buttons { display: inline-block; padding-top: 14px; }
.ui-dateslider .ui-dateslider-buttonpane .ui-button{ height: 24px; }
.ui-dateslider .ui-dateslider-content {
	overflow-x: scroll;
	overflow-y: hidden;
	margin-top: 0.2em;
	position: relative;
	border: 1px solid #C0C0C0;
	background-color: #E0E0E0;
}
.ui-dateslider .ui-dateslider-content .ui-widget-shadow {
	margin: 0;
	padding: 0;
	border-radius: 0;
	border-left: 1px solid black;
	border-right: 1px solid black;
	position: absolute;
	background-color: #FF7F00;
	opacity: 1;
	filter: Alpha(Opacity=100);
	height: 100px;
}
.ui-dateslider .ui-dateslider-content ul { margin: 0; white-space: nowrap; padding: 0; }
.ui-dateslider .ui-dateslider-content ul li{ position: relative; z-index: 1; display: inline-block; padding: 0.4em 0px; text-align: center; cursor: pointer; height: 14px; border-left: 0; border-top:0;}
.ui-dateslider .ui-dateslider-content ul li.ui-state-default{ background-color: transparent;  }
.ui-dateslider .ui-dateslider-content ul li.ui-state-hover, .ui-dateslider .ui-dateslider-content ul li.ui-state-focus{
	background-color: #FF7F00;
	border: 1px solid white;
}

.ui-dateslider .ui-dateslider-content ul li.ui-state-active, .ui-dateslider .ui-dateslider-content ul li.ui-selected{
	background-color: #FF7F00;
}
.ui-dateslider .ui-dateslider-content ul li.ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
}
.ui-dateslider label { width: auto; clear: both; line-height: 23px; display: block; }

body div.ui-dateslider {
	border: 1px solid #D2D6CC;
	z-index: 110;
}

a.ui-state-active{
	background-color: #FF7F00;
}
/* ---------------------------------------------------------------- */

/* flytta*/

.clickableLink, .clickable, .TableHeaderClickable {
	cursor:pointer;
}
.clickableLink:hover, .underline {
	text-decoration: underline;
}

.groupByRow, .groupByRow td {
	font-weight: bold;
	background-color: white !important;
	padding-left: 30px !important;
	padding-top: 10px !important;
}


.draggableVehicle {
	line-height: 3;
	padding: 5px;
	border: 1px solid black;
	cursor: move;
}


/*---------------- In Out Web -----------------*/
.bstepbtn{
	position:relative;
	top:-4px;
}

.leftmenu_toggled {
	display: block !important;
	opacity: 1 !important;
}
.ui-autocomplete {
	background-color: white;
	border: 1px solid #D6D9D8;
}

.assetOverviewDetail{
	background-color:#D6D9D8;
	/* 	height: 200px;  */
	box-shadow: 0px 3px 2px 1px #D6D9D8;
	padding:  20px 15px 25px;
}
.assetOverviewSelected td{
	background-color:#AFB2B4;
	border-bottom: none;
}
.assetOverviewSelected{
	border-bottom: 0 !important;
}
.assetOverviewDetailRow>td{
	border-bottom: 2px solid white;
	padding-bottom: 5px;
}
.assetOverviewDetail td{
	text-align: left !important;
}
.cogSelected{
	background-color:#FBAF53 !important;
	text-align:center;
}
.overviewDetailCol{
	padding-right: 20px;
	padding-left: 10px;
	vertical-align: top;
}
.overviewGrayBorder{
	border-right: 1px solid #b2b2b2;
}
.overviewDetailCol th{
	font-size:14px;
	font-weight: normal;
	padding-bottom: 5px;
	text-align:left;
}
.overviewDetailsAsset td{
	font-size:10px;
}
.overviewDetailsNotification td{
	font-size:10px;
}
.overviewDetailsFunctions td, .overviewDetailsFunctions th{
	padding: 5px 20px;
}
.overviewLockDiv{
	background-color:#FBAF53;
	padding: 1px 2px 1px;
	border-radius: 5px;
	overflow:auto;
	height:auto;
	width: 80%;
}
.overviewLockDiv img{
	width: 1.5ex;
	height: 1.4ex;
}
.overviewAssetLocked{
	float:right;
	background-color: #E5E9E7;
	border-radius: 5px;
	padding: 0px 2px 2px 2px;

}
.overviewAssetUnLocked{
	float:left;
	background-color: #E5E9E7;
	border-radius: 5px;
	padding: 0px 2px 2px 2px;
}

.overviewDetailMileageCheckbox{
	background-color:#FBAF53;
	border-radius: 5px;
	overflow:auto;
	height:auto;
	padding: 1px;
	float:right;
}

.overviewDetailMileageInput{
	border-radius: 5px;
	border: none;
	width:70%;
}
.assetOverviewDayPick{
	background-color:#FBAF53;
	width: 100%;
	text-align: center;
	color: #FFF;
	border-radius: 5px;
}


.functionList li {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
}
.reportDetailFunctions .functionList li{
	margin-right:0;
}

.functionList {
	padding: 0;
}

/*--------------------- InOutWeb -----------------------*/
.inoutWebTripBtn{
	margin-bottom:20px;
}
.inoutWebTripBtn > .mobileButton{
	margin-bottom: 0px !important;
}

.inOutFont{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom:5px;
}
.inOutFontBold{
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom:5px;
}
.receiptTable{
	float:left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;

}
.receiptTable td{
	padding: 5px 5px;
}
.iowScaleFont{
	font-weight:bold;
	font-size: 16px;
	font-size: 1.5em;
	margin-bottom: 10px;
}
.inOutWebMain > div{
	width: 100%;
}
.inoutWebInfoSmall{
	text-align: center;
	font-size: 0.8rem;
}
.inoutwebToggled{
	background-color:#b7b7b7 !important;
}

.hidden {
	display: none !important;
}

.inputSchema {

}

.inputSchema tr {

}

.inputSchema td {
	padding: 3px;
	vertical-align: middle;
}

.etc_dialogtable td {
	padding: 2px;
	vertical-align: middle;
}

.inputSchema th {

}


.inputSchema > input {
	border: none;
	border-radius: 7px;
	padding: 3px 20px 5px 20px;
	background-color: #EFF1EF;
	font-size: 13px;
}

.reportFiltername {
	font-weight: bold;
	padding-right: 10px;
}

.reportFilterItem{
	margin-right: 25px;
}

select {
	font-size: 0.8rem;
}

/* ny og flytta - etc_itemsContainer  */
.etc_itemsContainer {
	border-radius: 5px;
	background-color: #D5D9D8;
	padding:5px 10px;
	margin-bottom: 0.4em;
	margin-top: 0.2em;
}

.caradmin_sectionHeader, h2 {
	font-size: 0.9rem;
	font-weight: bold;
	height: 24px;
}
hr.caradmin_sectionHeader {
	width: 95%;
	height: auto;
}
.centered {
	text-align: center;
}

.alertOrange{
	color: orange;
}
.alertRed{
	color: red;
}


.TimeRangeChooser{
	width:250px;
	height:70px;
	position:absolute;
	top: 250px;
	left:50%;
	margin:-50px 0 0 -100px;
	background-color:white;
	z-index:100;
	border:1px solid #888888;
}

.TimeRangeChooser .etc_TimepickerTag{
	width:70px;
}
.etc_TimepickerTag{
	width:70px;
}

.dialogPararaphHeading{
	text-align: left;
	font-weight:bold;
	margin-bottom:5px;
	margin-top: 12px;
}

/* er ersattett */
.etc_checkbox input[type="checkbox"],
.etc_checkbox input[type="radio"]{
	display:none;
}
.etc_checkbox input[type="checkbox"] + label span,
.etc_checkbox input[type="radio"] + label span{
	display:inline-block;
	height:20px;
	text-align: left;
	padding-left: 15px;
	/*     margin:-1px 20px 0 0; */
	/*     vertical-align:middle; */
	background:url(/images/newdesign/unchecked_checkbox_20x20.png) left top no-repeat;
	background-size: 20px 20px;
	cursor:pointer;
	opacity: 0.6;
	filter: alpha(opacity=70);
	line-height: 110%;
}
.etc_checkbox label span {
	padding-left:25px !important;
	font-size: 0.9rem;
}
.etc_checkbox input[type="checkbox"]:checked + label span,
.etc_checkbox input[type="radio"]:checked + label span {
	background:url(/images/newdesign/checked_21.png) left top no-repeat;
	background-size: 20px 20px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.etc_checkbox.checked_red input[type="checkbox"]:checked + label span, .etc_inputRadio.checked_red[type="radio"]:checked +label {
	background:url(/images/newdesign/checkbox_new_red.png) left top no-repeat;
	background-size: 20px 20px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.etc_checkbox.checked_green input[type="checkbox"]:checked + label span, .etc_inputRadio.checked_green[type="radio"]:checked +label {
	background:url(/images/newdesign/checkbox_new_green.png) left top no-repeat;
	background-size: 20px 20px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.etc_checkbox.checked_marine input[type="checkbox"]:checked + label span {
	background:url(/images/newdesign/checkbox_new_teal.png) left top no-repeat;
	background-size: 20px 20px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.etc_checkbox.checked_blue_grey input[type="checkbox"]:checked + label span {
	background:url(/images/newdesign/checkbox_new_blue.png) left top no-repeat;
	background-size: 20px 20px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.etc_checkbox. input[type="checkbox"]:checked + label span {
	background:url(/images/newdesign/checkbox_new_orange.png) left top no-repeat;
	background-size: 20px 20px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/* --------------- Rapport-filter ------------------*/
.defaultFilter td{
	padding: 0 20px 0 0;
}
.expandedFilter td{
	padding: 4px 10px 0 0;
}
.expandedFilter{
	float:left;
	width: 100%;
	height:auto;
}
.filterName{
	/*max-width: 29%;*/
	margin-right: 20px;
	height: 25px;
	font-size: 1.125rem;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}
.reportFilter hr{
	margin-top: 5px;
	margin-bottom: 10px;
	float:left;
}
.exFilter{
	margin-bottom:10px;
	vertical-align: top;
}
.expandFilterButton{
	float:right;
}
.sliderValueHeader{
	max-width: 200px;
	height: 25px;
	overflow:hidden;
	margin-right:20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	float:left;
	line-height: 30px;
	padding-left:5px;
}
.sliderValueSeparator:before{
	content: " / ";
}
.sliderValueSeparatorFirst:before{
	content: "for ";
}
/* Slutt på rapport-filter */

.reportFilter .etc_input{
	background-color:#E9E9E9;
	border-radius:5px;
	border:1px solid #E9E9E9;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 5px;
	font-size: 0.8rem;
}
/*------------------- SELECT SLIDER ------------------------*/
.singleSlider .sliderSelect{
	float:left;
	overflow:hidden;
	color:#555;
	height:20px;
	max-width:160px;
	min-width: 160px;
	border-radius: 5px;
	background-color:#efefef;
	box-sizing: content-box;
}
.firstcolumn .singleSlider .sliderSelect{
	max-width:238px;
	min-width: 238px;
}

.multiSlider {
	float:left;
	margin-right:20px;
}
.multiSlider .sliderSelect{
	float:left;
	overflow:hidden;
	color:#555;
	height:25px;
	max-width:450px;
	min-width:428px;
	border-radius: 5px;
	background-color:#efefef;
	font-size: 0.875rem;
}

.sliderSelectValue{
	float:left;
	white-space: nowrap;
	background-color:#efefef;
	margin:auto;
	color: #000;
	box-sizing: content-box;
}
.singleSlider .selectedoption{
	overflow:hidden;
	width: 75px;
	text-overflow: ellipsis;
}

.singleSlider .sliderSelectValue{
	padding:0px 5px 0px 20px ;
	width: 95px;
}

.firstcolumn .singleSlider .sliderSelectValue{
	width: 173px;
}

.multiSlider .sliderSelectValue{
	text-align:center;
	padding:3px 20px;
	width: 80px;
	height:25px;
}

.singleSlider .sliderSelect img{
	width:20px;
	/* 	margin-top:-1px; */
	float:left;
}
.singleSlider .sliderSelectButton{
	width:20px;
	cursor: pointer;
}
.multiSlider .sliderSelect img{
	width:25px;
	float:left;
}
.multiSlider .sliderSelectButton{
	width:25px;
	cursor: pointer;
}
.sliderDivider{
	float:left;
	font-size: 1rem;
	opacity: 0.2;
}
.prevoption, .nextoption, .dropdownMarker{
	opacity: 0.2;
}

.sliderDropdown
{
	margin: 20px -20px 20px;
	padding: 0;
	color: #696969;
	display:none;
	position:absolute;
	z-index:102;
	width:160px;
	height: auto;
	/*max-height: 200px;*/
	border: 1px solid #aaa;
	overflow-y: auto;
	overflow-x: hidden;
	background-color:white;
}
.firstcolumn .sliderDropdown {
	width:197px;
}

.sliderDropdown li
{
	display: block;
	position: relative;
	float: left;
	width:160px;
}
.sliderAutoComplete{
	margin: 0px 15px;
	padding: 0 5px;
	color: #000;
	display:none;
	position:absolute;
	z-index:102;
	width:100%;
	border: none;
	background-color:#efefef;
}
/* Slutt på select slider */

/*------------- locationChooser---------------- */
.locChooserTagBox{
	background-color: #1fa6c3;
	border-radius:5px;
	height:20px;
	color:#fff;
	width:180px;
}

.firstcolumn .locChooserTagBox{
	width:238px;
	box-sizing:border-box;
}

.locChooserTagMenu {
	margin: 0;
	padding: 0;
	color: #696969;
	display:none;
	position:absolute;
	z-index:102;
	width:236px;
	height: 300px;
	border: 1px solid #aaa;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color:white;
}

.locChooserTagMenu li{
	display: block;
	position: relative;
	float: left;
	width:300px;
	cursor:pointer;
}
.locChooserTag{
	min-width:120px;
	display:block;
	padding-left:20px;
	padding-top: 1px;
	font-size: 12px;
}
.chosenLocation{
	float:left;
	width:120px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.locChooserTagLi{
	font-size:0.8rem;
	padding: 4px 22px 4px 22px;
}

.locChooserTagLi:hover{
	color:black;
	cursor:pointer;
	background-color:#bbb;
	font-weight:bold;
}
/*Slutt på locationChooser*/

/* --- ---*/
.smallFunctionList li {
	display: inline-block;
	float: right;
	padding: 0 5px;
}

.smallFunctionList.floatleft li {
	display: inline-block;
	float: left;
	padding: 0 5px;
}
.smallFunctionList img {
	width:20px;
	height:20px;
}
.smallFunctionList {
	margin: 0 0 10px 0;
	padding: 0;
	height:25px;
	display: flex;
	justify-content: flex-start;
}
.smallFunctionList>div{
	margin-right: 10px;
}
.hiddenReportFunctionBar .smallFunctionList>div{
	margin-left: 10px;
}

.hiddenReportFunctionBar .smallFunctionList{
	justify-content: flex-end;
}

.reportSelected td{
	background-color:#AFB2B4;
	border-bottom: none;
}
.reportSelected{
	border-bottom: 0 !important;
}
.reportDetailRow>td{
	border-bottom: 2px solid white;
	padding-bottom: 5px;
}
.reportDetail td{
	text-align: left !important;
}

.reportDetail{
	background-color:#D6D9D8;
	/* 	height: 200px;  */
	box-shadow: 0px 3px 2px 1px #D6D9D8;
	float: left;
	padding: 20px 0 20px;
	width: 100%;
}

.reportDetailCol{/*til taggen*/
	float:left;
	height: 100%;
	width: 100%;
	min-height: 140px;
}
.reportDetailTag{
	vertical-align: top;
	display:flex;
}
.reportDetailsKeyVal{
	text-align:left;
	border-collapse: separate;
	border-spacing: 12px 0;
}
.reportDetailsKeyVal th, .reportDetailsHeader{
	font-size:14px;
	font-weight: normal;
	padding-bottom: 5px;
}
.reportDetailsKeyVal td{
	font-size:10px;
	text-align: left !important;
}
.reportDetailsKeyVal tr td:first-child{
	vertical-align:top;
	white-space: nowrap !important;
}
.reportFileList img{
	height: 15px;
	cursor: pointer;
}
.reportDetailGrayBorder{
	border-right: 1px solid #b2b2b2;
}
.reportDetailFunctions{
	padding: 0 20px;
	float:left;
	box-sizing: border-box;
}
.reportDetailFunctions .functionList{
	float:left;
	width:100%;
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.reportDetailFunctions .functionList>div{
	flex:1 1 20%;
	padding: 10px
}

.damageStatus0{
	border: 2px solid red;
}
.damageStatus2{
	border: 2px solid green;
}
.damageStatus3{
	border: 2px solid yellow;
}
.dateRange{
	width:90px;
}
.autocomplete-fixed-height {
	padding: 1px;
	max-height: 200px;
	overflow: auto;
}
.toggleswitch{
	min-width: 60px;
	max-width: 60px;
	padding: 2px;
	/* 	background-color: #FC9600; */
	background-color: #AFB2B4;
	border-radius:5px;
	height:21px;
}
.togglebtn{
	background-color:#efefef;
	border-radius:5px;
	height:20px;
	width: 20px;
	overflow:hidden;
	cursor:pointer;
}
.togglebtn img{
	float:left;
	height:18px;
	width: 18px;
}
.toggleswitchON{
	float:left;
	padding:1px 0 0 1px;
}
.toggleswitchOFF{
	float:right;
	padding:1px 1px 0;
}
.etc_filterLabel{
	font-weight: bold;
}

.left-20{
	position: relative;
	left: -23px;
}
.etc_dateRangePickerSpan{
	position: relative;
	top: -2px;
}
.etc_fakeinput{
	float:left;
	background-color:#E9E9E9;
	border-radius:5px;
	border:1px solid #E9E9E9;
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	font-size:0.7rem;
}
.dialogLinkItem{
	width:auto;
}
.etc_dialogLinkFakeInput{
	height: 25px;
	background-color:#FFF;
	border-radius:5px;
	/* 	border:1px solid #FFF;	 */
	font-size:0.7rem;
	min-width: 100px;
	max-width: 100px;

	padding-left: 12px;
}
.etc_inputButton{
	float:right;
	background-color:#efefef;
	border-radius:5px;
	height: 100%;
	overflow:hidden;
	cursor:pointer;
}
.etc_inputButton img{
	float:left;
	height:25px;
	width: 25px;
}
.noresize{
	resize:none;
}

.checkboxFilter{
	float: left;
	border:1px solid;
	border-color: #c0c0c0;
	padding: 12px 12px;
	border-radius: 5px;
	box-shadow: 0 0 2px 1px #d6d9d8;
}
.checkboxFilter .etc_checkbox{
	margin-right:10px;
}

.defaultFilter .content>div{
	/* 	display:table-cell; */
	margin-top: 2%;
}
.doubleFilter .content>div{
	margin-top: 2.4%;
}
.badgeIcon{
	background-color: #ffffff;
	border: 1px solid #000;
	border-radius: 50%;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	right: -7px;
	top: -8px;
	width: 16px;
	text-align:center;
}
.badgeIconBig{
	background-color: #efefef;
	border-radius: 50%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 20px;
	font-weight: normal;
}

.reportBox{
	float:left;
	background-color: #F8FAF9;
	width: 100%;
	min-width:230px;
	border-radius:15px;
	box-shadow: 0 0 10px #cfcfcf;
}
.reportBox > div{
	padding: 5px 10px;
	color: #000;
	font-size: 0.8rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
.reportBox div:first-child{
	font-weight:bold;
	padding:15px 45px;
	border-bottom: 2px solid #b7b7b7;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	margin-bottom:20px;
	text-transform: uppercase;
	font-size: 0.9rem;
}
.reportBox div:last-child{
	overflow:visible;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	padding:0;
	width:100%;
}
.reportBoxSpan{
	margin-left:20px;
}
.reportBoxImg{
	width:20px;
	heigth:20px;
}
.reportBoxFunctions{
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	border-collapse: separate;
	width:100%;
}
.reportBoxFunctions td{
	background-color:#E3E5E4;
	text-align:center;
	padding: 5px;
	border:1px solid #b7b7b7;
	cursor:pointer;
}
.reportBoxFunctions td:hover{
	background-color: #AFB3B4;
}
.reportBoxFunctions td:first-child{
	border-bottom-left-radius:15px;
}
.reportBoxFunctions td:last-child{
	border-bottom-right-radius:15px;
}

.textCritical{
	color:#E4322B;
}
.textUpcoming{
	color:#FC9600;
}
.pageNavigator span {
	cursor: pointer;
}

.caradmin_pagenavitatorContainer {
	min-height: 36px;
}



.reportDetailsDialog {
	background-color: #d6d9d8 !important;
	padding-bottom:20px !important;
}

.reportDetailsDialog .reportDetailCol {
	margin-top: 20px;
}
.reportDetailsDialog .etc_dialogtitle{
	text-align: left;
	text-transform: uppercase;
}
.reportDetailsDialog .etc_dialogheader{
	border-bottom: 1px solid #b2b2b2;
}
.dialogLinkItemImage{
	width:30px;
	height:30px;
}
.labelValueFunctionTable td{
	vertical-align: top;
	padding: 5px;
}
.labelValueFunctionTable td:first-child{
	white-space: nowrap;
}
.assetSettingsDialog{
	min-width:250px;
}
.assetSettingsDialog table{
	border-collapse: separate;
	border-spacing: 5px 5px;
}
.labelValueFunctionWrapper{
	float:left;
	padding:5px;
	margin:10px;
	width:50%;
	background-color:#F8FAF9;
	box-shadow: 0 0 10px #cfcfcf;
	border-radius:10px;
	min-height:50px;
}


.labelValueFunctionHeaderTable{
	width:100%;
}
.labelValueFunctionHeaderTable td{
	border-bottom: 1px solid #6e6e6e;
	font-size: 0.9rem;
	padding:0 5px 5px;
}
.labelValueFunctionHeaderTable img{
	float:right;
}
.labelValueFunctionSubTable td{
	padding: 2px 0;
}
.functionLabel, .functionImage{
	text-align:center;
}
.functionImage{
	margin-bottom:10px;
}
.functionImageBig{
	margin: 0 auto;
	display:flex;
	justify-content: center;
}
.functionImageBig img{
	width:30px;
	height:30px;
}
.functionLabelBig{
	margin-top:15px;
	text-align:center;
	font-weight: bold;
	color:#000;
}
.functionImage_icon{
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
.functionImage_icon:hover{
	opacity: 0.6;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
.bigFunctionList{
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.bigFunctionList>div{
	flex:1 1 20%;
}
.bigFunctionList li{
	display:inline-block;
	text-align:center;
	/* 	height: 115px; */
	margin: 10px 0 20px;
}

/* kopiert */
.functionListWrapper{
	float:left;
	min-width: 90px;
	padding: 15px 20px 15px 20px;
	background-color: #fff;
	border-radius: 10px;
}

.functionListWrapper .functionImage_icon{

}

.etc_dialogLinkFakeInputBig{
	height: 25px;
	background-color:#E9E9E9;
	border-radius:5px;
	/* 	border:1px solid #FFF;	 */
	font-size:0.7rem;
	min-width: 120px;
	max-width: 120px;
	margin: 10px auto;
	padding-left: 12px;
}

.toggleswitchBig .toggleswitch{
	min-width: 60px;
	max-width: 60px;
	padding: 2px;
	/* 	background-color: #FC9600; */
	background-color: #FBAF53;
	border-radius:5px;
	margin: 10px auto;
	height:21px;
}
.etc_notificationTable td{
	padding: 2px 4px;
}
.regServiceCheckbox{
	float:left;
	margin: 2px 5px;
	width: 40%;
	max-width: 230px;
}
.regServiceCheckboxExpanded{
	float:left;
	margin: 2px 5px;
	width: 99%;
	max-width: 570px;
}
.functionImageSmall{
	margin-top:0;
}
.functionImageSmall img{
	width: 20px;
	height: 20px;
}
/* TEMP SKADEDIALOG CSS - MÅ ENDRES NÅR DETTE REFAKTURERES */
div.damagePointLabel {
	position: absolute;
	z-index: 6;
	background-color: white;
	border: 1px solid #c0c0c0;
	font-weight: bold;
	min-width: 14px;
	max-width: 18px;
	cursor: pointer;
	width: 14px;
	min-height: 14px;
	height: 18px;
	max-height: 18px;
	overflow: hidden;
	text-align: center;
	margin-left: 11px;
	margin-top: 11px;

}
img.damagePointImage {
	cursor: pointer;
	position: absolute;
}
div.damageSituationBox {
	/* 	border: 1px solid #D2D6CC;  */
	max-height: 175px;
	max-width: 425px;
	width: 425px;
	overflow: auto;
}
#damageDialogBox textarea{
	resize:none;
	background-color:#E9E9E9;
	border-radius:5px;
	border:1px solid #E9E9E9;
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	font-size:0.7rem;
}
div.damageCommentContainer {
	width: 405px;
	max-width: 405px;
	/* 	border: 1px solid #aeaeae; */
	padding: 10px;
	height: 50px;
	overflow: auto;
	cursor: pointer;
}
.spacedDialog td {
	padding-top: 4px;
	padding-bottom: 5px;
}
.spacedDialog td.headerline {

	height: 2px;
	max-height: 2px;
	background-color: #D2D6CC;
	margin: 0px;
	padding: 0px;
	border-left: none;
	border-right: none;
}
td#newDamageCommentHeader {
	font-weight: bold;
}
#newDamageComment{
	margin-bottom:10px;
}


.damageSituationBox input[type="radio"], .etc_inputRadio[type="radio"], .etc_checkbox[type="checkbox"] {
	display:none;
}
.damageSituationBox input[type="radio"] + label, .etc_inputRadio[type="radio"] + label, .etc_checkbox[type="checkbox"] + label {
	display:inline-block;
	height:20px;
	text-align: left;
	padding-left: 25px;
	background:url(/images/newdesign/unchecked_checkbox_20x20.png) left top no-repeat;
	background-size: 20px 20px;
	cursor:pointer;
	opacity: 0.6;
	filter: alpha(opacity=70);
	line-height: 110%;
}
.damageSituationBox input[type="radio"]:checked + label, .etc_inputRadio[type="radio"]:checked +label, .etc_checkbox[type="checkbox"]:checked +label {
	background:url(/images/newdesign/checked_21.png) left top no-repeat;
	background-size: 20px 20px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.reportFilterExtraFunction{
	float:right;
	width:20px;
	height:20px;
	margin-right: 10px;
}
.reportFilterExtraFunction img{
	width:20px;
	height:20px;
}
/*jquery tabs*/
.etc_tabs.ui-widget-header, #tabs .widget-header{
	background: none;
	border:none;
	background-color:#FFF;
}
.etc_tabs .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{
	background: none;
	border:none;
	border-bottom:1px solid #A8A8A8;
	background-color:#FFF;
}
.etc_tabs li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active{
	margin-bottom:0;
	border:none;
	border-bottom: 3px solid #F7A84E;
}
.etc_tabs li.ui-state-default.ui-corner-top{
	background: none;
	border:none;
	background-color:#FFF;
}
.etc_tabs .ui-state-default a{
	color: #a3a2a2;
}
.etc_tabs .ui-state-active a{
	color: #000;
}
/*jquery slider i tabs*/
.etc_tabs .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{
	border: 1px solid #E9E9E9;
	background: none;
	background-color: #E9E9E9;
}
.etc_tabs .ui-slider-handle.ui-state-default.ui-corner-all{
	background: none;
	background-color: #E9E9E9;
	border: 1px solid #A8A8A8;
}
.etc_tabs .ui-slider-handle.ui-state-default.ui-corner-all.ui-state-hover.ui-state-active.ui-state-focus{
	background-color:#A8A8A8;
}
.etc_tabs .ui-slider-handle.ui-state-default.ui-corner-all.ui-state-hover.ui-state-focus, #tabs .ui-slider-handle.ui-state-default.ui-corner-all.ui-state-hover{
	background-color:#A8A8A8;
}
.etc_tabs .ui-slider-range.ui-widget-header.ui-corner-all{
	background: none;
	background-color:#F7A84E;
}

.etc_input100 {
	width:calc(100% - 30px);
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
}

/*
* Input med 100% bredde, men plass til ikon ved siden av
*/
.etc_input100withIcon {
	width: calc(100% - 30px);
}

.etc_inputJustified {
	width: 100%;
	box-sizing:border-box;
}
.flexReportContainer{
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.flexReportContainer > div{
	width: 20%;
	margin: 0 10px 20px;
	min-width: 230px;
}
.badgeImageIcon{
	height: 15px;
	width: 15px;
	position: absolute;
	right: -7px;
	top: -8px;
}

@media print {
	.no-print, -no-print *, .etctooltip {
		display: none !important;
	}

	html, body {
		-webkit-print-color-adjust:exact;
		color-adjust: exact;
	}

	.report td {
		border: 1px solid black;
	}

	.grid {
		overflow: visible !important;
	}
}

.mapHoverIcon:hover{
	cursor:pointer;
	position:absolute;
	height: 16px;
	width : 16px;
	left: -8px !important;
	top: -8px !important;
}

.center {
	text-align: center;
}

.datepickerContainer {
	position: relative;
}

.timePickerHolder {
	position: relative;
}

.timePickerHolder .datepickerIcon {
	top: -14px !important;
}

/*span.datepickerContainer {
	margin-right: 5px;
} */

.datepickerContainer .etc_dateinput {
	padding-right: 25px !important;
	min-width: 110px;
}

.datepickerContainer .datepickerIcon {
	position: absolute;
	right: 4px;
	/*top:-14px;*/
	background: #F8B356;
	border-radius: 5px;
	padding: 4px;
}

.multiSlider .selectListValue{
	cursor: pointer;
	height: 25px;
	/*     opacity: 0.4; */
	padding: 3px 7px;
	text-align: center;
	width: 25px;
}
.multiSlider .selectListValue.bold{
	opacity:1;
}

.selectListValue{
	float:left;
	white-space: nowrap;
	background-color:#efefef;
	margin:auto;
	color: #000;
	box-sizing: content-box;
}

.singleSlider .selectList{
	float:left;
	overflow:hidden;
	color:#555;
	height:20px;
	max-width:160px;
	min-width: 160px;
	border-radius: 5px;
	background-color:#efefef;
	box-sizing: content-box;
}

.firstcolumn .singleSlider .selectList{
	max-width:238px;
	min-width: 238px;
}
.multiSlider .selectList{
	display: flex;
	float:left;
	overflow:hidden;
	color:#555;
	height:25px;
	max-width:450px;
	/* 	min-width:428px; */
	border-radius: 5px;
	background-color:#efefef;
	font-size: 0.875rem;
	position: relative;
}
.multiSlider .selectList img{
	width:25px;
	float:left;
}
.selectListContainer{
	float: left;
	height: 100%;
	max-width: 390px;
	overflow: hidden;
}
.selectListScrollContainer{
	width:auto;
	position:relative;
	top:0;
	left:0;
	width: 1000px;
}
.selectListButtonPrev{
	cursor: pointer;
	float: left;
	width: 25px;
}
.selectListButtonNext{
	cursor: pointer;
	float: right;
	width: 25px;
}
.selectedSelectList{
	background-color:#F8B356 !important;
	font-weight: bold;
	/* 	color:#000; */
}
.gradPrev:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 60px;
	height: 100%;
	width:60px;
	z-index:1;
	pointer-events: none;
	background: -moz-linear-gradient(left, rgba(239,239,239,1) 0%, rgba(239,239,239,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(239,239,239,1) 0%,rgba(239,239,239,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(239,239,239,1) 0%,rgba(239,239,239,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00efefef',GradientType=1 ); /* IE6-9 */
}
.gradNext:before {
	content: '';
	position: absolute;
	top: 0;
	right: 25px;
	height: 100%;
	width:60px;
	z-index:1;
	pointer-events: none;
	background: -moz-linear-gradient(left, rgba(239,239,239,0) 0%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(239,239,239,0) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefef', endColorstr='#efefef',GradientType=1 ); /* IE6-9 */
}

.datepickerContainer .datepickerIconFloat {
	position: absolute;
	padding: 10px;
	right: 0px;
	background: #F8B356;
	border-radius: 5px;
	padding: 4px;
	right: 0px;
	float: right;
}

/*.datepickerContainer .caradmin_icon{*/
/*width: 18px;*/
/*height: 18px;*/
/*}*/

select.etc_input:disabled {
	opacity: 0.4;
}

.busyColorFree {
	border-top: 1px solid #C2D660;
	border-bottom: 1px solid #C2D660;
	background-color: #C2D660;
}

.busyColor0 {
	border-top: 1px solid #BE0B02;
	border-bottom: 1px solid #BE0B02;
	background-color: #BE0B02;
}

.busyColor1 {
	border-top: 1px solid #094B7A;
	border-bottom: 1px solid #094B7A;
	background-color: #094B7A;
}

.busyColor2 {
	border-top: 1px solid #BE5B02;
	border-bottom: 1px solid #BE5B02;
	background-color: #BE5B02;
}

.busyColor3 {
	border-top: 1px solid #9B0252;
	border-bottom: 1px solid #9B0252;
	background-color: #9B0252;
}

.busyColor4 {
	border-top: 1px solid #5C077E;
	border-bottom: 1px solid #5C077E;
	background-color: #5C077E;
}

/* Klasser for ny InOutWeb */
.inoutChoiceHeading{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

.takeAssetHistory{
	float:left;
	width:95%;
	margin-bottom: 20px;
}
.takeAssetHistory:before {
	content: '\a0 \a0 \25B2';
	float: right;
	padding-right: 15px;
}
.takeAssetFinish span, .takeAssetHistory span{
	float:left;
	width:90%;
}
.takeAssetHistoryLast{
	font-size: 1.2em;
}

.submenuindicatorreversed{
	background-color:#e5e5e5;
	color: #8c8c8c;
}

.submenuindicatorreversed:after {
	/*color: #000;*/
	content: '\a0 \a0 \25B2';
	float: right;
	padding-right: 15px;
	vertical-align: 1px;
}
div.menudarkreversed {
	background-color:#e5e5e5;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #D2D2D2;
}
.takeAssetMenu{
	position: relative;
}
.takeAssetMenu:after{
	display: block;
	content: "";
	background-image:  url('/images/newdesign/forward_arrow.png');
	background-size: cover;
	position: absolute;
	right: 15px;
	top: 20%;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}

div.SaveButton{
	background-color: #f7a856;
	color:#eee;
}

.takeAssetFinish{
	float: left;
	height: auto;
	margin-bottom: 20px;
	position: relative;
	width: 95%;
}

.takeAssetFinish:after{
	background-image: url("/images/newdesign/forward_arrow.png");
	background-size: 40px 40px;
	content: "";
	display: block;
	height: 40px;
	opacity: 0.6;
	position: absolute;
	right: 15px;
	top: 30%;
	width: 40px;
}

.myDashMobileBox{
	padding: 8px 20px 8px 15px;
	cursor: pointer;
	font-size:0.8rem; /*13px;*/
	color: #696969;
	background-color:#EAEBEB;
	border-top: 1px solid #EAEBEB;
	border-bottom: 1px solid #EAEBEB;

}

div.myTripsWrapper:not(:first-child){
	margin-top:5px;
}

.tripFunction{
	background-color:#EAEBEB;
	float: left;
	width:100%;
}
.takeAssetLocationChooser{
	position: relative;
}
.takeAssetLocationChooser:after{
	display: block;
	content: '\a0 \a0 \25BC';
	position: absolute;
	right: 15px;
	top: 28%;
}
.takeAssetLocationChooser .etc_input{
	width: 65%;
}

.assetmenu
{
	left:0px;
	margin: 0;
	padding: 0;
	color: #696969;
	/* position:absolute;*/
	z-index:102;
	width:300px;
	border: 1px solid #aaa;
	overflow-y: hidden;
	overflow-x: hidden;
	background-color:white;

}
.assetmenu li
{
	display: block;
	position: relative;
	float: left;
	width:280px;

}
.assetmenuitem{
	font-size:0.8rem;
	padding: 4px 22px 4px 22px;
}

.assetmenuitem:hover{
	color:black;
	cursor:pointer;
	background-color:#bbb;
	font-weight:bold;
}
.assetmenucategory{
	font-size:0.8rem;
	color:black;
	font-weight:bold;
	background:#e5e5e5;;
	padding: 4px 22px 4px 12px;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #D2D2D2;
}
.assetmenucategory:hover{
	color:black;
	cursor:pointer;
}
.assetmenusubcategory{
	font-size:0.8rem;
	color:black;
	font-weight:bold;
	padding: 4px 22px 4px 12px;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #D2D2D2;
}
.assetmenusubcategory:hover{
	color:black;
	cursor:pointer;
}

.assetmenusubsubtogglebutton{
	padding-right: 10px;
}

.assetmenusubsubcategory{
	font-size:0.8rem;
	color:black;
	font-weight:bold;
	padding: 4px 22px 4px 12px;
	border-top: 1px solid #F4F4F4;
	border-bottom: 1px solid #D2D2D2;
}
.assetmenusubsubcategory:hover{
	color:black;
	cursor:pointer;
}

.tripLogSubTripTop td:not(:first-child){
	border-top: 5px solid #fbaf53 !important;
}
.tripLogSubTripBot td /*:not(:first-child)*/{
	border-bottom: 5px solid #fbaf53 !important;
}
.tripLogSubTrip td:first-child{
	background-color: #fbaf53 !important;
	border: 1px solid #fbaf53 !important;
}
.tripLogSubTripLeft{
	border-left: 5px solid #fbaf53 !important;
}
.tripLogSubTripRight{
	border-right: 5px solid #fbaf53  !important;
}

.tripLogSubTripDetail>td:first-child{
	border-right: 5px solid #fbaf53 !important;
	border-left: 5px solid #fbaf53 !important;
	border-bottom: 5px solid #fbaf53 !important;
	padding-bottom:0;
}

.shadowTable{
	display:none;
}

.ui-tooltip {
	border-radius: 5px;
	font-size: 0.8rem;
}

.ui-tooltip-content {
	padding: .5em 1em;
}

.etc_label {
	padding: 2px;
}

.etc_value {
	font-weight: bold;
}

.etc_value_150 {
	max-width: 150px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.etc_dialog .etc_value_150 {
	max-width: unset;
	text-overflow: unset;
	overflow: visible;
}

.tripLogReportSelected td{
	background-color:#AFB2B4;
	border-bottom: none;
}

.tripLogReportSelected{
	border-bottom: 0 !important;
}

img.etc_largeReportIcon {
	width: 30px;
	height: 30px;
}

.alignRight{
	text-align: right;
}

div.SearchFilter {
	display: flex;
	border-radius: 4px;
	overflow: hidden;
	padding: 0;
	background-color: #e9e9e9;
	border: none;
}

span.SearchFilter {
}

span.SearchFilter > input {
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	outline: none;
	background-color: #e9e9e9;
	border: none;
}

.takeAssetHeader,.caradmin-box-header, .loginHeader{
	/*font-size: 18px;*/
	font-size: 1.125rem;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
}
.takeAssetHeader, .loginHeader{
	padding: 10px 0;
	float:left;
}

.caradmin-takeout-summary-box{
	border: 1px solid #595959;
	border-radius: 5px;
	margin: 15px 20px 0px 0px;
	color: #595959;
	display: flex;
	flex-wrap: wrap;
	cursor: pointer;
	float:left;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
}

/*.caradmin-takeout-summary-asset {
	background: url(/images/newdesign/car_icon_active.png) no-repeat 15px center, #EAEBEB;*
	background-size: 50px auto;
	padding: 0 0 0 90px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom:1px solid;
}
.caradmin-takeout-summary-SMALLCAR{
	background: url(/images/newdesign/car_icon_active.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-BICYCLE{
	background: url(/images/newdesign/bike_available_grey.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-VAN{
	background: url(/images/newdesign/van.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-MINIBUS{
	background: url(/images/newdesign/minibus.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-KEY{
	background: url(/images/newdesign/key_security.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-TRACTOR{
	background: url(/images/newdesign/tractor.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-LAWNMOWER{
	background: url(/images/newdesign/grass.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-SNOWBLOWER{
	background: url(/images/newdesign/snowflake.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-CHAINSAW{
	background: url(/images/newdesign/chainsaw.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-DIGGER{
	background: url(/images/newdesign/digger.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-BUS{
	background: url(/images/newdesign/bus.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-TRUCK{
	background: url(/images/newdesign/truck.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-CRANE{
	background: url(/images/newdesign/crane.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-TOOL{
	background: url(/images/newdesign/tools.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-BOX{
	background: url(/images/newdesign/objectbox.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-GEAR{
	background: url(/images/newdesign/gears.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}
.caradmin-takeout-summary-TRAILER{
	background: url(/images/newdesign/trailer.png) no-repeat 15px center, #EAEBEB;
	background-size: 50px auto;
}*/

.caradmin-regno-wrapper{
	background: #FFFFFF;
	border: 1px solid #595959;
	margin: 12px 20px 12px 0px;
	display: inline-block;
	cursor: pointer;
	float:left;
}

.caradmin-regno-box{
	padding: 10px 5px;
	font-size: 30px;
	font-weight: bold;
}

.caradmin-regno-box {
	background: url(/images/newdesign/blue-square.png) no-repeat 0 center, #FFFFFF;
	background-size: 25px auto;
	padding: 0 15px 0 40px;
}
.caradmin-asset-summary-box{
	background-color:#FFFFFF;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	float:left;
	padding:5px 20px;
	/*height: 59px; !*ugh*!*/
}
.caradmin-takeout-summary-box-mydash{
	flex-direction:column;
}
.caradmin-takeout-summary-reservedto-mydash {
	background: url(/images/newdesign/calendar-icon_active.png) no-repeat 20px center, #FFFFFF;
	background-size: 30px auto;
	padding: 0 0 0 90px;
	font-size: 0.9rem;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.caradmin-takeout-summary-box .functionItemContent{
	padding: 10px;
	flex: 0 1 25%;
}

.etc_dialog_new .ui-dialog-titlebar, .etc_dialog .ui-dialog-titlebar {display:none}

.etc_dialog_new.ui-dialog .ui-dialog-content, .etc_dialog .ui-dialog-content, .ui-dialog-buttonpane{
	padding: 20px 30px !important;
	background-color: #F2F2F2 !important;
	border:0;
}
.ui-dialog-buttonpane {
	margin-top: 0;
}
.caradmin-dialog-text{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.caradmin-dialog-header{
	font-size: 20px;
	font-weight: bold;
}
.caradmin-dialog-info{
	font-weight: 200;
	font-size: 18px;
	font-style: italic;
}

/* ersattes etterhvert */
.etc_input_new {
	background-color:#FFFFFF;
	border-radius:5px;
	border:1px solid #CECECF;
	padding: 10px 15px;
	font-family:"Open Sans", sans-serif !important;
	font-size:1rem;
}

input.etc_input_new:-webkit-autofill {
	background-color: #E9E9E9;
	-webkit-box-shadow: 0 0 0px 1000px #E9E9E9 inset;
}

.etc_input_new::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-style: italic;
}
.etc_input_new::-moz-placeholder { /* Firefox 19+ */
	font-style: italic;
}
.etc_input_new:-ms-input-placeholder { /* IE 10+ */
	font-style: italic;
}

.etc_input_new:focus {
	outline: none;
}

.caradmin-select-container {
	display: flex;
	flex-wrap: wrap;
	vertical-align: middle;
	padding: 0 0 0 15px;
	overflow: visible;
	border: 1px solid #CECECF;
	border-radius: 5px;
	height:38px;
	background-color: #FFFFFF;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
}

.caradmin-select-container.caradmin-select-open{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.caradmin-select-container .caradmin-selected-option {
	font-size: 16px;
	font-weight: 200;
	padding: 7px 7px 7px 0;
	flex-grow: 1;
}

.caradmin-select-open-list .caradmin-option:first-child{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top:none !important;
}

.caradmin-select-open-list .caradmin-option:hover{
	background-color: #C6EFF4;
}

.caradmin-select-open-list-selected{
	background-color: #C6EFF4 !important;
}

.caradmin-select-container .expand-select-button  {
	display: inline-block;
	padding: 10px 18px;
	border-left: 1px solid #CECECF;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: url(/images/newdesign/down_select_darkgray.png) no-repeat center center #CCCCCC;
	background-size: 25px 25px;
}
.caradmin-select-container .caradmin-select-options{
	position:relative;
	left:-16px;
	z-index: 100;
	flex-grow: 0;
	flex-basis: 100%;
}

.caradmin-select-options .caradmin-option{
	padding: 8px 0 8px 15px;
	width: 100%;
	border-left: 1px solid #595959;
	border-bottom: 1px solid #595959;
	border-right: 1px solid #595959;
	font-size: 16px;
	font-weight: 200;
	z-index: 100;
	background-color: #fff;
}
.caradmin-select-options .caradmin-option:first-child{
	border-top: 1px solid #595959;
}
.caradmin-select-options .caradmin-option:hover{
	background-color: #C6EFF4;
}
.caradmin-select-options .caradmin-option:last-child{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/*border-bottom:none;*/
}

.caradmin-select-container-big {
	height:auto;
}
.caradmin-select-container-big .caradmin-selected-option {
	font-size: 1.125rem;
	font-weight: bold;
	padding: 16px 10px;
	color:#595959;
}
.caradmin-select-container-big .expand-select-button  {
	padding:30px;
}
.caradmin-select-container-big .caradmin-option-text{
	padding-left: 10px;
}

/* datepicker modifikasjoner */
/* flytta */
.datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th {
	padding: 8px !important;
}
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
	cursor: pointer;
	border-radius: 0px;
	background-color: #EAEBEB;
	border-bottom: 1px solid #4c4c4c;
}

.datepicker .prev{
	border-top-left-radius: 4px;
	padding-left: 20px !important;
}

.datepicker .next{
	border-top-right-radius:4px;
	padding-right: 20px !important;
}

.datepicker-dropdown{
	padding-left:0 !important;
	padding-right:0 !important;
	padding-top:0 !important;
	padding-bottom:10px !important;

}
.datepicker table tr td.active.active{
	background-color: #1FA6C3 !important;
	border-radius: 25px;
}
.datepicker .day{
	vertical-align: middle !important;
}

.datepicker.dropdown-menu {
	font-size: 1.2rem !important;
}

.caradmin-delivery-date,.caradmin-delivery-time{
	display:flex;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
}
.caradmin-delivery-date{
	margin-right:30px;
}
.caradmin-delivery-date-icon{
	background: url(/images/newdesign/calendar-icon.png) no-repeat left center;
	background-size: 18px 18px;
	padding: 0 10px 0 15px;
	font-size: 1.025rem !important;

}
.caradmin-delivery-date-value{
	border:1px solid #E0E0E1;
	padding:5px;
	flex-grow: 1;
	background-color:#FFFFFF;
}
.caradmin-delivery-time-icon{
	background: url(/images/newdesign/clock_50px_gre.png) no-repeat left center;
	background-size: 18px 18px;
	padding: 0 10px 0 15px;
	font-size: 1.025rem !important;
}
.caradmin-delivery-time-value{
	border:1px solid #E0E0E1;
	padding:5px;
	flex-grow: 1;
	background-color:#FFFFFF;
}

.caradmin-timepicker-container{
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	font-size: 3rem;
	padding:10px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
}

.caradmin-timepicker-container input{
	border:none;
	font-weight: bold;
	width:100%;
	text-align: center;
}
.caradmin-timepicker-input{
	flex-grow:1;
}
.caradmin-timepicker-up{
	background: url(/images/newdesign/circled_chevron_up_50px.png) no-repeat left 40% bottom;
	background-size: 40px;
	padding:20px 20px;
	flex-grow:1;
	position: relative;
	bottom: -20px;
	cursor:pointer;
}

.caradmin-timepicker-down{
	background: url(/images/newdesign/circled_chevron_down_50px.png) no-repeat left 40% top ;
	background-size: 40px;
	padding:20px 20px;
	flex-grow:1;
	position: relative;
	top: -20px;
	cursor:pointer;
}
.caradmin-timepicker-right{
	background-position: right 40% center;
}

.caradmin-timepicker-dialog{
	background-color:#FFFFFF;
	padding:10px;
	border:1px solid  #595959;
	max-width: 400px;
	width:100%;
	border-radius: 5px;
}
.caradmin-timepicker-wrapper{
	display:none;
	width:calc(100% - 2em);
	max-width: 430px;
}
.caradmin-full-overlay{
	background-color: #595959;
	position: absolute;
	height: 140%;
	width: 100%;
	top: 0px;
	left: 0;
	z-index: 1010;
	opacity: 0.7;
}

.caradmin-new-button, .etc_dialog .modernButtonSmall, .etc_dialog_new .modernButtonSmall{
	border-radius: 3px;
	font-size: 1.2rem !important;
	font-weight: 400;
	padding: 10px 65px 10px 30px;
	margin: 15px 5px 15px 5px;
	display: inline-block;
	border:none;
	background-size: 35px auto !important;
	background-color: #b7b7b7;
	color: #fff;
}

.caradmin-new-button:focus{
	outline:0;
}
.etc_dialog .modernButtonSmall, .etc_dialog_new .modernButtonSmall{
	background: url(/images/newdesign/Circle_50px_white.png) no-repeat right 15px center, #b7b7b7;
	color: #fff;
}

.caradmin-close-button{
	background: url(/images/newdesign/Cancel_50px_white.png) no-repeat right 15px center, #b7b7b7;
	color: #fff;
}

.caradmin-button-margin{
	margin-left:15px;
}
.caradmin-green-button, .etc_dialog .SaveButton, .etc_dialog_new .SaveButton{
	background: url(/images/newdesign/Circled_Right_2_50px_white.png) no-repeat right 15px center, #8FBF21;
	color: #fff;
}

.caradmin-service-button{
	background: url(/images/newdesign/Circled_Right_2_50px_white.png) no-repeat right 15px center, #b7b7b7;
	color: #fff;
}
.caradmin-delete-button{
	background: url(/images/newdesign/Cancel_50px_grayred.png) no-repeat right 15px center, #b7b7b7;
	color: #fff;
}
.caradmin-thumbsup-button{
	background: url(/images/newdesign/thumbs_up_white_cropped.png) no-repeat right 15px center, #8FBF21;
	color: #fff;
	text-transform: uppercase;
}
.caradmin-thumbsdown-button{
	background: url(/images/newdesign/thumbs_down_white_cropped.png) no-repeat right 15px center, #C1272D;
	color: #fff;
	text-transform: uppercase;
}

.in-focus-btn{
	background-image: url(/images/newdesign/busy_spinner.gif);
	background-size: 45px 45px;
	background-position: right 7px center;
}

.in-focus-btn-svg {
	background-image: url(/images/newdesign/busy_spinner.svg);
	background-size: 45px 45px;
	background-position: right 7px center;
}

.caradmin-flex-container{
	width:80%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
}

.caradmin-flex-button{
	flex-grow: 1;
	flex-basis: 10%;
}
.superZ{
	z-index: 2001 !important;
}
.superZ .shepherd-button{
	border-radius: 3px !important;
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	padding: 10px 65px 10px 30px !important;
	margin: 15px 0 15px 0 !important;
	display: inline-block !important;
	border:none !important;
	background-size: 35px auto !important;
	margin-right:10px !important;
	background: url(/images/newdesign/Cancel_50px_white.png) no-repeat right 15px center, #b7b7b7 !important;
	color: #fff;
}
.superZ .shepherd-buttons li:first-child a {
	background: url(/images/newdesign/Circled_Right_2_50px_white.png) no-repeat right 15px center, #8FBF21 !important;
	color: #fff;
	background-size: 35px auto !important;
}
.superZ .shepherd-buttons li:last-child a {
	background: url(/images/newdesign/Cancel_50px_white.png) no-repeat right 15px center, #b7b7b7 !important;
	color: #fff;
	background-size: 35px auto !important;
}
.etc_itemsContainer_new{
	border-radius: 5px;
	border: 1px solid #CECECF;
	background-color: #FFFFFF;
	padding: 10px;
	margin-bottom: 0.4em;
	margin-top: 0.2em;
	font-size: 1rem;
	font-weight: 200;
}
.etc_itemsContainer_new .caradmin_smallIcon{
	height:20px;
}

.etc_dialog_new .etc_dialogicon img, .etc_dialog .etc_dialogicon img{
	float: left !important;
}

.etc_checkbox.checked_gray input[type="checkbox"]:checked + label span {
	background:url(/images/newdesign/Checked_Checkbox_100px_gray.png) left top no-repeat;
	background-size: 20px 20px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

/*nytt*/

/* flytta
.caradmin_header_cont{
	padding: 0 30px;
	padding-top: 10px;
	height: auto;
	width: 100%;
	display:flex;
	margin-left: 220px;
	background-color:#ededed;
}

.caradmin_header_midrow{
	height: 50px;
	position: relative;
}

.caradmin_header p{
	margin: 0;
}
*/
.caradmin_header_midrow .location-login-name-container {
	background: #1FA6C3;
	display: inline-block;
	vertical-align: middle;
	padding: 14px 30px;
	max-width: 412px;
	overflow: hidden;
	height: 22px;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

.caradmin_header_midrow .header-logout-container {
	background: none, #FF7F00;
	background-size: auto 20px;
	display: inline-block;
	/*vertical-align: middle;*/
	padding: 13px 0 0 40px;
	margin-left: -5px;
	margin-right: 10px;
	height: 37px;
	position:absolute;
	right:0px;
	top:0px;
}


.assetGroupOverviewWrapper{
	width:66.67%;
	margin: 0 auto;
}

.takeAssetHeader,.caradmin-box-header{
	font-size: 1.125rem;
	font-weight: bold;
}
.takeAssetHeader, .loginHeader {
	margin-top: 20px;
}
.caradmin-asset-group-container .caradmin-asset-group:nth-child(4n+1){
	background-color: #F9F9F9;
	border-right: 2px solid #F9F9F9 ;
}

.caradmin-asset-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:flex-start;
	border-bottom:1px solid #E0E0E1;
	text-align: left;
	padding:0 5px 0 15px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
}
.caradmin-assetgroup-main .caradmin-asset-group{
	max-width:40% ;
}

.caradmin-asset-group-open{
	background-color:#E1E1E1 !important;
	border:1px solid #CECECF !important;
	border-bottom:1px solid #E1E1E1 !important;
}
.caradmin-asset-group-details{
	display:none;

	border-left:1px solid #CECECF !important;
	border-right:1px solid #CECECF !important;
}
.caradmin-asset-group-details span{
	font-style: oblique;
	font-weight: 100;
}
.caradmin-asset-group-tab{
	width: 100%;
	display: flex;
	padding: 0 10px 0 0 !important;
	flex-direction: column;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
}
.caradmin-asset-group div{
	padding:5px 0;
	margin:5px 0;
}
.caradmin-asset-group-sub {
	float: left;
	width: 100%;
	display: flex;
	padding: 0 !important;
	margin: 0 10px 0 0 !important;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
}

.caradmin-asset-group-tab .caradmin-asset-group-sub{
	border-top:1px solid #E0E0E1;
}

.caradmin-asset-group-sub:last-child{
	margin:0 10px 15px 0 !important;
	border-bottom:1px solid #E0E0E1;
}
.caradmin-asset-group-sub1{
	padding:0 !important;
	margin:0 !important;
	flex-grow: 2;
}
.caradmin-asset-group-sub2{
	padding:0 !important;
	margin:0 !important;
	flex-grow: 1;
	text-align: right;
}

.caradmin-asset-group .caradmin-asset-group-name{
	font-size:1rem;
	flex-grow: 4;
	flex-basis: 65%;
	color: #373737;
}

.caradmin-asset-group .caradmin-asset-group-available{
	border:1px solid #E0E0E1;
	background-color:#F9F9F9;
	font-weight: bold;
	font-size: 1rem;
	border-radius: 3px;
	text-align: center;
	flex-grow: 1;
}

.caradmin-asset-group .caradmin-assetgroup-button{
	flex-grow: 3;
	background: url(/images/newdesign/Plus_50px_gray.png) no-repeat right center;
	background-size: 36px 36px;
	cursor:pointer;
}
.caradmin-asset-group .caradmin-assetgroup-button-expanded{
	flex-grow: 3;
	background: url(/images/newdesign/Cancel_50px_grayred.png) no-repeat right center;
	background-size: 36px 36px;
	cursor:pointer;
}
.caradmin-invis{
	display:none;
}
.caradmin-leftmenu-toggled{
	display: none !important;
}
.fullgrid{
	max-width: 100% !important;
}

.caradmin-reset-button{
	background: url(/images/newdesign/Reset_50px_white.png) no-repeat right 15px center, #b7b7b7;
	color: #fff;
}

.reportFilterContainer{
	display:flex;
	flex-wrap: nowrap;
}

.mainFilterContainer{
	display:flex;
	padding: 5px 0;
	flex: 0 1 auto;
}
.filterName, .sliderValueHeader, .expandFilterContent{
	flex: 1 1 auto;
}

.labelValueFunctionWrapper{
	display:flex;
	flex-wrap: wrap;
	width:60%;
	margin-left:0;
}
.labelValueFunctionFlex{
	display:flex;
	flex-wrap: wrap;
	width:100%;
}
.labelValueFunctionFlexTr{
	display:flex;
	flex:1 1 100%;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: calc(100% - 10px);
	padding:5px;
}
.labelValueFunctionFlexTr > div{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.labelValueFunctionHeaderFlex{
	width:100%;
}
.labelFunctionValueHeadingFlex{
	width:100%;
	display:flex;
	flex-wrap: nowrap;
	border-bottom:1px solid;
}
.labelFunctionValueHeadingFlex>div{
	padding:5px;
}

.multiChoiceContainer .multiChoiceIcon{
	padding:6px !important;
	right: 0;
	top: 0;
	background: #F8B356;
	border-radius: 5px;
	cursor: pointer;
}

.etc_dialog .datepickerContainer .datepickerIcon,
.etc_dialog_new .datepickerContainer .datepickerIcon,
.newAssetTable .datepickerContainer .datepickerIcon,
#bookingDataTable .datepickerContainer .datepickerIcon
{
	position: absolute;
	right: 0px;
	top:-14px;
	background: #F8B356;
	border-radius: 5px;
	padding: 7px;
}
.etc_dialog .datepickerContainer .datepickerIconFloat, .etc_dialog_new .datepickerContainer .datepickerIconFloat,
.newAssetTable .datepickerContainer .datepickerIcon {
	right:0;
	top:0;
}
/*
#bookingDataTable .datepickerContainer .datepickerIcon{
	right:0;
}*/
.etc_dialog .datepickerContainer .datepickerIcon .caradmin_icon, .etc_dialog_new .datepickerContainer .datepickerIcon .caradmin_icon,
/*#bookingDataTable .datepickerContainer .datepickerIcon .caradmin_icon, */.newAssetTable .datepickerContainer .datepickerIcon .caradmin_icon{
	width:30px;
	height: 30px;
}

.flex-div{
	display:flex;
	margin-top:10px;
}

.flex-div .label-flex:first-child{
	text-align: right;
	padding: 10px 10px 0 0;
}
.flex-div .label-flex{
	font-size: 0.9rem;
	text-overflow: ellipsis;
	flex: 0 1 auto;
	min-width: 10%;
	overflow: hidden;
	white-space: nowrap;
}
.fieldTable-left-align .label-flex{
	text-align: left !important;
}
.label-flex-left-align{
	text-align: left !important;
}
.etc_dialog .flex-div .label-flex, .etc_dialog_new .flex-div .label-flex{
	flex: 2 1 15%;
	min-width: 0;
}

.flex-div .flex-content{
	flex-grow: 1;
	flex-basis: 60%;
}
.flex-div .flex-content-padding{
	padding: 10px 0 0 0;
}
.etc_dialog_new .etc_input, .etc_dialog .etc_input,.etc_dialog .etc_fakeinput, .etc_dialog_new .etc_fakeinput, #bookingDataTable .etc_input,
.newAssetTable .etc_input{
	background-color:#FFFFFF;
	border-radius:5px;
	border:1px solid #CECECF;
	padding: 10px 15px;
	font-family:"Open Sans", sans-serif !important;
	font-size:1rem;
}

.etc_checkbox_new input[type="checkbox"]{
	display:none;
}

.etc_checkbox_new input[type="checkbox"]:checked + label span {
	background:url(/images/newdesign/checked_21.png) left top no-repeat;
	background-size: 40px;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.etc_checkbox_new input[type="checkbox"] + label span {
	display: inline-block;
	height: 20px;
	text-align: left;
	padding: 10px 50px 10px 50px;
	/* margin: -1px 20px 0 0; */
	/* vertical-align: middle; */
	background: url(/images/newdesign/Unchecked_Checkbox_100px.png) left top no-repeat;
	background-size: 40px;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=70);
	/* line-height: 110%; */
	font-size: 1rem;
	vertical-align: middle;
}

.assetWizardMaxWidth{
	max-width: 500px !important;
}

.multiSelectDelete{
	float:right;
	margin-right:10px;
}

.singleSaveButton{
	padding: 10px 0 0 30px;
}

.zebra-list .zebra-flex:nth-child(2n+1){
	background-color: #F9F9F9;
}
.zebra-flex{
	display:flex;
	padding: 10px 20px;
	border-top: 1px solid #E1E1E1;
}

.reportSubTable>td{
	border-bottom: 2px solid white;
	padding-bottom: 5px;
}
.reportSubTable td{
	text-align: left !important;
}

.reportSubTable{
	background-color:#FBAF53 !important;
	/* 	height: 200px;  */
	box-shadow: 0px 3px 2px 1px #D6D9D8;
	float: left;
	width: 100%;
}
.workshopSumRow td{
	border-top:1pt solid #BBBBBB;
	border-bottom:1pt solid #777777;
}

.inputSchema.etc_dialogtable .flex-div{
	display: table-row;
}
.inputSchema.etc_dialogtable .label-flex,.inputSchema .flex-content{
	display: table-cell;
	vertical-align: top;
	padding-top: 10px;
	text-align: left;
}


@media screen and (max-width: 800px) {

	.inputSchema.etc_dialogtable .flex-div.inputSchemeFix{
		display: contents;
	}

	.inputSchema.etc_dialogtable .label-flex.inputSchemeFix , .inputSchema .flex-content.inputSchemeFix{
		display: contents;
		vertical-align: top;
		padding-top: 10px;
		text-align: left;
	}
}

.dialog-labelvalue-container{
	display:flex;
	flex-wrap: wrap;
}

.dialog-labelvalue-container .labelValueFunctionWrapper{
	flex-wrap: wrap;
	flex: 1 1 45%;
	margin-left: 0;
	display: block;
	max-width: 47%;
}

.caradmin-wraptext{
	white-space: normal !important;
}
.mediumHeaderText{
	font-weight: bold;
	font-size: 12pt;
}

.etc_inputMin250{
	min-width: 250px;
}

.reportFileList tr td{
	white-space: normal !important;
}

.fieldFlexExtraFunction{
	width: 30px;
	height: 30px;
	margin: auto;
}

.caradmin-sadface-button{
	background: url(/images/newdesign/sad_white.png) no-repeat right 15px center, #C1272D;
	color: #fff;
	text-transform: uppercase;
}
.caradmin-happyface-button{
	background: url(/images/newdesign/happy_white.png) no-repeat right 15px center, #8FBF21;
	color: #fff;
	text-transform: uppercase;
}

.tinyIcon {
	padding-left: 10px;
	height: 10px;
	width: 10px;
}

.etc_filterLabel_underline {
	font-weight: bold;
	border-bottom: 1px solid black;
}
.subNavigationItem {
	font-size: 1.05rem;
	margin-left: 40px;
	padding-bottom: 8px;
	padding-right: 5px;
	float: left;
	color: #A3A2A2;
}
.subNavigationItemActive {
	color: black;
	padding-bottom: 5px;
	border-bottom: 3px solid #F7A84E;
}
.subNavigation {
	width: 80%;
	margin-left: -40px;
}
.subNavigation hr {
	margin-left: 40px;
	color: #6F6E6E;
	clear: both;
	height: 0px;
	border-top: 1px solid #6E6E6E;
	border-bottom: 1px solid #A8A8A8;
	position: relative;
	width: 100%;
	top: -1px;
	z-index: -1;
}
.firstRowHighlighter:first-child {
	font-weight: bold;
}
.fixed-dialog { position:fixed;}

button.mapPopupButton {
	border-radius: 3px;
	font-size:0.75rem !important;
	font-weight: 400;
	padding: 8px 40px 8px 20px;
	margin: 5px 5px 5px 5px;
	display: inline-block;
	border:none;
	background-size: 25px auto !important;
	background: url(/images/newdesign/Circled_Right_2_50px_white.png) no-repeat right 10px center, #b7b7b7;
	color: #fff;
}
.debug-container {
	display: inline-block;
	height: 50px;
	margin-left: -5px;
	background-color: mediumpurple;
	padding: 13px 5px 0 10px;
}

.expand-quickmenu-button,
.expand-quickmenu-button-dialog{
	cursor: pointer;
	font-weight: bold;
}

.quickmenu-items, .etc_quickmenu, .etc_quickmenu_mobile, .quickmenu-items-mobile, .quickmenu-items-mobile-dialog,
.etc_quickmenu_contextdialog, .etc_filtermenu {
	display: none;
	font-size: 0.8rem;
	position: absolute;

	z-index: 101;
	color: #696969;
	background-color: white;
	border: 1px solid #888;
	border-radius: 10px;
	box-shadow: 4px 20px 30px #5c5c5a;
	line-height: 2.4rem;
}


.quickmenu-option, .quickmenu-option-mobile, quickmenu-option-mobile-dialog {
	text-align: left;
	padding-right: 10px;
	padding-left: 20px;
}


.ui-tabs .ui-tabs-nav li {
	position: unset !important;
}

.ui-tabs {
	position: unset !important;
}

.board-section {
	display: flex;
}

.board-row {
	display: inline;
	flex: 1;
	text-align: center;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #FAFAFA;
}

.ghost {
	opacity: .3;
	border-style: dashed;
}

.board-header {
	font-weight: 600;
	height: 100%;
}

.board-header {
	margin: 0;
	padding: 10px 10px 5px 10px;
	background: #D2D2D2;
}

.infocard .clickable {
	padding-right: 5px;
}

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

.board-section .labelValueFunctionWrapper {
	float: none;
	width: 90%;
	margin: auto;
	background: #EFEFEF;
	box-shadow: none;
	border: 1px solid #D9D9D9;
	margin-bottom: 10px;
}

.board-section .functionHolder {
	width: 100%;
}

.board-section .functionHolder img {
	float: right;
	cursor: pointer;
}

.boardbox {
	margin-bottom: 10px;
	cursor: pointer;
}

.board-section .labelvalue {
	display: flex;
	flex: 0 0 100%;
	text-align:left;
}

.board-section .labelvalue span {
	overflow: hidden;
}

.board-section .label {
	flex: 0 0 35%;
	font-weight: 600;
	white-space: normal;
}

.board-section .value {
	flex: 0 0 65%;
	white-space: normal;
}

.centerDialog {
	height: auto !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.labelValueFullWidth {
	flex: 1 1 100% !important;
	max-width: 100% !important;
	word-break: break-word;
}

.labelValueFullWidth .labelValueFunctionWrapper {
	width: 98%;
	max-width: 98%;
}

.labelValueHalfWidth {
	max-width: 50% !important;
	width: 50% !important;
}

.labelValueHalfWidth .labelValueFunctionWrapper {
	width: 95%;
	max-width: 95%;
}

.infocard .labelValueFunctionHeaderFlex {
	cursor: pointer;
}

.stagesContent {
	display: flex;
	justify-content: space-evenly;
	width: 92%;
	margin: auto;
}

#contextDialog {
	max-height: none;
}

.stagesContent input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.stagesContent {
	display: flex;
	justify-content: space-evenly;
	width: 95%;
	margin: auto;
}

.stagesContent .checkmark {
	position: relative;
	height: 20px;
	width: 20px;
	background-color: #FAFAFA;
	display: block;
	margin: 0;
	cursor: pointer;
	border-radius: 10px;
	border: 2px solid #CECECF;
}

.stagesContent label:hover input ~ .checkmark {
	background-color: #FF7F00;
	border: 2px solid #FF7F00;
}

.stagesContent input:checked ~ .checkmark {
	background-color: #FF7F00;
	border: 2px solid #FF7F00;
}

.stagesContent .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.stagesContent input:checked ~ .checkmark:after {
	display: block;
}

.stagesContent .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.stagesContent label {
	display: inline-block;
	width: 20px;
}

.line {
	margin-top: 12px;
	height: 2px;
	background-color: #CECECF;
	flex: auto;
	margin-left: 2px;
}

.textValue {
	font-weight: 400;
	font-size: 10px;
	width: 50px !important;
	display: block;
}

.selectedTextValue {
	font-weight: 600 !important;
	font-size: 11px !important;
}

@media screen and (max-width: 850px) {
	.stages {
		display: none;
	}
}

.centerDialog {
	height: auto !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media screen and (max-width: 800px) {
	.centerDialog {
		width: 100% !important;
		height: auto !important;
		right: 0 !important;
		left: 0 !important;
	}
}

.caradmin-camera-button{
	background: url(/images/newdesign/camera-white.png) no-repeat right 15px center, #b7b7b7;
	color: #fff;
	text-transform: uppercase;
}
.caradmin-file-button{
	background: url(/images/newdesign/imageFile-white.png) no-repeat right 15px center, #b7b7b7;
	color: #fff;
	text-transform: uppercase;
}
.caradmin-QRCode-button{
	background: url(/images/newdesign/QrCode-white.png) no-repeat right 15px center, #8FBF21;
	color: #fff;
	text-transform: uppercase;
}
.caradmin-arrowDown-button{
	background: url(/images/newdesign/down-triangle-white.png) no-repeat right 15px center, #b7b7b7;
	color: #fff;
	text-transform: uppercase;
}

/*Lokasjonsvelger i toppfilter*/
.locChooserTopFilter.locChooserTagBox{
	background-color: #1fa6c3;
	border-radius:5px;
	height:25px;
	color:#fff;
	width:180px;
}
.locChooserTopFilter .locChooserTag{
	font-size: 0.8rem;
	padding-top: 4px;
}
/*slutt lok top filter*/

/* Rapportfilter uten min-width */
@media screen and (max-width: 1550px) {
	.subNoMinWidth .exFilter table {
		float: right !important;
	}
}
@media screen and (max-width: 1420px) {
	.subNoMinWidthLeft {
		width: 100% !important;
	}

	.subNoMinWidth {
		width: 50% !important;
	}

	.subNoMinWidth .exFilter table {
		float: left !important;
	}
}
/* Timeregisterings-aktiviteter */
.activityMobileBox {
	border: 2px solid #F4C67C;
	border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
}

.activityMobileBox table td {
	width: 50%;
}

.secondaryMainFilter .sliderSelect, .secondaryMainFilter .sliderSelectButton img{
	height: 25px !important;
}
.secondaryMainFilter .sliderSelect{
	font-size: 0.875rem;
}
.secondaryMainFilter .sliderSelect .sliderSelectValue{
	padding-top: 2px;
}
.secondaryMainFilter{
	margin-right: 5px;
}

.caradmin-select-max-height {
	max-height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
}