html, body{
	margin:0;
	background: #ffffff;
	padding:0;
	height:100%;
	min-width:1200px;	
}

body, p, td, input, select,  textarea, a,
.SkyFMS .skyfms_dialog {
	font-family:Helvetica, Inter, Arial, sans-serif;
	font-size:12px;
	line-height:14px;
}

.SkyFMS .skyfms_dialog {
	font-size:14px;
}

input::placeholder {
	font-style:italic;
}

html.lauPublicLink, .lauPublicLink body{
	min-width:auto;	
}

img {
	border: none;
}

p {
	margin: 0 0 10px;
	padding: 0;
}

body.wait {
	cursor:wait;
}

td.content_top{
	vertical-align:top;
	}

td.align_left{
	text-align:left;
	}

td.align_right{
	text-align:right;
	}
	
.empty_table{
	border:1px solid #9CB2CC;
	background-color:#fefefe;    
    color:#777;
    font-style:italic;
    text-align:center;
	padding:3px;
}

input, select {
	font-size: 11px;
}

div {
	border: 0;
	padding: 0;
	margin: 0;
}

fieldset{
	position:relative;
	float:left;
	width:100%;
	border:none;
	margin:3px 0;
	padding:0;
	}

a {
	color: #000000;
	text-decoration: underline;
	}

hr {
	border: solid 1px #222222;
	border-width: 0 0 1px;
}

button::-moz-focus-inner {
  border: 0;
}

td.sm_f{
	font-size:14px;
	}

.clear_float, .showall{
	clear:both;
	}

.hidden, .template {
	display: none !important;
}

.for_print, .for_print_table_row {
	display: none;
}

.italic,
.nothing_found {
	font-style:italic;
}

#rtd2_div p.pos_stat{
	position:static;
	clear:both;
	}

.centered {
	text-align: center;
	display: block;
	margin: 0 auto;
}

#rtd2_div #inputform table{
	width:auto;
	}

ul.nomarkers {
	overflow-y: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.nomarkers li {
	margin: 0 0 2px;
	padding: 0;
}

.sm_f { /* hacking for car groups subtool */
	border-collapse: collapse;
	text-align: left;
}

.no-border {
	border:none;
}

.notice_exclamation_mark {
	color: #FF0000;
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    margin: 0 0 0 12px;
}

/* ---------------- stopping point info baloon content ------------------ */

.location_info span, .location_info h1{
	width:100%;
	}

.location_info h1{
	position:relative;
	float:left;
	}
	
	
/* ------------------- Authorization page ------------------------------- */
div#oldbrowser{
	text-align:left;
	}
	
div#loginPage{
	width:300px;
	padding: 20px;
	text-align: right;
	font-size:11px;
}

div#loginPage form#authorising label{
	position:relative;
	float:left;
	text-align:right;
	width:29%;
	margin:1px 5px 1px 0;
	}
	
div#loginPage form#authorising input{
	position:relative;
	float:left;
	text-align:left;
	width:67%;
	}

div#loginPage form#authorising input#submit{
	float:right;
	width:auto;
	}

/* ---------------- EoF Authorization page ------------------------------ */
	
#rtd2_div #inputform table.sm_f {
	font-size: 11px;
	color: #4F4F4F;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	position:relative;
	float:left;
	width:555px;
	z-index:10;
	}
	
.sm_f_l {
	font-size: 12px;
	color: #4F4F4F;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	position:relative;
	float:left;
	width:100%;
	clear:both;
	}
	
.form_with_blue_lines table.sm_f_l {
	width:550px;
}

.sm_nosa {
	padding: 5px;
	border-width: 1px 1px 1px 1px;
	border-color: #D9D9D9;
	border-style: solid;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
}

#fence_speeding_list_dialog {
	overflow: scroll;
}

.fence_report_table th.sm_nosa {
	background-color: #ced4de;
	vertical-align: middle;
}

.sm_nosa1 {
	padding: 5px;
	border-width: 1px 0 1px 0;
	border-color: #D9D9D9;
	border-style: solid;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	}
.sm_dati, .sm_data_body td {
	padding: 5px;
	border-width: 1px 1px 1px 1px;
	border-color: #D9D9D9;
	border-style: solid;
	}
	
.lt_est_form {
	margin:20px 0 80px 0;
	position:relative;
	float:left;
}

.lt_est .sm_dati {
	border-color:black;
	border-width:1px 1px 0 0;
	border-style:solid;
}

.sm_total{
	padding: 5px;
	font-weight: bold;
	border: 1px solid #D9D9D9;
	background: #ced4de;
}

.sm_total.without_background {
	background-color:transparent;
}

.sm_column_no {
	border-width: 1px 1px 1px 1px;
	border-color: #D9D9D9;
	border-style: solid;
	height: 10px;
	vertical-align: top;
	text-align: center;
	padding: 1px;
	}
.sm_labo {
	padding: 5px;
	border-width: 1px 0;
	border-color: #D9D9D9;
	border-style: solid;
	}

.follows_data_loss .distance.sm_dati {
	background: #dddddd;
}
	
#heads_languages{
	position:relative;
	text-align:right;
	margin:0;
	width:auto;
	float:left;
}

/* FIXME Never ever define such general styles! */
.warnings{	
	position:relative;
	float:left;
	text-align:left;
	margin:0 0 10px 0;
	}

.top_menu .warnings {
	margin-bottom: 0;	/* To override .warnings */
}

.warnings_map{
	margin: 10px 0 10px 250px;
    position: relative;
}

.language_flag {
	position:relative;
	float:left;
	margin:0 2px 0 0;
}

img.language_flag, .language_flag a, input.edit_companies_data, input#update, input#task_job_type, span.checkboxitems_list{
	position:relative;
	float:left;
	}

#car_states_chooser_box fieldset {
	clear:both;
}

#car_states_chooser_box .section_heading {
	font-weight:bold;
	margin-top:10px;
	position:relative;
	float:left;
}

#car_states_chooser_box .section_heading.first_heading {
	margin-top:0;
}

#car_states_chooser_box hr {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #BBBBBB;
	height:0;
}

#rec, .rec {
	font-size: 11px;
	color: #4F4F4F;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	position:relative;
	float:left;
	margin:0 0 20px 0;
	}

.fuel_table_wrapper table {
	border-collapse: collapse;
}

#rec.additional_margin, .rec.additional_margin{
	margin-top:15px;
	}

div#bottom table#rec, div#rtd2_div table#rec, div#bottom table.rec, div#rtd2_div table.rec {
	clear:left;
	}

#rec.width245, .rec.width245{
	width:245px;
	}

#allta, #contentWithoutHeader{
	position:relative;
	float:none;
	margin:0 0 50px 0;
	z-index:10;
	min-width:100%;
	}
	
#contentWithoutHeader{
	margin:0;
	}

table.attal {
	border-collapse: collapse;
}

.smstable td,
.attal td {
	border: 1px solid #e3e3e3;
	padding: 2px 5px;
	font-size: 11px;
	white-space: nowrap;
}

.smstable_wrapper{
	position:relative; 
	float:left; 
	width:100%;	
    float: left;
    margin: 16px 0 0 0;
}	

.smstable td{
	white-space: normal;
}


.attal th {
	padding: 0 2px;
	text-align: center;
	font-size: 11px;
}

#mea {
	position:absolute;
	top:18px;
	left:243px;
	right:auto;
	}
	
#mea li{
	position:relative;
	float:left;
	display:inline; 
	}

td.work_time form{
	position:relative;
	float:left;
	width:100%;
	}
	
td.work_time form.work_plan{
	width:500px;
	padding:20px 0 0 0;
	}

td.work_time form.work_plan table{
	width:100%;
	}

#work_plans {
	position:relative;
	float:left;
	width:auto;
	display:none;
}

#work_plans .overlay,
#object_table .overlay,
.carlist_div .overlay,
#add_obj_form .overlay,
#objects_for_cars_tab .overlay {
	background-color:#1D4781;
	opacity:0.2;
	/*IE*/
	filter:alpha(opacity=70);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9998;
}

#work_plans .loading-img,
#object_table .loading-img,
.carlist_div .loading-img,
#add_obj_form .loading-img,
#objects_for_cars_tab .loading-img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999;
	background:transparent url('../images/tango/progress_overlay_icon.gif') no-repeat center center;
}

#work_plans .ui-state-active {
	background-color:#EAF2F9;
}

#work_plans li {
	height: 100%;
    margin-right: 6px;
    max-width: 18%;
    text-align: center;
    white-space: normal;
}

#work_plans li .add_new_work_plan {
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	padding:0 1em;
	cursor:pointer;
}

#work_plans .jquery_tab {
	width:1000px;
}

#work_plans .work_plan_main fieldset:first-child {
	border-top:none;
}

#work_plans fieldset {
	margin:0;
}

#work_plans fieldset .value, #work_plans fieldset .label {
	margin:5px 1%;
}

#work_plans fieldset .value {
	text-align:left;
	width:56%;
}

#work_plans .weekly_schedule {
	z-index:99;
}

#work_plans .weekly_schedule fieldset {
	margin:3px 0;
	border:none;
}

#work_plans .weekly_schedule fieldset label {
	position:relative;
	float:left;
	width:20%;
	margin:0 5px 0 0;
	text-align:right;
}

#work_plans .day_type_box {
	margin:0 20px 20px 20px;
	position:relative;
	float:left;
}

#work_plans .day_type_box:first-child {
	margin:20px;
}

#work_plans .day_type_header {
	position:relative;
	float:left;
}

#work_plans .day_type_heading {
	position:relative;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#28435B;
}

#work_plans .day_type_name {
	display:none;	
}

#work_plans .day_intervals {
	position:relative;
	float:left;
	width:100%;
	margin:10px 0;
}

#work_plans .day_intervals .day_interval {
	position:relative;
	width:100%;
}

#work_plans .day_intervals .day_interval .day_interval_value,
#work_plans .day_intervals .day_interval.new_interval {
	border-left:1px solid #9CB2CC;
	border-right:1px solid #9CB2CC;
	border-bottom:1px solid #9CB2CC;
	color:#28435B;
	padding:5px 10px;
	cursor:pointer;
	background-color:#EAF2F9;
	width:60%;
}

#work_plans .day_intervals .day_interval:first-child .day_interval_value,
#work_plans .day_intervals .day_interval.new_interval:first-child {
	border-top:1px solid #9CB2CC;
}

#work_plans .day_intervals .day_interval .day_interval_value:hover,
#work_plans .day_intervals .day_interval.new_interval:hover {
	background-color:#9CB2CC;
	color:white;	
}

#work_plans .day_intervals .day_interval.active {
	background:none;
}

#work_plans .day_intervals .day_interval.active .day_interval_value {
	background-color:#28435B;
	color:white;
}

#work_plans .day_intervals .day_interval.new_interval {
	text-align:center;
	font-size:14px;
	padding:4px 10px;
	font-weight:bold;
}

#work_plans .work_plan_day_plans {
	background-color:white;
}

#work_plans .add_new_day_type {
	margin:10px 20px;
	clear:both;
}

#work_plans .save_plan {
	float:right;
	margin:20px 10px 40px 10px;
}

#work_plans .delete_plan {
	float:left;
	color:#770000;
	border:1px solid #770000;
	margin:20px 10px 10px 10px;
}

#work_plans .car_select_options {
	margin-bottom:10px;
}

#work_plans .groups {
	width:210px;
}

#work_plans .car_checkboxes_buttons {
	position:relative;
	float:left;
	width:125px;
}

#work_plans .car_checkboxes_buttons .IS_Button {
	margin:0 0 4px 10px;
}

.day_interval_editing_options {
	display:none;
	position:absolute;
	left:63%;
	top:-50%;
	z-index:999999;
	width:170px;
}

.day_interval_editing_options .editing_options_content {
	background-color:white;
	border-radius:5px;
	width:auto;
	padding:0 10px 10px 10px;
	border:1px solid #9CB2CC;
	margin-left:11px;
}

.day_interval_editing_options .editing_options_content .IS_Button {
	position:static;
	float:none;
	margin:10px 0 0 0;
}

.day_interval_editing_options .pointer_triangle_border, .day_interval_editing_options .pointer_triangle,
.warning_form .warning_error_text_wrapper .pointer_triangle_border, .warning_form .warning_error_text_wrapper .pointer_triangle,
.notification_form .warning_error_text_wrapper .pointer_triangle_border, .notification_form .warning_error_text_wrapper .pointer_triangle {
	position:absolute;
	top:32%;
}

.day_interval_editing_options .pointer_triangle,
.warning_form .warning_error_text_wrapper .pointer_triangle,
.notification_form .warning_error_text_wrapper .pointer_triangle {
	padding:0;
	margin-top:1px;
	left:1px;
	width:0;
	border-right:10px solid white;
	border-left:1px solid transparent;
	border-bottom:10px solid transparent;
	border-top:10px solid transparent;
}

.day_interval_editing_options .pointer_triangle_border,
.warning_form .warning_error_text_wrapper .pointer_triangle_border,
.notification_form .warning_error_text_wrapper .pointer_triangle_border {
	padding:0;
	width:0;
	border-right:11px solid #9CB2CC;
	border-left:1px solid transparent;
	border-bottom:11px solid transparent;
	border-top:11px solid transparent;
}

#time_interval .hour.ui-autocomplete-input, #time_interval .min.ui-autocomplete-input {
	width:25px;
}

#mea ul.meas a{
	color: #000000;
	text-decoration: none;
	font-size:11px;
	}

.meas {
	padding:0;
	margin:0;
	position:relative;
	float:left;
	}
	
#meas li a{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	}	
	
.na {
	height:33px;
	border-width:0 1px;
	margin-top:-1px;
	border-style:solid;
	border-color:#114380;
	background-color:#e8f1f8;
	}
	
.naac {
	background-color:white;
	border-width:0 1px;
	border-color:#114380;
	border-style: solid;
	height:39px;
	margin-top:-4px;
	}
	
.na a, .naac a{
	position:relative;
	float:left;
	height:75%;
	background-repeat:no-repeat;
	background-position:10px 9px;
	padding: 11px 20px 0 35px;
	}	
	
.ac2 {
	background: transparent url(../images/topac.gif) no-repeat;
	width: 7px;
	}

.submenu_container {
	display:none;
	position:absolute;
	z-index:10;	
}

#toolbarLeft, .toolbarLeft {
	width:244px;
	background-color:#DDE5F4;
	position:absolute;
	left:0;
	/*min-height:88%;*/
	min-height:100%;
	margin-top:0;
	}

#toolbarLeft.toolbarLeft.hide_left_toolbar {
	display:none;
}

#mapRight.hide_left_toolbar {
	margin: 0px;
}

#toolbarLeft, .toolbarLeft {
	width:329px;
}
	
#toolbarLeft.left_side_closed{
	width:50px;
	}

#toolbarLeft.left_side_closed #scrollDiv{
	width:47px;
	}

#toolbarLeft #seperator_line,
.toolbarLeft #seperator_line {
	width:1%;
	border-right:2px solid #114380;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	cursor:col-resize;
	}

#scrollDiv2{
	width:96%;
    float: left;
    position: relative;
	}
	
#scrollDiv{
	position:relative;
	float:left;
	width:240px;
	overflow-x:auto;
	overflow-y:hidden;
	}

#toolbarLeft #scrollDiv{
	width:98%;
	}
	
#configButton{
	position:relative;
	float:right;
    min-width:50px;
    margin:0 2px 0 0;
    position:relative;
	}


#sideResize{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-35px;
	width:10px;
	height:70px;
    z-index:1000;
    border:1px solid #9CB2CC;
    background:#E6EEFE;
	cursor:pointer;
	}

div#configButton div#sideResize{
	margin:2px 3px 0 9px;
	display:block;	
	cursor:pointer;
	position:relative;
	float:right;
	width:20px;
	height:20px;
	top:0;
	left:0;
	}

div#map.fullscreen div#sideResize{
	display:none;	
}

#sideResize.sideCollapse{
	background:url(../images/arrow-left_10_10.png) center center no-repeat #E6EEFE;
	}
	
#sideResize.sideExpand{
	background:url(../images/arrow-right_10_10.png) center center no-repeat #E6EEFE	;
	}
	
#change_layout{
	position:relative;
	float:right;
	margin:2px -5px 0 0;
	width:20px;
	height:20px;
	cursor:pointer;
	background:url(../images/panel_icon.png) center center no-repeat #E6EEFE;
    border:1px solid #9CB2CC;
	}

.bottom_resizable {
	border-bottom: 3px double #bbbbbb;
}

/*------ navigation on left----------------*/

#nav-h, #nav-h li ul { /* all lists */
	padding:0;
	margin:0;
	list-style:none;
	position:relative;/*--Set relative positioning on the unordered list itself - not on the list item--*/
	float:left;
}

#nav-h{
	width:230px;
	font-size:14px;
	font-weight:bold;
	color:#114380;
	margin:5px 0 0 1%;
	overflow:hidden;
}

#toolbarLeft #nav-h{
	width:99%;
	min-width:230px;
	}

#nav-h-top{
	position:relative;
	float:left;
	width:87%;
    margin: -2px 0 -2px 0;
	line-height:21px;
	font-size:12px;
	font-weight:bold;
	color:#114380;
	z-index:90000;
	background-color:#DDE5F4;
	}
	
#nav-h-top li div p a {
	color:#114380;
	font-weight:bold;
	line-height:21px;
	font-size:12px;
}

#nav-h li { /* all list items */
	margin:3px 0; 
	padding:0;
	width:100%;
	position:relative;
	float:left;
}

#nav-h li:first-child {
	margin-top: 0;
}

#nav-h-top li{
	display:inline;
	position:relative;
	float:left;
	margin:3px 0;
	padding:0 30px;
	z-index:90000;
}

#nav-h-top li:hover {
	background:url("../images/barBack29.png") repeat-x bottom left #EAF2F9;
	background-size:contain;
}

#nav-h li div, #nav-h-top li div{
	width:100%;
	}

#nav-h-top li div, #nav-h li div.section_name{
	position:relative;
	float:left;
	cursor:pointer;
}

#nav-h li div.section_name {
	background-color:#6998E8;
	border-radius:5px;
	color:#fff;
	padding:2px 0;
	height:30px;
	box-sizing:border-box;
	overflow:hidden;
}

#nav-h li.over div.section_name {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

#nav-h li div.section_name img.loading{
	visibility:hidden;
	float:left;
	margin:5px;
}

#nav-h li div.section_name .loading_icon_container,
#nav-h li div.section_name .warning_icon_container {
	position:relative;
	float:left;
	width:20px;
	height:20px;
	margin:3px;
}

#nav-h li div.section_name .warning_icon_container:after {
	content:'!';
	color:red;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	top:calc(50% - 7px);
	left:50%;
}

#nav-h li div p,
#nav-h li div .tool_name{
	padding: 7px 0 7px 36px;
	margin:0;
	position:relative;
	float:left;
	background-repeat:no-repeat;
	background-position:10px center;
}

#nav-h li div .tool_name.groups_name {
	background-image:url('../images/groups.svg');
}

#nav-h li div .tool_name.carlist_name {
	background-image:url('../images/cars.svg');
}

#nav-h li div .tool_name.beaconlist_name {
	background-image:url('../images/beacon.svg');
	background-size: 22px 22px;
}

.btn-load-beacon {
	float: right;
	border-radius: 4px;
	padding: 7px 26px;
	line-height: 17px;
	border-color: #325CC8;
	background-color: #325CC8;
	color: #ffffff;
	margin: 10px;
	cursor: pointer;
	border-style:solid;
}

.btn-load-beacon:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.Boats #nav-h li div .tool_name.carlist_name {
	background-image:url('../images/map/boat_name_white.svg');
}

#nav-h li div .tool_name.history_name,
#nav-h li div .tool_name.place_history {
	background-image:url('../images/car_history.svg');
}

#nav-h li div .tool_name.objects_name {
	background-image:url('../images/objects.svg');
}

#nav-h li div .tool_name.fences_name {
	background-image:url('../images/fences.svg');
}

#nav-h li div .tool_name.boat_routes_name {
	background-image:url('../images/map/boat_route_white.svg');
}

#nav-h li div.controls-group {
	position:relative;
	float:right;
	width:auto;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:0 2px;
}

#nav-h li div.controls-group .controls-group-centering {
	display:flex;
	width:auto;
}

#nav-h-top li div p{
	padding: 2px 0 2px 26px;
	margin:0;
	position:relative;
	float:left;
	background-repeat:no-repeat;
	background-position:0 3px;
	}

#nav-h li.search div p {
	width: 63%;
	background-image: url('../images/find.png');
}

#nav-h #show_fencelist {
	display:none;
	}

#nav-h li.search div img{
	position:relative;
	float:left;
	width:16px;
	margin:10px 5px 0 0;
	}
	
#nav-h li div span.openup, 
#nav-h li div span.collapse{
	position:relative;
	float:right;
	height:20px;
	width:20px;
	background-repeat:no-repeat;
	background-size:100%;
	margin:3px 5px 0 0;
}

#nav-h li div span#history_car, #nav-h li div span.history_car{
	position:relative;
	float:left;
	height:auto;
	width:auto;
	background-image:none;
	margin:0;
}

#nav-h li div span#history_car{
	color:red;
	cursor:pointer;
	}
	
#nav-h li div span.openup{
	background-image:url('../images/tab_open.svg');
	}
	
#nav-h li.open{
	background-color:#eaf2f9;
	}
	
#nav-h li.open a{
	font-weight:bold;
	}	

#nav-h li div span.collapse{
	background-image:url(../images/tab_collapse.svg);
}

#nav-h li ul, #nav-h li div.secLev{ /* second-level lists and sub info*/
	display: none;
	position:relative;
	float:left;
	width:100%;
	font-size:12px;
	background-color:#fff;
}

#nav-h li div.secLev{
	padding:5px 0;
}

#nav-h-top li ul, #nav-h-top li div.secLev{
	position:absolute;
	z-index:90000;
	padding:0;
	display:none;
	left:0;
	width:100%;
	}

#nav-h li ul li{
	position:static;
	width:85%;
	margin:0 5%;
	padding:6px;
	border-bottom:1px solid #DDE5F4;
}

#nav-h-top li ul li{
	border-bottom:1px solid #114380;
	background-color:#DDE5F4;
	z-index:90000;
	width:100%;
	padding:6px 0;
	margin:0;
	position:static;
	display:block;
	}

#nav-h li ul li:last-child, #nav-h-top li ul li:last-child{
	border-bottom:none;
}

#nav-h ul li a, #nav-h-top ul li a{
	padding: 0;
	position:relative;
	text-decoration:none;
	float:left;
	width:100%;
}

#nav-h-top ul li a{
	z-index:90000;
	padding: 0 10px;
	width:auto;
	}

#nav-h .over ul, #nav-h .over div.secLev{
	display:block;
}

#nav-h a, #nav-h-top a {
	text-decoration: none;
}

#nav-h a.with_underline {
	text-decoration:underline;
}
/*--------------------------*/
	
#startpage {
	position:relative;
	float:left;
	z-index:3;
	width:1080px;
}

#mainContent2 #rtd2_div{
	position:relative;
	float:left;
	width:100%;
	/*height:100%;*/
	z-index:3;
	}
	
#mainContent #rtd2_div, #bottom{
	position:relative;
	float:left;
	margin:10px 0;
	min-width:740px;
	width:99%;
	z-index:3;
	background:white;
	}

#mainContent #rtd2_div{
	z-index:5;
	margin:10px 0 0 0;
	min-height:33px;
	}

#mainContent.closed,
#mainContent2.closed #rtd2_div #mapRight {
	margin:0 0 0 10px;
}

.full_width{
	position:relative;
	float:left;
	width:100%;
	}

#bottom h3 {
	margin: 18px 0 10px;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 0 2px;
	text-align: left;
	fontweight:bold;
	font-size:14px;
}

#startpage {
	position:relative;
	float:left;
	width:98%;
	margin-left:6px;
	}
	
.driver_form{
	clear:both;
	padding:20px 0;
	width:400px;
	}
		
.driver_form .driver_form_table{
	width:100%;
	}
	
#rtd2_div #smshistory, #mainContent2 {
	position:relative;
	float:left;
	width:100%;
	}

#mainContent{
	margin:0 0 0 253px;
	position:static;
	}
	
#mapRight{
	margin:0 0 0 329px;
	overflow:hidden; 
	}

#map{
	position:relative;
	clear:left;
	width:100%;
	height:70%;
	z-index:2;
}

.fullscreen{
	height:96% !important;
	overflow:hidden;
	}

.markerInfoSpan{
	position:static !important;
	float:none !important;
}

.markerInfoSpan .editCar {
	float:right;
}

.markerInfoSpan .value,
.bold_font {
	font-weight: bold;
}

.markerInfoSpan.old_data {
	font-weight:bold;
}

.markerInfoSpan.fuel_in_tank .time {
	font-size: 11px;
	color: #888888;
}

.olFramedCloudPopupContent .address_block {
	display:none;
}

.olFramedCloudPopupContent .address_block.open {
	display:block;
}

.olFramedCloudPopupContent .address_block .warn {
	font-weight:bold;
	color:red;
}

div#map_for_object_adding, .map_for_searching_place {
	width:60%;
	position:relative;
	float:left;
	clear:left;
	}

div#add_obj{
	width:100%;
	}

div#add_obj_form{
	position:relative;
	float:left;
	width:38%;
	margin:0 0 0 1%;
	}
	
.form_with_blue_lines fieldset{
	border-top:1px solid #9cb2cc;
	margin:0;
	}
	
div#add_obj_form fieldset.no-border,
.form_with_blue_lines fieldset.no-border {
	border:none;
}

div#add_obj_form fieldset.no-top-border,
.form_with_blue_lines fieldset.no-top-border,
div.add_new_driver fieldset.no-top-border {
	border-top:none;
}

.form_with_blue_lines .map_images fieldset {
	margin:5px 0;
	line-height:100%;
	vertical-align:middle;
}

.form_with_blue_lines .map_images img, .form_with_blue_lines .map_images span , .form_with_blue_lines .map_images a{
	position:relative;
	float:left;
}

.form_with_blue_lines .map_images .icon_type_info {
	width:50%;
	margin:0 1%;
	position:relative; 
	float:left;
	text-align:left;
}

.form_with_blue_lines .map_images img {
	margin:0 8% 0 0;
}

.icon_upload {
	margin:20px 0 0 0;
	border:none;
	width:100%;
	height:75px;
	overflow:hidden;
}

.change_icon .error {
	margin-top:25px;
	font-size:12px;
}

.iconset {
	overflow:auto;
	margin-top:15px;
}

.iconset .iconContainer {
	position:relative;
	float:left;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	border:1px solid #e6eef8;
	cursor:pointer;
}

.iconset .iconContainer:hover, .iconset .iconContainer.selectedIcon,
.change_iconset .iconSet:hover, .change_iconset .iconSet.selectedIconSet {
	background-color:#e6eef8;
}

.iconset .iconContainer img, .change_iconset .icon_container img {
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}

.change_iconset .iconSet {
	border:1px solid #e6eef8;
	cursor:pointer;
	position:relative;
	float:left;
	clear:both;
	width:100%;
}

.change_iconset .icon_container {
	position:relative;
	float:left;
	width:140px;
	height:60px;
	line-height:60px;
	text-align:center;
}

.change_iconset .icon_container .tip {
	font-size:11px;
	text-align:left;
	color:#406fa8;
	position:absolute;
	bottom:0;
	line-height:11px;
	margin:0;
	display:none;
	background-color:#e6eef8;
	padding:2px;
}

.change_iconset .newIconSet {
	height:100px;
	margin:20px 0 0 0;
	border:none;
	width:100%;
	overflow:hidden;
}

.change_iconset .newIconSet p{
	margin:0;
	font-size:24px;
}

div#add_obj_form table.custom_fields_for_object,
table.custom_fields_for_bps{
	width:100%;
}

div#add_obj_form .custom_fields_for_object .kontolpan,
fieldset.IS_fieldset.kontolpan {
	background:#EAF2F9 url("../images/barBack29.png") repeat-x scroll 0 0;
	border:none;
	border-bottom:1px solid #9CB2CC;
	border-right:1px solid #9CB2CC;
	margin:20px 0 10px 0;
	padding:5px 0;
}

div#add_obj_form .custom_fields_for_object .sad,
div#add_obj_form .custom_fields_for_object .sad2 {
	border:1px solid #9CB2CC;
	padding:11px 5px;
}

div#add_obj_form .custom_fields_for_object .sad{
	text-align:right;	
	border-left:none;	
}

div#add_obj_form .custom_fields_for_object .sad2{
	background:none;
	border-right:none;
}

div#add_obj_form div.label, div#add_obj_form div.value,
.form_with_blue_lines div.label, .form_with_blue_lines div.value{
	position:relative;
	float:left;	
	text-align:left;
	height:100%;
	margin:11px 1%;
	}

.form_with_blue_lines div.label{
	font-size:12px;
	color:#114380;
	margin-top:15px;
	}

.form_with_blue_lines div.label_background {
    background: url("../images/gradient1x23.png") repeat-x scroll center bottom transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 190px;
	}

div#add_obj_form div.label, .form_with_blue_lines div.label{
	width:40%;
	text-align:right;
	}
	
div#add_obj_form div.value, .form_with_blue_lines div.value{
	width:54%;
	}

div#add_obj_form div.value input[type="text"],
.form_with_blue_lines div.value input[type="text"] {
	width: 98%;	/* Not 100 as a quick-hack to allow some space for the parent's padding. */
}
	
.form_with_blue_lines div.seperator{
	position:absolute;
	top:0;
	bottom:0;
	left:42%;
	width:1px;
	background-color:#9cb2cc;
	}

.report_control_form .scroll_box input,
div#add_obj_form div.value input, div#add_obj_form div.value textarea,
div#add_obj_form .custom_fields_for_object .sad2 input,
.form_with_blue_lines div.value input, .form_with_blue_lines div.value textarea,
.custom_field_names td input {
	border: 1px solid #D9D9D9;
	float: left;
	height: 16px;
	line-height: 16px;
	margin-left: 3px;
	padding: 2px 0;
	position: relative;
	width:100%;
}

div#add_obj_form div.value #scroll_box input {
	width: auto;	/* Override div#add_obj_form div.value input width: 100% for radio buttons */
	float: none;	/* Override div#add_obj_form div.value input float: left for radio buttons */
}

div#add_obj_form div.value input.radio, div#add_obj_form div.value input.checkbox,
.form_with_blue_lines div.value input.radio, .form_with_blue_lines div.value input.checkbox,
.form_with_blue_lines div.value input[type="radio"], .form_with_blue_lines div.value input[type="checkbox"] {
	width:auto;
	padding:0;
	border:none;
}

.form_with_blue_lines div.value #map input[type="radio"] {
	float:none;
}

div#add_obj_form div.value .combobox-wrapper input.ui-autocomplete-input,
.form_with_blue_lines div.value .combobox-wrapper input.ui-autocomplete-input {
	width:auto;
}

.show_min_stoptime_web input {
	width: 60px;
}

div#add_obj_form div.value textarea,
.form_with_blue_lines div.value textarea {
	height:100%;
}


.form_with_blue_lines div.value div.scroll_box {
	width:100%;
}

.form_with_blue_lines .subsection_header {
	background: url("../images/barBack29.png") repeat-x scroll 0 0 #EAF2F9;
    border-bottom:1px solid #9CB2CC;
    border-right:1px solid #9CB2CC;
    margin: 20px 0 10px;
    padding: 5px 0;
    text-align:center;
    font-weight:bold;
    color:#4F4F4F;
    cursor:pointer;
}

div#add_obj_form #scroll_box {
  	margin:4px 0 2px 13px;
    width:96%;
    }

div#add_obj_form select {
	max-width:202px;
	}
	
.custom_field_names td{
	background:none;
	border:none;
	padding:5px 0;
}

.custom_field_names td input {
	margin:0;
}

#rtd2_div .custom_field_names {
	float: none;
}

.open_map_in_dialog {
	text-decoration:none;
}

div#searchByAddress div.input_field{
	position:relative;
	margin:0 10px 10px 0;
	}
	
div#searchByAddress input#o_address{
	padding:3px;
	width:150px;
	margin:3px 0 0 0;
	}
	
#map span, #map a {
	position: relative;
}

#map .olControlLayerSwitcher span {
	float: none;
}
	
#mainContent #map{
	height:500px;
}

#flashMovie{
	position:absolute;
	top:0;
	left:0;
	width:2px;
	height:56px;
	z-index:999999;
}

#flashMovie object, #flashMovie .sm_f3, #flashMovie .online_data, .routes_additional_info {
	position:relative;
	float:left;
	}

#flashMovie p{
	position:relative;
	float:left;
	margin:3px 0 0 0;
	padding:0;
	color:#7F7F7F;
	font-size:11px;
	}
	
#smssendblock{
	position:relative;
	float:left;
	width:28%;
	margin:0 1%;
	}	

#besidesSMS_full, #besidesSMS{
	position:relative;
	float:left;
	width:99%;
	}

#besidesSMS{
	width:68%;
	}

/* Do not display a link to the report settings if under map, not in the reports. */
#mapRight .report_settings {
	display: none;
}

#rtd2_div h3, .nosauk, .nosauk_clearboth, #mainContent #bottom h3, #mainContent #bottom h3 a {
	clear:both;
	margin:7px 0 15px 0;
	font-size:18px;
	font-weight:bold;
	color:#114380;
}

#mainContent #bottom h3 a:link, #mainContent #bottom h3 a:visited {
	text-decoration: none;
}

#rtd2_div h3:not(.with_margin), .nosauk:not(.with_margin) {
	margin:0;
}

.nosauk {
	clear:none;
	position:relative;
	float:left;
	width:auto;
}

.nosauk_clearboth {
	clear:both;
	position:relative;
	float:left;
}

#mainContent #bottom h3{
	clear:both;
	margin:15px 0;
}
	
#rtd2_div div#divlist, #mainContent #bottom table, #rtd2_div table, #not_found, div.pages{
	position:relative;
	float:left;
	}

div.pages{
	clear:both;
	margin:10px 0;
	}

#rtd2_div div#divlist{
	width:205px;
	}

#not_found{
	width:100%;
	}

table.normal{ /* hacking for car groups subtool */
	position:relative;
	float:left;
	width:auto ! important;
}
	
div#filter{
	position:relative;
	float:left;
	width:100%;
	z-index:10000;
	}

#left {
	overflow: auto;
	width: 200px;
	/*border: thin dotted #00FF00;*/
	}
#conten {
	padding: 20px 0 0 20px;
	/*border: thin dotted #FF1F00;*/
	}

.jaun a {
	color: #000000;
	text-decoration: underline;
	font-size:11px;
	}
.kontolpan {
	padding: 5px 0 5px 10px;
	margin:5px 0 10px 0;
	color: #000000;
	fontweight:bold;
	font-size:12px;
	background-color: #EFEFEF;
	border-width: 2px 0 0 0;
	border-color: #D2D2D2;
	border-style: solid;
	position:relative;
	float:left;
	width:100%;
	clear:both;
	}

.user_permissions .kontolpan,
.user_permissions .nosauk,
.objects_subtool .nosauk,
#alerts_management .nosauk,
#alerts_management table.alert_input_table,
#rtd2_div .user_permissions table {
	float: none;
	clear: both;	/* So some floating announcements wouldn't move this to around. */
}
	
.sad {
	padding: 5px;
	border-width: 1px 1px 1px 0;
	border-color: #D9D9D9;
	border-style: solid;
	width: 150px;
	position:relative;
	}

input.sad{
	padding:2px 0;
	}
	
.fullborder {
	border-width: 1px;
	}

.sad2 {
	border-width: 1px 0 1px 1px;
	border-color: #D9D9D9;
	border-style: solid;
	background-color: #F3F3F3;
	position:relative;
	width:385px;
	}
	
.sad2 input, .sad2 label{
	float:none;
	position:static;
	}

.sad2 #trim_daily_on_div{
	position:relative;
	float:left;
	width:100%;
	}

.period_setter label{
	position:relative;
	float:left;
	margin:0 3px 0 0;
	line-height:20px;
}

.period_setter {
	position:relative;
	float:left;
	margin:2px 0 0 10px;
}

.period_setter:first-child {
	margin-left:0;
}

.period_trim_info {
	font-size:10px;
	font-style:italic;
	margin-top:3px;
}
	
.mekl {
	background-color: #CED4DE;
	padding: 3px 0 3px 10px;
	}
	
.sm_f2 {
	font-size: 11px;
	color: #4F4F4F;
	text-align: center;
	}
	
.sm_f3 {
	font-size: 11px;
	color: #4F4F4F;
	text-align: right;
	}


#realtimeDataOnMap .sm_f3 {
	text-align: left;
}

