/* Minification failed. Returning unminified contents.
(263,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(753,63): run-time error CSS1030: Expected identifier, found ','
(753,78): run-time error CSS1031: Expected selector, found ')'
(753,78): run-time error CSS1025: Expected comma or open brace, found ')'
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100.01%;
font-family: inherit;
vertical-align: top;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*
1. Main containers
2. Main elements
3. Misc classes
4. Navigation
5. Forms
6. Typography
7. Grid
8. Mobiscroll
9. Icons
10. Validation
11. jQuery UI
12. Minified section
13. TL
14. Map
*/

/* ### 1. Main containers ############### */
/* Global reset */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
}

body {
	background-color: #383838;
	background-image: url('../Content/images/background.jpg');
	background-repeat: repeat;
	background-size: 512px 512px;
}

body.embedded {
	background-color: #ffffff;
	background-image: none;
	padding-top: 0;
	padding-bottom: 0;
}

#main_form {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

#top {
	position: -webkit-sticky;
	position: sticky; top: 0;
	flex: 0 0 91px;              /* fixed 91px tall */
	width: 100%;
	background-image: url('../Content/images/top.jpg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 900;
	font-size: 0.88em;
}

#content {
	flex: 1 1 auto;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	overflow: auto;
	min-height: calc(
			100vh          /* full viewport height */
			- 91px        /* header height */
			- 90px        /* footer height + padding */
	);
	-webkit-overflow-scrolling: touch;
}

#footer {
	flex: 0 0 90px;               /* fixed 90px tall */
	position: -webkit-sticky;
	position: sticky; bottom: 0;
	width: 100%;
	background-image: url('../Content/images/footer.jpg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 901;
	padding: 21px 20px;           /* top/bottom 21px, left/right 20px */
}

/* ### 2. Main elements ############### */
#logo {
	position:absolute;
	top:19px;
	left:20px;
	width:319px;		
}
#logininfo {
	display:table;
	height:88px;
    width:340px;
	color:#fff;
	padding:0px 20px 0px 0px;
	vertical-align:middle;
	text-align:right;
}
.logininfo-content {
    display: table-cell;
    vertical-align:middle;
	line-height:20px;
}
#logininfo a {
	color:#fff;
	font-weight:bold;	
}

#top_assignmentinfo {
	position:relative;
	float:right;
	width:240px;
	margin-right:10px;
	padding-top:42px;
	color:#fff;	
    text-align: center;
}

.box {
	position:relative;
	display:block;
	padding:20px;
	margin-top:0px;
	margin-bottom:25px;
	background:url(../Content/images/box_top.jpg) no-repeat right top #f9f9f9 !important;
	border:2px solid #fff !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow:  3px 3px 3px 2px rgba(0, 0, 0, 1);
	box-shadow:  3px 3px 3px 2px rgba(0, 0, 0, 1);
}

#fraud.box.fraud {
	color: #000000;
	font-size: 16px;
	font-family: Arial, sans-serif;
}

#content > #fraud-container > div.box:last-child {
	margin-bottom: 25px !important;
}

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

.fraud-headline-container{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.fraud-warning-icon{
	height: 26px;
	margin-right: 14px;
}
.fraud-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 14px;
	margin-bottom: 14px;
}

.fraud-table th, .fraud-table td {
	padding: 8px;
	border-bottom: 1px solid #ccc;
	text-align: left;
}

.fraud-table thead {
	background: #ffe40c !important;
}

.fraud-table thead tr th{
	font-weight: bold;
}

.fraud-table tbody tr {
	background-color: #fbffd5;
}

.fraud-confirmation-box{
	display: flex;
	justify-content: space-between;
	font-weight: bold;
}

.fraud-confirmation-input{
	display: flex;
	flex-direction: column;
	width: 50%;
}
.fraud-confirmation-buttons{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: 10px;
}
.fraud-revoke-button {
	margin-right: 10px; !important;
}

#confirmRemoveFraudModal {
	display: flex;
}
.fraud-confirm-revoke-buttons {
	display: flex;
}
#fraudConfirmRevokeButton_no {
	margin-right: 10px;
}
#content div.box:last-child {
	margin-bottom:0px !important;
}

.has_title {
	margin-top:63px;
}
.has_title_first {
	margin-top:38px !important;
}

.logon_title_container {
	position: absolute;
	height: 36px;
	line-height: 36px;
	left: 5px;
	top: -38px;
	color: #000;
	display: flex;
	flex-direction: row;
}

.logon_title {
	height: 36px;
	background-size: auto 100%;
	background-image: url(../Content/images/box_title_right.png), url(../Content/images/box_title_left.png);
	background-position: right top, left top;
	background-repeat: no-repeat;
	color: #000;
	text-shadow: 1px 1px 0px #fff9cb;
	padding-left: 16px;
	padding-right: 21px;
}

.logon_title.selected {
	text-decoration: underline;
}

.box_title {
	position: absolute;
	height: 36px;
	line-height: 36px;
	background-size: auto 100%;
	padding-left: 16px;
	padding-right: 21px;
	left: 5px;
	top: -38px;
	background-image: url(../Content/images/box_title_right.png), url(../Content/images/box_title_left.png);
	background-position: right top, left top;
	background-repeat: no-repeat;
	color: #000;
	text-shadow: 1px 1px 0px #fff9cb;
}

.footer_message {
	position:absolute;
    text-align: center;
    max-width: 300px;
    left: 0;
    right: 0;
    margin: auto;
    top: -60px;
	display:inline-block;
	float:right;
	height:46px;
	line-height:46px;
	padding-left:15px;
	padding-right:15px;
	background:#ffe400;
	-webkit-border-radius: 5px;    
    border-radius: 5px;
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	border:2px solid #fff69d;
	text-shadow:1px 1px 0px #fff7b5;				
}
.footer_warning {
	background-image:url(../Content/images/icon_warning_small.png);	
	background-repeat:no-repeat;
	background-position:12px center;
	padding-left:44px;
}

.message {
	position:relative;
	display:block;
	padding:10px;
	padding-bottom:16px;
	padding-top:16px;
	background:#fff;
	-webkit-border-radius: 5px;    
    border-radius: 5px;
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	border:2px solid #eee;
	text-shadow:1px 1px 0px #fff;				
}
h1.message {
	padding-top:14px;
	padding-bottom:14px;	
}
.message_info {
	background-image:url(../Content/images/icon_info.png);	
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-size:auto 32px;
	padding-left:55px;		
}
.message_warning {
	background-image:url(../Content/images/icon_warning.png);	
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-size:auto 32px;
	padding-left:55px;
	background-color:#ffe400;
	-webkit-border-radius: 5px;    
    border-radius: 5px;
	-webkit-box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.3);
	border:2px solid #fff69d;
	text-shadow:1px 1px 0px #fff7b5;				
}

#top .message {
	display:inline-block;
	padding:0px 6px 0px 27px;
	color:#000;			
}
#top .message_warning, #top .message_info {
	background-position:4px 3px;
	background-size:auto 18px;		
}
#top .ui-helper-hidden {
	display:none;
}