.report_description {
	/* So the dynamic upper input form height changes (when changing report type) would drag the lower block up/down accordingly. */
	float: left;
	clear: left;
}

.atlas {
	font-size: 11px;
	color: #4F4F4F;
	position:relative;
	float:left;
	width:100%;
	}

.atlas_autowidth {
	width:auto;
	}
.atlas_large{
	float: left;
	clear: left;
	margin-top: 10px;
	font-size: 18px;
}
td.atlas{
	position:static;
	float:none;
	width:auto;
	}

.selection_details {
	margin-bottom: 10px;
}

.selection_details p {
	margin: 0;
	font-size: inherit;
}

#title_car_list {
	font-weight: bold;
}

#print, #help_div{
	position:relative;
	float:right;
	padding:0;
	}

#print a,
.segment_header .export_tools a {
	display: block;
	background: transparent url('../images/printer.png') center center no-repeat;
	padding: 5px;
	width: 15px;
	height: 15px;
	text-decoration: none;
}

#print img {
	outline: none;
}

.segment_header a#printing {
	background-image: url('../images/printer.png');
}
.segment_header a#printing:hover {
	background-image: url('../images/printer_hover.png');
}

.segment_header a.tool_export_to_excel {
	background-image: url('../images/excel.png');
}
.segment_header a.tool_export_to_excel:hover {
	background-image: url('../images/excel_hover.png');
}

.tool_export_to_email #email_export_icon{
	background-image: url('../images/email.png');
	height: 25px;
   	width: 25px;
   	background-repeat: no-repeat;
   	margin-right:10px;
}

.tool_export_to_email #email_export_icon:hover{
	background-image: url('../images/email_hover.png');
	height: 25px;
   	width: 25px;
   	background-repeat: no-repeat;
}

#print #printer a,
.segment_header a#printing,
#print #printer a:hover,
.segment_header a#printing:hover,
#print #excel a,
.segment_header a.tool_export_to_excel,
#print #excel a:hover,
.segment_header a.tool_export_to_excel:hover,
#print .tool_export_to_csv a,
#print .tool_export_to_csv a:hover,
#print .tool_export_to_pdf a,
#print .tool_export_to_pdf a:hover{
	background-image: url('../images/export_icons_sprite.png');
}

#print #printer a,
.segment_header a#printing{
	background-position: 0px -156px;
}
#print #printer a:hover,
.segment_header a#printing:hover{
	background-position: 0px -182px;
}

#print #excel a,
.segment_header a.tool_export_to_excel{
	background-position: 0px -104px;
}
#print #excel a:hover,
.segment_header a.tool_export_to_excel:hover{
	background-position: 0px -130px;
}

#print .tool_export_to_csv a{
	background-position: 0px 0px;
}
#print .tool_export_to_csv a:hover{
	background-position: 0px -26px;
}

#print .tool_export_to_pdf a{
	background-position: 0px -52px;
}
#print .tool_export_to_pdf a:hover{
	background-position: 0px -78px;
}

.SkyFMS.newExportIcons .tool_export_to_email #email_export_icon,
.SkyFMS.newExportIcons #print #printer a,
.SkyFMS.newExportIcons #print #excel a,
.SkyFMS.newExportIcons #print .tool_export_to_csv a,
.SkyFMS.newExportIcons #print .tool_export_to_pdf a {
	background-color:transparent;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:100%;
	width:30px;
	height:30px;
	margin:0.5rem;
	padding:0;
}


.SkyFMS.newExportIcons .tool_export_to_email #email_export_icon:hover::after,
.SkyFMS.newExportIcons #print #printer a:hover::after,
.SkyFMS.newExportIcons #print #excel a:hover::after,
.SkyFMS.newExportIcons #print .tool_export_to_csv a:hover::after,
.SkyFMS.newExportIcons #print .tool_export_to_pdf a:hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.5);
}

.SkyFMS.newExportIcons #print #excel a {
	background-image:url('../images/export_icons/xls.svg');
}

.SkyFMS.newExportIcons #print .tool_export_to_csv a {
	background-image:url('../images/export_icons/csv.svg');
}

.SkyFMS.newExportIcons #print .tool_export_to_pdf a {
	background-image:url('../images/export_icons/pdf-file.svg');
}

.SkyFMS.newExportIcons #print #printer a {
	background-image:url('../images/export_icons/print.svg');
}

.SkyFMS.newExportIcons .tool_export_to_email #email_export_icon {
	background-image:url('../images/export_icons/email.svg');
}

#help_div{
	width:auto;
	margin-top:3px;
	}

#help_div a{
	text-decoration:none;
	}

.link_pos_rel{
	position:relative;
	float:left;		
	}

#help_div a img{
	border:none;
	}

#printer, .tool_export_to_csv, #excel, #question, .tool_export_to_pdf, .tool_export_to_email, 
.segment_header .export_tools a {
	position:relative;
	float:left;
	margin: 0;
	}

#tabula_dzinis{
	font-size: 11px;
	color: #4F4F4F;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	clear:both;
	}

#tabula_dzinis .all_1 td{
	background-color: #FFFFFF;
	padding: 5px;
	border-width: 1px 0 1px 1px;
	border-color: #D9D9D9;
	border-style: solid;
	}
	
.company_row td {
	border:1px solid #D9D9D9;	
}
	
#tabula_dzinis .all_2 td
{
	background-color: #EFEFEF;
	padding: 5px;
	border-width: 1px 0 1px 1px;
	border-color: #D9D9D9;
	border-style: solid;
}

.company_row.blocked td,
#tabula_dzinis .all_1.blocked td,
#tabula_dzinis .all_2.blocked td
{
	background-color: #EDD;
}
#tabula_dzinis .head td, .head th
{
	background-color: #CED4DE;
	padding: 5px;
	border-width: 1px 0 1px 1px;
	border-color: #D9D9D9;
	border-style: solid;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
}

#tabula_dzinis .head td.emulate_colspan
{
	border-color: #ced4de;
}

.carpanel {
	background-color: white;
	display: none;
	position: absolute;
	z-index: 10000;
	/*border: 2px solid #9cb2cc;*/
	padding: 5px;
}

.client_managers_tree {
	position:relative;
	float:left;
	max-height:200px;
	width:100%;
	padding: 5px;
	box-sizing:border-box;
	overflow:auto;
}

.client_managers_tree .group {
	display:none;
}

.client_managers_tree .group.open {
	display:block;
}

.client_managers_tree .group .group .group {
	margin-left:15px;
}

.client_managers_tree .group .row {
	position:relative;	
	float:left;
	width:100%;
}

.client_managers_tree .group .row {
	margin-bottom:7px;
}

.client_managers_tree .group .group .row {
	margin-bottom:0;
}

.client_managers_tree .group .row .toggler {
	width:18px;
	height:18px;
	position:relative;
	float:left;
	background:transparent url('../images/dtree/empty.gif') no-repeat center center;
}

.client_managers_tree .group .row .toggler.working {
	cursor:pointer;
	background-image:url('../images/dtree/nolines_plus.gif');
}

.client_managers_tree .group .row .toggler.working.open {
	background-image:url('../images/dtree/nolines_minus.gif');
}

.client_managers_tree .group .row input {
	margin:0 0.5em;
	clear:none;
}

.client_managers_tree .group .row button {
	margin:0 0.5em;
}

.client_managers_tree .group.has_children .row:before {
	content:'+';
	position:absolute;
	top:0;
	left:0;
}

.carpanel .smallborder, .carpanel_checkboxes .smallborder, .client_managers_tree {
	border:1px solid #9CB2CC;
}
	
.carpanel_iframe{
	display:none;
	}


.zindex {
	position:relative; /*you can't have z-index without positioning of some kind, you can override this in more precise style declaration */
	z-index:1000;
}
	
#toolbarLeft #exports input{
	text-align:center;
	margin:1px;
	width:42px;
	}
	
#toolbarLeft #groups_tree .tree, #toolbarLeft .carlist, #toolbarLeft #his_type_select, #toolbarLeft .secLev form{
	padding:0px;
	position:relative;
	float:left;
	overflow:auto;
	width:99%;
}

#toolbarLeft .easyMap_toolbar_dataTable #groups_carpanel_div_carlist{
	overflow:hidden;
	height:237px;
	width: 100%;
	position: relative;
	float: left;
}

#toolbarLeft .easyMap_toolbar_dataTable #groups_carpanel_div_carlist.multiplecarsonmaphack{
	height:337px;
}

#toolbarLeft .easyMap_toolbar_dataTable #groups_beaconpanel_div_beaconlist.multiplebeaconsonmaphack{
	height:337px;
}

#toolbarLeft .easyMap_toolbar_dataTable #groups_carpanel_div_carlist p{
	padding:3px;
	font-size:12px;
	color:#000000;
	font-weight:normal;
}
	
.tree, #groups_carpanel_div_carlist {
	overflow: auto;
	height: 168px;
	width: 200px;
	position: relative;
	float: left;
}

#groups_carpanel_div_carlist {
	width: 300px;
}

#add_remove_company_cargroups .tree {
	float:none;
	width:auto;
	clear:left;
}

li#groups_tree .tree{
	height:100%;
	max-height:110px;
}

#toolbarLeft #his_type_select{
	height:auto;
	}

#toolbarLeft .secLev form{
	height:auto;
	}

#toolbarLeft .secLev form label{
	font-size:11px;
	}

#toolbarLeft #his_type_select, #toolbarLeft .search .secLev form input.text_input, #toolbarLeft #his_type_select, #toolbarLeft .secLev form textarea{
	position:relative;
	float:left;
	}
	
#toolbarLeft .search .secLev form input.text_input {
	width:80%;
	margin:3px 3px 5px 0;
	border:1px solid #BBBBBB
	}

#toolbarLeft .search .secLev form input.button {
	padding:1px 2px;
	}
	
#his_type_select {
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 5px;
}

#toolbarLeft .carlist{
	height:200px;
	overflow:hidden;
	}

#toolbarLeft .carlist_history{
	position:relative;
	float:left;
	overflow:hidden;
	padding:5px;
	width:auto;
	}

#toolbarLeft #car_history .button_placeholder {
	position:relative;
	float:left;
	width:auto;
	padding:10px 5px 10px 20px;
}

#toolbarLeft #car_history .button_placeholder #history_loading {
	position:relative;
	float:left;
}
	
#carlist_rows{
	position:relative;
	float:left;
	width:100%;
	}
	
/* TODO Such common-word classes (inactive, active) must be defined in a more specific context! */
.inactive{
	background-color:white;
	} 
	
.active{
	background-color:#D1E2EF;
	}

#toolbarLeft .carlist div#carListTable{
	position:relative;
	float:left;
	height:170px;
	width:100%;
	min-width:300px;
	}
	
#toolbarLeft .carlist div#squeezeTable{
	position:relative;
	float:left;
	height:165px;
	overflow:auto;
	width:100%;
	}
	
#toolbarLeft .carlist div#squeezeTable table{
	width:100%;
	table-layout:fixed;
	}
	
#toolbarLeft #accordion_placeholder {
	clear: both;
	border-bottom: 1px solid #b8b8b8;
}
	
#toolbarLeft #accordion_placeholder .bellow {
	position: relative;
	width: auto;
	height: 30px; /* = 16px height + 2 * 7px padding of contained p */
    border-top: 1px solid #b8b8b8;
	}

#toolbarLeft #accordion_placeholder .bellow.selected {
	background-color: #eee;
	}
	
#toolbarLeft #accordion_placeholder .bellow p {
	height: 19px;
	padding-top: 4px;
	background-position: 10px 5px;
	/* Same as #nav-h li div.secLev font-size, or there will be a vertical align error. */
	line-height: 12px;
	overflow: hidden;
	width: 78%;
	}
#toolbarLeft #accordion_placeholder .coloured {
	height: 100%;
	width: 4px;
	background-color: red;
	float: left;
}

.car_actions_dropdown {
	position: absolute;
	z-index: 10;
	width: 170px;
}

.car_actions_dropdown .triangle_border,
.car_actions_dropdown .triangle {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

.car_actions_dropdown .triangle_border {
	top: -18px;
	right: 3px;
	border-width: 10px;
	border-color: transparent transparent #666666;
}

.car_actions_dropdown .triangle {
	top: -15px;
	right: 5px;
	z-index: 1;
	border-width: 8px;
	border-color: transparent transparent #ffffff;
}
.car_actions_dropdown ul,
.car_actions_dropdown ul li {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
}

.car_actions_dropdown ul {
	border: solid 1px #666666;
	border-radius: 3px;
	background-color: white;
	padding:3px 0;
}

.car_actions_dropdown ul li {
	padding: 0;
	border: none;
	box-sizing: border-box;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	list-style:none;
}

.car_actions_dropdown ul li:hover {
	background-color: #005da8;
}

.car_actions_dropdown ul li:nth-child(1) {
    background-image: url(../images/ico-1.png);
}

.car_actions_dropdown ul li:nth-child(2) {
    background-image: url(../images/ico-2.png);
} 

.car_actions_dropdown ul li:nth-child(3) {
    background-image: url(../images/ico-3.png);
} 

.car_actions_dropdown ul li:nth-child(4) {
    background-image: url(../images/ico-4.png);
}

 .car_actions_dropdown ul li:hover:nth-child(1) {
    background-image: url(../images/ico-1-wh.png);
}

.car_actions_dropdown ul li:hover:nth-child(2) {
    background-image: url(../images/ico-2-wh.png);
} 

.car_actions_dropdown ul li:hover:nth-child(3) {
    background-image: url(../images/ico-3-wh.png);
} 

.car_actions_dropdown ul li:hover:nth-child(4) {
    background-image: url(../images/ico-4-wh.png);
} 

.car_actions_dropdown ul li a {
    position: relative;
    text-decoration: none;
    float: left;
    width: 100%;
	box-sizing: border-box;
	font-weight:bold;
	color: #666666;
	padding: 6px 6px 6px 20px;
}

.car_actions_dropdown ul li:hover a {
	color: #ffffff;
}

#toolbarLeft #accordion_placeholder .bellow_car_name {
	color: #4b4b4b;
	vertical-align: top;
	white-space: nowrap;
}

#toolbarLeft #accordion_placeholder .no_date .bellow_car_name {
	vertical-align: middle;
}

#toolbarLeft #accordion_placeholder .bellow.no_date p {
	padding-top: 7px;
	padding-bottom: 4px;
	background-position: 10px 50%;
}
	
#toolbarLeft #accordion_placeholder .bellow_car_period {
	color: #808080;
	font-size: 8px;
	position: absolute;
	width: 220px;
	left: 10px;
	bottom: 0;
}
	
#toolbarLeft #accordion_placeholder .history_loading {
	vertical-align: middle;
}
	
#accordion_placeholder #routes_table_list {
	margin-bottom: 0px;
}

/* TODO Such common-word classes (inactive, active) must be defined in a more specific context! */
tr.active, tr.inactive{
	position:relative;
	height:100%;
	}
	
tr.active td, tr.inactive td{
	position:relative;
	text-align:left;
	overflow:hidden;
	}
	
tr.active td #stateColorCode, tr.inactive td #stateColorCode{
	position:relative;
	float:left;
	width:10px;
	height:10px;
	border:1px solid black;
	}
	
tr.active td.stop #stateColorCode, tr.inactive td.stop #stateColorCode{
	background-color:red;
	}
	
tr.active td.drive #stateColorCode, tr.inactive td.drive #stateColorCode{
	background-color:green;
	}
	
tr.active td.idle #stateColorCode, tr.inactive td.idle #stateColorCode{
	background-color:#bbbbbb;
	}

tr.active td.hydraulics #stateColorCode, tr.inactive td.hydraulics #stateColorCode{
	background-color:navy;
	}

#table_columns_change_field {
	margin:10px;
}

#table_columns_change_field input {
	margin:0;
	vertical-align:middle;
}

#toolbarLeft #object_logic_display{
	max-height:100px;
	overflow:auto;
	width:90%;
	margin:5%;
	position:relative;
	float:left;
	}
	
#toolbarLeft .object_logic_display{
	display:none;
	overflow:auto;
	position:relative;
	float:left;
	}

.object_search {
	margin:0 0 5px 5px;
}

.object_search label {
	font-size: 10px;
	margin-right:5px;
}

.smallborder {
	border:1px solid #9CB2CC;
}

.smallborder_gray {
	border:1px solid #D9D9D9
}

.carlist{
	position:relative;
	overflow:auto;
	width:100%;
}

#rtd2_div #inputform{
	z-index:1000;
	position:relative;
	float:left;
	clear:both;
	width:540px;
	}
	
#rtd2_div #inputform .smallborder{
	width:150px;
	height:150px;
	overflow:auto;
	}

#rtd2_div #inputform_carpanel .smallborder{
	width:200px;
}

#rtd2_div #inputform_carpanel input,
#fence_div_carlist input{
	color: #28435B;
	height: 20px;
    line-height: 20px;
    padding: 0 4px;
    margin:0;
    vertical-align: middle;
}

#rtd2_div #inputform .smallborder table{
	position:relative;
	float:left;
	width:auto;
}

#inputform_carpanel_div_carlist,
#groups_carpanel_div_carlist,
#users_carpanel_div_carlist,
#fence_div_carlist,
#fence_inside_too_long_div_carlist,
#ignition_div_carlist,
#hydraulics_div_carlist,
#power_div_carlist,
.carpanel_car_list{
	position: relative;
	float:left;
	width:203px;
	border:none;
	overflow:visible;
	}

.boxtable {
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 0px;
	font-size: 1px;
}

.boxtable td {
	width: 15px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid black;
}

.undertext {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

.underline {
	border-bottom: 1px solid black;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: center;
}

.fullwidth {
	width: 100%;
}

.routesextended{
	float: left;
	clear:both;
	width:100%;
	margin-bottom: 80px;
	}
	
.routesextended .header_wrapper, .routesextended .header {
	clear:both;
}

.routesextended * {
	margin: 1px;
	padding: 0px;
	font-size: 11px;
}

.routesextended input{
	padding:1px 2px;
	}

.routesextended .company_info,
#bottom .routesextended .company_info {
	width:100%;
}
	
.routesextended .company_info .undertext,
.routesextended .company_info .underline {
	position:relative;
	float:left;
	width:100%;
}

.routesextended .left_side,
.routesextended .right_side {
	vertical-align:top;
}

.routesextended .left_side table,
.routesextended .right_side table {
	width:100%;
}

.routesextended .left_side {
	max-width:700px;
	min-width:280px;
}

.routesextended .right_side {
	border-left:1px solid black;
	padding-left:10px;
	max-width:500px;
}

.cell_text_to_right {
	text-align: right; 
	padding-right:3px;
}

.blackborder {
	border: 1px solid black;
	width:80px;
}

.routesextended .header,
.report_route_journal_info {
	font-size: 14px;
}
.routesextended .header * {
	font-size: 14px;
}
.extended_atskaite, #bottom .routesextended .extended_atskaite {
	border-collapse: collapse;
	margin-top:40px;
	width:100%;
}
.extended_atskaite td{
	border: 1px solid #000000;
	padding: 2px;
	text-align: center;
}
.degvielas_apraks{
	width: 250px;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
}
.degvielas_apraks td{
	padding: 0px 3px;
}
.underline_apa{
	border: 1px solid #000000;
	border-width: 0 0 1px 0;
}

.routesextended2{
	float: left;
	clear: both;
	margin-bottom: 80px;
}

.routesextended2 *{
	font-size: 11px;
}

.routesextended2_nosaukums {
	width:200px; 
	height:40px; 
	position:relative; 
	float:left;
}



.routesextended2 .maintable{
	border-collapse:collapse;
	text-align: center;
}

.routesextended2 .maintable tr td{
	border: 1px solid black;
	border-width: 1px;
	padding: 3px;
}

.routesextended2 .maintable tr td.noborder_left_top_bottom{
	border-left:0 none;
    border-top:0 none;
    border-bottom:0 none;
}

.routesextended2 .maintable tr td.task_job_name{
	font-weight:bold;
	text-align:right;
	padding:0 10px 0 0;
}

.routesextended2 .maintable tr td.task_job_dist{
	font-weight:bold;
	text-align:left;
	padding:0 0 0 10px;
}

.routesextended2 .dataloss {
	background: #dddddd;
}

.nb *{
	border: 0 ! important;
}

.exeHelp h3{
	font-size: 18px;
}

.exeHelp p{
	font-size: 14px;
}


.suggestion_subjectlink{
	font-size: 14px;
}

.suggestion_topic{
	margin-bottom: 25px;
}

.suggestion_subject{
	border: solid black 1px;
	font-weight: bold;
	background-color: #FFCC00;
	padding: 10px;
	padding-bottom: 5px;
}

.suggestion_post{
	border: solid black 1px;
	width: auto;
	width: 500px;
	padding: 5px;
}

.suggestion_pending{
	background-color: #FFCC00;
}

.suggestion_answer{
	background-color: #66FF00;
	margin-left: 20px;
}

.suggestion_internal{
	background-color: #CCCCCC;
	margin-left: 20px;
}

.suggestion_message{
	padding: 5px;
	font-family: monospace;
}

.changessaved_message{
 	margin-left: 7px; 
 	font-size: 11px; 
 	color: #000088;
}

.suggestion_subjectonly{
	width: 500px;
	border-top: solid black 1px;
	/* border-bottom: solid black 1px; */
	margin: 0px;
	padding: 3px;
	font-size: 12px;
}

.suggestion_subjectonly a{
	font-size: 12px;
	padding: 5px;
}

.suggestion_color_answered{
	background-color: #66FF00;
}

.suggestion_color_pending{
	background-color: #FFCC00;
}

.suggestion_textarea{
	height:150px;
	width:500px;
}

.suggestion_usercolumn{
	width: 60px;
}

.suggestion_datecolumn{
	width: 110px;
}

.suggestion_date{
	float: right;
	font-size: 12px;
}

.code_calibration {
	background: #e0e0e0;
	padding: 1px 4px;
	font: normal 11px Courier, monospace;
}

/* Overriding global fieldset styles. */
.car_edit_left fieldset, fieldset#garmin_options {
	float: none;
	margin: 5px 0 8px;
	border: solid 2px #aaaaaa;
	padding: 5px;
	width: 50%;
}

.car_edit_right{
	position: relative;
}

.car_edit_infobox, .car_edit_infoadd {
	width: 100%;
	font-size:11px; 
}

.car_edit_infobox {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    height: 130px;
    margin: 7px 0 7px 13px;
    overflow: auto;
    padding: 1px 2px;
    width: 99%;
    word-wrap:break-word;
}

.car_edit_infoadd{
	height: 50px;
	margin:13px 0 0 0;
}

.suggestions_link_to_unread{
	float: right;
}

.suggestions_link_to_unread a{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

.password_expires_link{
	float: left;
}

.password_expires_link a{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}

.normpadding td{
	padding-left: 10px;
}

.house_nr{
	color: #FF0000;
	font-size: 9px;
}

.routes_day_header{
	font-weight: bold;
	font-size: 16px;
}

div.routes_day_header{
	clear: both;
}

.routes_day_totals{
	font-weight: bold;
}

.report_settings{
	padding: 15px;
	clear:both;
	width:700px;
	text-align: right;
}

.report_settings_daily{
	clear: none;
	width: 670px;
}

.report_name_daily{
	position: relative;
	float:left;
	clear:left;
}
.report_name_summary{
	position: relative;
	float: left;
}

.report_settings_summary{
	clear: none;
	line-height: 28px;
	position: relative;
	float: left;
	width: 300px;
	padding: 0;
}

.device_activation_report {
	position: relative;
	float:left;
	clear:left;
}

.report_settings a{
	font-size: 14px;
}

.routes_report_settings{
	position: relative;
	float: left; 
	width: 330px; 
	text-align: right;
}

.routes_report_settings.space_around {
	margin:1rem 0;
}

.routes_report_settings a{
	font-size: 14px;
}

.profile_link{
	padding: 6px;
	font-size: 14px;
}

.profile_link_info{
	display:block; 
	position:relative; 
	float:left;
	}

.profile_link a{
	font-size: 14px;
}

.profile-container {
	display: flex;
	flex-direction: column;
}

.profile-container form {
	margin-bottom: 30px;
}

.profile-container .api-token-container {
	display: flex;
	align-items: center;
	gap: 0.6vw;
}

.profile-container .api-token-display {
	display: none;
	align-items: center;
	gap: 1vw;
	max-width: 900px;
	height: fit-content;
}

.profile-container .api-button {
	padding: 6px 10px;
	border-radius: 6px;
	color: white;
	background-color: #006dc7;
	cursor: pointer;
	border: none;
	transition: background-color 0.1s ease;
}

.profile-container .api-button-generate:disabled {
	background-color: grey;
	cursor: not-allowed;
}

.profile-container .copied-message {
	display: none;
	color: green;
}

.profile-container .api-token-details {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1vw;
	padding: 10px;
	background-color: #e7e7e7;
	border-radius: 6px;
}

.profile-container .api-token-text {
	margin: 0;
	filter: blur(3px);
	transition: filter 0.1s;
	word-break: break-all;
	overflow-wrap: anywhere;
}

.profile-container .api-token-text:hover {
	filter: blur(0);
}

.profile-container .api-button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border-radius: 6px;
	border: none;
	transition: background-color ease 0.1s;
}

.profile-container .api-copy {
	background: none;
}

.profile-container .api-button:hover:not(.api-copy, .api-revoke) {
	background-color: #005da8;
}

.profile-container .api-button img {
	width: 15px;
	height: 15px;
}

.profile-container .api-revoke {
	background-color: #ff8e8e;
}

div.carlist_history input.his_date, div.carlist_history select#time_start, div.carlist_history select#time_end{
	border:1px solid #D9D9D9;
}
	
div.carlist_history input.his_date {
	width: 80px;
	padding:1px;
	height:20px;
}

.carlist_history .show_min_stoptime_web .label, .carlist_history .show_min_stoptime_web .value {
	/* Because everything in .carlist_history is relatively floating left. */
	float: left;
	position: relative;
}

.carlist_history .show_min_stoptime_web .label {
	max-width:50%;
}

.show_min_stoptime_web span.min {
	line-height:20px;
}

.carlist_history .show_min_stoptime_web .seperator {
	display: none;
}

.carlist_history .show_min_stoptime_web .value {
	padding-left: 5px;
}

#nav-h li .show_min_stoptime_web .fieldset_leftside_background {
	background:none;
}

#nav-h li .show_min_stoptime_web .fieldset_leftside label {
	float:left;
	margin:0;
}

#nav-h li .show_min_stoptime_web .label, #nav-h li .show_min_stoptime_web .min {
	font-size:12px;
	font-weight:normal;
	line-height:21px;
}

.carlist_history .show_min_stoptime_web .ui-autocomplete-input {
	width: 35px !important; /* Override 59px of div.carlist_history .ui-autocomplete-input and also 60% of fieldset.IS_fieldset div.fieldset_rightside .ui-autocomplete-input*/
}

.history_date_label {
	width:25%;
	position:relative;
	float:left;
	line-height:22px;
	vertical-align:middle;
}

.sm_f_l2 {
	font-size: 12px;
	color: #4F4F4F;
	vertical-align: middle;
	text-align: left;
}

.sm_f_l3 {
	font-size: 12px;
	color: #4F4F4F;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	position:relative;
	float:none;
	width:100%;
	clear:both;
	}

/******************
** Ilmars Marcins 2007.11.20
*******************/
.error, #rtd2_div h3.error { color:red; font-size:11px; }

input.error {
	border-color:red;
}

.objects_subtool p.error {
	clear: left;
} 

.phone_invoices_message .success,
.phone_invoices_message .error {
	clear:both;
}

span.special, span.special a{
	font-weight:bold;
	color:white;
	}

/*********/

h1 { font-size:16px; font-weight:bold; padding:10px 0; margin:0; }
h2 { font-size:13px; font-weight:bold; color:#4F4F4F; padding:10px 0; margin:0; position:relative; float:left; width:100%; text-align:left;}
#conten { font-size:11px; }


.input_form, .input_form td { font-size:11px; color:#4F4F4F; }
.input_form input { margin:1px 0; font-size:11px; }
.input_form select { margin:1px 0; font-size:11px; }
.input_form .field { padding:1px 0 1px 120px; border-bottom:1px solid #EEE; clear:both; }
.input_form .field label { width:118px; margin:0 0 0 -120px; padding-top:2px; float:left; text-align:right; }
.input_form .field input[type="checkbox"] { padding-top:2px; }
.input_form .submit { padding:1px 0 1px 120px; border-bottom:1px solid #EEE; }

table.data_table {
	clear: left;
	border-top:1px solid #888; border-left:1px solid #888; border-collapse:collapse; font-size:12px;
}
table.data_table td, table.data_table th { 
	border-bottom:1px solid #888; 
	border-right:1px solid #888; 
	padding:1px 2px; 
	font-weight:normal; 
	font-size:11px;
}
table.data_table tr.odd { background:#EEE; }
table.data_table tr:hover { background:#EEF; }
table.data_table th.ord_active {
	padding-left:14px; 
	position:relative;
}

table.data_table th.ord_active:before {
	content:'';
	position:absolute;
	top:calc(50% - 3px);
	left:3px;
	width:0;
	height:0;
	border-width:6px 3px 0 3px;
	border-color:#000 transparent transparent transparent;
	border-style:solid;
}

table.data_table th.ord_active.desc:before { 
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

ul.page_selector { list-style:none; font-size:14px; padding:2px; margin:0; }
ul.page_selector li { display:inline; }
ul.page_selector li a { padding:1px 6px; }
ul.page_selector li.active a { color:red; }

.form_helper {min-height:20px; max-height:200px; display:none; overflow:auto;}
* html .form_helper { height:200px; }
.form_helper span { display:block; }
.form_helper span:hover { text-decoration:none; background:#F8F8F8; }

.status_bar {
	background: #ffffdd;
	font-size: 11px;
}

.monitoring_reported {
	background-color: #FFCC00;
}

.typical_box {
	background-color: white;
	display: none;
	border: 2px solid black;
	padding: 5px;
}

.fuel_in_sum_div, .spidometer_value_div{
	width:250px;
	}

.fuel_in_reciepts_div{
	width:400px;
	}
	
.routeday_number_box{
	background-color: white;
	display: none;
	z-index: 1000;
	border: 2px solid black;
	padding: 5px;
	overflow: hidden;
}

.day_fuel_out_box{
	background-color: white;
	display: none;
	z-index: 997;
	border: 2px solid black;
	padding: 5px;
}

.day_fuel_out_box table {
}

.day_fuel_out_box td {
	border: 1px solid black;
	margin: 0px;
	padding: 2px;
}

.day_fuel_in_car_box, .enginehours_box, .reports_popup_box {
	background-color: white;
	display: none;
	border: 2px solid black;
	padding: 5px;
}

.day_fuel_in_car_box table {
}

.day_fuel_in_car_box td {
	border: 1px solid black;
	margin: 0px;
	padding: 2px;
}

.vertical_lined td {
	border-right: 1px solid #AFAFAF;
}






/*** Maintenance operation notifications. ***/

table.maint_op_list {
	margin-bottom: 12px;
	border-collapse: collapse;
	/* Display only when dataTables have formatted it fully. 
		Display:none will break dataTables width in IE8*/
	visibility:hidden;
}

.maint_op_list td {
	border: solid 1px #999999;
	padding: 2px 6px;
	font-size:12px;
	color: #000000;
}

.maint_op_list td.alert_icon {
	background:transparent url('../images/notifications.png') center center no-repeat;
}

.maint_op_list th {
	font-weight:bold;
	font-size: 12px;
}

.maint_op_list tr.active {
	position: static;	/* To override an unrelated definition... */
}

.maint_op_list .actions {
	width:456px;
}

.maint_op_list .actions input:hover {
	outline: invert solid 1px;
}

.maint_op_list .active td {
	position: static;	/* To override an unrelated definition... */
}

.maint_op_list .cancelled {
	display: none;
}

.maint_op_list .cleared td {
	border: solid 1px #ccddcc;
	color: #667766;
	background-color:#fff;
	}

.maint_op_list .cleared .option_buttons, .maint_op_list .cancelled .option_buttons,
.maint_op_list .cleared .actions input, .maint_op_list .cancelled .actions input,
.maint_op_list .cleared .left div, .maint_op_list .cancelled .left div {
	visibility: hidden;
}

.clickable {
	cursor: pointer;
}

.maint_op_list .deferred td {
	background-color: #ffffee;
}

/* Deferring a notification that is still ready or deffered, is useless. */
.maint_op_list .deferred .actions input.defer, .maint_op_list .ready .actions input.defer {
	color: #999999;
}

.maint_op_list .active{
	background-color:#FF4444;	
}	

.maint_op_list .warning{
	background-color:#FFFF2D;	
}


.maint_op_list div.history {
	color: #666666;
    margin: 4px 0 0 102px;
    text-align: left;
}

.maint_op_list td.details .maint_op_details{
	width:52%;
}

/* Show only warning and active on the frontpage. */
.maint_op_list .cancelled, .startpage .maint_op_list .cleared, .startpage .maint_op_list .deferred {
	display: none;
}

#notifprogressimg {
	position: absolute;
	display: none;
}

#maint_op_edit{
	border: solid 4px #bbbbbb;
	background: #ffffff;
	padding: 6px;
}

#edit_maintop{
	display:none;
}

#maint_op_edit textarea, #maint_op_edit .input {
	border: solid 1px #888888;
	padding: 1px 2px;
	font-size:12px;
}

#maint_op_edit textarea{
	width:99%;
}

#maint_op_edit .guided_fill {
	background: #eeeeee;
}

#maint_op_edit .warn_type {
	display: none;
	font-weight: bold;
}

#maint_op_edit #block_run_from_time {
	display: none;
}


/*** Sending of SMS. ***/

#smssendblock {
	position: relative;
	width: 150px;
}

#smssendblock ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#smssendblock li {
	margin: 0;
	background: url('../images/bullet.gif') no-repeat 0 6px;
	padding: 0 0 0 10px;
}

#smssendblock .submit {
	padding: 0 6px;
}

#smssendblock .submit img {
	visibility: hidden;
	float: right;
	margin-top: 2px;
}

#smssendblock #smsprogressimg {
	visibility: hidden;
	position: absolute;
	top: 40px;
	left: 60px;
}

#smssendblock #drivers {
	margin: 0 0 3px;
	height: 65px;
	overflow: auto;
}

#smssendblock #progress_all {
	visibility: hidden;
	margin: 4px 6px 0;
	border: solid 1px #7194d2;
	background: #dde5f4;
	height: 12px;
}

#smssendblock #progress_done {
	background: #bbcbe7;
	height: 12px;
}

#smssendblock #smstext {
	display: block;
	margin: 0 0 3px;
	padding: 2px;
	width: 148px;
	height: 76px;
	font-size:11px;
}

/* SMS history. */


#smshistory h3 {
	margin: 18px 0 6px;
	padding: 0;
	font-weight:bold;
	font-size:12px;
}

#smshistory table {
	border-collapse: collapse;
	width: 900px;
}


/* Dainis Berzins */
table.day_report_tbl {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width:800px; /* Table will ignore width if content will be more than that. This should be removed, if we edit flash object width from px to % */
	clear:both;
}

table.day_report_tbl tr td.day_report_carname {
	padding: 0;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
}

.report_extended3{
	table-layout:fixed;
	width:100%;
	clear:both;
	}

.fuel_consumption_chart {
	margin: 10px 0 10px;
}

#pressure_graph {
	width: 99%;
}

/*---------------------------------------------------easyDeliver - calendar.tpl--------------------------------------*/

#dhtmltooltip{
	position: absolute;
	left: -300px;
	max-width: 350px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	font-size:11px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	}

#route_picking_toolbox {
	position: fixed;
	top: 0;
	z-index: 10010;	/* To go over #filter with z-index 10000. */
	border: 4px solid #fe9934;
	border-top: 0 none;
	background: #f1f6f9;
	padding: 10px 15px;
	width: 650px;
}

#route_picking_toolbox .info {
	background: url('../images/tango/info.png') no-repeat;	/* 18x18px image. */
	padding-left: 24px;
	min-height: 18px;
}

#route_picking_toolbox .selected_details .detail {
	padding-right: 7px;
}

#route_picking_toolbox .ph_value {
	font-weight: bold;
}

#route_picking_toolbox .status_message {
	float: left;
	margin: 0;
}

#route_picking_toolbox .message {
	float: right;
	margin: 0;	/* To avoid the resizing of the toolbox upon message change. */
	font-weight: bold;
	color: #ff0000;
}

.cal_table {
	position:relative;
	float:left;
	width:100%;
	border-top:1px solid #888;
	border-left:1px solid #888;
	border-collapse:collapse;
	font-size:12px;
	}
	
.cal_table td, .cal_table th {
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	padding:1px 2px;
	width:14.2%;
	font-weight:normal;
	}
	
.cal_table tr.odd {
	background:#EEE;
	}

.fullEventText{
	position:absolute;
	width:300px;
	background-color:white;
	z-index:200;
	padding:10px;
	}
	
.fullEventText .controls{
	position:relative;
	float:left;
	width:100%;
	}

.fullEventText .controls a{
	font-weight:bold;
	color:#114380;
	position:relative;
	margin:3px;
	}

.fullEventText .controls a.editEvent, .fullEventText .controls a.goToRoute {
	float:left;
	}
	
.fullEventText .controls a.closeTip{
	float:right;
	}

.cal_day {
	border-collapse:collapse;
	width:100%;
	font-size:12px;
	}
	
.cal_day td, .cal_day th {
	font-weight:normal;
	padding:0;
	}
	
.cal_day tr.odd {
	background:#EEE;
	}

.cal_event{
	text-align:left;
	width:100%;
	border-collapse:collapse;
	position:relative;
	z-index:1;
	}
	
.cal_event .DayEventsRow .eventColumn, .cal_event .DayEventsRow .hourColumn{
	border-top:none;
	}
	
.right_border_blue{
	border-right:1px solid #9cb2cc;
	}
	
.right_border_gray{
	border-right:1px solid #CFC6C6;
	}
	
.top_border_gray, .cal_event .DayEventsRow .top_border_gray{
	border-top:1px solid #CFC6C6;
	}

.top_border_blue{
	border-top:1px solid #9cb2cc;
	}
	
.top_border_accent_color, .cal_event .DayEventsRow .top_border_accent_color{
	border-top:1px solid #EAF2F9;
	}
	
.bottom_border_gray, .cal_day td .bottom_border_gray{
	border-bottom:1px solid #CFC6C6;
	}

.bottom_border_blue{
	border-bottom:1px solid #9cb2cc;
	}
	
.cal_event td, .cal_event th {
	border:0;
	padding:0 1px;
	font-size:11px;
	font-weight:normal;
	}
	
.cal_event th.headRow{
	border-bottom:1px solid #CFC6C6;
	border-top:1px solid #CFC6C6;
	border-left:1px solid #CFC6C6;
	}
	
.cal_event th.headRow a{
	color:#28435b;
	}
	
.cal_event th.headRow2{
	border-bottom:1px solid #EAF2F9;
	border-top:1px solid #EAF2F9;
	}
		
.cal_event a{
	text-decoration: none;
	}
	
.cal_event .hourColumn, .cal_event .hourColumn_fixed_width{
	text-align:right;
	vertical-align:top;
	border-top:1px solid #cfc6c6;
	border-right:1px solid #cfc6c6;
	z-index:1;
	padding:0;
	color:#28435b;
	}
	
.cal_event .hourColumn_fixed_width{
	width:40px;
	}

.cal_event .hourColumn{
	width:3%;
	min-width:40px;
	}

.cal_event .routes .hourColumn{
	border-top:none;
	border-bottom:none;
	}
	
.cal_event .DayEventsRow .hourColumn, .cal_event .routes .hourColumn{
	min-height:42px;
	}
	
.cal_event .hourRow .hourColumn{
	height:42px;
	}
		
.cal_event .hourColumn div.cal_accent_color{
	position:relative;
	float:left;
	height:100%;
	width:100%;
	}
	
.cal_event .hourColumn div .containHour{
	position:relative;
	float:right;
	margin:4px 2px 0 0;
	}
	
.cal_event .eventColumn{
	border-top:1px solid #cfc6c6;
	border-bottom:1px solid #cfc6c6;
	}

.cal_event .DayEventsRow .eventColumn{
	vertical-align:top;
	border-bottom:none;
	}
	
.cal_event .eventColumn .info_text{
	font-size:10px;
	}
	
.cal_event .sideborder{
	border-left:1px solid #cfc6c6;
	width:14%;
	min-width:140px;
	}

.cal_event .eventColumn .firstHalfOfHour, .cal_event .eventColumn .secondHalfOfHour, .cal_event .eventColumn .firstHalfOfHour_day, .cal_event .eventColumn .secondHalfOfHour_day{
	height:20px;
	width:100%;
	}
	
.cal_event .eventColumn .firstHalfOfHour, .cal_event .eventColumn .secondHalfOfHour{
	position:relative;
	}
	
.cal_event .eventColumn .firstHalfOfHour, .cal_event .eventColumn .firstHalfOfHour_day{
	border-bottom:1px dotted #cfc6c6;
	}
	
.cal_event .hourRow{
	height:42px;	
	}

.cal_event .DayEventsRow td, .routes{
	vertical-align:top;
	}

.routing_disabled .route_target_tools {
	display: none;
}

.route_target_tools .route_selection {
	background: url('../images/numbered_markers/grey/blank_small.png') no-repeat center center;
	width: 13px;
	height: 16px;
}

.is_in_route .route_target_tools .route_selection {
	background-image: url('../images/numbered_markers/yellow/blank_small.png');
}

.route_picking_in_progress .conflicting_route .route_target_tools .route_selection {
	background-image: url('../images/numbered_markers/blank_small_warning.png');
}

.cal_event .eventBlock, .cal_event .eventBlock.forWeek, #tasks .eventBlock{
	position:absolute;
	width:140px;
	z-index:100;
	padding:0 1px 1px 1px;
	}

.cal_event .event-done, #tasks .event-done{
	background-color:#448a00;
}

.cal_event .event-done .eventBody, #tasks .event-done .eventBody{
	background-color:#eff7d9;
	}
	
.cal_event .event-failed, #tasks .event-failed{
	background-color:#ce1126;
}

.cal_event .event-failed .eventBody, #tasks .event-failed .eventBody{
	background-color:#fbecee;
	}

.cal_event .event-was_there, #tasks .event-was_there{
	background-color:#FFE900;
}

.cal_event .event-was_there .eventBody, #tasks .event-was_there .eventBody{
	background-color:#fffac4;
	}
	
.cal_event .event-default,
#tasks .event-default,
/* Ignore event status when picking for route, as we need event highlighting for other purposes at that time. */
.route_picking_in_progress .cal_event .event-done,
.route_picking_in_progress #tasks .event-done,
.route_picking_in_progress .cal_event .event-failed,
.route_picking_in_progress #tasks .event-failed,
.route_picking_in_progress .cal_event .event-was_there,
.route_picking_in_progress #tasks .event-was_there {
	background-color:#114380;
}

.cal_event .event-default .eventBody,
#tasks .event-default .eventBody,
/* Ignore event status when picking for route, as we need event highlighting for other purposes at that time. */
.route_picking_in_progress .cal_event .event-done .eventBody,
.route_picking_in_progress #tasks .event-done .eventBody,
.route_picking_in_progress .cal_event .event-failed .eventBody,
.route_picking_in_progress #tasks .event-failed .eventBody,
.route_picking_in_progress .cal_event .event-was_there .eventBody,
.route_picking_in_progress #tasks .event-was_there .eventBody{
	background-color:#eaf2f9;
}

.route_picking_in_progress .conflicting_car .carForEvent {
	color: #ff0000;
}

.route_picking_in_progress .conflicting_driver .driverForEvent {
	text-shadow: /*-1px 0 #ff0000, 0 1px #ff0000,*/ 1px 0 #ff0000, 0 -1px #ff0000;
}

/* .contains_conflicting_details events can be picked, but their details will be changed. */
.route_picking_in_progress .cal_event .eventBlock.contains_conflicting_details,
.route_picking_in_progress #tasks .eventBlock.contains_conflicting_details {
	background-color: #4c5e75;	/* .event-default to grey */
}
.route_picking_in_progress .cal_event .eventBlock.contains_conflicting_details .eventBody,
.route_picking_in_progress #tasks .eventBlock.contains_conflicting_details .eventBody {
	background-color: #f0f5f9;	/* .event-default to grey. */
}

/* .conflicting_date events cannot be picked at all. */
.route_picking_in_progress .cal_event .eventBlock.conflicting_date,
.route_picking_in_progress #tasks .eventBlock.conflicting_date {
	background-color: #777777;
}
.route_picking_in_progress .cal_event .eventBlock.conflicting_date .eventBody,
.route_picking_in_progress #tasks .eventBlock.conflicting_date .eventBody {
	background-color: #f9f9f9;
	color: #777777;
}
.route_picking_in_progress .conflicting_date .carForEvent,
.route_picking_in_progress .conflicting_date .driverForEvent {
	color: inherit;
}
.route_picking_in_progress .conflicting_date .driverForEvent {
	text-shadow: none;
}
.route_picking_in_progress .conflicting_date .route_target_tools .route_selection {
	background-image: url('../images/numbered_markers/grey/blank_small.png');
}

.cal_event .eventBlock.selected,
#tasks .eventBlock.selected,
/* .selected status overrides all other background styles. */
.route_picking_in_progress .cal_event .eventBlock.selected,
.route_picking_in_progress #tasks .eventBlock.selected {
	background-color:#756a0e;
}

.cal_event .eventBlock.selected .eventBody,
#tasks .eventBlock.selected .eventBody,
.route_picking_in_progress .cal_event .eventBlock.selected .eventBody,
.route_picking_in_progress #tasks .eventBlock.selected .eventBody {
	background-color: #f9f9e6;
}

#tasks .eventBlock{
	position:relative;
	float:left;
	margin:0 0 5px 0;
	max-width:140px;
	}

.route_picking_in_progress .eventBlock {
	cursor: pointer;
}

.cal_event .eventBlock.forWeek, #tasks .eventBlock{
	width:100%;
	}
	
.cal_event .eventBlock.AllDay, .cal_event .eventBlock.AllDay.forWeek{
	position:relative;
	float:left;
	width:140px;
	margin:0 2px 0 0;
	padding:0 1px 1px 1px;
	}

.cal_event .eventBlock.forWeek, .cal_event .eventBlock.AllDay.forWeek{
	margin:0;
	}

.cal_event .eventBlock.SeveralDays.forWeek, .cal_event .eventBlock.AllDay.forWeek {
	width:99%;
	}
	
.cal_event .eventBlock.SeveralDays, .cal_event .eventBlock.SeveralDays.forWeek{
	position:relative;
	float:left;
	margin:0;
	padding:0 1px 1px 1px;
	}
	
.cal_event .DayEventsRow .eventBlock.forWeek{
	position:relative;
	float:left;
	width:100%;
	}
	
.cal_event .DayEventsRow .multipleDayEventContainer{
	position:relative;
	float:left;
	height:100%;
	}

.cal_event .eventBlock.SeveralDays span.heading{
	position:relative;
	float:left;
	width:70px;
	margin:0 10px;
	}
	
.cal_event .eventBlock.SeveralDays span.eventSpansPrev, .cal_event .eventBlock.SeveralDays span.eventSpansNext{
	position:relative;
	float:left;
	width:5px;
	}

.cal_event .eventHead, #tasks .eventHead{
	position:relative;
	float:left;
	height:14px;
	width:100%;
	overflow:hidden;
	z-index:100;
	}

.cal_event .eventHead a, .cal_event .eventHead p, #tasks .eventHead a, #tasks .eventHead p{
	font-size:10px;
	color:white;
	margin:0;
	padding:0;
	}

.cal_event .eventBody, #tasks .eventBody{
	background-color:white;
	margin:0;
	min-width:94px;
	position:static;
	color:black;
	overflow:hidden;
	z-index:100;
	}
	
.cal_event .DayEventsRow .eventBody{
	height:99%;
	}
	
.cal_event .eventBody .eventInfo, #tasks .eventBody .eventInfo{
	margin:4px;
	}

.eventInfo .route_target_tools {
	float: right;
}

.cal_event .eventBlock.SeveralDays.forWeek, .cal_event .eventBlock.AllDay.forWeek{
	margin:0;	
	}

.cal_event .eventBlock p, .cal_event .eventBlock.AllDay p, .fullEventText p, #tasks .eventBlock p{
	margin:0;
	padding:0;
	line-height:12px;
	}
	
.cal_event .eventBody p, #tasks .eventBody p {
	font-size:11px;
	line-height:12px;
	width:100%;
	overflow:hidden;
	}
	
.cal_event .eventBody p.carForEvent, #tasks .eventBody p.carForEvent{
	font-weight:bold;
	}

.cal_event .eventBlock.forWeek p, .cal_event .eventBlock.AllDay.forWeek p, .cal_event .eventBlock.SeveralDays.forWeek p{
	margin:1px 0;
	padding:0;
	}

tr#calendarHead{	
	position:relative;
	}

#calendarVariations{
	position:relative;
	float:left;
	width:100%;
	height:32px;
	}

#calendarVariations #heading{
	position:relative;
	float:left;
	text-align:center;
	height:32px;
	line-height:32px;
	color:#28435b;
	margin:0 0 0 8px;
	}
	
.cal_accent_color{
	background-color:#eaf2f9;
	}
	
#calendarVariations div.side{
	margin:5px;
	}
	
#calendarVariations input#today{
	width:47px;
	}
	
#calendarVariations input#day{
	width:42px;
	}

#calendarVariations input#garmin_update_stops{
	width:78px;
	}

#calendarVariations input#month{
	width:52px;
	}
	
#calendarVariations input#week{
	width:48px;
	}

#calendarVariations input#next, #calendarVariations input#prev{
	width:22px;
	position:relative;
	float:left;
	height:22px;
	padding:0px;
	text-align:center;
	border:none;
	margin:5px 0 5px 5px;	
	}
	
#calendarVariations input#next{
	background-image:url('../images/button_next.png');
	}

#calendarVariations input#prev{
	background-image:url('../images/button_prev.png');
	}
	
#calendarVariations #calLayout{
	position:relative;
	float:right;
	height:32px;
	}

#cal_main {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	position:relative;
	float:left;
	}
	
#cal_main #left{
	width:10%;
	position:relative;
	float:left;
	overflow:visible;
	}
	
#cal_main #tasks, #cal_main #smallCalendar, #cal_main #filterCal{
	position:relative;
	float:left;
	width:100%;
}
	
#rtd2_div #filterCal #inputform {
	width:100%;
}

#rtd2_div #filterCal #inputform td.select_box {
	width:195px;
}

#rtd2_div #filterCal #inputform td {
	padding:1px 0;
	max-width:200px;
	min-width:195px;
}

#rtd2_div #filterCal #inputform td input.sad {
	padding:0;
	margin:0;
	width:140px;
}

#filterCal .ui-autocomplete-input {
	width: 130px;	/* Default 150px takes too much space to fit into #filterCal td.select_box's width:165px. */
}

/* 
#rtd2_div #filterCal #inputform td input {
	height:20px;
	line-height:20px;
	vertical-align:middle;
	border:1px solid #D9D9D9;
}
*/

#cal_main #calendar {
	position:relative;
	float:right;
	width:89%;
	}

.filter_table { 
	text-align:left;
	font-size:11px;
	margin-left: auto;
	margin-right: auto;
	}

.filter_input, .filter_div input {
	width: 160px;
	font-size:11px;
	}

.filter_div select {
	width: 160px;
	}

.warning_text {
	color:red;
	}
	
.warning_text_on_red_back{
	color:white;
	font-weight:bold;
	}

/* this is month view, still old design */	
.time_cell .warning_text_on_red_back{
	color:red;
}

.warning_white_on_red{
	background-color:red;
	color:white;
}

.route_picking_in_progress .warning_text {
	color: inherit;
}

.info_text {
	color:gray;
	}

.alert_enabling .info {
	font-style:italic;
}

.add_task {
	text-align:right;
	}
	
.add_task a {
	font-weight: bold;
	text-decoration: none;
	}

/*---------EndOf easyDeliver - calendar.tpl---------------*/

/*---------------Fuel report calendar ------------------- */
div#fuel_in_calendar{
	margin: 20px 0 50px 0;
}

div#fuel_in_calendar input {
	padding:0;
}

div#fuel_in_calendar, table#table_fuel_cal{
	position:relative;
	float:left;
	width:100%;
	}

table#table_fuel_cal{
	border-collapse:collapse;
	border-bottom:1px solid #9CB2CC;
	border-right:1px solid #9CB2CC;
	}

div#fuel_in_calendar table#table_fuel_cal th, div#fuel_in_calendar table#table_fuel_cal td{
	font-size:11px;
	line-height:23px;
	height:23px;
	border-top:1px solid #9CB2CC;
	border-left:1px solid #9CB2CC;
	color:#28435b;
	}
	
div#fuel_in_calendar table#table_fuel_cal th{
	background:transparent url('../images/gradient1x23.png') repeat-x bottom;
	}

div#fuel_in_calendar table#table_fuel_cal td.days{
	min-width:29px;
	}
	
div#fuel_in_calendar table#table_fuel_cal td#total div{
	text-align:right;
	}
		
div#fuel_in_calendar table#table_fuel_cal td.total{
	font-weight:bold;
	}
	
div#fuel_in_calendar table#table_fuel_cal td div{
	text-align:center;
	margin:0 3px;
	}

div#fuel_in_calendar table#table_fuel_cal td div.text_left, .text_left{
	text-align:left;
	}

div#fuel_in_calendar table#table_fuel_cal td div:last-child{
	border:none;
	}

div#fuel_in_calendar table#table_fuel_cal th.weekend{
	color:#ce1126;
	text-align:center;
	}

div#fuel_in_calendar table#table_fuel_cal td.weekend{
	background-color:#fae7e9;
	}
	
div#fuel_in_calendar select#select_month{
	height:20px;
	margin:1px 0 0 0;
	padding:1px;
	border:1px solid #7f9db9;
	font-size:11px;
	color:#28435b;
	position:relative;
	float:left;
	}
	
#fuel_statistics_by_month{
	position:relative;
	float:left;
	width:100%;
	margin:20px 0 0 0;
	}
	
.fuel_info_baloon{
	background-color:white;
	position:absolute;
	width:297px;
	z-index:99999;
}

.fuel_info_baloon img.top_left_corner, .fuel_info_baloon img.top_right_corner,
.fuel_info_baloon img.bottom_left_corner, .fuel_info_baloon img.bottom_right_corner{
	position:absolute;
	height:8px;
	width:9px;
	}

.fuel_info_baloon img.top_left_corner, .fuel_info_baloon img.top_right_corner{
	top:-5px;
	}

.fuel_info_baloon img.bottom_left_corner, .fuel_info_baloon img.bottom_right_corner{
	bottom:-5px;
	}
	
.fuel_info_baloon img.top_left_corner, .fuel_info_baloon img.bottom_left_corner{
	left:-5px;
	}
	
.fuel_info_baloon img.top_right_corner, .fuel_info_baloon img.bottom_right_corner{
	right:-5px;
	}
	
.fuel_info_baloon img.pointer{
	position:absolute;
	width:22px;
	height:13px;
	bottom:-12px;
	left:138px;
	}
	
.fuel_info_baloon div.top_shadow, .fuel_info_baloon div.left_shadow,
.fuel_info_baloon div.right_shadow, .fuel_info_baloon div.bottom_shadow_right, .fuel_info_baloon div.bottom_shadow_left{
	position:absolute;
	}
	
.fuel_info_baloon div.top_shadow{
	height:8px;
	right:3px;
	left:3px;
	}
	
.fuel_info_baloon div.top_shadow{
	background:transparent url('../images/baloon_top.png') repeat-x;
	top:-5px;
	}
	
.fuel_info_baloon div.left_shadow, .fuel_info_baloon div.right_shadow{
	top:3px;
	bottom:3px;
	width:9px;
	}

.fuel_info_baloon div.left_shadow{
	background:transparent url('../images/baloon_left.png') repeat-y;
	left:-5px;
	}
	
.fuel_info_baloon div.right_shadow{
	background:transparent url('../images/baloon_right.png') repeat-y;
	right:-5px;
	}

.fuel_info_baloon div.bottom_shadow_left, .fuel_info_baloon div.bottom_shadow_right{
	background:transparent url('../images/baloon_bottom.png') repeat-x;
	bottom:-5px;
	width:139px;
	height:8px;
	}
	
.fuel_info_baloon div.bottom_shadow_left{
	left:3px;	
	}

.fuel_info_baloon div.bottom_shadow_right{
	right:3px;
	}
	
.fuel_info_baloon div.receipt_info{
	margin:0 0 27px 0;
	position:relative;
	float:left;
	}
	
.fuel_info_baloon div.baloon_text{
	margin:27px 27px 0 27px;
	color:#3b4c55;
	position:relative;
	float:left;
	}
	
.fuel_info_baloon div.baloon_text h4{
	margin:0;
	padding:0;
	font-size:15px;	
	margin:0 0 12px 0;
	}

.fuel_info_baloon div.baloon_text div.driver{
	font-weight:bold;
	}

.fuel_info_baloon div.baloon_text div.fuel_info, .fuel_info_baloon div.baloon_text div.fuel_info div.info_type,
.fuel_info_baloon div.baloon_text div.fuel_info div.info_value{
	position:relative;
	float:left;
	}

.fuel_info_baloon div.baloon_text div.fuel_info{
	width:100%;
	}

.fuel_info_baloon div.baloon_text div.fuel_info div.info_type{
	width:82px;
	}
	
.fuel_info_baloon div.baloon_text div.fuel_info div.info_value{
	width:155px;
	}
	
.fuel_info_baloon div.baloon_text div.controls{
	margin:5px 0 0 0;
	position:relative;
	float:left;
	}
	
.fuel_info_baloon div.baloon_text div.controls a{
	margin:0 2px 0 0;
	}

#wait{
	position:relative;
	float:left;
	width:16px;
	margin:0 10px 0 0;
	display:none;
	}
	
#white table {
	background-color:white;
	position:relative;
	z-index:9003;
	padding:5px;
}


#white table td{
	border:1px solid #444444;
}

#white #formas{
	position:fixed;
	top:35%;
	left:35%;
	text-align:center;
	}
	
#white #formas input{
	position:relative;
	float:left;
	}

#white #info{
	color:white;
	position:relative;
	float:left;
	width:300px;
	text-align:center;
	}
	
#white #loading{
	width:20px;
	}

#white #formdiv{
	background-color:white;
	padding:10px 30px;
	overflow:auto;
	width:470px;
	}
	
#white #formdiv .restrictSize{
	position:relative;
	float:left;
	max-height:78%;
	}
	
#white #formdiv fieldset.sm_f{
	position:relative;
	float:left;
	width:100%;
	border:none;
	margin:2px 0;
	z-index:1;
	}
	
#white #formdiv fieldset.buttons{
	margin:3px 0;
	padding: 3px 0;
	}
	
#white #formdiv fieldset.sm_f label,
.fuel_in_edit_dialog fieldset label {
	position:relative;
	float:left;
	width:40%;
	text-align:right;
	}
	
.fuel_in_edit_dialog fieldset label {
	line-height:24px;
}

.fuel_in_edit_dialog fieldset label.datetime-picker-value {
	line-height:20px;
}

.fuel_in_edit_dialog fieldset label.text-only-value {
	line-height:14px;
}

#white #formdiv fieldset.sm_f input, #white #formdiv fieldset.sm_f div, #white #formdiv fieldset.sm_f select{
	position:relative;
	float:left;
	width:59%;
	margin:0 0 0 1%;
	z-index:1;
	padding:0;
	}

.fuel_in_edit_dialog fieldset {
	margin:4px 0;
}
	
.fuel_in_edit_dialog fieldset input, 
.fuel_in_edit_dialog fieldset div,
.fuel_in_edit_dialog fieldset select {
	position:relative;
	float:left;
	width:59%;
	margin:0 0 0 1%;
}

.fuel_in_edit_dialog fieldset div input {
	margin:0;
}
	
#white #formdiv table{
	position:relative;
	float:left;
	width:100%;
	top:0;
	left:0;
	}

#white #formdiv table td{
	border:none;
	}

.fuel_in_edit_dialog #fuel_in_form_edit {
	margin: 15px 0 20px 0;
	position:relative;
	float:left;
	width:90%;
}

.fuel_in_edit_dialog #fuel_in_form_edit .progress_indicator {
	position: absolute;
	right: 0;
	top: -35px;	/* About the 15px of #fuel_in_form_edit's top margin + 15px of the indicator image height - so it is placed to the right of the form header. */
}

.fuel_in_edit_dialog #fuel_in_form_edit .action_status_message {
	margin-bottom: 10px;
}

/* Common style taken from #warning_about_housenumbers. */
.fuel_in_edit_dialog #fuel_in_form_edit .action_status_message .negative,
.fuel_in_edit_dialog #fuel_in_form_edit .action_status_message .positive {
	border: 1px solid silver;
	background: white;
	/* Bottom padding 0, as the space will be made by the last paragraph's bottom margin (which, coincidentally, is also set to 10px). */
	padding: 10px 10px 0 10px;	
	font-weight: bold;
}

.fuel_in_edit_dialog #fuel_in_form_edit .action_status_message .negative .heading {
	color: #cc0000;	/* Darkish red. */
}

#rtd2_div .loading_fuel_in_edit{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
}

div.fuel_in_report_filter{
	width:777px;
	position:relative;
	float:left;
}

div.fuel_in_report_filter form, div.fuel_in_report_filter fieldset{
	position:relative;
	float:left;
	width:100%;
	border:none;
	margin:0;
	padding:0;	
}
	
div.fuel_in_report_filter fieldset{
	background-color:white;
	min-height:8px;
	border-top:1px solid #CAD6EE;
}
div.fuel_in_report_filter fieldset.IS_fieldset input[type="checkbox"]{
	margin:6px 0 0 0;
}
/*---------------EoF Fuel report calendar ------------------- */

/*----------------------Lightbox ---------------------------- */
#black{
	display:none;
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:black;
	z-index:9001;
	-moz-opacity:0.7;
	opacity:.70;
	filter:alpha(opacity=70);
	overflow:auto;
	}

#white{
	display:none;
	position:absolute;
	top:10%;
	z-index:9002;
	overflow:auto;
	background-color:transparent;
	}

#white .notification{
	position:fixed;
	top:25%;
	left:35%;
	background-color:white;
	width:450px;
	z-index:9002;
	}
	
#white .notification label{
	position:relative;
	float:left;
	width:80px;
	z-index:9003;
	}
	
#white .notification #limit{
	position:relative;
	float:left;
	width:360px;
	z-index:9003;
	}
	
#white .notification input{
	position:relative;
	float:left;
	z-index:9003;
	}
	
#white .notification #label_run_from_now, #white .notification #label_run_from_now, #white .notification #op_limit_warn_time,
#white .notification #op_limit_warn_run, #white .notification #op_limit_warn_run_from_time, #white .notification #label_run_from_time{
	margin:0 0 0 3px;
	}

/*--------------------EoF Lightbox -------------------------- */


.map_bottom_bar {
	background: #eeeeee;
	padding: 4px 10px 2px 0;
	text-align: right;
	font-size: 10px;
	clear: both;
	z-index:1;
}

div#map div.ui-resizable-s {
	cursor: ns-resize;
	height: 16px;
	bottom: -11px;	
}

.map_bottom_bar a {
	font-size: 10px;
}

.map_bottom_bar img {
	vertical-align: middle;
}

.shade {
	position: absolute;
	z-index: 9001;
	zoom: 1;	/* To trigger hasLayout in IE. */
	filter: alpha(opacity=70);	/* For IE. */
	opacity: .70;
	background: #114380 center center no-repeat;
}

.shade.progress_indicator {
	background-image: url('../images/tango/progress_overlay_icon.gif');
}

.container_for_car_edit_form {
	width:980px;
	position:relative;
	float:left;	
	}

form#cars{
	position:relative;
	float:left;
	width:100%;
	clear:both;
	z-index:1050;
	}

#rtd2_div .report_control_form .scroll_box,
form#cars div.scroll_box{
	position:relative;
	float:left;
	margin:0 0 0 1%;
	white-space:nowrap;
    border:1px solid #D9D9D9;
    height: 200px;          
    overflow: auto;
    width:100%;
}

#rtd2_div .report_control_form .scroll_box label, #rtd2_div .report_control_form .scroll_box input,
form#cars div.scroll_box label, form#cars div.scroll_box input{
	width:auto;
	margin:1px;
	}	
	
form#cars div.scroll_box .carlist {
	width:auto;
}

form#cars div.scroll_box .smallborder {
	border:none;	
}

#rtd2_div .report_control_form .scroll_box fieldset,
form#cars div.scroll_box fieldset{
	margin:1px 0;
	line-height:20px;
	border:none;
	float:none;
	}

#rtd2_div .report_control_form .scroll_box.object_box fieldset.group_node, #rtd2_div .report_control_form .scroll_box.object_box fieldset.object_node,
form#cars div.scroll_box.object_box fieldset.group_node, form#cars div.scroll_box.object_box fieldset.object_node {
	margin:0 0 0 9px;
	padding:0 0 0 9px;
	width:auto;
	clear:both;
}

#rtd2_div .report_control_form .scroll_box.object_box fieldset.sub_group,
form#cars div.scroll_box.object_box fieldset.sub_group {
	margin:0;
	padding:0;
	width:auto;
	clear:both;
}

.object_box .mass_check_links {
	float: left;
	margin-left: 15px;
	font-size: 11px;	/* Smaller than the group name. */
}

.object_box .mass_check_links span {
	background: none no-repeat left center;
	padding: 0 0 0 10px;
}

.object_box .mass_check_links .select_all {
	background-image: url('../images/green_dot.png');
}

.object_box .mass_check_links .select_none {
	background-image: url('../images/red_dot.png');
}

.object_box .too_many_objects {
	float: left;
	margin-left: 9px; /* The same as for form#cars div.scroll_box.object_box fieldset.object_node */
	padding-left: 9px; /* The same as for form#cars div.scroll_box.object_box fieldset.object_node */
}

#rtd2_div .report_control_form .scroll_box img,
form#cars div.scroll_box img{
	margin:1px;
	position:relative;
	float:left;
	vertical-align:middle;
}

#rtd2_div .report_control_form .scroll_box label,
form#cars div.scroll_box label{
	width:auto;
	text-align:left;
	margin:0 0 0 3px;
	vertical-align:middle;
	float:left;
	clear:none;
	line-heigth:20px;
}

form#cars div#scroll_box label {
	vertical-align:top;
}

#rtd2_div .report_control_form .scroll_box input,
form#cars div.scroll_box input {
	margin:0 2px 0 0;
}

form#cars #carType fieldset,
form#cars #transmissionType fieldset,
form#cars #engineType fieldset {
	line-height:14px;	
	margin:2px 0;
}

form#cars #carType .radio,
form#cars #transmissionType .radio,
form#cars #engineType .radio {
	margin:0 2px 0 13px;
	float:left;
	clear:left;
}

form#cars #carType label,
form#cars #transmissionType label,
form#cars #engineType label {
	vertical-align:middle;
	margin:0;
 	color:#114380;	
}

#rtd2_div .report_control_form .object_box.scroll_box,
form#cars .object_box.scroll_box {
	margin:10px 0 5px 0;
}

#rtd2_div .report_control_form .object_box.scroll_box input,
form#cars .object_box.scroll_box input {
	margin:3px 0 0 0;
}

#rtd2_div .report_control_form .object_box.scroll_box img,
form#cars .object_box.scroll_box img {
    float: left;
    margin: 0 0 0 5px;
    position: relative;
}

#rtd2_div .report_control_form .object_box.scroll_box .vertical-line,
form#cars .object_box.scroll_box .vertical-line {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:0;
	border-left:1px dotted #4d4d4d;
}

#rtd2_div .report_control_form .object_box.scroll_box .vertical-line.last-line,
form#cars .object_box.scroll_box .vertical-line.last-line {
	height:10px;
	bottom:auto;
}

#rtd2_div .report_control_form .object_box.scroll_box .horizontal-line,
form#cars .object_box.scroll_box .horizontal-line {
	width:7px;
	position:absolute;
	top:10px;
	left:1px;
	border-bottom:1px dotted #4d4d4d;
}

#rtd2_div .report_control_form .object_box.scroll_box .horizontal-line.no-checkbox,
form#cars .object_box.scroll_box .horizontal-line.no-checkbox {
	width:22px;
}

#rtd2_div .report_control_form .object_box.scroll_box fieldset,
form#cars .object_box.scroll_box fieldset{
	float: none;
}

.object_options .object_selection_box {
	float: left;	/* Not sure why, else margin-top is not working. Probably because everything else around is floating. */
	margin-top: 10px;
}

form.suggestions_form{
	margin:0 0 30px 0;
	position:relative;
	float:left;
	clear:both;
	}

#rtd2_div .passchange_page h3 {
	margin-bottom:15px;
}

.passchange_page {
	margin:30px 0 0 30px;
}

#invalid_fuel_data table {
	margin-top: 20px;
	border-collapse: collapse;
}

#invalid_fuel_data table td {
	border: 1px solid #999999;
	padding: 2px 6px;
}


/*---------------------MAP LEGEND------------------------------------*/	
div#mapLegend, p.legendItem, p.legendItem img, .standard_position_relative, p.legendItem_more{
	position:relative;
	float:left;
	}
		
div#mapLegend{
	width:100%;
	margin:10px 0;
	}

p.legendItem, p.legendItem_more{
	max-width:12%;
	margin:0 5px;
	font-size:11px;
	}
	
p.legendItem img{
	width:44px;
	margin:0 0 0 -8px;
}

.DeviceIcons_VersionCheckGpsSpring2016 p.legendItem img {
	width: auto;
	margin: 0 8px;
}

p.legendItem_more{
	width:auto;
}
	
#mapLegend a.with_underline{
	text-decoration:underline;
	cursor:pointer;
	font-size: 12px;
}

#popup_alerts_checkbox{
	position:relative; 
	float:left; 
	/*margin:0 55px 0 5px;*/
}

#besidesSMS_full #hydr_warn_checkbox{
	display:block; 
	white-space:nowrap; 
	margin:0 0 0 10px;
}

/*-------------------- Segments -------------------------------------*/
div.segment{
	background-color:#eaf2f9;
	color:#28435b;
	border-right:1px solid #9cb2cc;
	}

div.segment input, div.segment select{
	color:#28435b;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding:0 4px;
	}
	
div.segment select{
	padding:0 0 0 4px;
	}
	
div.segment a{
	color:#28435b;
	}
	
div.segment, div.segment_header, div.segment_body{
	position:relative;
	float:left;
	width:100%;
	}
	
div.segment_header, div.segment_body{	
	border-bottom:1px solid #9cb2cc;	
	}
		
div.segment_header, div.segment_name, div.segment_controls{
	height:29px;	
	}

div.segment_header {
	background: #eaf2f9 url('../images/barBack29.png') repeat-x;
	cursor: pointer;
}

div.segment_name{
	position:relative;
	float:left;
	}
	
div.segment_controls{
	position:relative;
	float:right;
	}
	
div.segment_name, div.segment_controls{
	line-height:29px;
	margin:0 7px 0 0;
	}
	
div.segment_name{
	font-weight:bold;
	margin:0 0 0 10px;
	}
	
div.segment_name img{
	vertical-align:middle;
	margin:0 4px 0 0;
	}
	
div.segment_name span{
	margin:0;
	padding:0;
	}

input.configure, input.close_segment, input.open_segment, input.closeButton{
	width:14px;
	height:14px;
	vertical-align:middle;
	margin:0 0 0 3px;
	padding:0;
	border:none;
	}

input.configure{
	background:transparent url('../images/configure_button.png') no-repeat center;
	}

input.close_segment{
	background:transparent url('../images/collapse_button.png') no-repeat center;
	}

input.open_segment{
	background:transparent url('../images/expand_button.png') no-repeat center;
	}
	
input.closeButton{
	background:transparent url('../images/close_button.png') no-repeat center;
	float:right;
	}


.segment_header .export_tools {
	float: left; /* So it floats to the right of the header name. */
	margin: 2px 0 0 15px;	/* .segment_header has height 29px. The tool icons are 16px high + 5px padding. */
}


#gritterPathBlock .segment_header .export_tools {
	float: right;
	margin: 2px 10px 0 0;
}

#gritterPathBlock .help_dialog_opener {
	position:relative;
	float: left;
	margin: 0 0 0 40px;
}

.segment_header .export_tools a {
	text-decoration: none;
}

.segment_header .export_tools img {
	vertical-align: top;
}

	
/*----------- Segment - inputform -------------------------------------*/
div#report_control_panel{
	clear: left;	/* So it doesn't appear to the right of the report's title. */
	z-index:99998; /* IE7 needs this to fix z-index bug */
	}
	
div.report_control_form_wrapper{
	position:relative;
	float:left;
	width:100%;
	box-sizing:border-box;
	background-color: #eaf2f9;
	border-top:1px solid #9cb2cc;
	border-bottom:1px solid #9cb2cc;
	z-index:1;
	}
	