/* ### 3. Misc classes ############### */
hr {
	border: none 0;
    border-top: 2px solid #777777;
    color: #fff;
    background-color: #fff; 
    clear: both;
	margin-top:20px;
	margin-bottom:20px;  
}
.left {
	float:left;	
}
.right {
	float:right;	
}
.alignleft {
	float:left;
	margin-right:1.5%;	
}
.alignright {
	float:right;
	margin-left:1.5%;	
}
.clear {
	clear:both;
	height:0px !important;
	font-size:0px !important;
	line-height:0px !important;	
}
.valign {
	display:table;	
}
.middle {
	display:table-cell;
	vertical-align:middle;	
}
.center {
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;	
}
.text_right, .text_right * {
	text-align:right !important;	
}

.has_no_title {
	margin-top:0px;	
}

.height_2rows_label {
	height:144px;		
}
.height_3rows_label {
	height:240px;		
}
.height_4rows_label {
	height:335px;		
}

.height_2rows {
	height:170px;		
}
.height_3rows {
	height:265px;		
}
.height_4rows {
	height:360px;		
}

.spacer {
	height:20px !important;	
}

.nowrap {
    white-space: nowrap;
}

.textaligncenter {
    text-align: center;
}

.datalist {
	width:100%;		
}
.datalist tr.border td, .datalist tr.border th {
	border-top:2px solid #777 !important;
}
.datalist th {
	font-weight:bold;
	text-align:right;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	width: 1px;
    white-space: nowrap;
}
.datalist td {
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}
.datalist tr:nth-child(even), .datagrid tr:nth-child(odd) {
	background: #e8e8e8
}

.datagrid {
	width:100%;
}
.datagrid th {
	font-weight:bold;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background:#3e3e3e;
	color:#fff;
}
.datagrid th:first-child {
	-webkit-border-radius: 5px 0px 0px 0px;
    border-radius: 5px 0px 0px 0px;		
}
.datagrid th:last-child {
	-webkit-border-radius: 0px 5px 0px 0px;
    border-radius: 0px 5px 0px 0px;		
}
.datagrid td {
	padding:10px;
	vertical-align:middle;
	overflow:hidden;
	text-overflow: ellipsis;
}

.datagrid_messages td {
	color:#777;		
}

.datagrid tr.selected td {
	font-weight: bold;
}

.unreadnotificationmessage td {
    color:#000;
}

.message_icon {
	background-image:url(../Content/images/icon_info.png);	
	background-repeat:no-repeat;
	background-position:0px 2px;
	background-size:auto 15px;
	padding-left: 20px;		
}

.notify {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:1024px;
	line-height:20px;
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,linear-gradient(bottom, rgb(255,230,2) 47%, rgb(255,236,65) 74%);
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,-o-linear-gradient(bottom, rgb(255,230,2) 47%, rgb(255,236,65) 74%);	
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,-moz-linear-gradient(bottom, rgb(255,230,2) 47%, rgb(255,236,65) 74%);	
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,-webkit-linear-gradient(bottom, rgb(255,230,2) 47%, rgb(255,236,65) 74%);	
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,-ms-linear-gradient(bottom, rgb(255,230,2) 47%, rgb(255,236,65) 74%);	
	background:url(../Content/images/icon_info.png) 20px 6px no-repeat,-webkit-gradient(linear, left bottom, left top, color-stop(0.47, rgb(255,230,2)), color-stop(0.74, rgb(255,236,65)));
	background-size:auto 20px, auto;							
	padding:6px 30px 6px 47px;
	z-index:100;
	-webkit-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, 0.5);
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
}

/*Clearable input field*/
.clearable {
    position:relative;
	display:block;
}
.clearable input {
    padding-right:17px; /* add space for the 'x' icon*/
}
a.icon_clear {
	position:absolute;
    right:12px;
	top:12px;    
    display:none;
    cursor:pointer;
	background:url(../Content/images/icon_clear.png) left top no-repeat;
	height:27px;
	width:27px;
	z-index:999;
	text-decoration:none;
}
    a.icon_clear:hover {
        
    }
	
#footer .alignright {
	margin-left: 1.5%;	
}
#footer .alignleft {
	margin-right: 1.5%;	
}

.td_valign_text {
	padding-top:15px !important;	
}

.item_list {
	list-style:none;	
}
.item_list li {
	display:block;
	height:340px;
	width:260px;
	padding:20px;	
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	background:#cccccc;
	border-radius:5px;
	text-align:center;	
}
.item_list li:nth-child(3n) {
	margin-right:0px;	
}
.item_list li a {
	margin:0 auto !important;	
}
.item_list_photo_260x260px {
	display:table-cell;
	height:260px;
	width:260px;
	vertical-align:middle;
	text-align:center;
}

.bulleted_list {
    margin-bottom: 1em !important;
}

.bulleted_list li {
    list-style-type: disc;
    margin-left: 20px;
}

.iframewrapper {
    background:url(images/progress_spinner.gif) center center no-repeat;
}

/*Message*/
#NotificationMessageNotification,
#MobileFleetManagementMessageNotification {
	position:absolute;
	top:27px;
	left:0px;	
}
#NotificationMessageNotification.message,
#MobileFleetManagementMessageNotification.message {
	text-align:left;
	padding:7px 2px 5px 6px;
	line-height:20px;	
	text-decoration:none;
}
#NotificationMessageNotification.message:hover,
#MobileFleetManagementMessageNotification.message:hover {
	border:2px solid #ffffff;
}
.NotificationMessageNotification_icon,
.MobileFleetManagementMessageNotification_icon {
	position:relative;
	float:right;
	top:-1px;
	display:block;
	width:32px;
	height:20px;
	margin-left:5px;
	background:url(images/icon_notification_envelope_small.png) 0px 0px no-repeat;	
}
.NotificationMessageNotification_icon_circle,
.MobileFleetManagementMessageNotification_icon_circle {
	position:absolute;
	top:-11px;
	right:-7px;
	width:22px;
	height:22px;
	border-radius:50%;
	font-size:12px;
	color:#fff;
	line-height:22px;
	text-align:center;
	background:#000;
	text-shadow:none;	
}

/* ### 4. Navigation ############### */
#scrollnav {
	height:35px;	
}
.nav {
	position:fixed;
	display:block;
	top:90px;
	left:0px;
	height:39px;
	width:100%;
	list-style:none;
	background:url(images/nav_main_background.jpg) center top #e7302c;
	z-index:90;
}
	.nav li {
		float:left;
		display:inline-block;
	}
	.nav li:last-child {
		background:url(images/nav_main_inactive.gif) right top no-repeat;
		padding-right:2px;
	}
	.nav li a {
		display:inline-block;
		line-height:36px;
		height:36px;
		padding-top:1px;
		padding-left:19px;
		padding-right:19px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		text-shadow:1px 1px 0px rgba(0,0,0,0.3);
		background:url(images/nav_main_inactive.gif) left top no-repeat;		
	}
	.nav li a:hover {
		text-decoration:none;	
	}
	.nav li.active a {
		background:url(images/nav_main_active.jpg) left top #f9e52e;
		color:#000;
		text-shadow:1px 1px 0px rgba(255,255,255,0.8);		
	}

.button, input[type=submit], .dwb, button:not([class^="icon_"],[class^="gm-"]) {
	display: inline-block !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.25em !important;
	color: #000 !important;
	font-weight: bold;
	height: 48px;
	line-height: 48px;
	padding: 0px 15px 0px 15px !important;
	text-decoration: none !important;
	background: #f1f1f1 !important;
	background: -moz-linear-gradient( top, #ffffff 0%, #ebebeb 50%, #dbdbdb 50%, #ffffff) !important;
	background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), color-stop(0.50, #ebebeb), color-stop(0.50, #dbdbdb), to(#ffffff)) !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	border: 1px solid #ffffff !important;
	-moz-box-shadow: 0px 2px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,1) !important;
	-webkit-box-shadow: 0px 2px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,1) !important;
	box-shadow: 0px 2px 1px rgba(000,000,000,0.3), inset 0px 0px 3px rgba(255,255,255,1) !important;
	text-shadow: 0px -1px 0px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,1) !important;
	white-space: nowrap;
}

.button.bankidlogon, .button.bankidlogon:hover {
	position: relative;
	padding-right: 50px !important;
	text-align: center;
}

.button.bankidlogon::after, .button.bankidlogon:hover::after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50px;
	height: 100%;

	background-image: url(../Content/images/bankid-logo.png);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 40px 30px;
}

.button.bankidlogon.loading, .button.bankidlogon.loading:hover {
	background-image: url(../Content/images/bankid-logo.png) !important;
	background-position: right 10px center !important;
	background-repeat: no-repeat !important;
	background-size: 40px 30px !important;
	background-color: #f1f1f1 !important;
	padding-right: 50px !important;
	cursor: pointer;
}