div.report_control_form_wrapper.report_control_main {
	z-index:10;
}

div#report_control,
div.IS_fieldsets_inner_wrapper,
.devices div.IS_fieldsets_inner_wrapper {
	margin:10px 0 5px 9px;
	position:relative;
	float:left;
	z-index:89999; /* IE7 needs this to fix z-index bug */
	width:1040px;
	}

div#report_control form, div#report_control fieldset{
	position:relative;
	float:left;
	width:100%;
	border:none;
	margin:0;
	padding:0;	
	}
	
div#report_control fieldset{
	background-color:white;
	min-height:8px;
	border-top:1px solid #9cb2cc;
	}

div#report_control fieldset.carpanel_table table.sm_f_l td.groups,
.form_with_blue_lines table.sm_f_l td.groups,
div.tree_list table.sm_f_l td.groups{
	width:199px;
	vertical-align:top;
	white-space:normal;	
	}
	
div#report_control fieldset.carpanel_table table.sm_f_l td.cars,
.form_with_blue_lines table.sm_f_l td.cars,
div.tree_list table.sm_f_l td.cars{
	width:315px;
	vertical-align:top;
	white-space:normal;	
	}

div#report_control fieldset.carpanel_table table.sm_f_l div.car_checkboxes_buttons,
.form_with_blue_lines table.sm_f_l div.car_checkboxes_buttons,
#add_remove_cars_from_groups  div.car_checkboxes_buttons {
	position:relative;
	float:none;
	display: inline; 
}
	
span.group_label, span.car_label{
	font-weight:bold;
	color:#28435b;
	width:100%;
	line-height:25px;
	margin:0;
	position:relative;
	float:left;
	}
	
span.group_label {
	width:auto;
}
	
div#report_control span.group_label {
	margin:0 0 3px 0;
	line-height:22px;
	vertical-align:middle;
}
	
div#report_control fieldset.carpanel_table div.smallborder,
.alert_input_table div.smallborder,
div#carpanel_popup div.smallborder{
	height:168px !important; /* We need to override style attribute (inline style) for <div class="tree smallborder" */
	width:195px; 
	overflow:auto;
	color:#4f4f4f;
	}
	
div#report_control fieldset.carpanel_table div.smallborder div.option{
	margin-top:3px;
	}

div#report_control fieldset.carpanel_table div.smallborder div.option input.checkbox,
div#report_control fieldset.carpanel_table div.smallborder div.option label.car_label,
div#groups_carpanel_div_carlist div.option input.checkbox, div#groups_carpanel_div_carlist div.option label.car_label{
	position:relative;
	float:left;
	width:auto;
	clear:none;
	margin:0 1px;
	line-height:20px;
	vertical-align:middle;
	}
	
div#report_control fieldset.carpanel_table div.smallborder div.option label.car_label{
	height:auto;
	width:85%;
	line-height:14px;
}

div#report_control div.label, div#report_control div.value{
	position:relative;
	float:left;	
	text-align:left;
	margin:4px 5px;
	}
	
div#report_control fieldset.hidden_option {
	display:none;
}

div#report_control fieldset.row30 div.label {
	margin-top:6px;
    color:#114380;
    text-align:right;
}

div#report_control fieldset#checkboxitems_row_categories div.label, div#report_control fieldset.row31 div.label  {
	margin-top:8px;
}

	
div#report_control div.label{
	width:213px;
	}
	
div#report_control div.value{
	width:800px;
	}
	
div#report_control div.seperator{
	position:absolute;
	top:0;
	bottom:0;
	left:219px;
	width:1px;
	background-color:#9cb2cc;
	}

div#report_control input#car_shown{
	
	border:1px solid #d9d9d9;
	background-color:white;
	position:relative;
	float:left;
	}

div.carlist_history .time_selector .ui-autocomplete-input,	
.select_period .time_container .ui-autocomplete-input {
	width:45px;
	background:none;
	border:1px solid #D9D9D9;
	font-weight:normal;
	color:#28435B;
}

.time_selector a.ui-button-icon-only,
.time_selector .combobox-wrapper button.ui-button-icon-only.combobox-button,
.select_period .time_container a.ui-button-icon-only, 
.select_period .time_container .combobox-wrapper button.ui-button-icon-only.combobox-button {
	border:1px solid #B6C6E7;
	border-left:none;
	height:20px;
}

div#report_control div.chosen_period,
.carlist_history .chosen_period,
#sent_messages_time_filter .chosen_period {
	position:relative;
	float:left;
	}

.carlist_history .chosen_period,
#sent_messages_time_filter .chosen_period {
	height:100%;
	}
	
div#report_control div.chosen_period span.date, div#report_control div.chosen_period .predefined_description,
.carlist_history .chosen_period span.date, .carlist_history .chosen_period .predefined_description,
#sent_messages_time_filter .chosen_period span.date, #sent_messages_time_filter .chosen_period .predefined_description {
	margin-bottom: 2px;
	font-weight: bold;
}

.carlist_history .chosen_period span.date, .carlist_history .chosen_period .predefined_description,
#sent_messages_time_filter .chosen_period .predefined_description  {
	font-size:16px;
}
	
div#report_control div.chosen_period div.smallerDate, div#report_control div.chosen_period div.smallerDate span,
.carlist_history div.chosen_period div.smallerDate, .carlist_history div.chosen_period div.smallerDate span,
#sent_messages_time_filter .chosen_period div.smallerDate, #sent_messages_time_filter .chosen_period div.smallerDate span {
	font-size:10px;
	font-weight:normal !important;
	line-height:10px !important;
	}	
	
#sent_messages_time_filter .chosen_period {
	color:#28435B;
}

#nav-h li .carlist_history .chosen_period {
	width:auto;
}

.carlist_history .time_period_selector {
	position:relative;
	float:left;
	margin-bottom:5px;
}

fieldset.time_selector label, fieldset.time_selector input.date, fieldset.time_selector input.period {
	position:relative;
	float:left;
	color:#28435B;
	font-size:11px;
}

fieldset.time_selector label {
	width:40px;
	text-align:right;
	line-height:22px;
}

fieldset.time_selector input.date {
	width:80px;
	margin:0 3px;
}

fieldset.time_selector input.period {
	width:190px;
	margin:0 10px;
	text-align: center;
}
	
div#carpanel_popup{
	line-height:18px;
	}
	
div#carpanel_popup div.carlist{
	width:100%;
	}
	
div#categories_chooser_box, div#drivers_chooser_box_popup{
	/* width:170px; */
	}

/* Override the OpenLayer theme style.css: do not show the scroll-bar at any cost.
	Theoretically, the pop-up's hight/width should be calculated so that scroll bars are not displayed, but practically they are. */
	/* TODO: when we will get rid of OL2, remove these as well */
div.olFramedCloudPopupContent {
    overflow: hidden;
}

div.olFramedCloudPopupContent {
    overflow: hidden;
}

.olFramedCloudPopupContent ul {
	margin: 0;
	padding: 0;
}

.olFramedCloudPopupContent li {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 11px;
}

.olFramedCloudPopupContent span#featurePopup_content_car_name{
	font-weight:bold;
	display:block;
	width:170px;
	}	
	
div#featurePopup span#stoppingPointInfo_zooming_in,
div#featurePopup_contentDiv span#featurePopup_zooming_in{
	position:absolute;
	left:180px;
	top:4px;
	width:auto;
}

#featurePopup_contentDiv .no_data,
#featurePopup_contentDiv .time {
	color:#4d4d4d;
	font-size:11px;
	font-style:italic;
}

.olPopup .object .name {
	font-weight: bold;
}

.olPopup .object .description {
	margin-top: 4px;
}

.olPopup .object .commands {
	overflow: hidden;
	margin-top: 5px;
}

.olPopup .object .commands a {
	float: left;
	margin-left: 10px;
}






.history_point_data {
	margin:10px 0;
}

.history_point_data .title, .history_point_data .speed_limit {
	font-weight:bold;
}

.history_point_data .speed_limit {
	font-size:14px;
	color:#aa0000;
	margin-top:10px;
}

/*------------------- Popup baloon / window ---------------------------------------*/
.popup_window{
	background-color:white;
	position:absolute;
	padding:5px;
	z-index:10000;
	display:none;
	top:0;
	left:0;
}

.popup_window.no_padding {
	padding:0;
}

.popup_window img.top_left_corner, .popup_window img.top_right_corner,
.popup_window img.bottom_left_corner, .popup_window img.bottom_right_corner{
	position:absolute;
	height:8px;
	width:9px;
	}

.popup_window img.top_left_corner, .popup_window img.top_right_corner{
	top:-5px;
	}

.popup_window img.bottom_left_corner, .popup_window img.bottom_right_corner{
	bottom:-5px;
	}
	
.popup_window img.top_left_corner, .popup_window img.bottom_left_corner{
	left:-5px;
	}
	
.popup_window img.top_right_corner, .popup_window img.bottom_right_corner{
	right:-5px;
	}
	
.popup_window.no_padding img.top_left_corner, .popup_window.no_padding img.top_right_corner,
.popup_window.no_padding img.bottom_left_corner, .popup_window.no_padding img.bottom_right_corner	{
	z-index:-1;
}
	
.popup_window div.top_shadow, .popup_window div.left_shadow,
.popup_window div.right_shadow, .popup_window div.bottom_shadow{
	position:absolute;
	}
	
.popup_window div.top_shadow, .popup_window div.bottom_shadow{
	height:8px;
	right:3px;
	left:3px;
	}
	
.popup_window div.top_shadow{
	background:transparent url('../images/baloon_top.png') repeat-x;
	top:-5px;
	}
	
.popup_window div.left_shadow, .popup_window div.right_shadow{
	top:3px;
	bottom:3px;
	width:9px;
	}

.popup_window div.left_shadow{
	background:transparent url('../images/baloon_left.png') repeat-y;
	left:-5px;
	}
	
.popup_window div.right_shadow{
	background:transparent url('../images/baloon_right.png') repeat-y;
	right:-5px;
	}

.popup_window div.bottom_shadow{
	background:transparent url('../images/baloon_bottom.png') repeat-x;
	bottom:-5px;	
	}
	
.popup_window div.bottom_shadow_left{
	left:3px;	
	}

.popup_window div.bottom_shadow_right{
	right:3px;
	}
	
.popup_window .carpanel{
	position:relative;
	float:left;
	width:203px;
	}

.popup_window div.carpanel div.smallborder{
	width:100%;
	}

	
/*-------------------- Google map Controls ------------------------*/

.gButtonFullScreen {
	margin-bottom: 3px;
	border: 1px solid black;
	background-color: white;
	padding: 2px;
	width: 6em;
	text-align: center;
	font-size: 10px;
	text-decoration: none;
	cursor: pointer;
}

/*-------------------- OpenLayer Controls ------------------------*/

.olControlLayerSwitcher {
	top:52px !important;
	}

div#map div.olControlMousePosition {
	bottom:20px;
	background:transparent;
	background:rgba(255,255,255,0.5);
	padding:4px;
}

.olControlPanel {
	top:0;
	padding-left:2px;
	left:0;
	right:0;
	height:26px;
}

.olControlPanel.ol-customButtons {
	height:auto;
}

.olControlPanel div {
	float: left;
	position:relative;
}

/* Enforce "pointer" (not "move" as is OL default) also for the zooming slider. */
.olControlPanZoomBar div {
	cursor: pointer !important;
}

.msie8 .fullscreen .olControlPanel {
	/* 
		because of z-index bug in IE8, it is impossible to use background defined outside map,
		therefore IE8 cannot use #housenumbers_warnings_background, as normal browsers do
	*/
	width:100%;
	padding-bottom:5px;
	background-color:#E6EEFE;
	left:45px;
}

.olControlPanel .olNearestObjectsItemInactive {
	margin-right: 5px;
	border:none;
	background-color: transparent;	/* No alpha, so the radar is clearer. */
	background-image: url('../images/object_flag_nearest.png');
}

.olControlPanel .olNearestObjectsItemInactive.active {
	background-color: #00008B;
	background-image: url('../images/object_flag_nearest_light.png');
}

.ol-customButtons .olButton  {
	margin:6px 0 6px 6px;	/* So both tool icons are aligned vertically to the middle. */
	cursor:pointer;
	height:28px;
	width:28px;
	border:none;
	border-radius:4px;
	background-size:70%;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	position:relative;
	float:left;
}

.ol-customButtons .olButton.active {
	background-color:#6998E8;
}

.olControlButtonAddressItemInactive {
	margin-left:25px;
}

.olControlPanel .olControlButtonMeasureItemInactive {
	background-image:url('../images/map/measure_blue.svg');
}

.olControlPanel .olControlButtonMeasureItemInactive.active {
	background-image: url('../images/map/measure_white.svg');
}

.olControlPanel .olControlButtonCancelItemInactive {
	background-image:url('../images/map/cursor_arrow_blue.svg');
}

.olControlPanel .olControlButtonCancelItemInactive.active {
	background-image:url('../images/map/cursor_arrow_white.svg');
}

.olControlPanel .olControlButtonAddWorkTaskItemInactive {
	background-image:url('../images/map/calendar_blue.svg');
}

.olControlPanel .olControlButtonAddWorkTaskItemInactive.active {
	background-image:url('../images/map/calendar_white_blue.svg');
}

.olControlPanel .olControlButtonAddObjectItemInactive,
.olControlButtonNumberPositionsItemInactive {
	background-image:url('../images/map/objects_blue.svg');
}

.olControlPanel .olControlButtonAddObjectItemInactive.active,
.olControlButtonNumberPositionsItemInactive.active {
	background-image:url('../images/map/objects_white.svg');
}

.olControlPanel .olControlButtonDrawFenceItemInactive {
	background-image:url('../images/map/fence_blue.svg');
}

.olControlPanel .olControlButtonDrawFenceItemInactive.active {
	background-image:url('../images/map/fence_white_blue.svg');
}

.olControlPanel .olControlButtonDrawBoatRouteItemInactive {
	background-image:url('../images/map/boat_route_blue.svg');
}

.olControlPanel .olControlButtonDrawBoatRouteItemInactive.active {
	background-image:url('../images/map/boat_route_white.svg');
}

.olControlPanel .olControlButtonModifyFenceItemInactive {
	background-image:url('../images/map/fence_edit_blue.svg');
}

.olControlPanel .olControlButtonModifyFenceItemInactive.active {
	background-image:url('../images/map/fence_edit_white_blue.svg');
}

.olControlPanel .olControlButtonFullScreenItemInactive {
	background-image:url('../images/map/view_fullscreen_blue.svg');
}

.olControlPanel .olControlButtonFullScreenItemInactive.active {
	background-image:url('../images/map/view_fullscreen_white.svg');
}

.olControlPanel .olControlButtonFullScreenExitItemInactive {
	background-image:url('../images/map/exit_fullscreen_blue.svg');
}

.olControlButtonAddressItemInactive{
	background-image:url('../images/map/addresses_blue.svg');
}

.olControlButtonAddressItemInactive.active {
	background-image:url('../images/map/addresses_white.svg');
}

.olPrintItemInactive {
	margin-left:35px;
	background-image:url('../images/map/printer_blue.svg');
}

.olPrintItemInactive.active {
	background-image:url('../images/map/printer_white.svg');
}

.olControlButtonCarnameItemInactive {
	background-image:url('../images/map/carnames_blue.svg');
}

.olControlButtonCarnameItemInactive.label_background {
	background-image:url('../images/map/carnames_white.svg');
	background-color:#6998E8;
}
	
.olControlButtonCarnameItemInactive.label_only{
	background-image:url('../images/map/carnames_light_blue.svg');
	border:2px solid #6998E8;
}

.Boats .olControlButtonCarnameItemInactive {
	background-image:url('../images/map/boat_name_blue.svg');
}

.Boats .olControlButtonCarnameItemInactive.label_background{
	background-image:url('../images/map/boat_name_white.svg');
}

.Boats .olControlButtonCarnameItemInactive.label_only{
	background-image:url('../images/map/boat_name_blue.svg');
}

.olControlButtonObjectDetailsItemInactive {
	background-image:url('../images/map/objectnames_blue.svg');
}

.olControlButtonObjectDetailsItemInactive.active {
	background-image:url('../images/map/objectnames_white.svg');
}

.olControlPanel .olControlButtonHistoryAggresivityEventsItemInactive {
	background-image:url('../images/map/events_blue.svg');
}

.olControlPanel .olControlButtonHistoryAggresivityEventsItemInactive.active {
	background-image:url('../images/map/events_white.svg');
}

.olControlPanel .olControlButtonStreetViewOnClickItemInactive {
	background-image:url('../images/map/street_view_blue.svg');
}

.olControlPanel .olControlButtonStreetViewOnClickItemInactive.active {
	background-image:url('../images/map/street_view_white.svg');
}

.olObjectGroupControlPanel {
	top:35px;
	left:40px;
	position:absolute;
}

.olObjectGroupControlPanel .olObjectGroupItemInactive,
.olControlPanel .olNearestObjectsItemInactive {
	background: #ffffff url('../images/object_flag.png') no-repeat center center;
	background-color:rgba(255, 255, 255, 0.7);	/* For newer browsers */
	width:20px;
	height:20px;
	cursor:pointer;
	position:relative;
	float:left;
	border:1px solid #9CB2CC;
	opacity:1;
}

.olObjectGroupControlPanel .olObjectGroupItemInactive {
	background-image: url('../images/object_flag_black.png');
}

.olObjectGroupControlPanel .olObjectGroupItemInactive.active {
	background:#00008B url('../images/object_flag_white.png') no-repeat center center;	
}

.search_by_coords_background {
	background-color:#e6eefe;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;	
	z-index:1;
	opacity:0.85;
}

.search_by_coords {
	position:absolute;
	top:26px;
	left:100px;
	width:200px;
	z-index:99999;
}

.search_by_coords .container {
	padding:15px 4% 3px 4%;
	width:42%;
	position:relative;
	float:left;
	z-index:2;
}

.search_by_coords .container input,
.search_by_coords .container label {
	position:relative;
	float:left;
	width:98%;
	margin:0;
}

.search_by_coords .search_container {
	position:relative;
	float:left;
	padding:3px 4% 15px 4%;
	width:92%;
	z-index:2;
}

.search_by_coords .search_container .IS_Button {
	float:right;
}

#payment_announcement{
clear:both;
}

#payment_announcement table {
	float: none;	/* Cancel the #rtd2_div table floating. */
}

#payment_announcement .info {
	margin-bottom: 24px;
	margin-top: 10px;
}

.carTable {
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.carTable thead.notYetVisible {
	visibility: hidden;
}

.carTable a {
	text-decoration: none;
}

.carTable tbody tr td {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.carTable td.car_model, .carTable td.driver {
	padding-left: 11px;
}

.carTableColumn_unsorted {
	padding-right: 11px; 
	background: url(../images/carlist_arrow_updown.png) no-repeat right center;
}

.carTableColumn_sortedUp {
	padding-right: 11px; 
	background: url(../images/carlist_arrow_up.png) no-repeat right center;
}

.carTableColumn_sortedDown {
	padding-right: 11px; 
	background: url(../images/carlist_arrow_down.png) no-repeat right center;
}

#groups_carpanel_div_carlist .fullTable {
	position:fixed;
	z-index:999999;
}

#groups_carpanel_div_carlist .fullTable .dataTables_scrollBody {
	background-color:white;
}

/*-------------------- easyMap graphs control ------------------------*/

 #graphs_control_and_info, .info_and_centering, #follow_history_car, .info_and_centering_label, .slider_value_info, .checkboxes_placeholder, 
 .graphs_visiblity_toogling_single_checkbox, .label_for_checkbox, .history_navigation, .slider_div, #graphs_placeholder, .visible_div {
    position:relative;
	float:left;
}

#graphs_control_and_info, .checkboxes_placeholder {
	clear:left;
}

.graph_control_left_buttons {
	width:150px;
	float:left;
	position:relative;
	clear:left;
}

.slider_value_info, .visible_div {
	clear:both;
}

#graphs {
	display:none;
	width:100%;
}

.graphs_panel {
    cursor:pointer;
}

#graphs_panel{
	border-right:none;
}


.graphs_panel_content {
    padding-bottom:10px;
    position:relative;
    float:left;
    width:100%;
}

.info_and_centering {
	padding:4px 15px 5px 5px;
	margin-top:10px;
}

.info_and_centering_label {
	margin-left:3px;
	width:105px;
}

.slider_value_info {
	width:120px; 
	margin:4px 0 0 0;
}

#checkboxes_placeholder {
    margin-left: 0;
    margin-top: 20px;
   	width:150px;
}

.graphs_visiblity_toogling_single_checkbox {
	margin:1px 5px 0 0;
}

.label_for_checkbox {
    width:80%;
    margin-bottom:10px;
}

.chbdiv {
	position:relative; 
	float:left; 
	width:100%; 
	clear:both;
}

.history_navigation {
    margin: 4px 0 0 0;
	width:98%;
}

.navigation_buttons_group {
    margin-left:0;
	position:relative; 
	width:150px;
}

.history_navigation_button {
	margin:0 0 0 7px; 
}

.left_floated_button {
	float:left;
}

.right_floated_button {
	float:right;
}

.slider_div {
	height:24px; 
	padding-top:3px; 
	padding-left:44px; 
	margin-bottom:5px;
    margin-left:0;
	width:50%;
}

.slider, .slider_input {
	margin:0; 
	padding:0;
}

#graphs_placeholder, .visible_div {
	width:auto;
}

.visible_div {
	margin-top:0; 
	margin-left:0;
}

.graphname {
    position:absolute;
    top:2px;
    right:10px;
    z-index:999999;
}

.inactive_graph {
	position:absolute;
	left:-4000px;
}

.graphs_panel_content .history_tools {
	float: left;
	/* 152 is the same width as the left block graphs_control_and_info (.slider_value_info 120 width
		+ div.segment input padding 8 + border 4 + .info_and_centering padding 20). */
	width: 152px;
}

.graphs_panel_content .history_tools button.goto_graphs {
	margin-top:10px;
}

.graphs_incompatibility_message {
	border: 1px solid #d3dbe1;
	background: #ffffff;
	padding: 20px 10px;
}

#rtd2_div .graphs_incompatibility_message h3 {
	margin-bottom: 5px;
	font-size: 14px;	/* To match graph titles. */
	color: #28435B;	/* To match graph titles. */
}

.graphs_incompatibility_message p {
	color: #000000;	/* To match the text in the graphs (Y axis labels). */
}

div.history_tools div#exports, .history_tools .tool_block {
	margin-left: 12px;
	margin-top: 10px;
	overflow: hidden;
}

.history_tools .tool_block {
	margin-top:20px;
}

div.history_tools .button{
	margin-left:0;
	margin-top:5px;
	}
/*-------------------- easyMap graphs control END ------------------------*/
#route_player_play_speed{
	text-align: center;
	font-size: 9px;
	float: left;
	width: 33px;
	padding-left: 0;
	padding-right: 0;
	border-top: 1px solid #9bb1cb;
	border-bottom: 1px solid #9bb1cb;
	border-left: none;
	border-right: none;
}

.update_request_link {
	width: 400px;
}

.update_request_link h5 {
	font-size: 12px;
	font-weight: normal;
	color: inherit;
	display: inline;
	margin-left: 10px;
}

.update_request_link a {
	margin-left: 10px;
}

.dangerous_update_request_link {
	color: grey;
}

.dangerous_update_request_link a {
	color: grey;
}

.company_vcar_users a {
	color: inherit;
	font-weight: inherit;
}

/* ---------- ALERTS ---------- */

.alert_input_table
{
	font-size: 11px;
	color: #4F4F4F;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	width:100%;
}

.alert_input_table tr td {
	padding: 0px 5px 10px 5px;
}

.alert_input_table .head td
{
	/*background-color: #CED4DE;*/
	padding: 0px 5px 0px 5px;
	border-width: 1px 0 1px 1px;
	border-color: #D9D9D9;
	border-style: solid;
	font-weight: bold;
}

.alert_input_table .caption td
{
	background-color: #CED4DE;
	padding: 2px 5px 2px 5px;
	border-width: 1px 0 1px 1px;
	border-color: #D9D9D9;
	border-style: solid;
	font-weight: bold;
}

.alert_input_table .conf_values td {
	padding-top: 4px;
}

.alert_input_table tr td input[type=text] {
	width: 100px;
}
.alert_input_table tr td select {
	width: 100px;
}

.alert_input_table tr td .time_input {
	width: 40px !important;
	text-align:center;
}

.alert_input_table.extended_options_draft td {
	vertical-align: top;
}

.alert_input_table.extended_options_draft td div {
	margin: 0 0 4px;
}

/* ----------END ALERTS ---------- */


table.blue_style{
	clear:both;
	border-collapse: collapse;
	border-color: #CAD6EE;
	text-align: center;
}

table.blue_style a{
	color: #114380;	
}

table.blue_style tr.head, table.blue_style th{
	background-color: #DDE5F4;
	background: transparent url('../images/gradient1x23.png') repeat-x bottom;
	font-size: 13px !important;
	font-weight: bold;
	color: #114380;
	padding: 8px;
	border: 1px solid #CAD6EE;
	border-bottom: 1px solid #ABBBDB;
	text-shadow: 1px 1px 1px white;
}
	
table.blue_style td{
	padding:7px;
	border:1px solid #cad6ee;
}
table.blue_style tbody tr.active_row{
	border:2px solid #1C71D9;
}

.tab-box { 
  	border-bottom: 1px solid #B6C6E7;
  	padding-bottom:5px;
  	margin-top:15px;
}

.tab-box a {
	border:1px solid #B6C6E7;
	padding: 5px 15px;
	font-size: 13px;
	text-decoration:none;
	background-color: #DDE5F4;
	font-weight: bold;
	color: #0D3668;
}

.tab-box a.activeLink { 
	color: black;
	background-color: #fff; 
  	border-bottom: 0; 
  	padding: 6px 15px;
}

.tabcontent { 
	padding: 5px;
	border: 1px solid #B6C6E7; border-top: 0;
}

.hide { 
	display: none;
}

.no_float > *{
	float:none;
}



/* PLACES SEARCHER */

.places_searcher_container {
	position: absolute;
	right: 0;	/* Initially position at the right side. The user can then drag it elsewhere (although the position is not remembered after a page load). */
	z-index: 1001;	/* Must be bigger than form (#rtd2_div #inputform) z-index */
	border: 1px solid #d0d7e5;
	padding: 0 2px;
	/* 320px: So, this fits nicely: 'Alfreda Amtmana-Briedisa iela, Jurmala (atrastas 155 adreses):'.
		340px: because additional search tab added. 
		290px -> fits much better, and we need place for warnings on the map
		292 is not enough for French, needs 295 px. */
	width: 295px;
	height:26px;	/* Initially, show only the input field. */
	overflow: hidden;
}

.places_searcher_container_background {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.85;
	background: #e6eefe;
}

form.places_searcher {	/* "form" to override the UI tab style padding. */
	background: transparent;	/* So the map (or whatever background) is visible through the extra bottom padding. */
}

.places_searcher img {
	border: 0 none;
}

.places_searcher .top_bar {
	padding-bottom: 0.2em;	/* To match the padding size of ui-tabs. */
	/* NOTE: Unfortunately, there is 1px white line just below the top_bar caused by top:1px of ".ui-tabs-nav li" (which is needed to hide the bottom border of the active tab).
			I don't know how to fix this easily, so let it be. */
	cursor: move;
}

.places_searcher .top_bar input {
	font-size: 12px;
	width:205px;
	float:right;
	margin-right:4px;
}

.places_searcher .top_bar h1 {
	float:left;
	margin:0;
	padding:2px 10px 0 0;
	font-weight:bold;
	font-size:13px;
	color:#c0c7d4;
}

.places_searcher .close {
	position: absolute;
	right: 6px;
	top: 28px;
	cursor: pointer;
	z-index:999999;
}

.places_searcher.ui-tabs .ui-tabs-nav {
	padding-top: 0;	/* We already have top_bar's padding there. */
}

.places_searcher.ui-tabs .ui-tabs-panel {
	background: #ffffff;
}

.places_searcher.ui-tabs .ui-tabs-nav li a {
	padding-left: 0.6em;
	padding-right: 0.6em;
}

.places_searcher .type_switcher .disabled a,
.places_searcher .type_switcher .disabled a:link,
.places_searcher .type_switcher .disabled a:visited,
.places_searcher .type_switcher .disabled a:active,
.places_searcher .type_switcher .disabled a:hover {
	color: #777777;
}

.places_searcher .type_switcher .addresses .found {
	display: none;	/* Hide the found count for now, as it is confusing because of the unknown limits by the address searcher service. */
}

.places_searcher .type_switcher .addresses .on .streets,
.places_searcher .type_switcher .addresses .on .houses {
	cursor: default;	/* So the user feels that there is a tool-tip present. */
}

.places_searcher .type_switcher .addresses .streets {
	color: #a52f06;
}

.places_searcher .progress_indicator {
	position: relative;
	margin-left: 4px;
	font-size: 1px;
}

.places_searcher .progress_indicator .icon {
	position: absolute;
	bottom: -2px;
	left: 0;
}

#rtd2_div .places_searcher_container .address_results h3,	/* This is to override the too global "#rtd2_div h3" definition. */
.places_searcher_container .address_results h3 {
	text-align: center;
	font-size: 12px;
}

.places_searcher .address_results .progress_indicator {
	margin-left: 10px;
}

.places_searcher .address_results {
	position: relative;	/* Because the contained house_results is positioned absolute. */
	overflow: hidden;
}

.places_searcher .ui-menu li {
	background: url('../images/tango/house.png') no-repeat 1px 2px;
	padding-left: 17px;
	cursor: pointer;
}

.places_searcher .object_results .ui-menu li {
	background: none;
	padding-left: 0;
}

.places_searcher .ui-menu li.no_icon {
	background-image: none;
	padding-left: 0;
}

.places_searcher .ui-menu li.no_icon a {
	padding-left: 0;
}

.places_searcher .object_results li .icon_box {
	margin-right: 7px;
	border: 3px solid #ffffff;
	width: 6px;
}

.places_searcher .object_results li {
	background-size: auto 14px;	/* NOTE: Will have no effect on IE <9. */
}

.places_searcher .object_results ol .hint {
	background: none;
}

.places_searcher .address_results .type_administrative_unit li,
.places_searcher .address_results .type_populated_place li,
.places_searcher .address_results .type_street li,
.places_searcher .address_results .type_populated_place li {
	background-image: url('../images/tango/expandable-brown.png');
}

.places_searcher li.unspecified {
	background-image: url('../images/numbered_markers/yellow/blank_small.png');
}

.places_searcher li a {
	color: #000000;	/* Overriding the dark-grey #222222 of .ui-widget-content a. */
}

.places_searcher .address_results li.street a {
	color: #6d1d03;	/* The same hue as ".type_switcher .addresses .streets", only darker for easier reading. */
}

.places_searcher .address_results .house_results_container,
.places_searcher .address_results .mixed_results,
.places_searcher .object_results,
.places_searcher .address_search_results {
	max-height: 280px;
	/* NOTE: The 'height' attribute may be dynamically set/changed by JS. */
	overflow: auto;
	overflow-x: hidden;
}

.places_searcher .mixed_results_shader {
	position: absolute;
	top: 280px;	/* Hide initially: the same as the actual max height of address_results. */
	zoom: 1;	/* To trigger hasLayout in IE. */
	filter: alpha(opacity=70);	/* For IE. */
	opacity: .70;
	background: #114380 center center no-repeat;
	width: 100%;
	height: 280px;	/* Matches the max-height of mixed_results. */
}

.places_searcher .house_results_container {
	position: absolute;
	top: 280px;	/* Hide initially: the same as the actual max height of address_results. */
	width: 100%;
}

.places_searcher .house_results_container .street,
.places_searcher .house_results_container .house_results {
	background: #ffffff;	/* Hide the address_results below. */
}

.places_searcher .house_results_container .street {
	margin: 1px 1px 0;
	background: #ffffff url('../images/close_button.png') no-repeat scroll 4px 6px;
	padding: 7px 0 7px 26px;
	font-weight: bold;
}

.places_searcher .house_results_container .house_count_note {
	font-weight: normal;
}

.places_searcher .house_results_container .house_results {
	margin: 0 1px 1px;
	padding: 0 0 7px 19px;
	overflow: hidden;
}

.places_searcher ol.ui-menu {
	float: none;	/* To expand the list to full width. */
}

.places_searcher .object_results ol .hint,
.places_searcher .notice {
	padding-top: 5px;
	padding-left: 10px;
	font-style: italic;
}



.tab_wrapper{
	position:relative;
	background:#EAF2F9;
}

/* ------------------- USERS ----------------------------------------- */
#add_edit_userform, 
#user_list, 
#add_remove_cars, 
#add_remove_company_cargroups, 
#add_remove_cars_from_groups,
#add_remove_users_user_groups {
	background: #EAF2F9;
	}


/* ------------------- Add edit userform --------------------------- */
div#add_remove_company_cargroups, 
div#add_remove_cars_from_groups,
div.edit_user_form_tab {
	float:left;
	border-bottom:1px solid #9cb2cc;
	width:900px;
	z-index:89999; /* IE7 needs this to fix z-index bug */
	font-size: 12px;
	color: #28435B;
	background:#EAF2F9;
	}

div#add_remove_cars, div#add_remove_users_user_groups {
	min-width:900px;
	min-height:230px;
	width:auto;
	position:relative;
	float:left;
	}
	
#add_remove_users_driver_groups button.IS_Button.add_new_button {
	margin-top:2rem;
}

div#add_remove_company_cargroups form, div#add_remove_company_cargroups fieldset,
div#add_remove_cars_from_groups form, div#add_remove_cars_from_groups fieldset{
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;	
	}
	
div#add_remove_company_cargroups fieldset,
div#add_remove_cars_from_groups fieldset{
	background-color:white;
	min-height:8px;
	border-top:1px solid #9cb2cc;
	}

div#add_remove_company_cargroups div.label, div#add_remove_company_cargroups div.value,
div#add_remove_cars_from_groups div.label, div#add_remove_cars_from_groups div.value{
	position:relative;
	float:left;	
	text-align:left;
	height:100%;
	margin:4px 5px;
	}

div#add_remove_company_cargroups div.label,
div#add_remove_cars_from_groups div.label{
	width:213px;
	}

div#add_remove_company_cargroups div.value,
div#add_remove_cars_from_groups div.value{
	width:645px;
	}

div#add_remove_company_cargroups div.seperator,
div#add_remove_cars_from_groups div.seperator{
	position:absolute;
	top:0;
	bottom:0;
	left:219px;
	width:1px;
	background-color:#9cb2cc;
	}
	
.perm_button, .perm_button_label{
	margin-top:10px;
	}

.perm_button_label{
	margin:2px 15px 0 0;
	}
/* ------------------- Add edit userform END --------------------------- */

/* ------------------- User list --------------------------- */
#user_list, #user_account_management_history{
	padding:20px 0 40px 0;
	float:left;
	width:765px;
	border: 1px solid #B6C6E7;
	clear:left;
	}

.user_groups_data {
	margin-left: 145px;
}

.users_data{
	margin-left: 0;
	}
/* ------------------- User list END ----------------------------- */

/* ------------------- Add remove cars --------------------------- */
#add_remove_cars{
	padding:10px 0 30px 0;
	min-height:250px;
	width:774px;
	float:left;
	}

.device_list{
	width:100%;
	position:relative;
	float:left;
	}

#device_list_container{
	position:relative; 
	float:left; 
	width:auto;
	}

.device_list_table{
	margin:0 0 0 45px;
	}

.device_list_table_header{
	width:90px;
	}	

.add_remove_cars_buttons_top{
	position:absolute;
	top:127px;
	right:15px;
	}

.add_remove_cars_buttons_bottom{
	position:absolute;
	bottom:3px;
	right:15px;
	}

.device_list_user_data{
	position:relative;
	float:left;
	margin:20px 16px 0 65px;
	}
/* ------------------- Add remove cars END ------------------------------------ */

/* ------------------- Add remove company cargroups --------------------------- */
div#add_remove_company_cargroups fieldset.carpanel_table{
	height:215px;
	margin:0 0;	
	z-index:9997;	
}

div#add_remove_company_cargroups span.group_label, div#add_remove_company_cargroups span.car_label,
div#add_remove_cars_from_groups span.group_label, div#add_remove_cars_from_groups span.car_label{
    color:#28435B;
    float:left;
    font-weight:bold;
    position:relative;
    width: 100%;
	}
	
div#add_remove_company_cargroups span.group_label,
div#add_remove_cars_from_groups span.group_label{
	    width: auto;
	}

.users_container{
	position:relative; 
	float:left; 
	margin:6px 0 10px 7px;
	width:98%; 
}