.button:hover, input[type=submit]:hover, button:not([class^="icon_"]):hover {
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#fafafa 50%,
		#f0f0f0 50%,
		#ffffff) !important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #fafafa),
		color-stop(0.50, #f0f0f0),
		to(#ffffff)) !important;
	-moz-box-shadow:
		0px 2px 1px rgba(000,000,000,0.7),
		inset 0px 0px 4px rgba(255,255,255,1) !important;
	-webkit-box-shadow:
		0px 2px 1px rgba(000,000,000,0.7),
		inset 0px 0px 4px rgba(255,255,255,1) !important;
	box-shadow:
		0px 2px 1px rgba(000,000,000,0.7),
		inset 0px 0px 4px rgba(255,255,255,1) !important;
	cursor:pointer !important;
}
.button:disabled, .button.disabled, input[type=submit]:disabled, .dwb:disabled, button:disabled, .button:disabled:hover, input[type=submit]:disabled:hover, .dwb:disabled:hover, button:disabled:hover {
	background: -moz-linear-gradient(
		top,
		#f1f1f1 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#f1f1f1) !important;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f1f1f1),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#f1f1f1)) !important;		
	-moz-box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 3px rgba(255,255,255,1) !important;
	-webkit-box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 3px rgba(255,255,255,1) !important;
	box-shadow:
		0px 2px 1px rgba(000,000,000,0.3),
		inset 0px 0px 3px rgba(255,255,255,1) !important;	
	color:#b9b9b9 !important;
	text-shadow:none !important;
	cursor:default !important;
    pointer-events:none;	
}

.button_back, .button_print, .button_save, .button_home, .button_home, .button_info, .button_check {
	padding: 0px 6px 0px 6px !important;		
}
.button_back:before {
	position:relative;
	top:7px;
	content: "";
	width:34px;
	height:34px;
	display:block;
	background:url(images/button_back.png) center center no-repeat;
}
.button_print:before {
	position:relative;
	top:6px;
	content: "";
	width:34px;
	height:34px;
	display:block;
	background:url(images/button_print.png) center center no-repeat;
}
.button_save:before {
	position:relative;
	top:0px;
	content: "";
	width:34px;
	height:34px;
	display:block;
	background:url(images/button_save.png) center center no-repeat;
}
.button_home:before {
	position:relative;
	top:7px;
	content: "";
	width:34px;
	height:34px;
	display:block;
	background:url(images/button_home.png) center center no-repeat;
}
.button_info:before {
	position:relative;
	top:7px;
	content: "";
	width:34px;
	height:34px;
	display:block;
	background:url(images/button_info.png) center center no-repeat;
}
.button_check:before {
	position:relative;
	top:12px;
	content: "";
	width:32px;
	height:25px;
	display:block;
	background:url(images/button_check.png) center center no-repeat;
}

.more-buttons_button:before {
	position:relative;
	top:0px;
	content: "";
	width:47px;
	height:47px;
	display:block;
	background:url(images/button_more-buttons.png) center center no-repeat;
}
.more-buttons_button {
	display:block !important;
	border-radius: 50% !important;
	width:48px;
	padding:0px !important;	
}
.more-buttons {
	position:absolute;
	display:none;
	top:-87px;
	right:0px;
	background:#feeb54;
	padding:27px;
	padding-top:17px;
	padding-bottom:20px;
	border-radius:4px 4px 0px 4px;
	border-top:2px solid #fff8bd;
	-webkit-box-shadow:  0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	white-space:nowrap;
}
.more-buttons .button {
	margin-right:25px;
	box-sizing:border-box;	
}
.more-buttons > .button:last-child {
	margin:0px;
}

.more-buttons form {
    display: inline-block;
}

button.ui-state-default, .ui-widget-content button.ui-state-default {
	border:none !important;	
}

.nav_icons {
	display:block;
	width:100%;
	list-style:none;	
}
.nav_icons li {
	display:inline-block;
	float:left;
	height:210px;
	width:220px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	text-align:center;
	margin-right:20px;
	background:url(../Content/images/icon_bg.png) transparent center top no-repeat;
	background-size:100% 100%;				
}
.nav_icons li:nth-child(-n+8) {
	margin-bottom:20px;	
}
.nav_icons li:nth-child(4n+4) {
	margin-right:0px;	
}
.nav_icons li.disabled, .nav_icons li.disabled a {
	opacity:0.2;		
}
.nav_icons li.disabled:hover a {
	cursor:default;	
}
.nav_icons li.disabled:hover {
	cursor:default;
	background:url(../Content/images/icon_bg.png) transparent center top no-repeat;		
}
.nav_icons li:hover {
	background:url(../Content/images/icon_bg_hover.png) transparent center top no-repeat;
	background-size:100% 100%;				
}
.nav_icons li input[type=submit] {
	box-shadow:none !important;
	text-shadow:none !important;
	padding:0px !important;
	border:0px !important;	
}
.nav_icons li a, .nav_icons li span:not(.icon_infocircle), .nav_icons li input[type=submit], .nav_icons li button, .nav_icons li button:hover {
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;		
	width:100%;	
	padding:10px !important;
	padding-top:170px !important;
	color:#000;
	text-decoration:none;
	background-size:auto 140px;
	cursor:pointer;	
	border:0;
	font-size:17px;	
}

.nav_icons li span.counter {
	display:inline;
	padding:0px !important;
}

.nav_icons li input[type=submit] {
	padding-top:153px !important;	
}
.nav_icons_small li:nth-child(-n+4) {
	margin-bottom:0px;	
}
.nav_icons_small li:nth-child(4n+4) {
	margin-right:0px;	
}
.nav_icons_small li {
	height:166px !important;
	width:166px !important;	
	margin-right:20px !important;
}
.nav_icons_small li:nth-child(-n+3) {
	margin-bottom:20px !important;	
}
.nav_icons_small li:nth-child(3n+3) {
	margin-right:0px !important;
}
.nav_icons_small li a, .nav_icons_small li span {
	padding-top:132px !important;
	background-size:auto 110px !important;
	font-size:0.95em !important;		
}

ul.flow_nav {
	display:inline-block;
	height: 48px;
	-webkit-box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 1), 1px 2px 2px 0px rgba(0, 0, 0, 1);
	box-shadow:  0px 0px 3px 0px rgba(0, 0, 0, 1), 1px 2px 2px 0px rgba(0, 0, 0, 1);
	-webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
	margin-bottom:15px;
}

ul.flow_nav li 
{
	position:relative;
	float:left;
	height: 48px;
    line-height: 48px;
	text-align: center;		
	background: #4e9ecb; /* Old browsers */
	background: -moz-linear-gradient(top,  #4da1d6 0%, #4e9cca 48%, #4689bf 53%, #5ab3e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4da1d6), color-stop(48%,#4e9cca), color-stop(53%,#4689bf), color-stop(100%,#5ab3e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4da1d6 0%,#4e9cca 48%,#4689bf 53%,#5ab3e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4da1d6 0%,#4e9cca 48%,#4689bf 53%,#5ab3e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4da1d6 0%,#4e9cca 48%,#4689bf 53%,#5ab3e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4da1d6 0%,#4e9cca 48%,#4689bf 53%,#5ab3e7 100%); /* W3C */
}
ul.flow_nav li:first-child {
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}
ul.flow_nav li:after {
	position:absolute;
	content:" ";
	top:-2px;
	right:-30px;
	height:53px;
	width:30px;
	background:url('../Content/images/flowmenu_arrow_blue.png') left top no-repeat;
	z-index:10;
}
ul.flow_nav li_last-child:after {
	right:30px;	
}
ul.flow_nav li a {
    display:block;
	width:85px;
	height: 48px;
    text-align: center;
    line-height: 48px;
	padding:0px 8px 0px 50px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	font-size:0.88em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);			
}

ul.flow_nav li.disabled {
	padding:0px 8px 0px 50px;
	width:85px;
	color:#616161;
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #b9b9b9 0%, #adadad 47%, #a0a0a0 53%, #b9b9b9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(47%,#adadad), color-stop(53%,#a0a0a0), color-stop(100%,#b9b9b9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b9b9b9 0%,#adadad 47%,#a0a0a0 53%,#b9b9b9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b9b9b9 0%,#adadad 47%,#a0a0a0 53%,#b9b9b9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b9b9b9 0%,#adadad 47%,#a0a0a0 53%,#b9b9b9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b9b9b9 0%,#adadad 47%,#a0a0a0 53%,#b9b9b9 100%); /* W3C */   
}
ul.flow_nav li.disabled:after {
	background:url('../Content/images/flowmenu_arrow_inactive.png') left top no-repeat;
}
ul.flow_nav li:first-child.disabled {
	padding-left:22px !important;	
}

ul.flow_nav li.selected {
	padding:0px 0px 0px 0px;
	background: #4e9ecc; /* Old browsers */
	background: -moz-linear-gradient(top,  #84bee3 0%, #85bcdc 48%, #7fadd3 53%, #8dcbee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84bee3), color-stop(48%,#85bcdc), color-stop(53%,#7fadd3), color-stop(100%,#8dcbee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #84bee3 0%,#85bcdc 48%,#7fadd3 53%,#8dcbee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #84bee3 0%,#85bcdc 48%,#7fadd3 53%,#8dcbee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #84bee3 0%,#85bcdc 48%,#7fadd3 53%,#8dcbee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #84bee3 0%,#85bcdc 48%,#7fadd3 53%,#8dcbee 100%); /* W3C */   
}
ul.flow_nav li.selected:after {
	background:url('../Content/images/flowmenu_arrow_blue_active.png') left top no-repeat;
}

ul.flow_nav li.complete {
	padding:0px 0px 0px 0px;
	background: #96cb4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a6d74d 0%, #94ca4e 48%, #82bf46 53%, #bce75a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6d74d), color-stop(48%,#94ca4e), color-stop(53%,#82bf46), color-stop(100%,#bce75a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a6d74d 0%,#94ca4e 48%,#82bf46 53%,#bce75a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a6d74d 0%,#94ca4e 48%,#82bf46 53%,#bce75a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a6d74d 0%,#94ca4e 48%,#82bf46 53%,#bce75a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a6d74d 0%,#94ca4e 48%,#82bf46 53%,#bce75a 100%); /* W3C */   
}
ul.flow_nav li.complete:after {
	background:url('../Content/images/flowmenu_arrow_green.png') left top no-repeat;
}
ul.flow_nav li.complete a {
	display:inline-block;
	text-align:left;
	padding-left:84px;
	padding-right:22px;
	width:auto;
	background:url('../Content/images/check_white.png') 59px center no-repeat;
}

ul.flow_nav li.selected.complete {
	padding:0px 0px 0px 0px;
	background: #96cb4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #c7e780 0%, #badf81 48%, #add879 53%, #d4f08b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7e780), color-stop(48%,#badf81), color-stop(53%,#add879), color-stop(100%,#d4f08b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c7e780 0%,#badf81 48%,#add879 53%,#d4f08b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c7e780 0%,#badf81 48%,#add879 53%,#d4f08b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c7e780 0%,#badf81 48%,#add879 53%,#d4f08b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c7e780 0%,#badf81 48%,#add879 53%,#d4f08b 100%); /* W3C */   
}
ul.flow_nav li.selected.complete:after {
	background:url('../Content/images/flowmenu_arrow_green_active.png') left top no-repeat;
}

ul.flow_nav li:first-child a {
	padding-left:22px !important;
}

ul.flow_nav li.selected a {
	font-size:1.177em !important;
	background:url('../Content/images/flowmenu_active_arrow.png') 85px bottom no-repeat;
	cursor:default;	
}
ul.flow_nav li:first-child.selected a {
	background:url('../Content/images/flowmenu_active_arrow.png') 55px bottom no-repeat;	
}
ul.flow_nav li.selected.complete a {
	margin-left:60px;
	padding-left:24px;
	background:url('../Content/images/check_white.png') 0px center no-repeat, url('../Content/images/flowmenu_active_arrow.png') center bottom no-repeat;
}
ul.flow_nav li:first-child.complete a {
	margin-left:30px;
	padding-left:22px !important;
	background:url('../Content/images/check_white.png') 0px center no-repeat;
}
ul.flow_nav li:first-child.selected.complete a {
	margin-left:30px;
	padding-left:22px !important;
	background:url('../Content/images/check_white.png') 0px center no-repeat, url('../Content/images/flowmenu_active_arrow.png') center bottom no-repeat;
}

/* ### 5. Forms ############### */
label {
	position:relative;
	display:block;
	font-size:1em;
	height:25px;
	line-height:25px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
	clear:both;
}
label.left {
	position:relative;
	top:15px;
	display:inline-block;
	clear:none;	
}
.required_compact label {
	display:inline-block;
	padding-right:20px !important;	
}
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
input[type=date],
select,
textarea,
div.textarea {
	position:relative;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;	
	width:100%;
	min-height:50px;
	margin:0;
	padding:0 8px;
	background:url(../Content/images/input_bg.gif) right bottom #fff no-repeat;
	border:2px solid #777777;
	-webkit-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);
	box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom:20px;
	font-size:1em;
	outline:none;
	-webkit-overflow-scrolling: touch;
    font-family: Arial;
}

/* Set select color to black since it is default blue on iOS 15. */
select {
	color: #000000;
}

input[type=email]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=url]:hover,
select:hover,
textarea:hover,
div.textarea:hover {

}
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus,
div.textarea:focus {
	outline:none;
	border:4px solid #ffe400;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);	
}

input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=url]:disabled,
input[type=date]:disabled,
select:disabled,
textarea:disabled,
div.textarea:disabled {
    color:#000000;
	border-color:#b9b9b9;
	background:url(../Content/images/input_bg_disabled.gif) right bottom #fff no-repeat;    
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 	
}

input[readonly]:not(.select), textarea[readonly], div.textarea[readonly] {
	border-color:#d0d0d0;
	background:#f9f9f9; 
}

input[readonly]:not(.select):focus,
textarea[readonly]:focus,
div.textarea[readonly]:focus,
input[type=email]:disabled:focus,
input[type=number]:disabled:focus,
input[type=password]:disabled:focus,
input[type=tel]:disabled:focus,
input[type=text]:disabled:focus,
input[type=url]:disabled:focus,
select:disabled:focus,
textarea:disabled:focus {
	border:2px solid #d0d0d0;
	-webkit-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);
	box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);	
}

textarea,
div.textarea {
	position:relative;
	display:block;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;	
	resize:none;
	height:145px;
}

select {
	outline:none;
}
select:hover, select option:hover {
	cursor:pointer;	
}
input.select {
	background-image:url(../Content/images/icon_select.png), url(../Content/images/input_bg.gif);
	background-position:right center,right bottom;
	background-repeat:no-repeat;
}

.checkbox {
	display:none;
}
.custom_checkbox {
	background:url(../Content/images/checkbox.png) no-repeat 0 0 transparent;
	display:inline-block;
	width:53px;
	height:53px;
	cursor:pointer;
	margin-bottom:11px;
}

.custom_checkbox_disabled {
	cursor:default;
}

/*.custom_checkbox:hover {
	background-position:0 -53px;
}*/
.custom_checkbox_active, .custom_checkbox_active:checked {
	background-position:0 -106px !important;
}

.radio {
	display:none;
}
.custom_radio {
	background:url(../Content/images/radio.png) no-repeat center 0px transparent;
	display:inline-block;
	width:40px;
	height:53px;
	cursor:pointer;
	margin-bottom:11px;
}

.custom_radio_disabled {
	cursor:default;
}

/*.custom_radio:hover {
	background-position:center -53px;
}*/
.custom_radio_active, .custom_radio_active:checked {
	background-position:center -106px !important;
}

span.left .custom_radio {
	margin:0px;	
}

.formelement_list {
	list-style:none;
	margin:0px;
}
.formelement_list li {
	float:left;
	margin-bottom:6px;
	white-space:nowrap;
}
.formelement_list li label {
	float:left;
	line-height:50px;
	height:50px;
	margin-right:3px;
	font-size:1em;
}
.formelement_list li .custom_checkbox, .formelement_list li .custom_radio {
	float:left;
	margin-right:20px;
}

label.required {
	background:url(../Content/images/required.png) right center no-repeat;	
}
input[type=email].error,
input[type=number].error,
input[type=password].error,
input[type=tel].error,
input[type=text].error,
input[type=url].error,
select.error,
textarea.error {
	outline:none;
	border:4px solid #e8312d;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);	
}
label.error {
	color:#e8312d;	
}
.textfield {
	display:block;
	height:50px;
	line-height:50px;
	margin-bottom:20px;
}

.icon_select {
	position:relative;
	top:-1px;
	background:url(images/icon_select.png) no-repeat 9px center,
	-moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#ffffff) !important;
	background:url(images/icon_select.png) no-repeat 9px center,
	-webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#ffffff)) !important;
	width:15px;
}
.icon_select:hover {
	background:url(images/icon_select.png) no-repeat 9px center,
	-moz-linear-gradient(
		top,
		#ffffff 0%,
		#fafafa 50%,
		#f0f0f0 50%,
		#ffffff) !important;
	background:url(images/icon_select.png) no-repeat 9px center,
	-webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #fafafa),
		color-stop(0.50, #f0f0f0),
		to(#ffffff)) !important;		
}

/* ### 6. Typography ############### */
html {
	font-size:100%;
	height:100%;	
}
body {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:17px !important;
	line-height:140% !important;
}

h1,h2,h3,h4 {
	line-height:normal !important;
	font-weight:normal !important;	
}
h1 {
	font-size:1.4em !important;	
}
h2 .box_title, .footer_message {
	font-size:1.25em !important;
	font-weight:500;	
}
h3 {
	font-size:1.1em !important;	
}

p {
	font-size:1em !important;
	margin-bottom:1em !important;	
}
p.last {
	margin:0px !important;	
}
p.error {
	color:#e8312d;	
}

a {
	color:#e8312d;	
}
a:hover {
	color:#ff0500;	
}

/* ### 7. Grid ############### */

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
	position:relative;
	padding-right:2%;
	float:left;
	min-height:1px;
}
.box.onecol, .box.twocol, .box.threecol, .box.fourcol, .box.fivecol, .box.sixcol, .box.sevencol, .box.eightcol, .box.ninecol, .box.tencol, .box.elevencol {
	margin-right:2%;
}

.onecol {
	width:6.5%;
}

.twocol {
	width:15%;
}

.threecol {
	width:23.5%;
}

.fourcol {
	width:32%;
}

.fivecol {
	width:40.5%;
}

.sixcol {
	width:49%;
}

.sevencol {
	width:57.5%;
}

.eightcol {
	width:66%;
}

.ninecol {
	width:74.5%;
}

.tencol {
	width:83%;
}

.elevencol {
	width:91.5%;
}

.twelvecol {
	width:100%;
}

.col_right_border {
	background:url(../Content/images/border1.gif) right top repeat-y;	
}

.box *.last {
	margin-right:0px !important;
	padding-right:0px !important;
	background:none !important;
}
.box.last {
	margin-right:0px !important;	
}

/* ### 8. Mobiscroll ############### */
.dw {
	font-size:20px !important;	
}
.dwo {
	background:rgba(0,0,0,0.9) !important;	
}
.dwbc {
	height:auto !important;
	top:-60px !important;	
}
.dwbg {
	background:#000 !important;	
}
.dwv, .dwl {
	color:#fff !important;
	text-align:center !important;	
}
.dwb {
	width:96px !important;
	font-size: 18px !important;
	height:48px !important;
	line-height:48px !important;
	text-align:center !important;
	padding:0px !important;
}
.ios .dwwol {
	border-color: #979797 !important;
	background: #aeaeae  !important;
	background: linear-gradient(rgba(195, 195, 195, 0.5) 50%,rgba(176, 176, 176, 0.5) 50%) !important;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgba(195, 195, 195, 0.5)),color-stop(0.5, rgba(176, 176, 176, 0.5))) !important;
	background: -moz-linear-gradient(rgba(195, 195, 195, 0.5) 50%,rgba(176, 176, 176, 0.5) 50%) !important;
	background: -o-linear-gradient(rgba(195, 195, 195, 0.5) 50%,rgba(176, 176, 176, 0.5) 50%) !important;	
}