.company_cargroups_buttons{
	position:relative;
	float:right;
	margin:0 10px 0 0;
	}

#add_remove_company_cargroups .button{
	margin-top:6px;
	position:relative;
	}

.added_company_groups{
	position:relative;
	float:left;
	margin-left:3px;
	clear:both;
	}

.list_of_added_company_groups{
	position:relative;
	float:left;
 	margin:27px 0 0 3px;
	width:330px;
	clear:both;
	}
	
.list_of_added_company_groups  li{
	clear:left; 
	position:relative;
	float:left;
	}
/* ------------------- Add remove company cargroups END --------------------------- */

/* ------------------- Add remove cars from groups -------------------------------- */
div#add_remove_cars_from_groups fieldset.carpanel_table{
	height:243px;
	margin:0 0;	
	z-index:9997;	
	}

#add_remove_cars_from_groups div.grouptree_div, #add_remove_cars_from_groups div.carlist_div,
#add_remove_company_cargroups div.grouptree_div, #add_remove_company_cargroups div.carlist_div{
	position:relative; 
	float:left;
	width:300px;
	}

#add_remove_cars_from_groups div.carlist_div,
#add_remove_company_cargroups div.carlist_div{
	margin-left:10px; 
	width:325px;
	}

div#add_remove_cars_from_groups .tree{
	clear:left;
	}

.caradd_submit_button{
	position:relative;
	float:left;
	clear:both; 
	margin:3px 0 0 242px;
	}

/* ------------------- Add remove cars from groups END --------------------------------- */

/* -------------------- Users tabs ----------------------------------------------------- */
#users_tabs, #users_tabs ul, #users_tabs li{
	float:left;
	position:relative;
	}

#users_tabs{
	width:800px;
		width:auto;
	clear:both;
	}

#users_tabs ul{
	width:100%;
	}

#users_tabs .ui-state-active{
	background:#EAF2F9;
	}

#users_tabs li{
	max-width:185px;
	margin-right:6px; 
	white-space:normal;
	text-align:center;	
	height:100%;
	}

#users_tabs.additional_1_tab li {
	max-width:175px;
}

#users_tabs a:focus{
	outline:none;
	}

.wrapper{
	display:table;
	height:100%;
	}

.cell{
	display:table-cell; 
	vertical-align:middle;
	}

.cell_content{
	position:relative; 
	float:left;
	}
/* -------------------- Users tabs END ------------------------------------------------------------ */

/* -------------------- Tables in users part ------------------------------------------------------ */
.below_report_filter, #rtd2_div .below_report_filter, #rtd2_div .blue_header_table.below_report_filter {
	margin-top:15px;
}

#rtd2_div p.below_report_filter {
	position:relative;
	float:left;
}

.blue_header_table {
	border-collapse:collapse;
}

.table_data, .table_header, .blue_header_table td, .blue_header_table th{
	color:#28435B;
    font-size:12px;
    height:23px;
    /*line-height:23px;*/
    padding:0 5px 0 10px;
	border:1px solid #9CB2CC;    
	}

.blue_header_table .no-border td, .blue_header_table td.no-border, .blue_header_table th.no-border {
	border:none;
}

.table_header, .blue_header_table th, .dataloss_report_table thead td{
	background:transparent url('../images/gradient1x23.png') repeat-x bottom;
	font-weight:bold;
	text-align:center;
}

.dataloss_report_table.split_by_car th.time {
	width:8%;
}

.dataloss_report_table.split_by_car th.address {
	width:28%;
}

.dataloss_report_table.split_by_car th.distance, .dataloss_report_table.split_by_car th.duration {
	width:7%;
}

.dataloss_report_table.split_by_car th.reasons {
	width:14%;
} 

.blue_header_table th.no-background, .blue_header_table td.no-background {
	background:none;
}

#users_carpanel_div_carlist{
	margin:0;
	width:203px;
	}
	
.table_data .value {
	position:relative;
	float:left;
}

.dataloss_report_table, #rtd2_div .dataloss_report_table.tablesorter{
	clear:both;
	margin-top:15px;
}
/* -------------------- Tables END --------------------------------------------------- */
/* -------------------- USERS END ---------------------------------------------------- */



/* ------------------- CARGROUPS --------------------------- */
.cargroups__container{
	border-bottom:1px solid #9CB2CC; 
	background:white;
	position:relative; 
	float:left; 
	margin:6px 0 10px 7px; 
	width:98%;
}

#cargroups_tabs{
	width:900px; 
	position:relative;
	float:left; 
	clear:both; 
	}

#cargroups_tabs .ui-state-active{
	background:#EAF2F9;
	}

/* ------------------- Cargroups editing --------------------------- */
div#cargroups_editing_tab,
div#cargroups_movecars_tab,
div#cargroups_options_tab,
div#cargroups_import_tab{
	float:left;
	width:900px;
	z-index:89999;
	font-size: 12px;
	color: #28435B;
	}

div#cargroups_editing_tab form, div#cargroups_editing_tab fieldset,
div#cargroups_movecars_tab form, div#cargroups_movecars_tab fieldset,
div#cargroups_options_tab form, div#cargroups_options_tab fieldset,
div#cargroups_import_tab form, div#cargroups_import_tab fieldset{
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;	
	}
	
div#cargroups_editing_tab fieldset,
div#cargroups_movecars_tab fieldset,
div#cargroups_options_tab fieldset,
div#cargroups_import_tab fieldset{
	background-color:white;
	min-height:8px;
	border-top:1px solid #9cb2cc;
	}

div#cargroups_editing_tab fieldset.carpanel_table{
	height:215px;
	margin:0 0;	
	}

div#cargroups_editing_tab fieldset.group_editing_options{
	height:154px;
	margin:0 0;	
	z-index:9997;	
}

div#cargroups_editing_tab div.label, div#cargroups_editing_tab div.value,
div#cargroups_movecars_tab div.label, div#cargroups_movecars_tab div.value,
div#cargroups_options_tab div.label, div#cargroups_options_tab div.value,
div#cargroups_import_tab div.label, div#cargroups_import_tab div.value{
	position:relative;
	float:left;	
	text-align:left;
	height:100%;
	margin:4px 5px;
	}

div#cargroups_editing_tab span.group_label, div#cargroups_editing_tab span.car_label,
div#cargroups_movecars_tab span.group_label, div#cargroups_movecars_tab span.car_label{
    color:#28435B;
    float:left;
    font-weight:bold;
    position:relative;
    width:100%;
	}

div#cargroups_editing_tab span.group_label,
div#cargroups_movecars_tab span.group_label {
	width:auto;
}

div#cargroups_editing_tab .tree,
div#cargroups_movecars_tab .tree {
	clear:left;
}

div#cargroups_editing_tab div.label,
div#cargroups_movecars_tab div.label,
div#cargroups_options_tab div.label,
div#cargroups_import_tab div.label{
	width:213px;
	}

div#cargroups_editing_tab div.label_background,
div#cargroups_movecars_tab div.label_background,
div#cargroups_options_tab div.label_background,
div#cargroups_import_tab div.label_background {
	width:219px;
}

div#cargroups_editing_tab div.value, 
div#cargroups_movecars_tab div.value,
div#cargroups_options_tab div.value,
div#cargroups_import_tab div.value{
	width:645px;
	}

div#cargroups_editing_tab div.seperator,
div#cargroups_movecars_tab div.seperator,
div#cargroups_options_tab div.seperator,
div#cargroups_import_tab div.seperator{
	position:absolute;
	top:0;
	bottom:0;
	left:219px;
	width:1px;
	background-color:#9cb2cc;
	}
	
.cargroups_subgroup_button,  .cargroups_deletegroup_button, .cargroups_movecars_button,  
.cargroups_rename_button, .cargroups_movegroup_button, .cargroups_import_submit_button{
	position:absolute; 
	left:335px;
	width:182px;	
	}

.cargroups_rename_button{
	top:0px; 
	}

.cargroups_subgroup_button{
	top:40px; 
	}

.cargroups_movegroup_button{
	top:80px; 
	}

.cargroups_deletegroup_button{
	top:120px; 
	}

.cargroups_movegroup_submit_button, .cargroups_deletegroup_submit_button{
	position:relative;
	float:left;
	margin:11px 0 7px 41px;
	}

.cargroups_deletegroup_submit_button{
	margin:11px 0 15px 15px;
	}

.cargroups_deletegroup_messagetext{
    float:left;
    padding:0 4px 0 4px;
    position:relative;
}

#delete_cargroup_panel, #move_cargroup_panel{
	position:relative;
	float:left;
	width:212px; 
	}

#cargroups_moveto_panel{
	position:relative; 
	float:left;
	margin-left:5px; 
	}

p.cargroups_renamegroup_label, p.cargroups_addsubgroup_label{
	position:absolute; 
	top:0px; 
	left:0px;
	width:180px;
	}
	
.car_share_group_input{
	top: 35px;
    left: 150px;
    position: absolute;
}

p.cargroups_addsubgroup_label{
	top:40px; 
	}

.cargroups_varning_message{
	width:auto; 
	position:absolute; 
 	top:122px; 
 	left:0px;
 	color:#28435B;
	}

#cargroups_editing_options_outer_wrapper{
	position:absolute; 
	top:2px; 
	left:0x; 
	width:550px; 
	height:147px;
	}

#cargroups_editing_options_inner_wrapper{
	position:relative; 
	}

input.cargroups_inputsubgroupname, input.cargroups_inputnewname{
	position:absolute; 
	top:40px; 
	left:185px;
	width:140px;
	}

input.cargroups_inputnewname{
	top:0;
	}
/* ------------------- Cargroups editing END --------------------------- */

/* ------------------- Cargroups movecars --------------------------- */
div#cargroups_movecars_tab fieldset.carpanel_table{
	height:243px;
	margin:0 0;
	width:100%;	
	z-index:9997;	
}

div#cargroups_movecars_tab fieldset.movecars_table{
	height:213px;
	z-index:9997;	
}

div#cargroups_movecars_tab .car_checkboxes_buttons{
	position:relative;
	float:left;
	width:112px;
	margin:0 0 0 10px;
	}
	
div#cargroups_movecars_tab .car_checkboxes_buttons .button {
	margin:10px 0 0 0;
}

#cargroups_movecars_tab div.grouptree_div, #cargroups_movecars_tab div.carlist_div{
	position:relative; 
	float:left;
}

#cargroups_movecars_tab div.grouptree_div {
	width:300px;
}

#cargroups_movecars_tab div.carlist_div{
	margin-left:10px; 
	}
	
#cargroups_movecars_button{
	margin-bottom:5px;
    margin-left:276px;
	}

.cargroups_movecars_carlist  .car_checkboxes_buttons{
	float:left;
    position:relative;
    background:white;
    width:130px;
    margin-left:11px;
	}
/* ------------------- Cargroups movecars END --------------------------- */

/* ------------------- Cargroups options --------------------------- */
.cargroups_global_options{
	position:absolute; 
	top:10px; 
	left:210px;
	top:6px; 
	line-height:30px;
	width:auto;
	top: 0px; 
	left: 0px;
	}

div#cargroups_options_tab fieldset.groups_global_options{
	height:147px;
	z-index:9997;	
}

div#cargroups_options_tab span.message{
	position:relative;
	float:left;
	clear:left;
	margin-top:5px;
	font-size:11px;
	}

div#cargroups_options_tab .perm_button{
	margin-top:4px;
	}

.cargroups_options_button{
	position:relative;
	float:left;
	margin:3px 0 7px 330px;
	}
/* ------------------- Cargroups options END --------------------------- */

/* ------------------- Cargroups panel common elements ------------------ */
div#cargroups_panel_common_elements{
	border-bottom:none;
	width:100%;
	}

div#cargroups_panel_common_elements form, div#cargroups_panel_common_elements fieldset{
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;	
	}

div#cargroups_panel_common_elements fieldset{
	background-color:white;
	min-height:8px;
	border-top:1px solid #9cb2cc;
	}

div#cargroups_panel_common_elements fieldset.row30{
	height:30px;
	z-index:9997;	
}

div#cargroups_panel_common_elements div.label, div#cargroups_panel_common_elements div.value{
	position:relative;
	float:left;	
	text-align:left;
	height:100%;
	margin:4px 5px;
	}

div#cargroups_panel_common_elements div.label{
	width:213px;
	}
	
div#cargroups_panel_common_elements div.value{
	width:514px;
	}

div#cargroups_panel_common_elements fieldset.row30 div.label, div#cargroups_panel_common_elements fieldset.row30 div.value{
	line-height:22px;
	}

div#cargroups_panel_common_elements div.seperator{
	position:absolute;
	top:0;
	bottom:0;
	left:219px;
	width:1px;
	background-color:#9cb2cc;
	}


/* Car tree */

div.tree_list label.sm_f_l{
	float:none;	
}
div.tree_list {
	width: 380px;
}
div.tree_list table.sm_f_l td.cars{
	width:315px;
}

.alert_input_table div.tree_list table.sm_f_l td.cars{
	width:320px;
}

div.tree_list table.sm_f_l td.cars , div.tree_list table.sm_f_l td.groups{
	float:left;
}
div.tree_list table.sm_f_l {
	width: 547px;
}

div.tree_list table.sm_f_l td.groups {
width: 205px;
}

div.tree_list div.smallborder, div#carpanel_popup div.smallborder {
height: 168px !important;
width: 200px;
overflow: auto;
color: #4F4F4F;
}

div.tree_list div.car_checkboxes_buttons{
	top:3px;
	width:126px;
	position:relative;
	float:none;
	display: inline; 
}
	
/* ------------------- Cargroups panel common elements END -------------- */

/* ------------------- Cargroups import panel ------------------ */

div#cargroups_import_tab div.label{
	width:213px;
}

div#cargroups_import_tab div.seperator{
	position:absolute;
	top:0;
	bottom:0;
	left:219px;
	width:1px;
	background-color:#9cb2cc;
}

div#cargroups_import_tab fieldset{
	background-color:white;
	min-height:8px;
	border-top:1px solid #9cb2cc;
}

div#cargroups_import_tab fieldset.cargroups_import{
	min-height: 70px;
}

div#cargroups_import_tab fieldset.cargroups_import{
	min-height: 40px;
}


fieldset.file_proc table td{
	padding: 0 10px 0;
}

/* ------------------- Cargroups import panel END -------------- */

/* ------------------- CARGROUPS END --------------------------- */



/* ------------------- Summary and daily reports --------------------------- */
.sortable_table_header, .blue_header_table:not(.speeding_report) thead tr{
	background:transparent url('../images/gradient1x23.png') repeat-x bottom;
	}

#rtd2_div .tablesorter{
	margin:0px;

	}
	
.summary_table_text_nowrap{
	white-space:nowrap;		
	}	

.summary_table_daylink2{
	text-decoration:underline;
	cursor:pointer;
	}	

.summary_table_left_side_cell{
	font-weight:bold;
	}	
	
.summary_table_wrapper{
	float:left; 
	clear:left;
	margin-top:20px; 
	}

#rtd2_div div.report_settings{
	text-align:right;
	}
	
#rtd2_div td#empty_cell{
	border-bottom:none;
	}

#rtd2_div td#total{
	font-weight:bold;
	font-size:13px;
	}

.daily_table_text_underlined{
	text-decoration:underline;
	cursor:pointer;
	}	

div#bottom .summary_row td{
	width:70px;
	font-weight:bold;
	color:#28435B;
    font-size:12px;
    line-height:23px;
    padding:0 5px 0 10px;
	border:1px solid #9CB2CC;
	}

#rec span.sort_value, .rec span.sort_value{
	display:none;
	}	
	
.help_question_mark,
.checkbox_help_question_mark{
	color:#999;
	cursor:pointer;
	font-weight:bold;
	text-decoration:underline;
	}	
	
.odometer_calculation_help_question_mark{
    color:#FF0000;
    display:block;
    margin:0 auto;
    position:relative;
    width:10px;
}
/* ------------------- EndOf Summary and daily reports --------------------------- */

/* ------------------------------ Compare reports -------------------------------- */
.compare_base{
	float: left;
	margin: 10px 10px;
	border-right: 1px solid #9CB2CC;
	border-bottom: 1px solid #9CB2CC;
}
.compare_base table{
	border-spacing:0;
  	border-collapse:collapse;
}
.compare_base table, th, td{
	padding: 0;
}
.compare_base table td{
	min-width: 140px;	
	text-align: center;
	color: #28435B;
}
.compare_result{
	position: relative;
}
.compare_base .header{
	padding: 0 5px 0 5px;
	border-top: 1px solid #9CB2CC;
	border-left: 1px solid #9CB2CC;
	height: 23px;
	background: url("../images/gradient1x23.png");
	color: #28435B;	
}
.compare_base .compare_button_base{
	min-width: 20px;
	width: 20px;
	background: #eaf2f9;	
}
.compare_month td{
	font-size: 13px;
	font-weight: bold;
	height: 23px;
	border-top: 1px solid #9CB2CC;
	border-left: 1px solid #9CB2CC;
	background: #eaf2f9;
}

.compare_day td{
	height: 21px;
	border-top: 1px dotted #9CB2CC;
	border-left: 1px solid #9CB2CC;		
}
.compare_day .total{
	font-weight: bold;
}
.compare_base .compare_pos_neg{
	position: absolute;
	right: 5px;
	font-size: 10px;
}
.compare_base .compare_positive{
	color: green;		
}
.compare_base .compare_negative{
	color: red;		
}
.compare_base .compare_zero{
	color: #cccccc;
}

.compare_base .text{
	padding: 0 5px 0 5px;
	border-top: 1px solid #9CB2CC;
	border-left: 1px solid #9CB2CC;
	height: 23px;
	text-align: left;
}
/* ----------------------- End of Compare reports -------------------------------- */

/* ------------------- Drivers --------------------------------------------------- */
div#rtd2_div .phoneop{
	margin:10px 10px 0 0;
	}

div#rtd2_div .scroll_box{
	margin:10px 0 10px 13px;
    border:1px solid #ccc;
    height:80px;    
    width:200px;            
    overflow:auto;            
	}

div#rtd2_div .driver_tool_buttons {
	position:relative;
	float:left;
	margin-top: 5px;
    margin-bottom: 20px;
	}

.show_drivers_list{
	width: 100%;
}

div#rtd2_div .driver_tool_buttons button{
	white-space: nowrap;
}

div#rtd2_div .add_new_driver {
	clear:left;
}

div#rtd2_div div#smshistory{
	margin-left:9px;
	}

div.IS_fieldsets_wrapper span#phoneop_warning,
div.IS_fieldsets_wrapper span.driverdata_warning{
	color:#FF8888;
	}

div.IS_fieldsets_wrapper span.driverdata_warning{
	display:block;
	margin-top:8px;
	}

.jquery_tabs .IS_fieldsets_wrapper {
	background-color:#EAF2F9;
	padding:5px 10px 5px 10px;
	}

/* ------------------- EndOf Drivers -------------------------------------------- */


.car_edit .infoblock {
	position: relative;	/* For the positioning of the .collapse_button. */
	margin: 10px 0;
}

/* Reset list style. */
.car_edit .infoblock ul, .car_edit .infoblock li {
	margin: 0;
	padding: 0
}

.car_edit .infoblock li {
	margin-left: 20px;
}

/* Collapse the container so that the .collapse_button stays visible upon collapsing. */
.car_edit .infoblock.collapsed .collapsible_container {
	overflow-y: hidden;
}

.car_edit .infoblock .expand_button {
	display: none;
}

.car_edit .infoblock.collapsed .collapse_button {
	display: none;
}

.car_edit .infoblock.collapsed .expand_button {
	display: inline;
}

.car_edit .infoblock .collapse_button, .car_edit .infoblock .expand_button {
	position: absolute;
	top: 390px;	/* Should be a bit bigger than the height of noncollapsed .collapsible_container. Currently, it is just manually chosen so that it fits to the current contents.*/
	right: -40px;
}

.car_edit .infoblock.collapsed .collapse_button, .car_edit .infoblock .expand_button {
	top: 210px;	/* Should be a bit bigger than the height of .collapsible_container - so that the button appears right at the bottom. */	
}


	
/* ------------------- Company --------------------------------------------------- */
div.company_data{
	margin:0 0 10px 9px;
	position:relative;
	float:left;
	border:1px solid #CAD6EE;
	border-top:none;
	width:765px;
	z-index:89999;
	clear:both;
	}
	
div.company_data form, div.company_data fieldset{
	position:relative;
	float:left;
	width:100%;
	border:none;
	margin:0;
	padding:0;	
	}
	
div.company_data fieldset{
	background-color:white;
	min-height:8px;
	border-top:1px solid #CAD6EE;
	}

div#rtd2_div .phoneop{
	margin:10px 10px 0 0;
	}

div#rtd2_div .scroll_box{
	margin:10px 0 10px 13px;
    border:1px solid #ccc;
    height:80px;    
    width:200px;            
    overflow:auto;            
	}

div.company_data span.group_label, span.car_label{
	font-weight:bold;
	color:#28435b;
	width:100%;
	margin:0 0 10px 0;
	position:relative;
	float:left;
	}
	
.carpanel span.car_label {
	margin:10px 0;
}

.carpanel_checkboxes span.car_label {
	margin:0;
}

div.company_data div.label, div.company_data div.value{
	position:relative;
	float:left;	
	height:100%;
    font-size:13px;
	font-weight:normal;
    text-align:right;
	}
	
div.company_data div.label{
	width:217px;
	color:#114380;
	}

div.company_data label{
	float:right;
    margin:10px 10px 10px 0;
    position:relative;
    width:auto;
    padding-left:3px;
	}

div.company_data fieldset.row102{
	height:102px;
	}

div.company_data div.label p, div.company_data div.value .company_data_input{
	float:left;
	clear:left;
    margin:10px 10px 10px 0;
    position:relative;
    width:auto;
	}

div.company_data div.value .company_data_input, div.company_data div.value p{
	float:inherit;
    margin:8px 10px 10px 13px;
	}

div.company_data div.value .company_data_input{
    width:190px;
	}

div.company_data div.value{
	width:540px;
	text-align:left;
	}


div.company_data div.add_button{
	margin-top:-25px;
	height:23px;
    position:relative;
	float:left;
	margin-left:230px;
	}
 
div.company_data div.invoice_email_block,
div.company_data div.notice_emails,
div.company_data div.notice_phones{
	padding:8px 0 0 13px;
	}
 
div.company_data div.invoice_email_block .company_data_input,
div.company_data div.notice_emails .company_data_input,
div.company_data div.notice_phones .company_data_input{
	margin:0 0 5px 0;
	}

div.company_data .removeField{
	margin:0px 0 0 5px;
	vertical-align:middle;
	}

div.company_data p{
    margin:10px 10px 10px 13px;
	}

div.company_data div.seperator{
	position:absolute;
	top:0;
	bottom:0;
	left:219px;
	width:1px;
	background-color:#CAD6EE;
	}

div.company_data div.label_background{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:218px;
	background:url('../images/gradient1x23.png') repeat-x scroll center bottom transparent;
	}

div.company_data .invoice_email:first-child .removeField,
div.company_data .debt_notice_email:first-child .removeField,
div.company_data .debt_notice_phone:first-child .removeField{
	display:none;	
	}

div.company_data div.mail_radiogroup{
	position:relative;
	float:left;
	margin:8px 10px 10px 13px;
	}

div.company_data label.mail_radiobutton{
	margin:0 25px 0 0;
	float:left;
	}

div#rtd2_div span.company_data_warning_message, div#rtd2_div span.company_data_success_message{
	display:inline-block;
	margin:0 0 6px 11px;
	color:red;
	font-weight:bold;
	}

.success, div#rtd2_div span.company_data_success_message{
	color:green;
	}
/* ------------------- EndOf Company -------------------------------------------- */


.show_overall_dynamically {
	display:none;
}

 #explanation_about_holidays, 
 td.sm_dati span.route_cat_name, 
 td.sm_dati span.st_taskjobs, 
 td.sm_dati span.st_categoryname,
 .sm_data_body td span.route_cat_name,
 .sm_data_body td span.st_taskjobs,
 .sm_data_body td span.st_categoryname
 {
	display:none;
	}

.holiday{
	background:#FFDDCC;
	}

div.printing_buttons{
	display:none;
	position:relative;
	float:left;
	margin: 13px 0 15px 70px;	
	}

.only-print {
	display:none;
}
	
#gritter_fence_table_list .modular_report_table, 
#gritter_path_table_list .modular_report_table, 
#checkgps_history_table_list .modular_report_table, 
#phonetrack_history_table_list .modular_report_table{
	border-collapse:collapse;
}

#gritter_path_table_list .modular_report_table .combobox-wrapper {
	float:none;
	margin-top:0.2rem;
}

#gritter_fence_control_panel_body{
	position:absolute;
	left:-40000px;	
}

.empty_gritter_collapse_box{
	height:15px; 
}

.export_buttons{
	margin:5px;
	position:relative;
	float:left;
}

.export_label{
	position:relative;
	float:left;
	line-height:22px;
	vertical-align:middle;
}

.cursor_interval, #car_history tr.cursor_interval td {
	background-color:#BBDDFF;
}

.underline_on_hover:hover {
	text-decoration:underline;
}

.address_list_item {
	font-size:12px;
	margin-bottom:5px;
}

#housenumbers_warnings_wrapper{
	position:absolute; 
	top:0; 
	right:0;
	padding-top:40px;
	z-index:1004;
	width:100%; 
}

#housenumbers_warnings_background {
	position:absolute; 
	top:0; 
	bottom:0;
	right:0;
	left:0;
	z-index:1003;
	background-color:#E6EEFE;
	opacity:0.85; 
}

.draw_fence #housenumbers_warnings_wrapper {
	right:0;
}

.housenumbers, .carnames, #popup_alerts_checkbox{
	background:#fff;  
	position:relative;
	float:left;
	margin:0px;
	padding:0 3px;
	z-index:1005;
	height:19px;
	opacity:0.7;
}

.housenumbers, .carnames{
	background:none;
}

.housenumbers input, .carnames input, #popup_alerts_checkbox input {
	margin:1px;
}

#warnings_on_map.notification_wrapper {
	position:absolute;
	top:40px;
	left:40px;
	z-index:10;
} 

#housenumbers_warnings_wrapper #warnings_on_map{
	position:relative;
	float:left;
	z-index: 1005; 
	clear:both;
	padding-left:3px;
	margin-top:0px;
	width:97%;
}

#map_for_object_adding #housenumbers_warnings_wrapper #warnings_on_map,
div#fence_map #housenumbers_warnings_wrapper #warnings_on_map{
	width:auto;
}

#housenumbers_warnings_wrapper #warnings_on_map p {
	font-size:11px;
	padding-left:5px;
	padding-right:32px;
	margin:0;
	line-height:1.2em;
}

#warnings_on_map.notification_wrapper p {
	font-size:12px;
}

#warnings_on_map.notification_wrapper svg {
	flex-grow:0;
	flex-shrink:0;
}

#housenumbers_warnings_wrapper #warnings_on_map p.emailwarning {
	font-size:10px;
	font-weight:normal;
	padding-top:3px;
}

#housenumbers_warnings_wrapper #warnings_on_map p.emailwarning.info {
	color:green;
}

#housenumbers_warnings_wrapper #warnings_on_map p.emailwarning.important {
	color:red
}

#housenumbers_warnings_wrapper #warnings_on_map p.emailwarning a {
	color:blue;
}

#housenumbers_warnings_wrapper p.unpaid_bill_info_warning,
#housenumbers_warnings_wrapper #warnings_on_map p.apology{
	color:#CF0000;
	font-weight:bold;
}

#map #housenumbers_warnings_wrapper #warnings_on_map a {
	font-size:10px;
}

#warnings_on_map.notification_wrapper .message_on_map {
	background-color:#fff;
	border:1px solid #C9C9C9;
	box-shadow:0px 0px 10px rgba(50, 49, 49, 0.4);
	border-radius:5px;
	padding:12px;
	display:flex;
	margin:4px 0;
	max-width:90%;
	box-sizing:border-box;
}

#warnings_on_map.notification_wrapper .message_on_map.warning svg path {
	fill:#FFDE33;
}

#warnings_on_map.notification_wrapper .message_on_map .text {
	margin:4px 0 0 4px;
}

#warnings_on_map.notification_wrapper .message_on_map .text p {
	margin:0;
	line-height:1.1em;
}

#warning_about_housenumbers{
	background: white;
    border: 1px solid silver;
    font-weight: bold;
    padding: 10px;
    position: absolute;
    left: 250px;
    top: 33px;
    z-index:2001;
    display: none;
}

#housenumbers_warnings_wrapper #housenumbers_warnings_inner_wrapper{
	position:relative;
	float:left;	
	z-index:99999;
	margin:6px 0 3px 250px;
}

#info_wrapper{
	/*position:absolute; 
	left:0px; 
	top:0px;*/
	position:relative;
	float:left; 
	width:244px; 
	height:100%;/*53px;*/ 	
}

.fuel_consumption_chart .flashWarningMessage{
    position:relative;
	float:left;
	clear:left;
    font-size:14px;
 	color:blue;
	margin:10px 0 20px 0;
}

#gritter_path_table_list .sum_driven_kms, 
#gritter_path_table_list .sum_gritted_kms,
#gritter_path_table_list .sum_consumption,
#gritter_path_table_list .sum_liquid_consumption
{
	font-weight:bold;	
}

#car_name_settings_wrapper {
	margin:10px 0 10px 0;
	position:relative;
	float:left;
}

#car_name_settings_wrapper form {
	clear:both;
	margin:0 10px 10px 9px;
	padding:10px;
	position:relative;
	float:left;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	border-left:none;
	border-right:none;
	background-color:#fff;
}

#car_name_settings_wrapper form fieldset {
	position:static;
	float:none;
	width:auto;
}

#car_name_settings_wrapper form fieldset input, #car_name_settings_wrapper form label {
	position:relative;
	float:left;
}

#car_name_settings_wrapper form fieldset input {
	margin:0 3px 0 0;
}

#car_name_settings_wrapper form label {
	margin:0;
}

#car_name_settings_wrapper form .button {
	margin:10px 0 0 0;
}

#car_name_settings_wrapper .show_all {
	position:relative;
	float:left;
	clear:both;
	margin:10px 0 0 0;
}

span#car_settings_example {
	font-style:italic;
    margin: -11px 0 0 0;
    position: relative;	
    font-weight:normal;
    line-height:14px;
    display:inline-block;
}

div.fuel_report_name, div.ibutton_report_name, div.tacho_card_report_name {
	display:block; 
	clear:none; 
	float:left; 
	margin-right:70px;
}

.kontrolpan_body {
	padding: 0 0 12px;
}

#report_extended3_savingbuttondiv {
	position:relative; 
	float:left; 
	clear:left; 
	width:692px;
	margin:60px 0 0 0;
	background-color:#CED4DE;
    padding:3px 0 3px 10px;
}

.driverinfo{
	display:block;
	position:relative;
	float:left;
	margin-left:3px;
}

.file_download_progress {
	margin:20px 0;
	text-align:center;
}

.file_download_progress img {
	margin:0 10px;
	vertical-align:middle;
}

/* Need very specific selectors to override dataTables colors. */
table.dataTable tr.bad_driving.colorsOn {
	background-color:#dd4444;
}
table.dataTable tr.good_driving.colorsOn {
	background-color:#44cc44;
}

#mapFenceGroupSelect {
	margin-left:50px;
}

td.fuel_gain,
div#bottom .summary_row td.fuel_gain {
	color: #008000;	/* Dark green. */
}

td.fuel_drain,
div#bottom .summary_row td.fuel_drain {
	color: #ff0000;	/* Red. */
}

.top_info_wrapper{
	position:relative; 
	float: left; 
	margin: -6px 0 0 0;	
}

#event_fence_car_selector_div,
#event_fence_inside_too_long_car_selector_div,
#event_ignition_car_selector_div,
#event_hydraulics_car_selector_div,
#event_power_car_selector_div{
    width: 577px;	
}

.smap_icon {
	margin-left:2px;
}


/* ------------------- JQUERY TABS --------------------------- */
.jquery_tabs{
	width:900px; 
	position:relative;
	clear:both; 
	margin-top:10px;
	}

div.jquery_tabs div.jquery_tab {
	float:left;
	border-bottom:1px solid #9cb2cc;
	font-size: 12px;
	color: #28435B;
	background-color:#EAF2F9;
	}	

div.jquery_tabs .ui-state-active{
	background-color:#EAF2F9;
	}
	
.jquery_container{
	border-bottom:1px solid #9CB2CC; 
	background:white;
	position:relative; 
	float:left; 
	margin:6px 0 10px 7px; 
	width:98%;
}

div.jquery_tab form, 
div#jquery_tab fieldset,
#time_interval form,
#time_interval fieldset {
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;	
	width:100%;
	}
	
div.jquery_tab fieldset,
#time_interval fieldset {
	background-color:white;
	min-height:8px;
	border-top:1px solid #9cb2cc;
	}

div.jquery_tab div.label, 
div.jquery_tab div.value,
#time_interval div.label,
#time_interval div.value {
	float: left;
    font-size: 13px;
    font-weight: normal;
    height: 100%;
    position: relative;
    text-align: right;	
	}

div.jquery_tab div.label,
#time_interval div.label {
	width:40%;
	}

div.jquery_tab div.seperator,
#time_interval div.seperator {
	position:absolute;
	top:0;
	bottom:0;
	left:42%;
	width:1px;
	background-color:#9cb2cc;
	}

div.jquery_tab div.value {
	width:54%;
	margin-top:13px;
	}

#time_interval div.value {
	margin:5px 1%;
	width:54%;
}

#time_interval div.label {
	margin:5px 1%;
	color:#28435B;
}

/* ------------------- JQUERY TABS END --------------------------- */
	
/* -------------------- Vehicles tabs ----------------------------------------------------- */
#vehicles_tabs, #vehicles ul, #vehicles li{
	float:left;
	position:relative;
	}

#vehicles_tabs {
    z-index:1;
	}

#vehicles_tabs ul{
	width:100%;
	}

#vehicles_tabs .ui-state-active{
	background-color:#EAF2F9;
}

#vehicles_tabs li {
    height: 2.5rem;
    overflow:hidden;
    margin-right: 6px;
    max-width: 15%;
    text-align: center;
    white-space: normal;
	}

#vehicles_tabs a:focus{
	outline:none;
	}

div#graphs div.segment_name .graph_info{
	font-size:10px;
	font-weight:normal;
	margin-left:20px;
}

div#car_name_settings div.segment_name {
	max-width:96%;
	}

div#vehicles_tabs .tab_with_active_notifications{
	background:none;
	background-color:#FF4444;
	}

div#vehicles_tabs .tab_with_warning_notifications{
	background:none;
	background-color:#FFFF2D;
	}

.closed_segment_body{
	display:none;
	}

div#car_csv_upload_div{
	background-color: #FFFFFF;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-left: none;
    border-right: none;
	clear: both;
    float: left;
    margin: 10px 10px 10px 9px;
    position: relative;
	}

div#submit_car_name_settings{
	position:relative; 
	float:left; 
	clear:left; 
	margin: 0 0 15px 0;
	}

span#show_all_cars_link{
	display:block;
	float: left;
    margin: 15px 0 15px 15px;
    position: relative;
	}
/* -------------------- Vehicles tabs END ------------------------------------------------------------ */


/* ------------------- Vehicles tabs elements --------------------------- */
.vehicle_notifications_tabs{
	width:1000px;
	}

div#vehicle_notifications_tab .ui-autocomplete-input {
    width:340px;
	}

div.jquery_tab .fieldset_without_top_border{
	border-top:none;
	}


span.icon_type_info{
	position:relative;
	float:left;
	clear:left;
	width:50%;	
	font-size:12px;
	}

span.icon_type_info a{
	position:relative; 
	float:left; 
	clear:left;	
	}

.icon_img{
	position:relative; 
	float:left; 
	}

.icon_change{
	position:relative;
	float:left;
	}
	
#vehicle_notifications_tab{
	width:100%;
	}

#vehicle_main_data_tab div#carType.value fieldset label {
	float:left;
	}

#vehicle_main_data_tab div#regNo.value {
	text-align:left;
	}

div#choose_preset_maintop div.combobox-wrapper{
	margin:15px 0 15px 15px;
	}
    
.carTpl_submitButtonDiv{
	float: left;
    position: relative;
    width: 100%;	
	}

div#car_name_settings{
	margin:15px 0 15px 0;
}

.select_objects_manually label {
	float: left;
	margin:4px 10px 0 0;
}

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

fieldset.daily_settings_fieldset{
	 border:none; 
	 padding-top:6px; 
	 position:relative; 
	 float:left; 
	 clear:left; 
	 margin:0 0 22px 0; 
}

fieldset.daily_settings_fieldset legend{
	font-size:14px;
    color:#4F4F4F;
}

div#daily_settings_buttons_div{
	position:relative;
	float:left;
	clear:left;
	margin:10px 0 0 0;
}

form#routes_report_settings h2{
	font-size:16px;
}

.gray_border_input_field, 
.gray_border_input_field_readonly,
.input_form input#o_address{
	border:1px solid #D9D9D9;
    height:16px;
    line-height:16px;
    margin-left:3px;
    padding:2px 0;
    position:relative;
    font-size:1em;
}

.gray_border_input_field_readonly,
.input_form  input#o_address[readonly="readonly"],
.input_form input#o_address[readonly=""]{	
	background-color:#EFEFEF;
}

.gray_border_textarea {
	border:1px solid #D9D9D9;
	padding:2px 0;
    font-size:1em;
}

table.add_odometer_data{
	position:relative; 
	margin:12px 0 0 0;
}

table.blue_header_table .hide_table_cell_background{
	background:none;
	background-color:#fff;
}

table.blue_header_table .noborder_left_top_bottom{
	border-left:0 none;
    border-top:0 none;
    border-bottom:0 none;
}

table.blue_header_table .no_data {
	font-style:italic;
	text-align:center;
}

div#easyDeliver form, div#easyDeliver span.csv_file_format_description{ 
    clear: left;
    float: left;
    position: relative;
    margin: 0 0 18px 0;
}

table tr.totals td{
	background-color:#C4D2E3;	
}

ul.ui-autocomplete{
	padding:0;
}

ul.ui-autocomplete li.ui-menu-item{
	width:100%;
}


div#boxdiv_checkbox_items{
	position:relative;
	clear:left;
	margin:10px 0 0 0px;	
}

.checkbox_selection.free_width {
	min-width:190px;
}


/* -------------------- User_permissions tabs ----------------------------------------------------- */
.user_permissions .user_system_tabs {
	margin-top:45px; /*account for the aboslutely positioned link; */
}

.user_permissions .user_system_tabs .enable_system_row {
	margin-bottom:0;
	padding:20px;
	box-sizing:border-box;
}

.user_permissions .user_system_tabs .system_permission_form {
	background-color:#fff;
	padding-bottom:20px;
}

.user_permissions .user_system_tabs .system_permission_form .confirm_button {
	margin-left:10px;
}

.user_permissions .user_system_tabs .vehicle_system_permissions_tabs {
	margin-top:0;
	float:left;
}

.user_permissions .vehicle_system_permissions_tabs ul{
	width:100%;
	z-index:0;
}

.user_permissions .vehicle_system_permissions_tabs .ui-state-active{
	background:#EAF2F9;
	}

.user_permissions .vehicle_system_permissions_tabs li {
    height: 100%;
    margin-right: 6px;
    max-width: 18%;
    text-align: center;
    white-space: normal;
	}

.user_permissions .vehicle_system_permissions_tabs a:focus{
	outline:none;
	}

.user_permissions_tab {
	width:850px;
}

.user_permissions .user_system_tabs .jquery_tabs,
.user_permissions .user_system_tabs .jquery_tab {
	width:100%;
	box-sizing:border-box;
}

.user_permissions .vehicle_system_permissions_tabs .jquery_container{
	border-bottom:none;
	}

.user_permissions .vehicle_system_permissions_tabs div.segment{
	margin: 0 0 10px 0;	
	}

.user_permissions .vehicle_system_permissions_tabs div.segment_body{
	margin: 10px 0 0 0;	
	}

.user_permissions .vehicle_system_permissions_tabs .close_segment,
.user_permissions .vehicle_system_permissions_tabs .open_segment{
	display:none;	
	}

.user_permissions_tab table.vertical_lined tr.user_permissions_table_header td{
	background:transparent url('../images/gradient1x23.png') repeat-x bottom;
	font-weight:bold;
	text-align:center;
	color:#28435B;
    font-size:12px;
    height:23px;
    padding:0 5px 0 10px;
	border:1px solid #9CB2CC;    
	}

div.user_permissions .users_list_link{
	position:absolute;
	left:620px; 
	top:3px;
	z-index: 4;	/*Move the link above ".ui-tabs.ui-widget-content", so it is seen and can be clicked. Must be higher s-index than the "3" of "#mainContent2 #rtd2_div". */
	}

div.user_permissions .users_list_link a{
	font-size:12px;	
	}


/* ------------------- ALERTS IN DIALOG WINDOWS --------------------------- */
div.fieldsets form, 
div.fieldsets fieldset{
	position:relative;
	float:left;
	border:none;
	margin:0;
	padding:0;	
	}
	
div.fieldsets fieldset{
 	background-color:white;
    border-bottom:1px solid #9CB2CC;
    min-height:8px;	
    }

div.fieldsets div.label, 
div.fieldsets div.value{
	float:left;
    font-size:13px;
    font-weight:normal;
    height:100%;
    position:relative;
    text-align:right;	
    }

div.fieldsets div.label{
	width:25%;
	}

div.fieldsets div.value{
    text-align:left;	
	}

div.fieldsets  div.label_background{
	background:url("../images/gradient1x23.png") repeat-x scroll center bottom transparent;
    bottom:0;
    left:0;
    position:absolute;
    top:0;
    width:27%;	
    }

div.fieldsets div.seperator{
	position:absolute;
	top:0;
	bottom:0;
	left:27%;
	width:1px;
	background-color:#9cb2cc;
	}
	
div.fieldsets div.value{
	width:69%;
	margin-top:13px;
	}

table.alert_input_table thead tr{
	background:none;
	}

table.alert_input_table{
	margin:6px 0 20px 0;
	}

.form_with_blue_lines div.dTreeNode input[type="checkbox"]{
	float:none;
	}
	
.centered_text {
	text-align:center;
}

table.alert_input_table tr td.alert_warning{
	background:url("../images/warning.png") no-repeat scroll 50% 50% transparent;
	}

table.alert_input_table th {
	text-align:center;
}
	
table.extended_options_draft th{
	line-height:23px;
	}

table.extended_options_draft tr.caption th{
 	font-size:13px;
   	height:28px;
    line-height:23px;
    text-align:left;
	}

table.extended_options_draft label.alert_addressee{
	margin:0 0 0 6%;
	}
	
.alert_input_table tr td input[type="text"].alert_add_limit_sms_in_period{
	width:32px;
	}	

/* ------------------- SMS sending to driver --------------------------- */
div.incoming_message, div.outgoing_message{
	position:relative; 
	float:left; 
	border:1px solid silver; 
	display:block; 
	padding:5px 7px 5px 8px;
	width:86%;
	color:#555;
	font-size:11px;
	margin: 10px 0 0 0;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid #9CB2CC;
	}

.outgoing_message .basic_object_info {
	display: inline;
}

div.incoming_message{
	background-color:#fff;
	clear:left; 
	}

div.outgoing_message{
	background-color:#D9E5ED;
	}

div.incoming_message_time,
div.outgoing_message_time{
	float:left;
	position:relative; 
	font-size:9px;
	color:#888;	
	clear:left;
	}

div.incoming_message_time{
	margin: 13px 0 0 5px; 
	clear:none;
}

div.outgoing_message_time{
	margin:13px 5px 0 10px;
}

div#sms_tab .segment_body{
	padding:0 0 15px 0;
	}

div#sms_tab div.sms_pagination{
	float:left;
	overflow:hidden;
	padding:5px 0; 
	margin:5px 0 5px 10px;
	}

div#sms_tab div.sms_page_numbers{
	float:left;
	font-size:11px;
	margin:3px 10px 0;
	}

div#sms_tab label.where_to_send_sms{
	float:left;
    position:relative;	
    margin:4px 0 0 0;
	}

div#sms_tab fieldset.sms_receivers input[type="checkbox"]{
    position: relative;	
	float: left;
	clear:left;
	} 
	
div#sms_tab span.sms_history{	
	display: block;
	float:left;
	font-size: 14px;
	font-weight:bold;
	margin:0;
	position:relative;
	text-align:center;
	width:100%;
	}

div#sms_tab div.show_previous{
	margin:10px 0 10px 0;
	text-align:center;
	}

div#sms_tab div.show_previous a{
	font-size:12px;
	}
	
div#sms_tab	input.driver_phone{
	width:100px; 
	margin:0 0 0 30px;
	}
	
div#sms_tab	fieldset.message_text{
	border-bottom:1px solid #9CB2CC;
	}
	
div#sms_tab	textarea#sms_text{
	border:1px solid #D9D9D9;
	margin: 0 0 15px 34px;
	}
	
/* ------------------- SMS sending to driver END --------------------------- */


fieldset.row30 div.label_background,
fieldset.date_row div.label_background,
fieldset.carpanel_table div.label_background,
fieldset.group_editing_options div.label_background,
fieldset.movecars_table div.label_background,
fieldset.groups_global_options div.label_background,
fieldset.row85 div.label_background,
div.jquery_tab  div.label_background,
#time_interval  div.label_background {
	background:url("../images/gradient1x23.png") repeat-x scroll center bottom transparent;
    bottom:0;
    left:0;
    position:absolute;
    top:0;
    width:219px;
	}
	
div.jquery_tab  div.label_background,
#time_interval  div.label_background {
	width:42%;
}

table.fuel_prognosis_table tr td{
	text-align:center;
	}
	
/* Map right side slideouts */

.slideout_panels .slideout_panel_wrapper {
	margin-top:-75px;
	position:absolute;
	right:0;
	transition: width 0.6s ease-in-out;
	width:0;
	z-index:9999;
}

.slideout_panel_wrapper .slideout_content_wrapper,
.alert_list_wrapper,
.create_temporary_users_form_wrapper {
	background-color:#114380;
	position:relative;
	float:left;
	border-bottom-left-radius:5px;
	overflow:hidden;
	width:100%;
	height:100%;
}

.slideout_panels .slideout_handle {
	background-color:#114380;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	position:absolute;
	top:0;
	left:-35px;
	cursor:pointer;	
}

.slideout_panels .slideout_handle_circle {
	height:25px;
	width:25px;
	border-radius:25px;
	margin:5px;
	position:relative;
	z-index:998;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center center;
}

.slideout_panels .slideout_handle_pulse {
	height:5px;
	width:5px;
	border-radius:25px;
	margin:5px;
	position:absolute;
	border:10px solid #ff1200;
	z-index:997;
}

/* ------------------- Create temporary users panel ------------------------- */

.create_temporary_users_wrapper {
	top:30%;
}

.create_temporary_users_wrapper.open {
	width:850px;
}

.create_temporary_users_handle_circle {
	background:#ffffff url('../images/add_user.png') no-repeat center center;
}

.create_temporary_users_form_wrapper {
	min-height: 200px;
	overflow:visible;
}

.create_temporary_users_form_wrapper .progress_indicator {
	background: #ffffff url('../images/tango/progress_overlay_icon.gif') center center no-repeat;
	opacity: 0.7;
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
}

.enable_temporary_access {
	background-color: #ffffff;
	border: 5px solid #114380;
	position: relative;
	width: 840px;
}

.enable_temporary_access .heading {
	padding: 10px;
	border-bottom: 1px solid #114280;
}

/* https://css-tricks.com/snippets/css/clear-fix/ */
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.enable_temporary_access .results,
.enable_temporary_access .errors {
	clear: both;
	display:none;
	padding: 9px;
	text-align: center;
}

.enable_temporary_access .results *,
.enable_temporary_access .errors * {
	display: inline-block;
    float: none;
}

.enable_temporary_access .results span,
.enable_temporary_access .errors span {
	font-size:13px;
}

.enable_temporary_access .results span:nth-of-type(2n) {
	font-weight: bold;
}

.enable_temporary_access .errors span {
	color: red;
}

/* report control elements are used in map, where space is a luxury*/
.enable_temporary_access div#report_control {
	width: 800px;
}

.enable_temporary_access div#report_control fieldset.IS_fieldset div.fieldset_leftside_background,
.enable_temporary_access div#report_control fieldset.IS_fieldset div.fieldset_leftside,
.enable_temporary_access div#report_control fieldset.carpanel_table div.label_background  {
	width: 200px;
}

.enable_temporary_access div#report_control fieldset.carpanel_table div.label {
	width: 185px;
}

.enable_temporary_access div#report_control fieldset.IS_fieldset div.seperator,
.enable_temporary_access div#report_control fieldset.carpanel_table div.seperator {
	left: 200px;
}

.enable_temporary_access div#report_control fieldset.IS_fieldset div.fieldset_rightside,
.enable_temporary_access div#report_control div.value {
	width: 560px;
}

/* ------------------- Alerts panel ------------------------- */

.alert_wrapper {
	top:50%;
}

.alert_wrapper.open {
	width:510px;
}

.no-borderradius .alert_handle {
	background:transparent url('../images/warning_icon_place_ie8fix.png') no-repeat center center;
}

.alert_handle_circle {
	background:#ffffff url('../images/warning.png') no-repeat center center;
}
	
.no-borderradius .alert_handle_circle {
	background:transparent url('../images/warning_icon_ie8fix.png') no-repeat center center;
}

.no-borderradius .slideout_handle_pulse {
	display:none;
}

.alert_handle_circle.new_alerts {
	background:#ff1200 url('../images/warning_inverse.png') no-repeat center center;
}

.no-borderradius .alert_handle_circle.new_alerts {
	background:transparent url('../images/warning_icon_seeme_ie8fix.png') no-repeat center center;
}

.alert_list, .alert_more {
	background-color:#ffffff;
	margin:5px;
	width:500px;
	height:250px;	
	overflow:auto;
}

.alert_more {
	height:auto;
	position:relative;
	float:left;
	margin-top:0;
	font-size:11px;
}

.alert_more .container {
	position:relative;
	float:left;
	margin:0;
	width:49%;
	padding:2px;
}

.alert_more .container.goto_link {
	/*width:39%;*/
	padding:5px;
	position:relative;
	float:right;
	margin:0;
}

.alert_more input {
	margin:0;
	vertical-align:middle;
}

.alert_more a {
	position:relative;
	float:right;
}

.alert_list {
	margin-bottom:0;
	position:relative;
}

.alert_list .alert_row {
	margin:3px 0;
	position:relative;
	float:left;
	cursor:pointer;
}

.alert_list .alert_row .alert_text_wrapper,
.alert_list .alert_row .sos_confirm_wrapper {
	overflow:auto;
}

.alert_list .alert_row.hidden,
.alert_list .alert_row .sos_confirm_wrapper {
	display:none;
}

.alert_list .alert_row .sos_confirm_wrapper {
	margin:5px;
}

.alert_list .alert_row .sos_confirm_wrapper span.comment {
	font-size:11px;
	margin-left:20px;
	font-style:italic;
	color:#4d4d4d;
}

.alert_list .alert_row .sos_confirm_wrapper textarea {
	position:relative;
	float:left;
	height:14px;
	border-radius:2px;
	width: 350px;
	border:1px solid #c0c0c0;
	font-style:italic;
	color:#c0c0c0;
	padding:2px 6px;
	margin:0;
	resize: none;
}

.alert_list .alert_row .sos_confirm_wrapper textarea.started_writing {
	height:100px;
	font-style:normal;
	color:#000000;
}

.alert_list .alert_row .sos_confirm_wrapper .IS_Button {
	background-image:none;
	background-color:#084187;
	border-color:#084187;
	color:white;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

.alert_list .alert_row.new_row {
	font-weight:bold;
	color:#ff1200;
}

.alert_list .alert_row .alert_info, .alert_list .alert_row .text {
	position:relative;
	float:left;
	margin:0 3px;
	font-size:11px;
}

.alert_list .alert_row .alert_info {
	padding-left:20px;
}

.alert_list .alert_row.hydr .alert_info {
	background:transparent url('../images/switch.png') no-repeat left center;
}

.alert_list .alert_row.hydr.emergency .alert_info, .alert_list .alert_row.hydr.sos .alert_info {
	background:transparent url('../images/sos_small.png') no-repeat left center;
}

.alert_list .alert_row.user_alert .alert_info {
	background:transparent url('../images/warning.png') no-repeat left center;
}

.alert_list .alert_row .alert_info {
	width:130px;
	overflow:hidden;
}

.alert_list .alert_row .date {
	font-size:9px;
	color:#4d4d4d;
	font-style:italic;
}

.alert_list .alert_row .text {
	width:320px;
}

/* ------------------- Messages panel ------------------------- */

.messages_wrapper {
	top:40%;
}

.messages_wrapper.open {
	width:510px;
}

.no-borderradius .messages_handle {
	background:transparent url('../images/message_icon_place_ie8fix.png') no-repeat center center;
}

.messages_handle_circle {
	background:#ffffff url('../images/message.png') no-repeat center center;
}

.no-borderradius .messages_handle_circle {
	background:transparent url('../images/message_icon_ie8fix.png') no-repeat center center;
}

.info_circles {
	width:19px;
	height: 19px;
	font-size:14px;
	line-height:1em;
	background:#e60050;
	color: #fff;
	border-radius:50%;
	text-align: center;
	z-index:999;
	padding: 2px;
	box-sizing:border-box;
}

.info_circles.unread_count {
	position:relative;
	display:inline-block;
}

#username .info_circles.unread_count,
.action_row.news_row a .unread_count {	
	margin:0 0 0 8px;
}

.new_messages_count {
	position: absolute;
	top:4px;
	left:14px;
	font-size: 8px;
	width:16px;
	height: 16px;
	display: none;
}

.no-borderradius .messages_handle_pulse {
	display:none;
}

/* ------------------- Create temporary users panel ------------------------- */

.slideout_panel_wrapper.dashboard {
	top:60%;
}

.slideout_panel_wrapper.dashboard .slideout_handle_circle {
	background:#ffffff url('../images/gauge.png') no-repeat center center;
}

.slideout_panel_wrapper.dashboard.open {
	width:510px;
}

.slideout_panel_wrapper.dashboard .data {
	background-color:#fff;
	margin:5px;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	min-height:250px;
	overflow-y:auto;
}

.slideout_panel_wrapper.dashboard .data .content {
	position:relative;
	float:left;
}

.slideout_panel_wrapper.dashboard .data .default_content {
	display:none;
}

.slideout_panel_wrapper.dashboard .data .heading {
	padding:10px 40px 10px 35px;
	width:calc(100% - 75px);
	min-height:9px;
	font-weight:bold;
}

.slideout_panel_wrapper.dashboard .data.empty .heading .device_data {
	display:none;
}

.slideout_panel_wrapper.dashboard .data .heading .ignition.on {
	color:#176a12;
}

.slideout_panel_wrapper.dashboard .data .heading .ignition.off {
	color:#a32530;
}

.slideout_panel_wrapper.dashboard .data.empty .content,
.slideout_panel_wrapper.dashboard .data.no_data .content {
	color:#a4a4a4;
	font-style:italic;
	text-align:center;
	padding-top:75px;
	font-size:20px;
	display: block;
	position:static;
	float:none;
}

.slideout_panel_wrapper.dashboard .info,
.slideout_panel_wrapper.dashboard .data_block {
	position:relative;
	float:left;
	margin:5px;
	width:200px;
}

.slideout_panel_wrapper.dashboard .data_block.inactive {
	display:none;
}

.slideout_panel_wrapper.dashboard .data_block.boat_speed {
	padding-top:40px;
	background:transparent url('../images/skyfms_dashboard/speed_icon.png') no-repeat top center;
	text-align:center;
	float:none;
	overflow:auto;
}

.slideout_panel_wrapper.dashboard .data_block.boad_speed .value {
	font-weight:bold;
	fon-size:1.2em;
}

.slideout_panel_wrapper.dashboard .info {
	width:calc(100% - 50px); /* 5px margin * 2, 15px + 25px padding */
	background:transparent url('../images/checkgps/excl_mark_ora.png') no-repeat 20px center;
	background-size:auto 14px;
	padding:5px 15px 5px 25px;
	margin-bottom:15px;
	font-size:14px;
	text-align:center;
	border:2px solid #f39200;
	font-weight:bold;
	border-radius:20px;
}

.slideout_panel_wrapper.dashboard .in_rows .block_heading {
	padding:5px 15px;
	margin-bottom:5px;
	font-size:14px;
	text-align:center;
	color:#fff;
	background-color:#a1a1a1;
	font-weight:bold;
	border-radius:20px;
}

.slideout_panel_wrapper.dashboard .in_rows .row {
	position:relative;
	float:left;
	margin:5px 0;
	width:100%;
}

.slideout_panel_wrapper.dashboard .in_rows .row .label,
.slideout_panel_wrapper.dashboard .in_rows .row .value,
.slideout_panel_wrapper.dashboard .in_rows .row .units,
.slideout_panel_wrapper.dashboard .in_rows .battery_row .battery,
.slideout_panel_wrapper.dashboard .in_rows .battery_row .battery_value {
	position:relative;
	float:left;
	margin:0 3px;
}

.slideout_panel_wrapper.dashboard .in_rows .row .value.on,
.slideout_panel_wrapper.dashboard .in_rows .row .value.off,
.slideout_panel_wrapper.dashboard .in_rows .battery_row .battery_value {
	font-weight:bold;
}

.slideout_panel_wrapper.dashboard .in_rows .battery_row .battery_value {
	line-height:40px;
	vertical-align:middle;
}

.slideout_panel_wrapper.dashboard .in_rows .row .value.on {
	color:#107646;
}

.slideout_panel_wrapper.dashboard .in_rows .row .value.off {
	color:#a32530;
}
.slideout_panel_wrapper.dashboard .in_rows .row .value.tacho_icon{
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}
.slideout_panel_wrapper.dashboard .in_rows .row .value.rest{
	background-image: url('../Modules/Tachograph/images/rest.png');
}

.slideout_panel_wrapper.dashboard .in_rows .row .value.work{
	background-image: url('../Modules/Tachograph/images/work.png');
}

.slideout_panel_wrapper.dashboard .in_rows .row .value.drive{
	background-image: url('../Modules/Tachograph/images/drive.png');
}

.slideout_panel_wrapper.dashboard .in_rows .row .value.available{
	background-image: url('../Modules/Tachograph/images/available.png');
}


.slideout_panel_wrapper.dashboard .in_rows .battery_row .battery {
	height:40px;
	width:40px;
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:center center;
	margin-right:10px;
	transform:rotate(90deg);
}

.slideout_panel_wrapper.dashboard .in_rows .battery_row .battery.full {
	background-image: url('../images/checkgps/bat_gr.png');
}

.slideout_panel_wrapper.dashboard .in_rows .battery_row .battery.middle {
	background-image: url('../images/checkgps/bat_or.png');
}

.slideout_panel_wrapper.dashboard .in_rows .battery_row .battery.low {
	background-image: url('../images/checkgps/bat_re.png');
}

.slideout_panel_wrapper.dashboard .in_rows .battery_row .battery.empty {
	background-image: url('../images/checkgps/bat_empty.png');
}

.slideout_panel_wrapper.dashboard .in_rows .battery_row .battery.unknown {
	background-image: url('../images/checkgps/bat_empty.png');
	opacity:0.2;
}

/* ------------------- Objects tabs --------------------------- */
#objects_tabs li{	
    height:100%;
    margin-right:6px;
    max-width:18%;
    text-align:center;
    white-space:normal;
	}	
	
#objects_tabs div.jquery_tab{	
	width:980px;
	}		
	
#objects_tabs a:focus{
	outline:none;
	}
	
#objects_tabs div#automatic_groups{	
	margin:24px 0 0 0 ;
	}		

.list_paginator{	
    font-size:12px;
	margin:4px 0 9px 40px;
	text-align:left;
    }

.list_paginator a{	
    font-size:12px;
    }

.paginator_span{
	margin:0 5px 0 5px;
	}

.obj_add_by_coords_dialog .coord_options{
	position:relative; 
	float:left; 
	clear:left;
	margin:0 0 5px 0;	
	}

.obj_add_by_coords_dialog .coord_options label{
    display:block;
    float:left;
    margin:5px 0 0;
  	color:#28435B;
  	font-size:13px;
	line-height:12px;	
	}

div.obj_massadd_dialog form span.massadd_list_heading {
	float:left; 
	margin:12px 0;
	position:relative; 
	width:100%;	
	}

div#massad_list_processing{
	position:relative; 
	float:left; 
	width:15px; 
	height:15px; 
	margin:188px 0 0 97px;
	background:transparent url('../images/progress/ajax_progress_light.gif') no-repeat left center;
	display:none;
	}

div#massad_object_processing{
	width:15px;
	height:15px;
	background:transparent url('../images/progress/ajax_progress_light.gif') no-repeat left center;
	display:none;
	float: right;
	margin-left: 5px;
	}

div.objects_subtool form.form_with_blue_lines div.label_background,
div.obj_add_by_coords_dialog form.form_with_blue_lines div.label_background{
	width:42%;
	}

div.objgroup_confirm_delete_dialog span.objgroup_delete_warning{
	font-size:12px; 
	display:block; 
	margin:10px 0 0 0;	
	}

div.objgroup_confirm_delete_dialog span.objgroup_to_delete,
div.objgroup_confirm_delete_dialog span.question_mark{
	font-size:12px; 
	font-weight:bold;
	}

div.objgroup_confirm_delete_dialog span.explanation{
	font-size:10px;
	color:#555;
	}

div#massadd_additional_options{	
	padding:6px; 
	margin:12px 0 12px 0; 
	width:700px;	
	}
	
div#massadd_additional_options p{	
	font-size:11px;
	}
	
div#objects_massadd_review{	
	margin-top:10px; 
	position:relative; 
	float:left;
	}

#objects_tab .filter,
#objects_for_cars_tab .filter {
	position:relative;
	float:left;
	width:100%;
	margin:20px 0 20px 0;
}

#objects_tab .filter .combobox-wrapper,
#objects_for_cars_tab .filter .combobox-wrapper {
	margin-left:30px;
}

#objects_tab .filter .fence_warning {
	position:relative;
	float:left;
	width:100%;
}

#objects_tab .filter .fence_warning .showall {
	position:relative;
	float:left;
} 

#objects_tab .filter .fence_warning p {
	margin:0 0 20px 30px;	
	position:relative;
	float:left;
}

#objects_tab .filter .searcher,
#objects_for_cars_tab .filter .searcher,
#objects_tab .filter .searcher input,
#objects_for_cars_tab .filter .searcher input,
#objects_tab .filter .searcher .info,
#objects_for_cars_tab .filter .searcher .info {
	position:relative;
	float:left;
}

#objects_tab .filter .searcher,
#objects_for_cars_tab .filter .searcher  {
	margin-left:20px;	
}

#objects_tab .filter .searcher .IS_Button {
	min-height:21px;
}

#objects_tab .filter .IS_Button.clean_search {
	float:right;
	margin-right:30px;
}

#objects_tab .filter .searcher .info,
#objects_for_cars_tab .filter .searcher .info {
	font-size:10px;
	font-style:italic;
	clear:both;
}

div#slider span.slider_value,
.ui-slider.zini-slider span.slider_value{	
	position:relative; 
	float:left; 
	padding:0; 
	margin:-9px 0 -2px -1px; 
	background:#fff; 
	border:1px solid silver;
	}

div.summary_table_wrapper div.spidometer_value{	
	position:relative; 
	float:left; 
	width:auto; 
	margin:2px 0;
	}
	
div#objects_tab .objects_display_instruction{
	color:#008800;
    float:left;
    font-size:14px;
    font-weight:bold;
    margin:15px 0 0 28px;	
	}	
	
div.fieldsets_container{
	position:relative;
	float:left;
	}

div.fieldsets_container form, div.fieldsets_container fieldset{
	position:relative;
	float:left;
	width:100%;
	border:none;
	margin:0;
	padding:0;	
	}
	
div.fieldsets_container fieldset{
	background-color:white;
	min-height:8px;
	border-top:1px solid #CAD6EE;
	}
	
div.fieldsets_container fieldset.last{
	border-bottom:1px solid #CAD6EE;
	}

div.fieldsets_container div.label, 
div.fieldsets_container div.value{
	position:relative;
	float:left;	
	height:100%;
  	margin: 4px 5px;	
    font-size:13px;
	font-weight:normal;
    text-align:right;
	}
	
div.fieldsets_container div.label{
	width:39%;
	color:#114380;
	}

div.fieldsets_container label{
	float:right;
    margin:7px 10px 5px 0;
    position:relative;
    width:auto;
	}


div.fieldsets_container div.label_background {
    background:url("../images/gradient1x23.png") repeat-x scroll center bottom transparent;
    bottom:0;
    left:0;
    position:absolute;
    top:0;
    width:40%;
	}

div.fieldsets_container div.value{
	width:54%;
	text-align:left;
	margin:4px 10px;
	height:100%;
	float:left;
	}

div.fieldsets_container fieldset div.value label{
	float:none;
	}

div.fieldsets_container div.value select{
	margin:0 0 0 3px;
	}

div.fieldsets_container div.seperator{
	position:absolute;
	top:0;
	bottom:0;
	left:40%;
	width:1px;
	background-color:#CAD6EE;
	}

#fences_tabs li{	
    height:100%;
    margin-right:6px;
    max-width:18%;
    text-align:center;
    white-space:normal;
	}	
	
div.overlap_list_settings fieldset div.value label{
	float:none;
	}

div#mapbtns{
	position:relative; 
	float:left; 
	border:1px solid #9CB2CC; 
	width:910px; 
	padding:5px 0 5px 0; 
	background-color:#EAF2F9; 
	margin:10px 0 0 0;
	}

div#mapbtns label.estimate_size {
	position:relative;
	float:left;
	margin-left:10px;
	line-height:20px;
}

.warning_form #map {
	height:400px;
}

#fence_map.init {
	position:absolute;
	left:-9999999px;
}

div#territory_adding_possibilities{
	border:1px solid #9CB2CC; 
	position:relative; 
	float:left; 
	padding:0; 
	width:910px; 
	clear:left; 
	margin:10px 0 10px 0; 
	background-color:#EAF2F9;	
	}

div#territory_adding_possibilities div.info{
	margin:3px 0px 1px 7px;
	position:relative; 
	float:left;
	}

div#titlelist{
 	border:1px solid #9CB2CC; 
 	position:relative; 
 	float:left; 
 	padding:10px; 
 	clear:left; 
 	margin: 10px 0 10px 0; 
 	width:890px; 
 	background-color:#EAF2F9;
	}

div#territory_adding_possibilities div.heading,
div#mapbtns div.heading{
	position:relative; 
	float:left;
	clear:left;
	font-weight:bold;
	margin:5px 0 0 7px;
	}

div#traffic_explaining div.heading,
div#traffic_explaining div.traffic_explaining_image,
div#traffic_explaining div.traffic_explaining_text{
    position:relative;
    float:left;
    z-index:2;
	}
	
#traffic_explaining{
	position:absolute;
    border:1px solid #9CB2CC;
    height:28px;
    padding:0 5px 0 5px;	
    margin:0;
    z-index:2001;
    left:40px;
    top:35px;
}
    
#traffic_explaining.under_object_group {
	top:60px;
}

#traffic_explaining_background {
	position:absolute;
    background-color:#fff;
  	opacity:0.7;
  	top:0;
  	left:0;
  	right:0;
  	bottom:0;
  	z-index:1;
}

.traffic_explaining_hidden{
    display:none;
    }

div#traffic_explaining div.traffic_explaining_heading{
	font-size:12px;
	width:100%; 
	text-align:center; 
	color:#888;
	z-index:2;
	position:relative;
	}

div#traffic_explaining div.traffic_explaining_image{
	background:url("../images/traffic_explaining.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
	margin:3px 7px 0 7px;
    width:106px;
    height:3px;
	}
	
div.help_dialog_opener,
div.help_dialog_opener_top{
	background:url(../images/question_10_10.png) no-repeat 50% 50%;
	cursor:pointer;
	height:20px;
	width:20px; 
	}

div.help_dialog_opener{
	margin:1px 0 6px 8px;
	position:absolute;	
	top:2px; 
	right:20px;	
	}
	
div.help_dialog_opener button.icon-button-help {
	position:relative;
	float:left;
}
	
#nav-h li div.controls-group div.help_dialog_opener {
	padding:0;
	margin:0 5px;
	position:relative;
	top:auto;
	right:auto;
}


#cars .help_dialog_opener{
	margin:1px 4px 5px 4px;
	position:relative;	
	float:right;
	right:0;
	}

div#gritterPathBlock div.help_dialog_opener {
	right:27px;
	}

div.help_dialog_opener_top {
	margin:3px 8px 11px 8px;
	float:left;
    position:relative;
    width:20px;
	}

div.map_container div.help_dialog_opener_top{
	display:none;
	}

div#help_topics{
	position:relative; 
	float:left; 
	width:1155px; 
	padding:10px; 
	margin:24px 0 0 15px;
	}

div#help_topics div.topic_heading_big{
	position:relative;
	float:left;	
	clear:left;	
	font-size:18px; 
	padding:5px;
	font-weight:normal;
	margin:14px 0 0 0;
	}

div#help_topics div.topic_heading{
	font-size:12px; 
	font-weight:bold;
	border:0px solid #ddd;
	padding:8px 0 5px 20px;
	position:relative;
	float:left;
	clear:left;	
 	margin:0 0 0 21px;
	cursor:pointer;
	}

div#help_topics .closed_topic{
	background:url(../images/expand_button.png) no-repeat left center;
	}

div#help_topics .opened_topic{
	background:url(../images/collapse_button.png) no-repeat left center;
	}

div#help_topics div.topic_content{
	position:relative; 
	float:left; 
	clear:left;
	margin:8px 0 24px 60px;
	display:none;
	}

div#help_topics p{
	margin:0 0 5px 0;
	text-indent:12px;
	line-height:16px;
	}

div#help_topics p.image{
	margin:24px 0 24px 0;
	}

.help_dialog_window{
	display:none; 
	max-height:750px;
	overflow:auto;
	}

div#users_tabs div.help_link{
	display:none;
	}


div.user_permissions div.nosauk{
	position:relative;
	float:left;
	clear:none;
	}

div#alerts_management h2.nosauk{
	clear:none;
	margin:0 30px 0 0;
	padding:5px 0 12px 0;
	width:auto;
	position:relative;
	float:left;
	}

div#alerts_management .choose_alert {
	clear:both;
}

.monitoring_info{
	clear:left;
    float:left;
    margin:0 0 13px;
    position:relative;
	}

#categories_list_wrapper{
	position:relative;
	float:left;
	clear:left;
	}

.fences_list_heading{
	float:left;
    margin:5px 0 0 0;
    position:relative;
	}

select#speed_limit_type{
	clear:left;
    display:block;
    float:left;
    position:relative;
    margin:10px 0 10px 0;
	}

/*  Commented out due to not show for the present a hint of nearest objects at addrinfo.tpl 
span.has_far_objects:hover{
	cursor:pointer;
	text-decoration:underline;
	}*/
	
div.fuel_report_change_link{
	display:block;
	clear:none;
	float:left;
	}
	
div.fuel_table_wrapper table .fuel_data{
	width:50px;
	}

div.fuel_table_wrapper table .drive_time{
	width:70px;
	}

div.fuel_table_wrapper table .addrinfo,
div.fuel_table_wrapper table .data_type{
	width:150px;
	}

#address_loading {
	display:none;
	position:absolute;
	top:3px;
	left:-17px;
}

#show_address, #show_carnames {
	display:none;
}

/* Help is displayed in a dialog pop-up if the user has already opened the functionality the help is about (and clicked on the question mark).
	So, in that case, do not show how to get to the described place, as the user is already there. */
.ui-dialog  .noshow_in_dialog {
	display:none;
	}

.ui-dialog  p.image,
div#help_topics  p.image {
	margin:0 0 40px 0;
	}
	
#measurement_value_wrapper {
	position:absolute;
	display:none;
	z-index:1005;
	top:24px;
	left:100px;
}

#measurement_pointer {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-10px;
	width:0;
	border-bottom:11px solid #6998E8;
	border-top:1px solid transparent;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}

#measurement_value_background {
	top:10px;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	border-radius:5px;
	z-index:1003;
	background-color:#6998E8;
}

#measurement_value {
	z-index:1004;
	margin-top:10px;
	position:relative;
	min-width:40px;
	height:10px;
	color:white;
	padding:10px;
	text-align:center;
	line-height:10px;
	font-weight:bold;
}

#toolbarLeft #fenceTable td.eye input {
	margin-right: 2px;
}

table.distconfig_interval_list span.enter_current_odometer_value{
	text-decoration:underline;
	cursor:pointer;
}

form#save_odometer_form table{
	border:10px solid #FFFFFF;
}

form#save_odometer_form table.pay_attention{
	border:10px solid #BBDDFF;
}

form#save_odometer_form table.remove_attention{
	border:10px solid #FFFFFF;
	transition-property:border-color;
    transition-duration:3s;
    transition-timing-function:linear;
    transition-delay:0s;
}