/* ### 9. Icons ############### */
.icon_example {
	background:url(../Content/images/icon_example.png) center 32px no-repeat;	
}

.icon_bargningsbilar {
	background:url(../Content/images/icon_bargningsbilar.png) center 20px no-repeat;	
}

.icon_uppdrag {
	background:url(../Content/images/icon_uppdrag.png) center 20px no-repeat;	
}
	.icon_uppdrag_nytt {
		background:url(../Content/images/icon_uppdrag_nytt.png) center 22px no-repeat;	
	}
	.icon_uppdrag_vantelista {
		background:url(../Content/images/icon_uppdrag_vantelista.png) center 22px no-repeat;	
	}
	.icon_uppdrag_pagaende {
		background:url(../Content/images/icon_uppdrag_pagaende.png) center 22px no-repeat;	
	}
	.icon_uppdrag_avbrutna {
		background:url(../Content/images/icon_uppdrag_avbrutna.png) center 22px no-repeat;	
	}
	.icon_uppdrag_utforda {
		background:url(../Content/images/icon_uppdrag_utforda.png) center 22px no-repeat;	
	}
	.icon_uppdrag_utforda_betalda {
		background:url(../Content/images/icon_uppdrag_utforda_betalda.png) center 22px no-repeat;	
	}							

.icon_kamera {
	background:url(../Content/images/icon_kamera.png) center 20px no-repeat;	
}

.icon_sos {
	background:url(../Content/images/icon_sos.png) center 20px no-repeat;	
}

.icon_kassa {
	background:url(../Content/images/icon_kassa.png) center 20px no-repeat;	
}
	.icon_kassa_saldo {
		background:url(../Content/images/icon_kassa_saldo.png) 8px 60px no-repeat;
		background-size:200px auto !important;	
	}
	.icon_kassa_betalningar {
		background:url(../Content/images/icon_kassa_betalningar.png) center 20px no-repeat;
		background-size:170px auto !important;	
	}
	.icon_kassa_prislista, input[type=submit].icon_kassa_prislista {
		background:url(../Content/images/icon_kassa_prislista.png) center 20px no-repeat !important;	
	}
	.icon_kassa_specialpris, input[type=submit].icon_kassa_specialpris {
		background:url(../Content/images/icon_kassa_specialpris.png) center 20px no-repeat !important;
    	background-size:137px auto !important;	
	}				

.icon_betalmetod_kontant {
	background:url(../Content/images/icon_betalmetod_kontant.png) center 18px no-repeat;	
}
.icon_betalmetod_swish {
	background:url(../Content/images/icon_betalmetod_swish.png) center 18px no-repeat;	
}
.icon_betalmetod_faktura {
	background:url(../Content/images/icon_betalmetod_faktura.png) center 8px no-repeat;	
}
.icon_betalmetod_kreditkort {
	background:url(../Content/images/icon_betalmetod_kreditkort.png) center 18px no-repeat;	
}
.icon_betalmetod_zettle {
	background:url(../Content/images/icon_betalmetod_zettle.png) center 18px no-repeat;	
}
.icon_betalmetod_rekvisition {
	background:url(../Content/images/icon_betalmetod_rekvisition.png) center 12px no-repeat;	
}
.icon_betalmetod_uppdelad {
	background:url(../Content/images/icon_betalmetod_uppdelad.png) center 17px no-repeat;	
}
.icon_betalmetod_akpayments {
	background: url(../Content/images/icon_betalmetod_akpayments.png) center 18px no-repeat;
}	
.icon_gps {
	background:url(../Content/images/icon_gps.png) center 20px no-repeat;	
}

.icon_loggaut {
	background:url(../Content/images/icon_loggaut.png) center 28px no-repeat;	
}

.icon_sok {
	background:url(../Content/images/icon_sok.png) center 20px no-repeat;	
}

.icon_sok_cbr {
	background:url(../Content/images/icon_sok_cbr.png) center 60px no-repeat;
	background-size:200px auto !important;		
}

.icon_sok_verkstad {
	background:url(../Content/images/icon_sok_verkstad.png) center 25px no-repeat;	
}	

.icon_sok_forsakringsinfo {
    background:url(../Content/images/icon_sok_forsakringsinfo.png) center 25px no-repeat;    
}    

.icon_installningar {
	background:url(../Content/images/icon_installningar.png) center 20px no-repeat;	
}

.icon_kvitto_agare {
	background:url(../Content/images/icon_kvitto_agare.png) center 22px no-repeat;	
}
.icon_kvitto_verkstad {
	background:url(../Content/images/icon_kvitto_verkstad.png) center 30px no-repeat;	
}
.icon_kvitto_forare {
	background:url(../Content/images/icon_kvitto_forare.png) center 20px no-repeat;	
}
.icon_kvitto_bargare {
	background:url(../Content/images/icon_kvitto_bargare.png) center 20px no-repeat;	
}
.icon_kvitto_annan {
	background:url(../Content/images/icon_kvitto_annan.png) 60px 20px no-repeat;	
}
	.icon_kvitto_mottagningsbevis {
		background:url(../Content/images/icon_kvitto_mottagningsbevis.png) center 22px no-repeat;	
	}
	.icon_kvitto {
		background:url(../Content/images/icon_kvitto.png) center 28px no-repeat;	
	}
	
.icon_borja-uppdrag_senare{
	background:url(../Content/images/icon_borja-uppdrag_senare.png) center 22px no-repeat;	
}
.icon_borja-uppdrag_nu, input[type=submit].icon_borja-uppdrag_nu {
	background:url(../Content/images/icon_borja-uppdrag_nu.png) center 22px no-repeat !important;
	background-size:190px auto !important;	
}	
.icon_borja-uppdrag_flytta {
	background:url(../Content/images/icon_borja-uppdrag_flytta.png) center 22px no-repeat;	
}	
.icon_borja-uppdrag_tilldela {
	background:url(../Content/images/icon_borja-uppdrag_tilldela.png) center 22px no-repeat;	
}

.icon_meddelande {
	background:url(../Content/images/icon_kuvert.png) 10px 32px no-repeat;
	background-size: auto 130px !important;	
}

.icon_avlamningsplats_station {
	background:url(../Content/images/icon_avlamningsplats_station.png) center 22px no-repeat;	
}
.icon_avlamningsplats_adress {
	background:url(../Content/images/icon_avlamningsplats_adress.png) center 22px no-repeat;	
}

.icon_ak {
	background: url(../Content/images/icon_ak.png) center 20px no-repeat;
}

input[type=submit].icon_avlamningsplats_klar-pa-plats, .icon_avlamningsplats_klar-pa-plats {
	background:url(../Content/images/icon_avlamningsplats_klar-pa-plats.png) center 22px no-repeat !important;
	background-size:180px auto !important;	
}

.icon_infocircle {
	position:absolute !important;
	top:20px;
	right:20px;
	width:35px;
	height:35px;
	border-radius:50%;
	color:#fff !important;
	line-height:35px;
	text-align:center;
	background:#000;
	font-weight:bold;
	text-shadow:none;
}

.top_icon_connected {
	position:relative;
	display:inline-block;
	width:30px;
	height:1px;	
}
.top_icon_connected span {
	position:absolute;
	top:-1px;
	display:block;
	width:30px;
	height:33px;
	background:url(../Content/images/icon_connected.png) left top no-repeat;
}
.top_icon {
	position:relative;
	display:inline-block;
	width:30px;
	height:1px;	
}
.top_icon_connected {
	position:absolute;
	top:-1px;
	display:block;
	width:30px;
	height:33px;
	background:url(../Content/images/icon_connected.png) left top no-repeat;
}
.top_icon_disconnected {
	position:absolute;
	top:-1px;
	display:block;
	width:30px;
	height:33px;
	background:url(../Content/images/icon_disconnected.png) left top no-repeat;
}
.icon_check_green {
	background: url(../Content/images/check_green.png) center no-repeat;
}
.icon_check_grey {
	background: url(../Content/images/check_grey.png) center no-repeat;
}
.icon_check_error {
	background: url(../Content/images/check_error.png) center no-repeat;
}
/* ### 10. Validation ############### */
.validation_popup_container {
	position:relative;
	width:1px;
	height:0px;
	line-height:0px;
}
.validation_popup {
	position:absolute;
	display:inline-block;
	top:-20px;
	right:-3px;
	height:26px;
	width:auto;
	line-height:26px;
	padding-left:7px;
	padding-right:7px;
	background:#ffe400;
	-webkit-border-radius: 5px;    
    border-radius: 5px;
	-webkit-box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 1px 1px rgba(0, 0, 0, 0.3);
	border:1px solid #fff69d;
	text-shadow:1px 1px 0px #fff7b5;
	white-space:nowrap;
	font-size:0.8em;
	z-index:99;		
}
.validation_popup:before {
	content:"";
	position:absolute;
	top:26px;
	display:block;
	background:url(../Content/images/message_arrow_down_yellow_small.png) no-repeat transparent;
	height:13px;
	width:23px;	
}

/* ### 11. jQuery UI ############### */

.ui-autocomplete {
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
	font-size: 1em !important;
	outline: none !important;
	border:4px solid #ffe400 !important;	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background:url(../Content/images/input_bg.gif) right bottom #fff no-repeat !important;
	-webkit-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);
	box-shadow:inset 0px 0px 0px 2px rgba(255, 255, 255, 1),inset 2px 2px 2px 0px  rgba(0,0,0,0.3);					
}
.ui-autocomplete .ui-widget-content a, .ui-widget-content a:hover {
	padding:0 8px !important;	
}
.ui-autocomplete .ui-state-focus {
	background:none !important;
	background-color:rgba(255,255,255,0.5) !important;
	color:#111 !important;
	border:none !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	cursor:pointer;
}
.ui-dialog-buttonpane {
	background: #333 url(../Content/themes/base/images/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x !important;	
}
.ui-dialog-content textarea {
	font-size:1.29em !important;	
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em 0em .5em 2em !important;	
}

.ui-dialog-content textarea {
	margin-bottom:0px !important;	
}

/*--Tabs--*/
.ui-widget-header {
	border:none !important;	
}
.ui-widget {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1em !important;
	padding:0px !important;
}
.ui-tabs .ui-tabs-panel {
	padding:20px !important;	
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border:none !important;
	background:#f7f7f7 !important;	
}
.ui-state-active a {
	color:#000 !important;	
}
.ui-tabs .ui-tabs-nav li a:hover {
	padding: .5em 1em !important;	
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border-top:1px solid #999 !important;
	border-left:1px solid #999 !important;	
	border-right:1px solid #999 !important;	
}

/* ### 12. Minified section ############### */
.minified {
	font-size:0.8em !important;
}
.formelement_list li label {
	font-size:1em !important;
}
.minified input[type=email],
.minified input[type=number],
.minified input[type=password],
.minified input[type=tel],
.minified input[type=text],
.minified input[type=url],
.minified input[type=date],
.minified select,
.minified textarea {
	height:36px !important;
	min-height:36px !important;
	margin-bottom: 10px !important;	
}
.minified textarea {
	height:86px !important;	
}
.minified .height_3rows {
	height:auto !important;	
}
.minified .height_3rows textarea {
	height:136px !important;
	min-height:136px !important;	
}
.minified .input_table td {
	padding-top:4px;	
}
.ui-tabs .ui-tabs-nav li a {
	font-size:16px !important;
}
.minified  .button, .minified  input[type=submit] {
	display:inline-block !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.25em !important;
	color: #000 !important;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding: 0px 20px 0px 20px !important;
}
.minified .custom_checkbox {
	background:url(../Content/images/checkbox.png) no-repeat 0 0 transparent;
	background-size:cover;
	width:34px;
	height:34px;
	margin-bottom:6px;
}
.minified .custom_checkbox_active, .custom_checkbox_active:checked {
	background-position:0 -67px !important;
}
.minified .custom_radio {
	position:relative;
	left:-5px;
	background-size:cover;
	width:40px;
	height:45px;
	margin-bottom:11px;
}
.minified .custom_radio_active, .custom_radio_active:checked {
	background-position:center -80px !important;
}
.minified span.two_row_header {
	position:relative;
	top:-15px;	
}
.minified label.required {
	background-position:left 3px;	
}

.input_table .custom_radio {
	float:left !important;	
	margin-bottom:6px;
}
.input_table .radio_label {
	position:relative;
	top:9px;
	margin-left:0px;
	font-size:1em !important;	
}
.input_table {
	position:relative;
	width:100%;
}
.input_table td, .input_table th {
	vertical-align:top;	
}
.input_table th {
	position:relative;
	width:40%;
	padding-top:10px;
	padding-right:8px;
	text-align:right;
}
.input_table textarea {
	height:108px;	
}
.input_table td label {
	clear:none !important;
	float:left !important;	
}

/* ### 13. TL ############### */
.multipleFleetManagement {
    padding: 10px 5px;
    border-top: 1px solid lightgrey;
        height: 38px;
    line-height: 38px;
    margin: 0 1em;
}
.multipleFleetManagement:first-child {
    border-top:none;
}
.multipleFleetManagement:active
{
    background-color: lightgrey;
}
.multipleFleetManagement:first-child {
    border-top:none;
}

.newDialog{
    border:none !important;
    font-family: 'Open Sans', sans-serif !important;
    border-radius: 5px !important;
}
.newDialog .ui-dialog-titlebar{
    background:none;
    background-color: #fee241;
    color:black;
    padding: 0.5em 1em;
        font-size: 1em;
}
.newDialog .ui-dialog-buttonpane{
    background:none !important;
    border:none;
    padding: 1em 0 !important;
    margin:0;
    border-top: 1px solid lightgrey;
    text-align:center !important;
}
.newDialog .ui-dialog-buttonset .ui-button, .newDialog .ui-button{
    font:none;
    margin: 0 10px !important;
    font-family: 'Open Sans', sans-serif !important;
    text-align:center !important;
    background:none !important;
    background-color: #fee241 !important;
    box-shadow:none !important;
    text-shadow:none !important;
    height: 40px;
    line-height: initial;
        font-size: 0.9em !important;
        padding: 0 10px !important;
        border:none !important;
        font-weight:normal !important;
        border-radius: 3px!important;
}