div#sms_tab.message_sending{
	background:url(../images/progress/ovals_e7effe.gif) no-repeat center center;
}

.garmin_message_sent{
	font-size: 12px;
	font-weight: bold; 
	margin: 50px 0 0 45px;	
}

div#sms_tab label {
	float:right;
    margin:10px 10px 13px 0;
    position:relative;
    width:auto;
}

div#report_control input[id^="day"] {
	margin-right:0;
}

table#carTable_inputform_carpanel td.car_name{
	cursor:pointer;
}

/* IS Fieldsets */

div.IS_fieldsets_wrapper{
	margin:0 10px 10px 0;
	position:relative;
	float:left;
	clear:left;
	border:1px solid #CAD6EE;
	border-top:none;
	width:900px;
	z-index:89999;
}

div.IS_fieldsets_outer_wrapper{
    background-color: #eaf2f9;
    border-bottom: 1px solid #9cb2cc;
    border-top: 1px solid #9cb2cc;
    float: left;
    position: relative;
    width: 100%;
}

.devices div.IS_fieldsets_outer_wrapper{
    border-bottom: 1px solid #9cb2cc;
    border-top: 1px solid #9cb2cc;
}

.devices div.segment_name, 
.devices div.segment_controls {
    line-height: 29px;
    margin: 0 7px 0 0;
}

.devices div.segment_name {
    font-weight: bold;
    margin: 0 0 0 10px;
}

/*div.IS_fieldsets_inner_wrapper,
.devices div.IS_fieldsets_inner_wrapper{
	float: left;
    margin: 10px 0 5px 9px;
    position: relative;
    width: 1040px;
    z-index: 89999;
}*/

div.IS_fieldsets_inner_wrapper .combobox-wrapper{
	margin:10px 0 5px 13px;
}

div.IS_fieldsets_inner_wrapper span{ 
	margin:10px 0 5px 11px;
}
div.IS_fieldsets_inner_wrapper span.select2,
div.IS_fieldsets_inner_wrapper span.select2 span {
	margin: 0px 0px 0px 0px;
}

div.subtool_header {
    float:left;
    clear:left;
}

div.subtool_header div.help_dialog_opener_top{
	margin:0;
}

div.subtool_header .name {
    color: #114380;
    font-size: 18px;
    font-weight: bold;
    float:left;
    padding:0px 8px 10px;
}


div.subtool_header .help_button_place {
	float: left;
    margin: 0 0px 10px;
    position: relative;
}

fieldset.IS_fieldset {
    background-color:#FFFFFF;
	border-top:1px solid #CAD6EE;
    min-height:8px;
    min-width:auto;
    float:left;
    position:relative;
    width:100%;
    margin:0;
    padding:0;
}

div#report_control fieldset.carpanel_table div.label,
div#report_control fieldset.row30 div.label {
 	width:205px;
    margin:12px 0 0 7px;
	color:#114380;
    text-align:right;
}

div#report_control fieldset.carpanel_table div.value,
div#report_control fieldset.row30 div.value {
	padding:6px 0 0 12px;
}

fieldset.IS_fieldset div.fieldset_leftside,
fieldset.IS_fieldset div.fieldset_rightside {
    float:left;
    font-size:13px;
    font-weight:normal;
    position:relative;
}

fieldset.IS_fieldset div.fieldset_leftside {
    text-align:right;
	color:#114380;
    width:35%;
    padding:0 0 0 6px;
    border:1px solid #ffffff;
}

fieldset.IS_fieldset div.fieldset_leftside.invisible {
	visibility:hidden;
}

div#report_control fieldset.IS_fieldset div.fieldset_leftside {
    width:219px;
}

fieldset.IS_fieldset div.fieldset_leftside_background {
	background:url("../images/gradient1x23.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
	bottom:0;
	left:0;
	position:absolute;
	top:0;
	width:35%;
}

div#report_control fieldset.IS_fieldset div.fieldset_leftside_background {
	width:219px;
}

fieldset.IS_fieldset div.seperator {
    background-color:#CAD6EE;
    bottom:0;
    left:35%;
    position:absolute;
    top:0;
    width:1px;
}

div#report_control fieldset.IS_fieldset div.seperator,
div#report_control fieldset.carpanel_table div.seperator,
div#report_control fieldset.row30 div.seperator{
	background-color:#CAD6EE;
    left:219px;
}

fieldset.IS_fieldset div.fieldset_rightside {
	padding:6px 0 6px 0;
    width:62%;
}

div#report_control fieldset.IS_fieldset div.fieldset_rightside {
    width:534px;
}

fieldset.IS_fieldset div.fieldset_leftside label {
    float:right;
    margin:8px 14px 13px 0;
    position:relative;
    width:auto;
}

div#report_control fieldset.IS_fieldset div.fieldset_leftside label.with_help_icon,	/* div#report_control - to override this strong specification, where needed */
fieldset.IS_fieldset div.fieldset_leftside label.with_help_icon {
	margin-right: 8px;	/* Less distance from the help icon than from the right side menu. */
    width: 80%;
}

fieldset.IS_fieldset div.fieldset_leftside .help_icon {
	float: right;
	margin: 5px 13px 0 0;
	background: url('../images/question_12x12_grey.png') no-repeat;
	width: 12px;
	height: 12px;
	cursor: pointer;
}

/* Pre-loading the image. */
fieldset.IS_fieldset div.fieldset_leftside .help_icon:after {
	display: none;
	content: url('../images/question_12x12_blue.png');
}

fieldset.IS_fieldset div.fieldset_leftside .help_icon.tooltip_active {
	background: url('../images/question_12x12_blue.png');
}

div#report_control fieldset.IS_fieldset div.fieldset_leftside label {
    margin:8px 14px 9px 0;
 	line-height:13px;
}

fieldset.IS_fieldset div.fieldset_rightside label {
    float:left;
    position:relative;
    width:auto;
}

div#report_control fieldset.IS_fieldset div.fieldset_rightside label {
 	margin:1px 0 0 0;
}

div#report_control fieldset.IS_fieldset div.fieldset_rightside div#boxdiv_checkbox_items label {
 	margin:7px 0 0 0;
}

div#report_control fieldset.IS_fieldset div.fieldset_rightside span.checkboxitems_list {
 	margin:0 0 3px 0;
}

div#report_control fieldset.IS_fieldset div.fieldset_rightside label.weekdays_names {
	cursor:pointer;
	margin:4px 13px 0 0;
}

fieldset.IS_fieldset div.fieldset_rightside div#div_userlist label {
	color:#114380;
}

fieldset.IS_fieldset div.fieldset_rightside .object_options {
	width:100%;
}

fieldset.IS_fieldset div.fieldset_rightside div.combobox-wrapper {
	margin-left:13px;
	width:91%;
}

fieldset.IS_fieldset div.fieldset_rightside .driver_groups_multi_select,
.measurement-select__container {
	margin-left:13px;
}

fieldset.IS_fieldset div.fieldset_rightside div.object_options_select_wrapper input.ui-autocomplete-input {
    width:60%;
}

div#report_control fieldset.IS_fieldset div.fieldset_rightside div.combobox-wrapper {
	min-width:150px;
	margin:0 0 0 2px;
}

div#report_control fieldset.IS_fieldset.show_min_stoptime_web div.fieldset_rightside div.combobox-wrapper,
div#report_control fieldset.IS_fieldset.trimtimes div.fieldset_rightside div.combobox-wrapper {
	width: 80px;
}


div#report_control fieldset.IS_fieldset div.fieldset_rightside .driver_combobox_wrapper div.combobox-wrapper{
    width:100%;
	margin:0 0 0 2px;
}

fieldset.IS_fieldset div.fieldset_rightside .ui-autocomplete-input {
    width:60%;
}

div#report_control fieldset.IS_fieldset.show_min_stoptime_web span.min {
	display:block;
	position:relative;
	float:left;
	margin: 1px 0;
}

fieldset.IS_fieldset div.fieldset_rightside input#object_count_range,
fieldset.IS_fieldset div.fieldset_rightside input#object_count_value {
	position:relative;
	float:left;
}

fieldset.IS_fieldset div.fieldset_rightside input#object_count_value {
	width:20px;
}

div#report_control fieldset.IS_fieldset div.fieldset_rightside .notice_exclamation_mark {
	margin:3px 0 0 0;
	position:relative;
	float:left;
}

div#report_control fieldset.IS_fieldset div.fieldset_rightside .hydr_interval_checkbox {
	clear:left;
	margin:1px 3px 0 6px;
}
div#report_control fieldset.IS_fieldset div.fieldset_rightside .hydr_sensor_checkbox {
	clear:left;
	margin:1px 3px 0 6px;
}
div#report_control fieldset.IS_fieldset div.fieldset_rightside .hydr_sensor_all_checkbox{
	clear:left;
	margin:1px 3px 8px 6px;
}
div#report_control fieldset.IS_fieldset div.fieldset_rightside .hydr_sensor_all_checkbox.checked {
	filter: invert(100%);
}
div#report_control fieldset.IS_fieldset div.fieldset_rightside .hydr_sensor_car_name{
	clear:left;
	margin:1px 3px 0 6px;
	text-decoration: underline;
}
fieldset.IS_fieldset div.fieldset_rightside div.scroll_box img {
 	margin:0 4px 0 0;
 }

fieldset.IS_fieldset input[type=text],
fieldset.IS_fieldset input[type=select],
fieldset.IS_fieldset textarea,
fieldset.IS_fieldset input[type=range],
fieldset.IS_fieldset input[type=password] {
	width:60%;
	border:1px solid #D9D9D9;
    height:16px;
    line-height:16px;
	margin:2px 8px 0 13px;
	padding:2px 0;
    position:relative;
    font-size:1em;
}

fieldset.IS_fieldset input#car_shown,
fieldset.IS_fieldset input.with_history {
	width:30%;
	float:left;
}

fieldset.IS_fieldset input.history {
	width:75px;
	float:left;
}

fieldset.IS_fieldset label.history {
	line-height:25px;
	margin-left:20px;
}

fieldset.IS_fieldset .history_for_user label.history {
	margin-left:0;
}

.tripreporter_cars_form_popup label.history {
	margin:0 5px 0 10px;
	line-height:30px;
	float:left;
}

.tripreporter_cars_form_popup input.value_field.with_history {
	width:25%;
	float:left;
}

.tripreporter_cars_form_popup input.history {
	border:1px solid #aaa;
	padding:0.5rem 8px;
	border-radius:4px;
	width:90px;
	height:28px;
	box-sizing:border-box;
	float:left;
}

.tripreporter_cars_form_popup fieldset button.IS_Button.history,
fieldset.IS_fieldset button.IS_Button.history {
	background:transparent url('../images/history.svg') no-repeat center center;
	background-size:90%;
	float:left;
	width:21px;
	height:21px;
	border-color:#D9D9D9;
}

fieldset.IS_fieldset button.IS_Button.history {
	margin-top:2px;
}

.tripreporter_cars_form_popup fieldset button.IS_Button.history {
	width:28px;
	height:28px;
}

.tripreporter_cars_form_popup button.IS_Button.history:focus,
fieldset.IS_fieldset button.IS_Button.history:focus {
	outline:none;
}

.tripreporter_cars_form_popup fieldset {
	padding:0.5rem;
	border:1px solid #ddd;
	box-sizing:border-box;
}

fieldset.IS_fieldset .link_besides_submit {
	margin:8px 0 0 20px;
	float:left;
}

.tripreporter_temporal_data_history table {
	width:100%;
	border-collapse:collapse;
}

.tripreporter_temporal_data_history table thead {
	background-color:#eaf2f9;
}

.tripreporter_temporal_data_history table th,
.tripreporter_temporal_data_history table td {
	padding:0.5rem;
	border:1px solid #ddd;
}

form#addOrEditUserForm fieldset.IS_fieldset input[type=text],
form#addOrEditUserForm fieldset.IS_fieldset input[type=range],
form#addOrEditUserForm fieldset.IS_fieldset input[type=password] {
	width:37%;
}

form#addOrEditUserForm fieldset.IS_fieldset span#passw_range_explaining {
	position:relative;
	float:left;
	display:block;
	width:auto;
	height:20px;
	margin:5px 0 0 18px;
}

form#addOrEditUserForm fieldset.IS_fieldset span#passw_range_example {
	position:relative;
	float:left;
	clear:left;
	display:block;
	margin:4px 0 0 13px;
	font-size:12px;
}

form#addOrEditUserForm fieldset.IS_fieldset input#passw_range {
	position:relative;
	float:left;
}

form#addOrEditUserForm fieldset.IS_fieldset input#pass_min_strength,
form#addOrEditUserForm fieldset.IS_fieldset input#expiration_months {
	position:relative;
	float:left;
	width:20px;
	padding:0;
	margin:4px 0 0 25px;
	border:none;
}

form#addOrEditUserForm fieldset.IS_fieldset input#expiration_months {
	width:50%;
}

form#addOrEditUserForm table.tacho_cards {
	width:100%;
}

form#addOrEditUserForm input.tacho_card {
	display:block;
}

form#addOrEditUserForm #add_new_tacho_card {
	margin:2px 8px 0 13px;
	background-color:transparent;
	font-weight:bold;
	font-size:18px;
}

 #tacho_card_search #raspberry_id{
	margin: 5px;
}

#tacho_card_search .loading_indicator{
	text-align: center;
}

form#addOrEditUserForm #find_tacho_card_by_raspberry_id{
	margin: 2px;
	padding: 7px;
}

fieldset.IS_fieldset textarea {
	height:auto;
}

form.report_control_form fieldset.IS_fieldset input[type=radio],
form.user_profile fieldset.IS_fieldset input[type=radio] {
	margin:2px 5px 0 4px;
	clear:left;
    float:left;
}

form.user_profile fieldset.IS_fieldset button.IS_Button {
	float:left; 
	clear:left;
}

fieldset.IS_fieldset input[type=checkbox] {
	margin:5px 8px 0 13px;
	float:left;
	clear:left;
}

div#report_control fieldset.IS_fieldset.graph_selector .fieldset_rightside label
{
	float:none;
	margin-top: 0;
}

div#report_control fieldset.IS_fieldset.graph_selector .fieldset_rightside #multiple_graph_selector .toggler-wrap
{
	margin-bottom:3px;
	padding-bottom:3px;
	border-bottom:1px solid #d1d1d1;
}

div#report_control fieldset.IS_fieldset.graph_selector .fieldset_rightside input[type=checkbox]
{
	vertical-align: middle;
	float:none;
	margin-top: 0;
	margin-left: 4px;
	margin-right: 5px;
}

div#report_control fieldset.IS_fieldset.graph_selector .fieldset_rightside input[type=radio]
{
	vertical-align: middle;
	float:none;
	margin-top: 0;
}
div#report_control fieldset.IS_fieldset div#boxdiv_checkbox_items input[type=checkbox]{
	clear:both;
}

div#report_control fieldset.IS_fieldset input[type=checkbox] {
	margin:5px 3px 0 0;
	clear:none;
}

div.IS_fieldsets_wrapper.custom_values fieldset.IS_fieldset:nth-child(2) { 
    border-top:none;
}

/* email export */

#email_export_list div.email_export_row {
	position:relative;
	float:left;
	width:100%;
	cursor:pointer;
	
}

#email_export_new div.email_export_left_row,
#email_export_new div.email_export_right_row,
#email_export_instant div.email_export_left_row,
#email_export_instant div.email_export_right_row,
#email_export_list div.email_export_left_row,
#email_export_list div.email_export_right_row {
	border-bottom: 1px solid #959595;
    border-left: none;
    border-right: none;
    padding-top: 5px;
    padding-bottom: 5px;
    position:relative;
    float:left;
    font-size:12px;
    color:#707070;
}
#email_export_new div.email_export_left_row.first_row,
#email_export_new div.email_export_right_row.first_row,
#email_export_instant div.email_export_left_row,
#email_export_instant div.email_export_right_row,
#email_export_list div.email_export_left_row.first_row,
#email_export_list div.email_export_right_row.first_row{
	border-top: 1px solid #ccc;
}


#email_export_new div.email_export_left_row,
#email_export_new div.email_export_right_row,
#email_export_instant div.email_export_left_row,
#email_export_instant div.email_export_right_row{
	width:47%;
	margin:0;
    height:40px;
    display:table;
}

.email_export_button {
	position:relative;
    float:left;
	width:100%;
	height:80px;
}

#email_export_new div.email_export_button button.IS_Button.email_export_submit,
#email_export_instant div.email_export_button button.IS_Button.email_export_submit{
	width:66%;
	Float: none;
	display: table;
    margin: 0 auto;
    margin-top: 25px;
}

#email_export_new div.email_export_left_row,
#email_export_instant div.email_export_left_row{
	text-align:right;
	padding-right: 10px;
}

#email_export_new div.email_export_input_field,
#email_export_new div.email_export_left_row label,
#email_export_instant div.email_export_input_field,
#email_export_instant div.email_export_left_row label{
	display:table-cell;
  	vertical-align: middle;
}

#email_export_new div.email_export_right_row,
#email_export_instant div.email_export_right_row{
	border-left: 1px solid #959595;
	padding-left: 10px;
}

#email_export_new div.email_export_right_row select, 
#email_export_new div.email_export_right_row input[type=text],
#email_export_instant div.email_export_right_row select, 
#email_export_instant div.email_export_right_row input[type=text]{
	background-color: Transparent;
	border-radius:4px;
	border:1px solid #959595;
    font-size:12px;
    height:22px;
    padding:0;
}

#email_export_new div.email_export_right_row select, 
#email_export_new div.email_export_right_row input[type=checkbox],
#email_export_instant div.email_export_right_row select, 
#email_export_instant div.email_export_right_row input[type=checkbox]{
	cursor:pointer;
}

#email_export_new div.email_export_right_row input[type=text],
#email_export_instant div.email_export_right_row input[type=text]{
	width:85%;
}


#email_export_list div.email_export_row div.email_export_left_row:hover {
	background-color:#d7ecf8;
}

#email_export_list div.email_export_row div.email_export_right_row:hover {
	background-color:#ffd4d4;
}

/* http://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-div */
#email_export_list div.email_export_row div.email_export_right_row.del {
    text-align: center;
}

#email_export_list div.email_export_row div.email_export_right_row.del span.img_center_helper {
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#email_export_list div.email_export_row div.email_export_right_row.del img {
    vertical-align: middle;
}

#email_export_list div.email_export_left_row img{
	width:14px;
	height:14px;
}

#email_export_list div.email_export_left_row {
	border-right: 1px solid #959595;
	width:79%;
}

#email_export_list div.email_export_right_row {
	width:20%;
}

#email_export_list div.email_export_left_row,
#email_export_list div.email_export_right_row{
	height:100px;
}

div.email_export_dropdown,
.email_export_notifications{
	border-radius:5px;
	display:none;
	position:absolute;
	z-index:999;
	background-color:white;
	border:1px solid #ccc;
	width:440px;
	box-shadow:0 3px 10px 0 #e3e1e0;
}
.email_export_notifications{
	height: 50px;
	border: 1px solid;
}
.email_export_notification_info{
	background-color: #D9EDF7;
	color:#31708f;
	border-color:#bce8f1;
}
.email_export_notification_error{
	color: #a94442;
    background-color: #f2dede;
	border-color: #ebccd1;
}
.email_export_notification_success{
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.center-parent{
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.center-vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.center-vertical.loading_img {
	max-width:100%;
	max-height:100%;
}

#email_export_notifications > div{
	font-size: 20px;
	width: 100%;
	text-align: center;
}

.email_export_container {
	margin: 0 auto;
	width:92%;
}

div.email_export_navigation_wrapper {
	display:table;
	width: 81%;
	margin: 0 auto 20px;
}

div.change_to_email_export_new,
div.change_to_email_export_list,
div.change_to_email_export_instant {
	display: table-cell;
	cursor:pointer;
	border:1px solid #959595;
    width:27%;
    text-align:center;
    font-size:12px;
    padding:7px;
    background-color:#959595;
    color:#ddd;
    vertical-align:middle;
}

.fuel_report_row {
	width: 100%;
}

.fuel_report_row,
.fuel_report_graphic {
	margin-top:10px;
    float:left;
    margin-left: 25px;
}

div.change_to_email_export_new:hover,
div.change_to_email_export_list:hover,
div.change_to_email_export_instant:hover {
	background-color:#aaa;
	color:#fff;
}
	

div.change_to_email_export_new.active,
div.change_to_email_export_list.active,
div.change_to_email_export_instant.active{
	background-color:white;
	color:black;
	cursor:default;
}
div.change_to_email_export_new{
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
}
div.change_to_email_export_instant{
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}

div.change_to_email_export_new{
	margin-left:6%;
}


div.email_export_header h2 {
	padding-top:20px;
	text-align:center;
	font-size:16px;
	font-weight:normal;
}

/* triangle styles */

div.email_export_dropdown div.triangle_container {
	display:none;
	position:absolute;
	top:-10px;
	right:25px;
	width:10px;
	height:10px;
}

div.email_export_dropdown div.triangle_border,
div.email_export_dropdown div.triangle {
	width:0;
	height:0;
	position:absolute;
	bottom:0;
	border-style:solid;
}

div.email_export_dropdown div.triangle_border {
	border-color:transparent transparent #959595 transparent;
	border-width:10px;
}

div.email_export_dropdown div.triangle {
	border-color:transparent transparent white transparent;
	border-width:9px;
	left:1px;
}

div#add_obj_form div.value input[type="text"] {
	width:98%;
}

.IS_fieldset .fieldset_rightside .fieldset_warning {
	clear: left;
	float: left;
}

.object_image_selection fieldset {
	line-height:20px;
}

.object_image_selection fieldset img {
	vertical-align:middle;
	margin:0 3px;
}

.object_image_selection fieldset input.radio {
	margin:0;
	vertical-align:middle
}

.objects {
	line-height:22px;
}

.objects img {
	vertical-align:middle;
	margin-right:3px;
}

fieldset.IS_fieldset.kontolpan {
	margin:0;
	border-bottom:none;
}

div.jquery_tabs div.IS_fieldsets_wrapper{
	background-color:#EAF2F9; 
	padding:5px 10px 5px 10px; 
	box-sizing:border-box;
}

select#purchase_list{
	height:146px;
 	margin:3px 0 3px 9px;
	width:400px;
}

form#cars button.IS_Button.objectlist_button{
	margin:4px 0 0 8px; 
}

form#cars div#regNo{
	margin:5px 8px 0 13px; 
}

form#cars fieldset.IS_fieldset div.fieldset_rightside button#saveoptions{
	float:left;
}

form#cars fieldset.IS_fieldset div.fieldset_rightside button.delete_car_date{
	float:none; 
	clear:left; 
	margin:4px 0 0 7px;
}

form#cars fieldset.IS_fieldset div.fieldset_rightside div.odometer_link{
	text-align: left;
	margin: 5px 0 0 13px;
}

form#addOrEditUserForm input.perm_button{
	float:left;
	clear:left;
	margin:3px 4px 2px 13px;
}

form#cars fieldset.IS_fieldset div.fieldset_rightside div.map_images{
	width:100%;
}

form#cars fieldset.IS_fieldset div.fieldset_rightside div.speeding_limit{
 	margin:2px 8px 0 13px; 
}

div.users_container button.IS_Button.save_user_data{
	float:left;
	margin:15px 0 0 0; 
}

div#edit_fence div.IS_fieldsets_wrapper{
	background-color:#EAF2F9; 
	border:none;	
}

div#edit_fence div.IS_fieldsets_wrapper div.fence_group_tree{ 
	margin:2px 8px 0 13px;
}

div#edit_fence fieldset.IS_fieldset div.fieldset_rightside button.IS_Button.fence_cancel_button{  
	float:right; 
	margin:15px 0 5px 0;
}

div#edit_fence fieldset.IS_fieldset div.fieldset_rightside button.IS_Button.fence_submit_button{  
	float:right; 
	margin:15px 20px 5px 0;
}

div#report_control_panel div.min_dataloss_duration{
	margin:2px 0 0 0;
}

div#report_control_panel div.d_input_type{
	margin:2px 0 0 4px;
}

div#report_control_panel div.weekdays_checkboxes{
	margin:0 0 0 -10px; 
}

div#report_control_panel div.show_dates_extra_fields,
div#report_control_panel div.show_drivers_extra_fields{
	margin:0 0 0 -7px;
}


form#objgroup_editform div.label{
	width:32%;
}

form#objgroup_editform div.seperator{
	left:35%;
}

form#objgroup_editform select#group_by_param_custom_field_id,
form#objgroup_editform select#group_by_param_field_name{
	margin: 0 0 0 9px;
}

/* IS Fieldsets END */

/* Icons for cars, drivers and objects */
div.offered_icons {
    float: left;
    margin: 4px 1% 0 3px;
    position: relative;
    width: 100%;
}

div.offered_icons div.chosen_icon{
	background-color:#D3DAE0;
}

div.offered_icon{
	position:relative; 
	float:left; 
	border:1px solid #dedede; 
	padding:5px; 
	text-align:center; 
	min-height:20px;
	height:20px; 
	margin:0 5px 5px 0;
	display:none;
	border-radius:3px;
	cursor:pointer;
}

div.offered_icon:hover{
	background-color:#D3DAE0;
}

div.offered_icons div.current_icon{
	position:relative; 
	float:left;	
}

form#cars div.offered_icons button.IS_button{
	margin:0 0 0 10px;
}

/* Target details dialog */
.task_target_details_tabs,
.task_target_details_tabs fieldset.IS_fieldset, 
.task_target_details_tabs div.IS_fieldsets_wrapper,
.task_target_details_tabs div.jquery_tab {
	width: 500px;
}
.task_target_details_tabs fieldset.IS_fieldset div.fieldset_leftside, 
.task_target_details_tabs fieldset.IS_fieldset div.fieldset_leftside_background {
	width: 150px;
}
.task_target_details_tabs fieldset.IS_fieldset div.seperator {
	left: 150px;
}
.task_target_details_tabs fieldset.IS_fieldset div.fieldset_rightside {
	width: 340px;
}

.task_target_details_tabs .target_image_thumb,
.task_target_editor .target_image_thumb {
	margin-right: 10px;
}
.task_target_details_tabs .target_image_thumb img, 
.task_target_editor .target_image_thumb img {
	height: 150px;
}

.task_target_editor .target_images_container {
	float: right;
	margin-top: 10px;
}

.daily_report{
	clear:left;
}

.car_usage_divider{
	position:relative; 
	float:left;
	clear:left; 
	width:790px; 
	height:3px; 
	background-color:#888888;
	margin: 30px 0;	
}

input#o_starts_date,
input#o_expires_date,
input#o_deadline_date,
input#o_deadline_end_date{
	width:25%;
	text-align:center;
}

input#o_starts_time,
input#o_expires_time,
input#o_deadline_time,
input#o_deadline_end_time{
	width:20%;
	text-align:center;
}

.input_form input#o_address{
	margin:0 0 0 12px;
}

div.order_input_combobox_wrapper div.combobox-wrapper{
	margin:0 0 0 12px;
}

form.task_target span.label_text{
	clear:left;
	margin:5px 0 0 14px; 
	display:inline-block; 
	width:7%;
}

form.task_target div.fullday_explaining{
	position:relative; 
	float:left;
	font-style:italic; 
	font-size:11px; 
	margin:6px 0 0 11px;
	clear:left;
}

form.task_target .o_is_fullday{
	margin:4px 0 0 0;
}

div#o_starts{
	visibility:hidden;
	margin:42px 0 0 0;
}

div.IS_fieldsets_wrapper.tasks_editor{
	margin:0 10px 29px 0;
}

div.task_target_editor table{
	width:41%; 
	margin:10px 0 0 0;
}

div.task_target_editor table tr td{
	vertical-align:top;
}

div.task_target_editor table tr td.label{
	font-weight:bold;
	padding:0 15px 10px 0;
}

div.IS_fieldsets_wrapper div.orderer_combo_wrapper{
	position:relative; 
	float:left; 
	margin:0 0 0 14px;
}


span.link_wrapper{
	position:relative;
	float:left;
	clear:left;
	margin:10px 0 25px 0;
}

div#purchase_details div.car_reg_no_wrapper,
div#purchase_details select#hour,
div#purchase_details select#minute,
div#purchase_details select#driver,
div#purchase_details select#card_no,
div#purchase_details div.combobox-wrapper{
	margin:0 0 0 14px;
}

div#purchase_details{
	margin:15px 0 0 0;
}

div#purchase_details input#date{
	width:100px;
}

div#purchase_details span.car_reg_no{
	float:left;
	margin:5px 0 0 14px;
}

div#purchases_wrapper{
	margin:15px 0 15px;
}

div.uploadfile_data{
	min-width:220px; 
	position:relative; 
	float:left; 
	margin:3px 0 0 15px;
	color:#aaaaaa;
}

div.uploadfile_data.uploadfile_is_selected{
	color:#444444;
}

input.uploadfile{
	display:none;
}

div.uploadbutton{
	clear: left;
	display: none;
	float: left;
	margin: 10px 0 5px 0;
	position: relative;
}

.upload_header{
	margin:0 0 10px 0;
	padding:5px 0 5px 1%;
	width:99%;
}

div.upload_additional_info{
	padding: 0 7px;
}

div.upload_info{
	position:relative;
	margin:0 0px 3px 11px;
}

div#passchange_wrapper div.passchange_info{
	position:relative;
	float:left;
	text-align:left;
	font-size:12px;
	color:#444444;
	margin:10px 0 0;
}

div.last_logins table.log_table{
	margin:20px 0 0;
}

div#odometer_values_wrapper{
	z-index:0;
}

#rtd2_div h3.odometer_values{
	display:block;
	margin:25px 0 10px 0; 
	float:left; 
	width:100%;
}

#rtd2_div h3.work_categories,
#rtd2_div h3.task_job_types,
#rtd2_div h3.cargroup_list,
#rtd2_div h3.user_permissions,
#rtd2_div h3.user_list,
#rtd2_div h3.company{
	display:block;
	margin:4px 0 10px 0; 
	float:left; 
	width:auto;
}

div#work_categories_wrapper select#categories_list{
	height:146px;
	margin:3px 0 3px 9px;
	width:400px;
}

input.column_toggle{
	margin:0 0 0 45px;
}

input.group_toggle{
	margin: 0 0 0 21px;
}

h2.report_settings_total_chb{
	font-size:16px;
}

.driver_comm_window.ui-widget-content {
	border: 2px solid #666;
}
.driver_comm_window h2 {
	float: none; 
	text-align: center;
	font-size: 16px;
}

#comm_window {position: relative;}

#comm_window .close_icon {
	position: absolute; 
	z-index: 2; 
	top: 10px; 
	right: 10px; 
	cursor: pointer;
}

#comm_window .jquery_container {
	border: none;
}

#comm_tabs .ui-state-default { 
    background: none; 
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-bottom: none;
}

#comm_tabs .ui-tabs-nav li a {
	padding: 10px;
	font-weight: normal;
	font-size: 14px;
}

#comm_tabs .ui-state-active { 
    border: 1px solid #ccc;
}

#comm_tabs .ui-tabs-panel {
	border: none;
	border-top: 1px solid #ccc;
}

#comm_tabs .comm_tab_sms {
	color: #F39200;
}

#comm_tabs .comm_tab_garmin {
	color: #951B81;
}

#comm_tabs .comm_tab_droid {
	color: #1D71B8;
}

#comm_window .comm_message {
	overflow: auto;
	margin: 8px 0 8px 0;
}

#comm_window .comm_message .message {
	float: right;
	width: 65%;
	padding: 8px;
	font-size: 12px;
	border: 1px solid #bbb;
}

#comm_window .comm_message .time {
	float:right;
	margin-right: 10px;
	color: #bbb;
}

#comm_window .comm_message.out .message {
	float:left;
}

#comm_window .comm_message.out .time {
	float:left;
	margin-right:0;
	margin-left: 10px;
}

#comm_window #comm_tab_droid .out .message {
	background: #1D71B8;
	border: 1px solid #1D71B8;
	color: #fff;
}

#comm_window #comm_tab_sms .out .message {
	background: #F39200;
	border: 1px solid #F39200;
	color: #fff;
}

#comm_window #comm_tab_garmin .out .message {
	background: #951B81;
	border: 1px solid #951B81;
	color: #fff;
}

#comm_window .comm_send_form {
	margin-top: 10px;
	border-top: 1px solid #bbb;
	padding-top: 10px;
}

#comm_window .counter {
	text-align: center; 
	font-size: 18px; 
	color: #666;
	padding: 10px;
}

div#purchases_wrapper{
 	margin:15px 0 15px;
}

div.uploadfile_data{
	min-width:220px; 
	position:relative; 
	float:left; 
	margin:3px 0 0 15px;
	color:#444444;
}

input.uploadfile{
	display:none;
}

div.uploadbutton{
	clear: left;
	display: none;
	float: left;
	margin: 10px 0 5px 0;
	position: relative;
}

.upload_header{
	margin:0 0 10px 0;
	padding:5px 0 5px 1%;
	width:99%;
}

div.upload_additional_info{
	padding: 0 7px;
}

div.upload_info{
	position:relative;
	margin:0 0px 3px 11px;
}

div.fuel_upload_wrapper{
	position:relative; 
	float:left; 
	margin:4px 0 0 8px;
}

div.fuel_upload_wrapper .choice {
	border: 1px solid #dedede;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0 10px 0 0;
    padding: 5px;
    position: relative;
    text-align: center;
    width: auto;
}

div.fuel_upload_wrapper img:hover{
	background-color:#d3dae0;
}

.fuel_file_upload_fieldset{
	display:none;
}

div#purchases_wrapper span.gas_station_name{
	font-weight:bold;
}

div#purchases_wrapper div.fuel_uploadfile_type{
	font-style:italic;
	clear:left;
}

div.dataTables_wrapper .car_weight_table{
	position:relative;
	float:left;
	margin:30px 0 30px 0;
	
}

div.fuel_upload_totals{
	position:relative;
	float:left;
	margin:0 0 0 12px;
	border:1px solid #bbbbbb;
	padding:10px;
	
}

table.purchases tr td,
table.fuel_upload_data tr td{
	padding:1px 3px 1px 3px;
	
}

fieldset.show_min_stoptime_web div#min_stoptime_slider,
div.users_container div#password_strength_slider,
div.users_container div#password_expiration_slider{
	width:37%;
	position:relative;
	float:left;
	margin:7px 0 0 12px;
}

div.carlist_history fieldset.show_min_stoptime_web div#min_stoptime_slider {
	width:50%;
}

div.carlist_history fieldset.show_min_stoptime_web div#min_stoptime_slider a {
	outline: none;
}

div.carlist_history fieldset.time_selector label {
	text-align: left;
}

fieldset.show_min_stoptime_web input#min_stoptime_web_selected {
	position:relative;
	float:left;
	width:20px;
	padding:0;
	margin:4px 0 0 10px;
	border:none;
}

div.carlist_history fieldset.show_min_stoptime_web input#min_stoptime_web_selected {
	font-size: 11px;
	font-weight: bold;
	color: #28435b;
	text-align: right;
}

li#car_history div.carlist_history fieldset.show_min_stoptime_web span.min {
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
	display: inline-block;
	color: #28435b;
}

div.carlist_history fieldset.show_min_stoptime_web div.fieldset_rightside {
	width: 44%;
	min-width: 134px;
}

div.carlist_history fieldset.show_min_stoptime_web div.fieldset_leftside label {
	margin-right: 0;
}


div.min_stoptime_placeholder fieldset.IS_fieldset div.fieldset_leftside{
	padding:0;
}

div.min_stoptime_placeholder fieldset.IS_fieldset div.fieldset_leftside label{
	font-weight:bold;
	font-size:11px;
	color:#28435b;
}

div.min_stoptime_placeholder fieldset.IS_fieldset.show_min_stoptime_web {
	border-top-width: 0;
}

div.carlist_info_message {
	color:#888888;
	float: left;
	font-size: 11px;
	font-weight:normal;
	padding:14px 0 20px 5px;
}
table.hello_message_table,
table.srs_latvia_hello_message_table {
	width:100%;
}

table.hello_message_table tr td,
table.srs_latvia_hello_message_table tr td {
	text-align:center;
	width:33%;
}

table.srs_latvia_hello_message_table tr td {
	vertical-align:top;
}

table.hello_message_table tr td img,
table.srs_latvia_hello_message_table tr td img {
	border:1px solid #000000;	
}

table.hello_message_table tr td p,
table.srs_latvia_hello_message_table tr td p {
	font-size:14px;
	padding:0 18px 0 18px;	
}