.newDialog .button:hover{
    background: none!important;
    background-color: #fee241!important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; 
}

.newDialog .ui-dialog-titlebar-close{
        border-radius: 3px;
    border: 1px solid black;
        padding: 5px !important;
    height: 12px !important;
    width: 13px !important;
        margin: -11px 0 0 0 !important;
        right: .5em !important;

}
.newDialog .ui-dialog-titlebar-close .ui-icon{
    background:none;
    background-image: url(../Content/images/close-icon-big.png);
    background-size: 11px 11px; 
    width: 11px;
    height: 11px; 
}
.newDialog .ui-state-hover, .newDialog .ui-state-focus { 
    background:none !important;

}
.newDialog .ui-widget-content a:hover{
    padding:5px !important;
}
.newDialog .ui-dialog-titlebar-close:hover{
    padding:5px !important;
}



.newDialog .ui-dialog-buttonset{
    float:none !important;
}
#infoPopup{
        font-size: 0.8em;
    padding: 1em 1.2em;
}
.ConfirmAssignment {
    display: none;
}
#test{
    height: 18px;
    width: 18px;
    background: #fee241;
    margin: 0;
    -webkit-appearance: none;
    border-radius: 3px;
    display: inline-block;
	position: relative;
}

#sosAssignment{
    float: right;
    width: 126px;
}
#MobileFleetManagementPopup{
    font-size:0.9rem;
}
.fm-next-img{
    float:right;
    height: 14px;
    margin-top: 13px;
}

.fm-origin, .fm-regno, .fm-incident, .fm-time, .fm-prio, .fm-confirm-timer, .fm-confirm-button, .fm-confirm, .fm-pre-assignment, .fm-elapsed {
    display:inline-block;
    margin-right:20px;
    vertical-align:middle;
    font-size:0.9rem;
}
.fm-origin{
    width:95px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.fm-regno{
    width: 70px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.fm-incident{
    width:100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fm-elapsed{
    min-width:53px;
}
.fm-time{
    min-width:40px;
    margin-right:2px;
}
.fm-confirm-timer{
    min-width:43px;
    margin-right:0;
}

.fm-confirm-timer-img{
    margin:0 5px;
    height: 14px;
    margin-top: 13px;
    margin-left:15px;
}
#fm-btn-grp1, #fm-btn-grp2{
    text-align:center;
    padding: 25px;
        clear: both;
}
.fm-red-text{
    color: #e74c3c;
}
#fm-btn-grp1 .ui-button {
    width: 120px;
    color:white !important;
    background:none !important;
    background-color: #000 !important;
    margin-right: 5px !important;
}
#fm-btn-grp2 .ui-button {
    width: 120px;
    vertical-align: middle;
    margin-right: 5px !important;
}
#fm-btn-grp2{
    border-top:1px solid lightgrey;
}
#fm-beta-text{
    font-size:11px;
}
#InitDialog{
    padding: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 610px;
    -webkit-transform: translate3d(0,0,1px);
}
div.ui-dialog{
    -webkit-transform: translate3d(0,0,1px);
    box-shadow: 0px 0 5px 5px rgba(0,0,0, .1);
}

#MobileFleetManagementPopup{
    padding: 1.2em 1em;
}

#fm-pre-assignment,
#fm-confirm-assignment{
    color: #fff;
    background: #e74c3c;
    font-size: .9em;
    line-height: 37px;
    height: 39px;
    padding: 0 1em;
    font-size: 0.9em;
}
#fm-confirm-assignment span{
    display:inline-block;
    vertical-align:middle;
    font-size:0.9em;
}
#fm-confirm-red-button{
    background-color:#e74c3c !important;
    height: 30px;
    border: 1px solid white !important;
        color: white !important;
    float: right;
    margin-top: 5px !important;
}
.black_message_icon{
    background-image: url(../Content/images/icon_info_black.png) !important;
}
#repairShop-email .custom_radio{
        margin-bottom: 0px;
}
.repairShop-label{
    display:inline-block;
    margin-top: 15px;
    margin-left: 5px;
}
#email-input input{
        margin-bottom: 0;
    margin-top: 4px;
    margin-left: 5px;
}
.fm-info-left{
    display:inline-block;
    width:140px;
    font-weight:bold;
}
.fm-info-right{
    display:inline-block;
    max-width:300px;
}

#GivenAssignmentDialog {
    padding: 1.2em 1em;
}

#GivenAssignmentDialog .fm-info-left{
    width:200px;
}


#ProposedAssignmentDialog .fm-info-left{
    width:200px;
}
.text-hide-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    max-width: 203px;
}

.magnifier {
    position: absolute;
    padding: 40px;
    position: absolute;
    z-index: 50;
    background: white;
    border-color: gray;
    border-width: 2px;
    border-style: solid;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

.magnifier span {
    white-space: nowrap;
    font-size: 400%;
    font-weight: bold;
}

input.magnifiable {
    background-image: url(../Content/images/icon_magnify.png), url(../Content/images/input_bg.gif);
    background-position: right center,right bottom;
    background-repeat: no-repeat;
}

.button.buttonsendtootherstation {
	width: 130px;
	font-size: 0.8em !important;
	white-space: normal;
	line-height: 1.2em;
}
.ui-dialog .ui-dialog-buttonset .logout-ui-btn {
	color: white !important;
	background: none !important;
	background-color: #000 !important;
	margin-right: 5px !important;
}
.mtl-assignment-assignment,
.mtl-assignment-regnr,
.mtl-assignment-radio,
.mtl-assignment-driver,
.mtl-assignment-status,
.mtl-assignment-created
{
	display:inline-block;
}
.mtl-assignment-assignment
{
	width:125px;
}
.mtl-assignment-regnr {
	width: 100px;
}
.mtl-assignment-radio {
	width: 100px;
}
.mtl-assignment-driver {
	width: 150px;
}
.mtl-assignment-status {
	width: 150px;
}
.mtl-assignment-created {
	width:160px;
}
.mtl-row {
	padding: 10px 0;
	margin: 5px 0;
	border-top: 1px solid lightgrey;
	line-height: 50px;
}
.mtl-summary-left, .mtl-summary-right {
	display: inline-block;
}
.mtl-summary-left
{
	width:25%;
}
#assignment-summary {
	padding-bottom:20px;
}

/* ### 14. Map ############### */

#infowindow-content .title {
	font-weight: bold;
}

#infowindow-content {
	display: none;
}

#map {
	border: 1px solid #999999;
}

#map #infowindow-content {
	display: inline;
}

.pac-card {
	background-color: transparent;
	border: 0;
	border-radius: 2px;
	padding: 0 0.5em;
	font: 400 18px Roboto, Arial, sans-serif;
	overflow: hidden;
	font-family: Roboto;
	padding: 0;
}

#pac-input {
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	margin: 10px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 400px;
}

#pac-input:focus {
	border-color: #4d90fe;
}