div#hello_design p,
table.hello_message_table tr td span,
div#hello_srs_latvia p,
table.srs_latvia_hello_message_table tr td span {
	font-size:14px;
}

div#hello_design p.first,
div#hello_srs_latvia p.first {
	margin: 9px 0 9px 0;
}

table.hello_message_table tr td span.heading,
table.srs_latvia_hello_message_table tr td span.heading {
	font-weight:bold;
	display:block;
	position:relative;
	margin: 10px 0 0 0;	
}

div.hello_message{
	display:none;
}

div.hello_message span.emphasized{
	font-style:italic;
}

div.hello_message p.heading{
	font-size:16px; 
	text-align:center;
}

#nav-h div.DTTT_container {
	padding: 0;
	margin: 0;
	width: auto;
	position: absolute;
    right: 0;
}

#objects_for_cars_tab .pick_base {
    clear: both;
    padding: 10px 0 0 0;
    vertical-align: middle;
    line-height: 28px; /*same as included IS_buton total vertical space;*/
}

#objects_for_cars_tab .pick_base .info {
	padding-left:10px;
	font-size:10px;
	font-style:italic;
}

div.jquery_container.objects_list,
div.jquery_container.fences_overlap,
div.jquery_container.fences_list,
div.jquery_container.objects_groups{
	background-color:#EAF2F9;
}

.no_walls {
	border-left-width: 0;
	border-right-width: 0;
}

div.view_mode div.delete_route {
	margin:0 0 0 25px;
}

/* Tooltips */

#tooltip_info {
	position: absolute;
	z-index: 999;
	width: 190px;
	text-align: center;
}

#tooltip_info .content {
	position: relative;
	background: #114380;
  	color: #ffffff;
  	max-width: 160px;
  	width: auto;
  	text-align: center;
  	padding: 10px 15px;
  	border-radius: 5px;
}

#tooltip_info .tooltip_triangle {
	bottom: -16px;
	left: 56px;
	position: absolute;
	border-style: solid;
	border-color: #114380 transparent transparent transparent;
	border-width: 9px;
}

#allta_map {
	position: relative;
	z-index: 0;
	height:100%;
}

button.IS_Button.delete_button {
    border:1px solid #770000;
    color:#770000;
    float:left;
    margin:0 0 0 50px;
}

.invoiced_company_id {
	width:63%;
	margin:0 0 9px 12px;
}

.company_currency {
	margin:0 0 0 12px;
}

span.total_active_invoices {
	margin:0 0 0 14px;
	
}

div.pcar_invoice_wrapper {
	position:relative; 
	float:left;
}

div.pcar_invoice_list_view_wrapper {
	max-height:100px;
	overflow: auto;
}

div.company_debt_wrapper {
	position:relative; 
	float:left; 
	clear:left;
}

div#companies_edit .delete_button_white {
	padding:6px 12px;
	margin:14px 0 14px 150px;
	background-color:#ffffff;
	background-image:none;
}

div#companies_edit div.segment_header,
div#companies_edit div.segment_body, 
div#company_another_data_wrapper div.segment_header,
div#company_another_data_wrapper div.segment_body {
    border-bottom: 1px solid #9cb2cc;
}

div#companies_edit div.segment_name,
div#companies_edit div.segment_controls,
div#company_another_data_wrapper div.segment_name,
div#company_another_data_wrapper div.segment_controls {
    line-height:29px;
    margin:0 7px 0 0;
}

div#company_bills_values,
div#company_users_cars {
	background-color:#ffffff;
}

div#company_users_cars.last,
div#company_asigny_availability {
	margin:0 0 20px	 0;
}


div#company_bills_values{
	margin:40px 0 0 0;
}

div#company_bills_values_body {
	margin:0 0 40px 0;	
}

div#company_rest_data p.company_signatures {
    float:left;
    margin:9px 0 7px 13px;
}

div#company_rest_data .responsible_seller {
    float:left;
    margin:4px 32px 0 12px;
    position:relative;
    width:63%;
}

div#company_rest_data select.add_related_company {
    float:left;
    margin:4px 32px 0 12px;
    position:relative;
    width:63%;
}

div#company_rest_data span.help_question_mark.question_sign {
	padding:3px;
	margin:0 7px 0 0;
}

div#company_rest_data textarea.pvz_cars {
	width:90%;
	margin:10px;
}

div#company_rest_data table.related_companies {
    margin:10px 0 10px 14px;
    width:98%;
    border:1px solid #cccccc;
}

div#company_rest_data span.empty_list_message {
    margin:0 0 0 11px;
}

div#company_rest_data p.company_bills_values {
	font-size:14px;
	margin:0;
}

div#company_rest_data table.company_invoices {
	display:block;
	positiom:relative;
	float:left; 
	margin:10px 0 10px 0;
}

div#company_rest_data select.LineProductCode{
	margin:10px;
}

div#company_rest_data p.company_users_cars {
	display:block;
	position:relative;
	float:left;
	margin:0 0 0 11px;
	font-size:14px;
}

div#add_company select {
	margin:0 0 0 13px;
}
	
div#add_company p.errors {
    float:left;
    margin:0 0 11px 14px;
}	
	
.devices div.company_list_heading_type {
	clear:left; 
	margin:15px 0; 
	float:left;
	font-size:14px;
	font-weight:bold;
}

.invoice_change_log table .inc, .invoice_change_log table .add{ 
	color:green;
}
.invoice_change_log table .dec, .invoice_change_log table .del{
	color:red;
}

/* Driver Assistance Access */

#enable_driver_assistance_popup .heading {
	background-color: #3e89ca;
	color: white;
	font-weight:bold;
	font-size:13px;
	padding: 10px 15px 10px 15px;
	position: relative;
}

#enable_driver_assistance_popup .heading img {
	position: absolute;
	right: 15px;
	top: 14px;
}

#enable_driver_assistance_popup .content {
	border: 1px solid #3e89ca;
	font-size:13px;
	padding: 30px;
	text-align: center;
	max-width: 400px;
}

#enable_driver_assistance_popup form {
	text-align: right;
}

#enable_driver_assistance_popup form div.info {
	text-align: center;
}

#enable_driver_assistance_popup label {
	color: #8d8d8d;
	display: inline-block;
	margin-right: 10px;
	text-align: right;
}

#enable_driver_assistance_popup input {
	border: 1px solid #c2c2c2;
	border-radius: 3px;
	font-size:13px;
	margin-right: 30px;
	padding: 6px 12px;
}

#enable_driver_assistance_popup input[type=checkbox] {
	margin-right: 5px;
	position: relative;
	top: 2px;
}

#enable_driver_assistance_popup button {
	background-color: #1e71b7;
	border-color: #1e71b7;
	border-radius: 3px;
	border-style: solid;
	box-sizing: border-box;
	color: white;
	cursor: pointer;
	padding: 10px 0;
	font-size:13px;
	width: 100%;
}

#enable_driver_assistance_popup button:disabled {
	background-color: #979797;
	border-color: #979797;
	/*color: #979797;*/
	cursor: default;
	outline: none;
}

#enable_driver_assistance_popup .close {
	cursor: pointer;
}

#enable_driver_assistance_popup .error_message {
	color: red;
}

#enable_driver_assistance_popup .validation {
	background-color: white;
	color: red;
	/*in place of just height, for transition to work*/
	max-height: 0;
	margin-right: 30px;
	opacity: 0;
	transition: max-height 0.4s linear, opacity 0.4s linear;
}

#enable_driver_assistance_popup .validation.active {
	/*in place of just height, for transition to work*/
	max-height: 100px;
	opacity: 1;
}

#enable_driver_assistance_popup div.disable_autocomplete {
	float: left;
	overflow: hidden;
	position: relative;
}

#enable_driver_assistance_popup .disable_autocomplete input {
	position: absolute;
	left: 10000;
}

.unpaid_invoices_warning,
.loginerror {
	margin:20px 0 20px 0;	
	color:red;
	font-size:14px;
	font-weight:bold;
}

.unpaid_invoices_warning {
	text-align:center;
}

#rtd2_div .unpaid_bills {
	margin:10px 0 0 0;
	color:red; 
}

#rtd2_div .unpaid_bills span {
	font-size:16px;
}

.unpaid_bills_table {
	margin:8px 0;
}

.recover_pass{
 	float: right;
    position: relative;
}

.notloggedin #loginPage .recover_pass {
    float:none;	
}

#feedback_button {
	position: fixed;
	right: 100px;
	bottom: 2px;
}

#feedback-prompt textarea {
	width: 99%;
	height: 150px;
}

#feedback-prompt .progress_indicator {
	display: none;
	float: right;
}

#feedback-prompt.in_progress .attachment_info {
	color: #999999;
}

#feedback-prompt.in_progress .progress_indicator {
	display: block;
}

/*No select is supported in all browsers except for IE9 and earlier versions
, still wont brake anything for IE*/
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;    
}

.g-recaptcha{
	padding-top: 20px;
	display: inline-block;
}

.capthca_wrapper{
	clear:both;
	text-align: center;
	position: relative;   
 	overflow: visible;
}

.ui-dialog .immobilizer .car_list{
	 border:1px solid #ccc;
	 width:230px;
	 height: 250px;
	 overflow-y: scroll;	
}

.ui-dialog .immobilizer .buttons{
	text-align:center;
	width:150px;
	vertical-align: top;
	margin-top: 50px;
}

.ui-dialog .immobilizer .buttons div{
	padding: 15px 0 15px 0;
}

.ui-dialog .immobilizer .buttons .disabled{
	opacity: 0.5;
}

.ui-dialog .immobilizer .container{
	display: inline-block;
	padding-bottom: 20px;
}

.ui-dialog .immobilizer .container h1{
	display: inline-block;
}

.ui-dialog .immobilizer #confirm{
	background-image:none;
	background-color:#006dc7;
	color:#fff;
	border-color:#006dc7;
}

.ui-dialog .immobilizer button,
.ui-dialog .immobilizer input[type="submit"]{
	outline:none;
	border: 1px solid #c4c4c4;
	background-image:none;
	background-color:#fff;	
	color: #4b4c51;
	padding: 6px 12px;
	border-radius: 3px;
	font-size: 14px;
	margin: 5px;
}

.ui-dialog .immobilizer .lock button,
.ui-dialog .immobilizer .unlock button{
	    width: 85%;
}

.ui-dialog .immobilizer .lock #lockSelected,
.ui-dialog .immobilizer .lock #lockAll,
.ui-dialog .immobilizer .unlock #unlockSelected,
.ui-dialog .immobilizer .unlock #unlockAll{  
    vertical-align: middle;  
}

.ui-dialog .immobilizer .button_container {
	border-top: 1px solid #ccc;
	text-align: right;
}

.ui-dialog .immobilizer .car_list div {
 	padding: 2px;
	margin: 4px;
}
.ui-dialog .immobilizer .car_list div.not_in_fence {
	background-color: #e5e5e5;
}

.ui-dialog .immobilizer .actions_not_allowed_explanation{
	color:red;
}

.ui-dialog .immobilizer .submit_immob_data div{
	width:50%;
	margin:auto; 
	text-align:center;
}

.ui-dialog .immobilizer .submit_immob_data .success{
	color:green;
}

.ui-dialog .immobilizer .submit_immob_data .failure{
	color:red;
}

.error_code_info .error_info {
	margin-bottom:20px;
}

.error_code_info .error_info .title {	
	font-weight:bold;
	font-size:1.1em;
}

.error_code_info .error_info .block {
	margin-bottom:5px;
}

.error_code_info .error_info .block:last-child,
.error_code_info .error_info:last-child {
	margin-bottom:0;
}

.error_code_info .error_info .block .block_title {
	text-decoration:underline;
}

div#debt_notices input,
div#debt_notices select {
	margin:3px 0 0 3px;
}

div.devices_overview_tables table {
	width:100%;
}

table.done_msg{
	width:98%;
	border:1px solid #dddddd;
	background-color:#dddddd;
	margin:10px 0 10px 0;	
}

table.done_msg tr td{
	background-color:#ffffff;
}

table.done_msg tr td.sms_request_label,
table.done_msg tr td.sms_answer_label{
	background-color:#EBF3F9;
	width:160px;
	padding:8px;
	font-weight:bold;	
}

table.done_msg tr td.sms_request,
table.done_msg tr td.sms_answer{
	padding-left:1%;
}

div.messages_history {
    float: left;
    font-size: 16px;
    margin:10px 0 0 5px;
    position: relative;
}



.last_sent_message {
    float: left;
    margin: 3px 0 3px 6px;
    width: 100%;
}

.showall_sms {
    float: left;
    margin: 3px 0 3px 6px;
}	  



.action_notice .error_notice_close_button,
.action_notice .success_notice_close_button,
.action_notice .warning_notice_close_button,
.action_notice .info_notice_close_button {
	background: rgba(0, 0, 0, 0) url("../images/icon_close_red.png") no-repeat scroll 50% 50%;
    cursor: pointer;
    float: right;
    height: 18px;
    width: 18px;
    margin:21px 9px 0 0;
}

.action_notice .success_notice_close_button {
    background: rgba(0, 0, 0, 0) url("../images/icon_close_green.png") no-repeat scroll 50% 50%;
}

.action_notice .warning_notice_close_button {
    background: rgba(0, 0, 0, 0) url("../images/icon_close_yellow.png") no-repeat scroll 50% 50%;
}

.action_notice .info_notice_close_button {
    background: rgba(0, 0, 0, 0) url("../images/icon_close_blue.png") no-repeat scroll 50% 50%;
}


.action_notice .notice_text{
	float:left;
	cursor:pointer;
	width:91%;
	margin:21px 0 0 54px;
}

.error_notice,
.success_notice,
.warning_notice,
.info_notice {
	background: url("../images/success_notice.png") no-repeat scroll 10px 50%; 
    background-color: #DBF1D5; 
    float:left;
    border: 2px solid #98BBA3;
    border-radius: 4px;
    color: #576E52	;
    font-weight: bold;
    line-height: 16px;
    margin: 0 0 8px 0;
    min-height: 60px;
    padding: 0;
    width: 100%;
}

.error_notice {
    background: url("../images/error_notice.png") no-repeat scroll 10px 50%; 
    background-color: #f0c6c3; 
    border: 2px solid #C18E85;
    color: #ae5015;
}

.warning_notice {
    background: url("../images/warning_notice.png") no-repeat scroll 10px 50%; 
    background-color: #F9F2D5; 
    border: 2px solid #F9CD13;
    color: #9A6F38;
}

.info_notice {
    background: url("../images/info_notice.png") no-repeat scroll 10px 50%; 
    background-color: #C6E7F4; 
    border: 2px solid #74D0F4;
    color: #0088D7;
}

.devices .error_notice,
.devices .success_notice,
.devices .warning_notice,
.devices .info_notice {
    margin: 0 0 8px;
    border: 2px solid #C18E85;
}

.devices .success_notice{
    border: 2px solid #98bba3;
}

.devices .warning_notice{
    border: 2px solid #F9CD13;
}

.devices .info_notice{
    border: 2px solid #74D0F4;
}

#loadingScreen
{
    display : none;
}

/*TODO: #27675 get rid of svg animation*/
#loadingScreen.visible
{
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url(../images/progress/loading104x104.svg);
    background-color: rgba(102, 102, 102, 0.6);
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}


/* -------------------- Cardevice tabs ----------------------------------------------------- */
#cardevice_tabs,
#cardevice_tabs div.IS_fieldsets_wrapper {
	width:1400px;	
}

#cardevice_tabs, #cardevice_tabs ul, #cardevice_tabs li{
	float:left;
	position:relative;
}

#cardevice_tabs_tabs {
    z-index:1;
}

#cardevice_tabs ul{
	width:100%;	
}

#cardevice_tabs .ui-state-active{
	background-color:#EAF2F9;
}

#cardevice_tabs li.ui-tabs-tab {
    height:100%;
    margin-right:6px;
    max-width:15%;
    text-align:center;
    white-space:normal;
}

#cardevice_tabs a:focus{
	outline:none;
}

.main_cardevice_data .about_deleting {
    clear:left;
    float:left;
    margin:0 0 0 9px;
    position:relative;
}

.main_cardevice_data .hw_version {
    clear:left;
    float:left;
    margin:0 0 0 9px;
    position:relative;
}

.main_cardevice_data .connect_device {
    clear:left;
    float:left;
    margin:0 0 0 9px;
    position:relative;
}

.main_cardevice_data .devicelist {
    clear:left;
    float:left;
    margin:0 0 0 9px;
    position:relative;
}

div#other_data div.IS_fieldsets_inner_wrapper span.about_garmin {
    color:#999;
    font-size:13px;
    font-weight:bold;
    margin:0 0 0 6px;
}

div#other_data div.IS_fieldsets_inner_wrapper p.check_result {
	display:block;
	float:left;
	margin:10px 0 5px;
	position:relative;
}
/* -------------------- Cardevice tabs END ------------------------------------------------------------ */

.ui-dialog #error_msg,
.ui-dialog #loading,
.waiting_for_response{
	text-align: center;
}

.small_info_row_wrapper,
.small_info_row_wrapper_leftside,
.small_info_row_wrapper_rightside{
	position:relative;
	float:left;
}	

.small_info_row_wrapper{
	width:100%;
	clear:left;	
	border-bottom:0px solid #dddddd; 
}

.small_info_row_wrapper_leftside{
	width:47%;
	text-align:right; 
	padding-right:2%;
}

.small_info_row_wrapper_rightside {
	width:50%;
	text-align:left;
	min-height:1em;
}

.small_subtool_header_name{
	color:#666666;
	font-size:14px;
	font-weight:bold;	
}

#main_data #attal td{
	white-space:normal;
}

.incoming_data_block{
	position:relative;
	float:left;
	width:36%;	
}

.cardevice_main_data_wrapper .incoming_data_block {
	width:30%;
}

.cardevice_main_data_wrapper .incoming_data_block #phone_invoices {
	width:10%;
	float:left;
}

#fuel_jump_change_window {
    background:#ffffff none repeat scroll 0 0;
	border:5px solid #dddddd; 
    padding:2px;
    position:relative;
	float:left;	
    width:800px;
	margin:10px 0 25px 0;
}

#calibration_graph{
	position:relative; 
	float:left;
	margin:10px 0 0 0;
	border:5px solid #dddddd;
	background:#ffffff; 
	padding:2px; 
	width:1070px;
}

table.cardevice_data_query_result{
	position:relative;
	float:left;
	clear:left;
	width:100%;
	background-color:#ffffff;	
}

table.cardevice_data_query_result.fixed_table{
	table-layout: fixed;
}

.cardevice_data_query_explaining {
    color:#666666;
    float:left;
    font-size:13px;
    margin:16px 0 0 55px;
    position:relative;
}

span.cardevice_sql_error_warning{
    clear:left;
    color:red;
    float:left;
    font-weight:bold;
    position:relative;
	margin:0 0 0 6px;	
}

input#sql_query_complex{
	font-size:11px; 
	width:100%;
	margin:0 0 0 14px;	
}

fieldset.IS_fieldset.date_time_selector input{
	width:190px;
	margin:0 0 0 13px;
}

p.send_to_device_successfull,
p.send_to_device_unsuccessfull{
	display:block;
	float:right;
	font-weight:bold;
	margin:13px 24px 0 0;
	position:relative;
}

p.send_to_device_successfull{
	color:green;
}

p.send_to_device_unsuccessfull{
	color:red;
}

div#companies div.carlist.smallborder{
	overflow:auto; 
	height:300px; 
	width:200px; 
	border:1px solid #BBBBBB;
	margin:13px 0 10px 13px; 
	clear:left;
}

div#companies div.segment a{
	color:inherit;
	font-weight:inherit;
}

div#calibration_helper,
div#electronic_calibration_helper {
	overflow:auto; 
	height:300px; 
	width:200px; 
	margin:13px 0 10px 13px; 
	clear:left;
}

div#electronic_calibration_helper .ecalibration_fieldset {
	width:500px;
	clear:left;
}

div.calibration_outputs{
	border:1px solid #dddddd;
	height:60px;
	margin:4px 0 0 12px;
	overflow-x:auto;
	padding:2px 4px;
	width:286px;		
}

div#calibration_format_explanation{
	padding:15px;
	text-align:left;
	width:880px;
	position:relative;
	float:left;
}
 
 .datasource_status_input{
 	display:block;
 	float:left;
 }
 
 div#fuel .fuel_source_fieldsets_wrapper{
	position:relative;
	float:left;
	margin:25px 0 0 0;
 }

 div#fuel #ie5{
	display:block;
	clear:left;
	position:relative;
	float:left;
 }

 #calibration_helper_window_opener,
 #electronic_calibration_helper_window_opener {
	position:relative;
	float:left;
	font-size:14px;
	cursor:pointer;
 }
 
 #electronic_calibration_helper_window_opener {
	clear:both;
	margin-top: 10px;
 }
 
 div.calibration_helper_openers {
	float:left;
 }

div#other_data .IS_fieldset ul li{
	clear:left;
	display:block;
	float:left;
	position:relative;
	max-width:100%;
 }
  
 .cardevice_main_data_wrapper{
 	position:relative;
 	float:left;
 	border:1px solid #b6c6e7; 
 	width:1420px;
 	clear:left;
 	border-radius:4px;
 	padding:7px 0;
}
 
div#main_data  fieldset.IS_fieldset textarea.car_edit_infoadd,
div#car_data  fieldset.IS_fieldset textarea.car_edit_infoadd {
	width:100%;
}

#cardevice_tabs  ul.last_reports{
	width:100%;
	list-style:none;
	margin:0 0 0 13px;
	display:block; 
	padding:0; 
}

#cardevice_tabs  ul.last_reports li{
	max-width:100%;
	width:100%;
	text-align:left;
}

.cardevice_main_data{
	position:relative;
	float:left;
	width:25%;
}

.highlighting {
	border:solid 1px #EEE;
	border-collapse:collapse;
	background-color:#ffffff;
	border-spacing:0;
	font-size:13px;
	overflow:hidden;
	z-index:1;
}

.highlighting th {
	border:solid 1px #bbbbbb;
	background-color:#CEE5F9;
	color:#336B6B;
	padding:3px;
	font-size:11px;
    text-align:center;	
}

.highlighting tbody td {
	color:#333;
 	border:1px solid #e3e3e3;
    font-size:11px;
    padding:2px 5px;
    white-space:nowrap;	
}

.highlighting tbody td:hover {
	background-color:#74BBF9;
}

.highlighting tbody td, 
.highlighting thead th {
	position:relative;
}
	
.highlighting tbody td:hover::before {
	background-color:#cee5f9;
	content:'\00a0';
	height:100%;
	left:-5000px;
	position:absolute;
	top:0;
	width:10000px;
	z-index:-1;
}

.highlighting tbody td:hover::after {
	background-color:#cee5f9;
	content:'\00a0';
	height:10000px;
	left:0;
	position:absolute;
	top:-5000px;
	width:100%;
	z-index:-1;
}

.frequent_table_wrapper{
	float:left; 
	margin:20px 30px 10px 10px;
	background-color:#ffffff; 
	border:none;	
}

.frequent_table_wrapper_top{
	position:relative; 
	float:left;
	width:100%;
	border:1px solid #ccc;
}

.frequent_table_name{
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	margin:0; 
	padding:5px 10px; 
	background-color:#98CCF9;
}

.frequent_table_info{
	font-size:11px; 
	height:17px;
}

.frequent_table_compenser{
	height:16px;
	position:relative;
	float:left;
	background-color:#EBF3F9;
	width:100%;
	border-top:1px solid #aaaaaa;
}

div.graph_name{
    position:absolute;
    left:640px;
    top:3px;
    font-size:14px;
    font-weight:bold;
    width:auto;
}
    
div.graph_buttons{
	font-size:14px;
	font-weight:bold;
	left:30px;
	position:absolute;
	top:6px;
	width:auto;
}
        
div.graph_button_1,
div.graph_button_2,
div.graph_button_3,
div.graph_button_4{
    position:relative;
    float:left;
    margin:0 0 0 5px;
    font-size:14px;
    padding:2px 7px 3px 7px;
    width:auto;
    border-radius:3px;
    color:#ffffff;
}
       
div.graph_button_1{
    background-color:#D28EFF;
    border:1px solid #D28EFF;
}
     
div.graph_button_2{
    background-color:#6E99FF;
    border:1px solid #6E99FF;
}
     
div.graph_button_3{
    background-color:#FFA66B;
    border:1px solid #FFA66B;
}
     
div.graph_button_4{
    background-color:#ffffff;
    border:1px solid red;
    color:red;
}

/* -------------------- Fuelconfig tabs ----------------------------------------------------- */
#fuelconfig_tabs{	
	width:99%;	
}

#fuelconfig_tabs_wrapper{
	float:left;
	position:relative;
	background:#ffffff;
	border:5px solid #dddddd;
	margin:15px 0 0 0;
}

#fuelconfig_tabs, #fuelconfig_tabs ul, #fuelconfig_tabs li{
	float:left;
	position:relative;
}

#fuelconfig_tabs, #fuelconfig_tabs ul{
	float:left;
	position:relative;
	background:transparent;
}

#fuelconfig_tabs_tabs {
    z-index:1;
}

#fuelconfig_tabs ul{
	width:100%;	
}

#fuelconfig_tabs .ui-state-active{
	background-color:#EAF2F9;
}

#fuelconfig_tabs li {
    height:100%;
    margin-right:6px;
    max-width:15%;
    text-align:center;
    white-space:normal;
}

#fuelconfig_tabs a:focus{
	outline:none;
}
/* -------------------- Fuelconfig tabs END ------------------------------------------------------------ */

div#main_data input,
div#main_data textarea{
	border:1px solid #D9D9D9;
    line-height:16px;
    margin-left:3px;
    padding:2px 0;
    position:relative;
    font-size:1em;
}

div#main_data input{
	height:16px;
}

div#main_data input.readonly{
	background-color:#F4F4F2;
}

.styled_checkbox input{
    display:none;
}

.styled_checkbox span.chb{
    width:20px;
    height:20px;
    display:block;
    margin:0 10px 0 10px;
    background:url(../images/chb_unchecked.png) no-repeat  center center;
}

.styled_checkbox input:checked + span.chb {
    background:url(../images/chb_checked.png) no-repeat  center center;
}

div#main_data input.begin_date,
div#main_data input.begin_time{
	text-align:center;
}

div#main_data input.begin_date{
	width:90px;
}

div#main_data input.begin_time{
	width:75px;
}

div#main_data table thead tr td{
	text-align:center;
}

div#main_data table tr td{
	padding:2px;
}

div#main_data div.table_wrapper{
	position:relative;
	float:left;
	clear:left;
}

div.news .no_news {
	font-style:italic;
}

div.news .record {
	margin-bottom:20px;
	padding:10px 0;
	overflow:auto;
}	

div.news .record:first-child {
	margin-top:20px;
}

div.news .record:last-child {
	margin-bottom:0;
}

div.news .record h2 {
	font-size:18px;
	color:#545454;
}

div.news,
div.news .record .date_wrap {
	position:relative;
	float:left;
	width:100%;
}

div.news {
	padding:0 0 0 15px;
	max-width:1025px;
	width:calc(100% - 15px);
}

div.news .record .info_wrap,
div.news .record .info_wrap .date,
div.news .record .info_wrap .news_author,
div.news .record .info_wrap .client_managers {
	position:relative;
	float:left;
	font-style:italic;
	font-size:11px;
	color:#949494;
}

div.news .record .info_wrap {
	width:80%;
}

div.news .record .info_wrap .client_managers {
	width:100%;
}

div.news .record .date_wrap.admin .date,
div.news .record .date_wrap.admin .news_author,
div.news .record .date_wrap.admin button {
	margin-right:10px;
	line-height:28px;
	vertical-align:middle;
}

div.news .record .date_wrap.admin button:last-child {
	margin-right:0;
}

div.news_list_wrapper div.buttons{
	position:relative;
	float:left;
	margin:0 0 0 30px;
}

div.news .record .date_wrap.admin button {
    border:1px solid #ccc;
    border-radius:4px;
    height:28px;
    width:28px;
    margin:0 12px 0 0;
    padding:4px;
    position:relative;
    float:left;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
}

div.news .record .date_wrap.admin button:hover {
	background-color:#dddddd;	
}

div.news .record .date_wrap.admin button.buttons_edit {
	background-image:url(../images/checkgps/edit.png);
}

div.news .record .date_wrap.admin button.buttons_eye {
	background-image:url(../images/eye_inactive.png);
}

div.news .record .date_wrap.admin button.buttons_eye.opened_eye {
	background-image:url(../images/eye_active.png);
}

div.news .record .date_wrap.admin button.buttons_delete {
	background-image:url(../images/checkgps/delete.png);
	margin-left:20px;
	border-color:darkred;
}

div.news .record .date_wrap.admin button.buttons_delete:hover {
	background-color:#FDDED6;
}

div.news button .loading {
	position:absolute;
	top:-1px;
	left:-1px;
	bottom:-1px;
	right:-1px;
	background-color:rgba(0,0,0,0.3);
	border-radius:4px;
}

div.news button .loading img {
	max-width:100%;
}

div#news_tab input.datepicker {
	text-align:center;
	width: 95px;
}

div#news_tab input.news_heading {
	width:97%;
}

div#news_tab .subtool_header {
	margin:20px 0 0 15px;
}

.SkyFMS .comment{
	clear:both;
	position: relative;
	padding: 15px;
}

div.hourly_car_states_report {
	clear: both;
	padding: 20px 0 0 20px;
}

div.hourly_car_states_report td.hour {
	padding: 0;
}

div.hourly_car_states_report td.hour div {
	float: left;
	height: 100%;
}

div.hourly_car_states_report div.driving {
	background-color: #00ff00;
}

div.hourly_car_states_report div.standing {
	background-color: #ff0000;
}

div.gps_errors_optiongroup_wrapper {
	margin:0 0 0 13px;
}

div.gps_errors_optiongroup_wrapper .recalculating_interval {
	position:relative;
	float:left;
	clear:left;
	margin:5px 8px 5px 0;
}

div.gps_errors_optiongroup_wrapper label {
	position:relative;
	float:left;
	margin:3px 8px 5px 0;
}

.SkyFMS .switchable_section {
	border-spacing: 0; 
	clear: left;
}

.SkyFMS .switchable_section.hide {
	display:none;
}

.SkyFMS .switchable_section.display {
	display:block;
}

.SkyFMS fieldset.subcolumn {
	padding-left:10px;
}

/* Clockpicker default style overrides */
div.popover {
  z-index: 10000;
}

div.popover.bottom > .arrow:after {
  border-bottom-color:#9CB2CC;
}
div.clockpicker-popover {
	background-color: #9CB2CC;
}

div.clockpicker-popover .popover-title {
	background-color: #9CB2CC;
	color:#DCDCDC;	
	font-size: 18px;
}

div.clockpicker-popover .popover-content {
	background-color: #EAF2F9;
}

div.popover .clockpicker-span-hours.text-primary,
div.popover .clockpicker-span-minutes.text-primary{
	color:#ffffff;	
}

#featurePopup_close.olPopupCloseBox {
	background: url('../images/bubble/cross.png') no-repeat;
}

#featurePopup_close.olPopupCloseBox:hover {
	background: url('../images/bubble/cross_hover.png') no-repeat;
}

div#featurePopup_contentDiv a img.bubble_img {
    vertical-align: middle;
}

div#featurePopup_contentDiv span.bubble_img_wrapper {
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-right: 4px;
}

.SkyFMS div#bar_history,
.SkyFMS div#current_bars {
	margin-top: 0;
}

.SkyFMS div#bar_history {
	margin-bottom: 10px;
}

.SkyFMS div#bar_history span,
.SkyFMS div#current_bars span {
	margin: 0;
}

.SkyFMS .boat_route_row{
    height: 20px;
    cursor: pointer;
    width: 240px;
}

.SkyFMS .boat_route_row:hover{
	background-color:#D1E2EF;
}

/* The same as in datatables.css */
.Boats #toolbarLeft #accordion_placeholder .bellow.drive p {
	background-image:url(../images/listico_ZALSH_boat.png);
}

.Boats #toolbarLeft #accordion_placeholder .bellow.stop p {
	background-image:url(../images/listico_SARKANS_boat.png);
}

.Boats #toolbarLeft #accordion_placeholder .bellow.idle p {
	background-image:url(../images/listico_PELEKS_boat.png);
}

.Boats #toolbarLeft #accordion_placeholder .bellow.battery p {
	background-image:url(../images/listico_ORANGE_boat.png);
}

.Boats #toolbarLeft #accordion_placeholder .bellow.hydraulics p {
	background-image:url(../images/listico_ZILS_boat.png);
}

.Boats #toolbarLeft #accordion_placeholder .bellow.position_unknown p {
	background-image:url(../images/listico_PELEKS_boat.png);
}

.SkyFMS .ibutton_drivers_wrapper #rec_filter {
	float: left;
}

.SkyFMS .ibutton_drivers_wrapper #rec {
	border-spacing: 0px;
	clear:both;
	width:1000px;
}

.SkyFMS .ibutton_drivers_wrapper #rec td {
	padding: 0px 5px 0px 10px;
}

.SkyFMS #driver_behaviour_wrapper {
	clear:both;
}

.SkyFMS #driver_behaviour_wrapper .pie_chart_wrapper {
	float:left;
	margin-right: 20px;
	margin-top: 20px;
	width:260px;
	height:260px;
	border: 1px solid #f2f2f2;
}

.SkyFMS #driver_behaviour_wrapper .pie_chart_wrapper .label_wrapper {
	width:100%;
	height:33%;
	background-color: #f2f2f2;
}

.SkyFMS #driver_behaviour_wrapper .pie_chart_wrapper .label_wrapper .label_image {
	margin-left:auto;
	margin-right:auto;
	padding-top:11px;
	display:block;
}

.SkyFMS #driver_behaviour_wrapper .pie_chart_wrapper .label_wrapper .label_text {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.SkyFMS #driver_behaviour_wrapper .pie_chart_wrapper .pie_chart_placeholder {
	display: inline;
	clear: left;
}

.SkyFMS .immobilizer #unlocked_cars_search,
.SkyFMS .immobilizer #locked_cars_search {
	width:70px;
	border:1px solid #D9D9D9;
	height:22px;
}

tr {
	page-break-inside: avoid; 
}

/*------------------cycle_reports START-------------------*/
.cycle {
	display:table;
	margin-bottom: 24px;
}
.cycle table {
	border-collapse: collapse;
	}
.cycle th, .cycle td {
	font-family: monospace;
	text-align: center;
	padding: 4px;
}
.cycle tr:nth-child(even) {
	background-color: #dddddd;
}
.cycle span {
	font-family: monospace;
}

.skyfms_dialog .group_panel {
	position:relative;
	float:left;
	width:100%;
	box-sizing:border-box;	
}

.skyfms_dialog.both_selectors .group_panel {
	width:calc(50% - 1.5rem - 1px);
}

.skyfms_dialog.both_selectors .group_panel.type_old {
	border-right:1px solid #D9D9D9;
	padding:0 0.5rem 0 0;
}

.skyfms_dialog.both_selectors .group_panel.type_new {
	padding:0 0 0 1rem;
}

.skyfms_dialog .group_panel .panel_title {
	margin:0.5rem 0;
}

.skyfms_dialog .group_panel .tree {
	clear:both;
}

/* new design elements in old layout, should not use if moving to new layout */
input.newDesign2022,
.ui-widget input.newDesign2022,
select.newDesign2022,
.ui-widget select.newDesign2022,
textarea.newDesign2022,
.ui-widget textarea.newDesign2022,
p.newDesign2022,
.ui-widget p.newDesign2022,
td.newDesign2022,
.ui-widget td.newDesign2022,
a.newDesign2022,
.ui-widget a.newDesign2022,
.SkyFMS .skyfms_dialog.newDesign2022 {
	font-family: 'Roboto', Helvetica, Inter, Arial, sans-serif;
}

input:not([type="radio"]):not([type="checkbox"]):not(.select2-search__field).newDesign2022,
textarea.newDesign2022,
select.newDesign2022 {
	border:1px solid #C9C9C9;
	border-radius:4px;
	padding:4px 8px;
	box-sizing:border-box;
	font-size:1em;
	min-height:calc(1em + 10px);
}

input:not([type="radio"]):not([type="checkbox"]).newDesign2022.error,
textarea.newDesign2022.error,
select.newDesign2022.error {
	border-color:#D30B3B;
}

input:not([type="radio"]):not([type="checkbox"]).newDesign2022:active,
textarea.newDesign2022:active,
select.newDesign2022:active,
button.newDesign2022:active,
input:not([type="radio"]):not([type="checkbox"]).newDesign2022:focus,
textarea.newDesign2022:focus,
select.newDesign2022:focus,
button.newDesign2022:focus {
	outline:none;
}