/* public pages common */

/* language menu */
.menu_on {
	font-weight: bold;
}

.langMenuItem {
	border: 0px;
	background-color: #FFFFFF;
	FONT-SIZE: 11px;
	padding: 0px;
	margin: 0px;
	padding-left: 5px;
	color:black !important;
	text-decoration: none !important;
}

.language_bar {
	height: 14px;
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	border: 0px none;
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

/* footer */
.copyright {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #727272;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
.copyright_link {
	font-weight: bold;
}

.test {
	color:red;
}

.mainContentTable {
	width: 100%;
	height: 100%;
}

.menu_spacer {
	width: 12px;
	height: 20px;
	background-image: url(../images/menu_spacer.gif);
	background-repeat: no-repeat;
}

a.men:link,a.men:visited {
	text-decoration: none;
	font-family: Verdana;
	color: #000000;
}

a.men:hover,a.men:active {
	text-decoration: none;
	font-family: Verdana;
	color: #ED1C24;
}

a.men_on:link,a.men_on:visited,a.men_on:hover,a.men_on:active {
	text-decoration: none;
	font-family: Verdana;
	color: #ED1C24;
}

.submenu_spacer {
	width: 12px;
	height: 20px;
	vertical-align: bottom;
	margin-left: 10px;
	background-image: url(../images/submenu_spacer.gif);
	background-repeat: no-repeat;
}

a.left:link,a.left:visited {
	text-decoration: underline;
	font-family: Tahoma;
	font-size: 12px;
	color: #474747;
}

.men {
	color: #0000CD;
}

.menu_new {
	height: 20px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
}

.menu {
	border: 1px solid #8A8A8A;
	background-color: #DFDFDF;
	height: 25px;
	width: 662px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.bottom {
	vertical-align: bottom;
}

.submenu_clean_spacer {
	vertical-align: bottom;
	background-image: url(../images/empty.gif);
	background-repeat: repeat-x;
	width: 5px;
}

.top {
	vertical-align: top;
	margin: 0px;
}

.topWithBorder {
	vertical-align: top;
	margin: 0px;
	border: 1px solid #D1D2D0;
}

.menuItem {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #727272;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
	text-align: left;
}

.menuItemDisabled {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #b0b0b0;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
	text-align: left;
	vertical-align: top;
}

.menuUser {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
	text-align: left;
	vertical-align: top;
	margin: 0px;
}

a.menuItem:link {
	color: #727272;
	text-decoration: none;
}

a.menuItem:visited {
	color: #727272;
	text-decoration: none;
}

a.menuItem:hover {
	color: #FF0000;
	text-decoration: underline;
}

a.menuItem:active {
	color: #727272;
}

.record {
	font-family: Verdana !important;
	font-size: 11px !important;
	font-weight: normal !important;
	text-align: left !important;
	color: #000000;
}

.record_filter {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding: 0px 4px 0px 0px;
}

.record2 {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}

.history_date {
	font-weight: bold;
}

.record_right {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	color: #000000;
	margin-right: 0px;
}

.languageBar {
	font-size: 12px;
}

.field2 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
}

.field {
	font-family: Verdana !important;
	font-size: 11px  !important;
	font-weight: normal;
	vertical-align: bottom;
	text-align: left;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 0px;
	padding-left: 2px;
}

.record_top {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
	vertical-align: top;
}

.record_login {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	color: #000000;
	margin-bottom: 5px;
}

.record_login2 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	color: #727272;
	margin-bottom: 5px;
}

.record_example {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #000000;
}

.record_example2 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	color: #727272;
}

.record_bold {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: justify;
	color: #000000;
}

.record_light_bold {
	color: #463E3F;
	font-weight: bold;
	font-size: 11px;
}

.record_gray {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	color: #808080;
}

.record_gray_italic {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #808080;
}

.container-scroll-shadow-top {
	background-color: #F2F2F2;
	-webkit-box-shadow: -2px 2px 6px 0 rgba(0,0,0,0.2);
	box-shadow: -2px 2px 6px 0 rgba(0,0,0,0.2);
	transition: all 0.3s linear;
}

.container-scroll-shadow-top-darker {
	-webkit-box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.3);
	box-shadow: -2px 2px 6px 0 rgba(0, 0, 0, 0.3);
	transition: all 0.3s linear;
}

.text-search-highlight {
	background-color: yellow;
}

.text-search-highlight-outline {
	background-color: #F99A38;
}

.text-color-light-black {
	color: #1d2228;
}

.record_news {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
}

.record_center {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #000000;
}

.record_center2 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000000;
}

.copyright2 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #727272;
	padding-top: 3px;
	padding-bottom: 3px;
}




.buttonMapEven:hover {
	color: #575757;
}

.buttonMapEven {
	padding: 0px;
	border: 0px;
	font-weight: bold;
	font-size: 11px;
	color: #727272;
	font-family: Verdana;
	background-image: url(../images/map_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.buttonMapOdd:hover {
	color: #575757;
}

.buttonMapOdd {
	padding: 0px;
	border: 0px;
	background-color: #f0eeee;
	font-weight: bold;
	font-size: 11px;
	color: #727272;
	font-family: Verdana;
	background-image: url(../images/map_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.buttonDetaliauEven:hover {
	color: #575757;
}

.buttonDetaliauEven {
	height: 22px;
	border: 0px;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	color: #727272;
	font-family: Verdana;
	background-image: url(../images/detaliau.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-left: 18px;
	background-position: left center;
}

.buttonDetaliauOdd:hover {
	color: #575757;
}

.buttonDetaliauOdd {
	height: 22px;
	border: 0px;
	background-color: #f0eeee;
	font-weight: bold;
	font-size: 11px;
	color: #727272;
	font-family: Verdana;
	background-image: url(../images/detaliau.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-left: 18px;
	background-position: left center;
}

.export_button {
	height: 16px !important;
	width: 16px !important;
	background-image: url(../images/export.gif) !important;
	border: 0px solid red !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: #F2F2F2 !important;
}

.buttonMarsrutaiEven:hover {
	color: #575757;
}

.buttonMarsrutaiEven {
	border: 0px;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	color: #727272;
	font-family: Verdana;
	background-image: url(../images/map_icon.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 18px;
	padding-right: 7px;
	background-position: left center;
}

.buttonMarsrutaiOdd:hover {
	color: #575757;
}

.buttonMarsrutaiOdd {
	border: 0px;
	background-color: #f0eeee;
	font-weight: bold;
	font-size: 11px;
	color: #727272;
	font-family: Verdana;
	background-image: url(../images/map_icon.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 18px;
	padding-right: 7px;
	background-position: left center;
}

.buttonWithMapEven:hover {
	color: #575757;
}

.buttonWithMapEven {
	border: 0px;
	background-color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	color: #727272;
	font-family: Verdana;
	background-image: url(../images/map_icon.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 18px;
	padding-right: 7px;
	height: 16px;
	background-position: left center;
}

.buttonWithMapOdd:hover {
	color: #575757;
}

.buttonWithMapOdd {
	border: 0px;
	background-color: #f0eeee;
	font-weight: bold;
	font-size: 11px;
	color: #727272;
	font-family: Verdana;
	background-image: url(../images/map_icon.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 18px;
	padding-right: 7px;
	height: 16px;
	background-position: left center;
}

.spacer_vertical {
	padding-top: 8px;
}



/* Property label: User name, Container name... */
.propertyLabel {
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana;
	padding: 8px 4px 8px 0px;
	vertical-align: middle;
	color: #000000;
}

.propertiesPanel2 {
	background-color: #E3E3E3;
	border: #8A8A8A solid 2pt;
	empty-cells: show;
}

.propertiesPanel {
	background-color: #F2F2F2;
	border: #979797 solid 1px;
	empty-cells: show;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

.propertiesPanel_2 {
	background-color: #F2F2F2;
	border: #979797 solid 1px;
	empty-cells: show;
	padding: 5px 5px 5px 5px;
	text-align: left;
	width: 420px;
}

.propertiesPanelCenter {
	background-color: #F2F2F2;
	border: #979797 solid 1px;
	empty-cells: show;
	padding: 5px 10px 5px 10px;
	text-align: center;
}

.propertiesPanelCenterAllWidth {
	background-color: #F2F2F2;
	border-color: #979797;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	empty-cells: show;
	padding: 8px 10px 8px 10px;
	text-align: center;
}

.panel {
	border-color: #979797;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #F2F2F2;
	padding: 5px 5px 5px 5px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-align: justify;
}

.propertyInput {
	font-size: 14px;
	font-family: Verdana;
}

.listHeader {
	font-size: 14px;
	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	white-space: nowrap;
}

.itemTable2 {
	width: 100%;
	background-color: #DFDFDF;
	empty-cells: show;
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
}

.itemTable {
	border: 1px solid #979797;
}

.priceTable {
	border-color: #979797;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
}

.priceTable td {
	border-color: #979797;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	padding: 1px 5px 1px 5px;
	border-collapse: collapse;
}

.itemTableText {
	font-size: 12px;
	text-align: left;
	font-family: Verdana;
	padding: 10px;
	margin: 5px;
	font-weight: normal;
}

.tableHeader {
	font-size: 11px;
	color: white;
	background-color: #8A8A8A;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	font-family: Verdana;
	padding: 3px 10px 3px 10px;
}

.tableHeader_daily {
	font-size: 11px;
	color: white;
	background-color: #8A8A8A;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	font-family: Verdana;
	padding: 3px 10px 3px 10px;
}


.evenRow {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: white;
	height: 18px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}

.oddRow {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: #f0eeee;
	height: 18px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}

.evenRow2 {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: white !important;
	height: 22px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}

.oddRow2 {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: #f0eeee !important;
	height: 22px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}

.oddRow3 {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: #F7F7F7 !important;
	height: 22px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}

.evenRow_daily {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: white !important;
	height: 22px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}

.oddRow_daily {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: #f0eeee !important;
	height: 22px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}

.tableCmdLink {
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #039;
}

.hiddenForm {
	visibility: hidden;
	display: none;
}

.recordHeader {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	text-align: center;
}

.header_menu_box {
	border-color: #727272;
	border-width: 1px;
	border-style: solid;
	height: 19px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	background-image: url(../images/menu_2.gif);
	overflow: hidden;
	white-space: nowrap;
}

.headeris {
	border-color: #727272;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	height: 19px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	background-image: url(../images/menu_2.gif);
	overflow: hidden;
}

.headeris22 {
	border-color: #727272;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	height: 22px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: top;
	background-image: url(../images/submenu.gif);
	overflow: hidden;
}

.table-column-header {
	background-color: #F1EEE9 !important;
	border-right: 1px solid #C4C0C9 !important;
	border-bottom: 1px solid #C4C0C9 !important;
	color: #000000 !important;
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 11px !important;
	padding-bottom: 4px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
	text-align: center !important;
	background-image: none !important;
}

.table-column-sep { 
	padding: 0px !important;
	border-left-width: 2px;
	background-color: #C3C0C8 !important;
	min-width: 0px !important;
	max-width: 0px !important;
}

.subtable-column-header {
	background-color: white !important;
	border-right: 1px solid #C4C0C9 !important;
	border-bottom: 1px solid #C4C0C9 !important;
	color: gray !important;
	font-size: 11px !important;
	padding-bottom: 4px !important;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
	text-align: center !important;
	background-image: none !important;
	font-weight: normal !important;
}

.table-header-sticky {
	border-collapse: separate !important; 
	border-spacing: 0 !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
}

.table-header-sticky th {
	position: sticky;
  	top: 0;
  	border-top: 1px solid #C4C0C9 !important;
  	margin-top: 0px !important; 
  	box-sizing: border-box !important;
}

.table-column-sort-text {
	font-family: Arial, Verdana, sans-serif !important;
	color: black !important;
	text-decoration: none !important;	
}

.table-cell-error {
	background-color:  #FF7F7F;
}

.table-column-sort-text:hover {
	text-decoration: underline !important;
}

.table-column-sort-sort2 {
	color: black !important;
	text-decoration: none !important;
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 11px !important;
	background-position: right;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	padding-right: 15px;
	line-height: 15px;
	min-height: 15px;
	display: inline-block;
	vertical-align: middle !important;
}

.table-column-sort-sort2-unsorted {
	background-image:url('../resources/images/sort_unsorted.gif');
}

.table-column-sort-sort2-ascending {
	background-image:url('../resources/images/sort_ascending.gif');
}

.table-column-sort-sort2-descending {
	background-image:url('../resources/images/sort_descending.gif');
}

.table-column-sort-icon {
	padding-right: 15px;
	background-position: right;
	background-size: 15px 9px;
	background-repeat: no-repeat;
}

.table-column-sort-unsorted {
	background-image: url("../images/sort/sort_none.gif"); 
}

.table-column-sort-descending {
	background-image: url("../images/sort/sort_desc.gif");  	
}

.table-column-sort-ascending {
	background-image: url("../images/sort/sort_asc.gif");   	
}

.table-row-even {
	background-color: white;
}

.table-row-odd {
	background-color: #F7F7F7;
}

.table-row-even-important {
	background-color: white !important;
}

.table-row-odd-important {
	background-color: #F7F7F7 !important;
}

.table-row-highlighted {
	background-color: #e7e7e7 !important;
}

.table-row-highlight {
	
}

.table-row-highlight:hover {
	background-color: #F2F2F2; 
}

.table-row-highlight2:hover {
	background-color: #e7e7e7; 
}

.table-column-filter-wrp {
	position: relative;
	display: block;
	width: auto;
	text-align: center;
}

.table-column-filter-input {
	display: inline-block;
	width: 98%;
	box-sizing: border-box;
}

/* menu  { */
.link_image {
	vertical-align: bottom;
	border: 0;
}

.main_menu_middle {
	background-image: url(../images/header_middle_small.png);
	background-repeat: repeat-x;
	background-position: right top;
	border-color: none;
	border-top: 1px solid #F9B7B9;
	padding-left: 10px;
}

.main_menu_spacer {
	padding-left: 60px;
}

.main_menu_item {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #9B9B9B;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}

.main_menu_selected {
	cursor: default;
}
.main_menu_txt {
	display: block;
	line-height: 26px;
	padding: 0 13px 0 13px;
}

.main_menu_item_over {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #9B9B9B;
	background-color: #B93439;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}

.main_menu_item_active {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #9B9B9B;
	background-color: #9F0A0E;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
}

.main_menu_item A:link {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item A:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item A:active {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item A:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item_active A:link {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item_active A:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item_active A:active {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item_active A:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item_over A:link {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item_over A:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item_over A:active {
	color: #FFFFFF;
	text-decoration: none;
}

.main_menu_item_over A:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.submenu_table {
	border-color: #727272;
	border-width: 1px;
	border-style: solid;
	height: 19px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	background-image: url(../images/menu_4.gif);
	overflow: hidden;
	white-space: nowrap;
	
}

.subMenCol1 {
	vertical-align: top;
}

.subMenCol2 {
	vertical-align: top;
	background-color: #979797;
}

.subMenCol3 {
	vertical-align: top;
}

.subMenItem{
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
}

.submenu_container {
	white-space: nowrap;
	display: table-cell;
	background-color: #E6E6E7;
	background-image: url(../images/menu_4.gif);
	background-repeat: repeat-x;
	border-color: #727272;
	border-width: 1px;
	border-style: solid;
	
	-moz-box-shadow: 0px 0px 5px #979797;
	-webkit-box-shadow: 0px 0px 5px #979797;
	box-shadow: 0px 0px 5px #979797;
	
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.sub_menu_in {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #000000;
	vertical-align: top;
	background: url(../images/submenu_sep.png) no-repeat left center;
	padding: 0 10px 0 10px;
}

.sub_menu_in_active {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #ed1c24 !important;
	vertical-align: top;
	background: url(../images/submenu_sep.png) no-repeat left center;
	padding: 0 10px 0 10px;
	text-decoration: none;
}

.sub_menu_in1 {
	FONT-SIZE: 11px !important;
	FONT-WEIGHT: bold !important;
	color: #000000 !important;
	text-decoration: none !important;
	padding: 0 10px 0 10px;
}

.sub_menu_in1:HOVER {
	color: #ed1c24 !important;
	text-decoration: none !important;
	padding: 0 10px 0 10px;
}

.sub_menu_in1_active {
	FONT-SIZE: 11px !important;
	FONT-WEIGHT: bold !important;
	color: #ed1c24 !important;
	text-decoration: none !important;
	padding: 0 10px 0 10px;
}

.sub_men_selected_item {
	color: #6B6B6B;
}

.sub_menu {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #000000;
	vertical-align: middle;
}

.sub_menu_in_right {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #000000;
	vertical-align: top;
	padding-top: 1px;
}

.sub_menu_in_right_active {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #ed1c24 !important;
	vertical-align: top;
}

.sub_menu_right {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #000000;
	vertical-align: bottom;
	padding-top: 0px;
}

.sub_menu a,.sub_menu_right a {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #000000;
}

.sub_menu a:link,.sub_menu_right a:link {
	text-decoration: none;
	color: #000000;
}

.sub_menu a:visited,.sub_menu_right a:visited {
	text-decoration: none;
	color: #000000;
}

.sub_menu a:active,.sub_menu_right a:active {
	text-decoration: none;
	color: #ED1C24;
}

.sub_menu a:hover,.sub_menu_right a:hover {
	text-decoration: none;
	color: #ED1C24;
}

.sub_menu_left {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #000000;
	position: absolute; 
	left: 5px; 
	top: 5px; 
	white-space:nowrap;
}

.sub_menu_left a {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #000000;
}

.sub_menu_left a:link {
	text-decoration: none;
	color: #000000;
}

.sub_menu_left a:visited {
	text-decoration: none;
	color: #000000;
}

.sub_menu_left a:active {
	text-decoration: none;
	color: #ED1C24;
}

.sub_menu_left a:hover {
	text-decoration: none;
	color: #ED1C24;
}

.sub_menu_notifications_icon {
	cursor: pointer; 
	display: inline-block; 
	position: relative; 
	padding: 0px; 
	margin: 0px; 
	margin-right: 1px; 
	border: 0px;
}

.sub_menu_notifications_title {
	display: inline-block; 
	position: relative; 
	margin-left: 2px;
	top: -1px;
}

.sub_menu_notifications_not_important {
	color: gray !important; 
	font-weight: normal !important; 
	font-size: 10px !important; 
	position: relative; 
	top: -1px;	
}

.sub_menu_notifications_count_title {
	margin: 0px 0px 0px 0px;
	padding: 1px 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color:  #b94a48;
    color: white !important;
    font-size: 8px!important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-decoration: none;
    
	display: inline-block; 
    position: relative;
    top: -3px;
    margin-left: 1px;
    margin-right: 5px;  	
}

.sub_menu_notifications_container {
	display: inline-block; 
	vertical-align: top;
	height: 13px;
}

/* menu  } */




.CalendarTable {
	border: 1px solid #FFFFFF;
	background-color: #8a8a8a;
}

.CalendarDigit {
	font-family: tahoma, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #000000;
	white-space: nowrap;
}

.TicketPanel {
	background-color: #F2F2F2;
	border: #979797 solid 1px;
	empty-cells: show;
}

.TicketGPanel {
	background-color: #F2F2F2;
	border: #979797 solid 1px;
	empty-cells: show;
}

.centered_content {
	position: absolute;
	left: 50%; /*puts margin starting point at the center of the page*/
	width: 980px; /*this can be any width that you like*/
	margin-left: -480px;
	/*this margin is negative one-half of the container width */
	background-color: #ffffff;
}

.centered_content2 {
	width: 100%;
	background-color: #ffffff;
}

.gmaps_text {
	font-size: 10px;
	font-family: verdana;
}

.headeris {
	border-color: #727272;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	height: 19px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	background-image: url(../images/menu_2.gif);
	overflow: hidden;
}

.news_title_text {
	color: #000000;
	text-align: center;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FONT-FAMILY: Arial, verdana, Helvetica, sans-serif;
	height: 13px;
	padding: 3px 0px 3px 0px;
	background-image: url('../images/menu_2.gif');
	border-bottom: 1px solid #727272;
}

.news_title_text2 {
	height: 14px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	text-align: center;
	padding: 3px 0px 3px 0px;
	background-image: url('../images/menu_2.gif');
	border-bottom: 1px solid #727272;
}

.news_test_bg {
	padding: 5px 7px 5px 5px;
	text-align: justify;
}

.news_test_bg_monitor {
	padding: 5px 0px 5px 2px;
	text-align: justify;
}

.news_test_bg_center {
	padding: 5px 7px 5px 5px;
	text-align: center;
}

.news_box {
	border: 1px solid #727272;
	margin-left: 5px;
	margin-right: 5px;
}

.box_left {
	border: 1px solid #727272;
	width: 180px;
	overflow: hidden;
}

.box_right {
	border: 1px solid #727272;
	width: 230px;
}

.box_text {
	height: 19px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	text-align: center;
}

.box_bg {
	padding: 5px 5px 5px 5px;
	background-color: #F2F2F2;
	overflow: hidden;
}

.box {
	border: 1px solid #727272;
}

.mainCommandLnkColor:link, .mainCommandLnkColor:visited {
	text-decoration: none;
	font-family: Verdana;
	color: #022c6a;
}

.mainCommandLnkColor:hover, .mainCommandLnkColor:active {
	text-decoration: none;
	font-family: Verdana;
	color: #0090FF;
}

.simpleCommandLnkUnderlined:link, .simpleCommandLnkUnderlined:visited {
	text-decoration: underline;
	font-family: Verdana;
	color: #022c6a;
}

.simpleCommandLnkUnderlined:hover, .simpleCommandLnkUnderlined:active {
	text-decoration: underline;
	font-family: Verdana;
	color: #0090FF;
}

a:link,a:visited {
	text-decoration: underline;
	font-family: Verdana;
	color: #022c6a;
}

a:hover,a:active {
	text-decoration: underline;
	font-family: Verdana;
	color: #aa0000;
}

.red_bold {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #ed1c24;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

.black_bold {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #000000;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

a.top:link,a.top:visited {
	text-decoration: none;
	font-family: Verdana;
	color: #727272;
}

a.top:hover,a.top:active {
	text-decoration: underline;
	font-family: Verdana;
	color: #aa0000;
}

.newsTable TD {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 8pt;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #000000;
	PADDING-TOP: 0px;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	TEXT-ALIGN: justify;
}

/* news */
.news_title_red_bold {
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	COLOR: #ed1c24;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

.news_title_red {
	COLOR: #ed1c24;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

.news_text {
	FONT-SIZE: 8pt;
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	TEXT-ALIGN: justify;
}

.news_left_image {
	float: left;
	margin: 2px 5px 5px 5px;
}

.spacer {
	vertical-align: bottom;
}

.login_menu {
	text-align: left  !important;;
	FONT-SIZE: 11px  !important;;
	FONT-WEIGHT: bold  !important;;
	color: #000000  !important;;
	padding-left: 4px  !important;;
	padding-right: 10px  !important;;
}

.login_menu_selected {
	FONT-SIZE: 11px !important;;
	FONT-WEIGHT: bold !important;;
	color: #ED1C24  !important;;
	padding-left: 4px  !important;;
	padding-right: 10px  !important;;
}

.login_menu a {
	FONT-SIZE: 11px !important;;
	FONT-WEIGHT: bold !important;;
	color: #000000 !important;
}

.login_menu a:link {
	text-decoration: none  !important;
}

.login_menu a:visited {
	text-decoration: none  !important;
}

.login_menu a:active {
	text-decoration: none  !important;;
	color: #ED1C24  !important;;
}

.login_menu a:hover {
	text-decoration: none  !important;;
	color: #ED1C24  !important;;
}

.login_menu_selected a {
	text-decoration: none !important;;
	font-family: Verdana !important;;
	FONT-SIZE: 11px !important;;
	FONT-WEIGHT: bold !important;;
	color: #ED1C24 !important;;
}

.login_menu_selected a:link {
	text-decoration: none  !important;
}

.login_menu_selected a:visited {
	text-decoration: none  !important;
}

.login_menu_selected a:active {
	text-decoration: none !important;
}

.login_menu_selected a:hover {
	text-decoration: none !important;
}

.menu_box {
	color: #000000;
	text-align: center;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	background-image: url('./images/menu_2.gif');
	border-bottom: 1px solid #727272;
}

.login_box_bg {
	padding: 0px 5px 5px 20px;
	background-color: #F2F2F2;
	overflow: hidden;
}

.news_main {
	padding: 5px 5px 5px 0px;
	text-align: justify;
}

.date {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #727272;
	padding-bottom: 5px;
	vertical-align: top;
}

.news_images img {
	border: 1px solid #727272;
}

.watch_link {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}

.select {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	vertical-align: baseline;
	text-align: left;
	color: #000000;
}

.select2 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	vertical-align: baseline;
	text-align: left;
	color: #000000;
	width: 100px;
}

.select3 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	vertical-align: baseline;
	text-align: left;
	color: #000000;
	width: 180px;
}

.content_box {
	border-color: #727272;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-top-width: 0px;
}

.news_box_2 {
	margin-left: 0px;
	padding-top: 0px;
}

.news_box_public {
	border: 1px solid #727272;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 0px;
}

.middle {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: baseline;
}

.user {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana;
	TEXT-DECORATION: none;
	text-align: left;
	padding-bottom: 0px;
	padding-top: 3px;
	padding-left: 5px;
	vertical-align: top;
}





.TopBar {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	background-color: rgb(255, 255, 255);
	font-size: 12px;
	font-family: Verdana;
	font-weight: normal;
	text-align: center;
}

.report_legend_panel {
	margin-top: 10px;
	padding: 8px 8px 8px 8px;
	background-color: #F2F2F2;
	font-family: Verdana;
	width: 244px;
	font-size: 11px;
	text-align: left;
	border: 1px solid #979797;
}

.mapError {
	font-size: 10pt;
	color: red;
}

.inside_menu {
	text-align: left;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #000000;
	padding-left: 4px;
	padding-right: 8px;
}

.inside_menu a {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	color: #000000;
}

.inside_menu a:link {
	text-decoration: none
}

.inside_menu a:visited {
	text-decoration: none
}

.inside_menu a:active {
	text-decoration: none;
	color: #ED1C24;
}

.inside_menu a:hover {
	text-decoration: none;
	color: #ED1C24;
}

.inside_menu_spacer {
	width: 12px;
	background-image: url(../images/menu_spacer.gif);
	background-repeat: no-repeat;
}

.scroll_panel {
	border-color: #979797;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #F2F2F2;
	padding: 5px 5px 5px 5px;
	width: 255px;
	height: 412px;
	overflow: auto;
	font-family: Verdana;
	font-size: 9px;
}

.monitoring_scroll_panel {
	border-color: #979797;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #F2F2F2;
	padding: 5px 5px 5px 5px;
	width: 255px;
	overflow: auto;
	font-family: Verdana;
	font-size: 9px;
}

.monitoring_scroll_fixed {
	overflow-x: hidden;
	height: 418px;
}

.scroll_panel3 {
	border-color: #979797;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #F2F2F2;
	padding: 5px 5px 5px 5px;
	overflow: auto;
	font-family: Verdana;
	font-size: 9px;
}

.scroll_panel2 {
	border-color: #979797;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #F2F2F2;
	padding: 5px 5px 5px 5px;
	width: 250px;
	height: 180px;
	overflow: auto;
	overflow-x: hidden;
	font-family: Verdana;
	font-size: 11px;
}

.report_date_panel {
	margin-top: 10px;
	border-color: #979797;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #F2F2F2;
	padding: 5px 5px 5px 5px;
	width: 260px;
	font-family: Verdana;
	font-size: 11px;
}

.report_date_panel2 {
	margin-top: 10px;
	border-color: #979797;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	background-color: #F2F2F2;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 250px;
	font-family: Verdana;
	font-size: 11px;
}

.headerReport {
	color: #000000;
	background-color: #e7e7e7;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	background-image: url(../images/menu_2.gif);
	background-repeat: repeat-x;
}

.footerReport2 {
	color: #000000;
	background-color: #e7e7e7;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	background-image: url(../images/menu_2.gif);
	background-repeat: repeat-x;
}

.footerReport {
	background-color: #d0cfd0 !important;
	font-weight: bold;
	background-image: url(../images/table_footer.gif) !important;
	background-repeat: repeat-x !important;
	white-space: nowrap !important;
}

.footerCenteredReport {
	background-color: #d0cfd0;
	font-weight: bold;
	background-image: url(../images/table_footer.gif);
	background-repeat: repeat-x;
	white-space: nowrap;
	text-align: center;
}

.deviceNameReport {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	/*  padding-top:5px;
   padding-bottom:5px; */
}

.centerBold {
	text-align: center;
	font-weight: bold;
}

.leftBold {
	text-align: left;
	font-weight: bold;
}

.titleReport {
	background-color: #e7e7e7 !important;
	background-image: none !important;
	font-weight: bold !important;
	text-align: center !important;
}

.titleReportNormal {
	background-color: #e7e7e7 !important;
	background-image: none !important;
	text-align: center !important;
}

.headerSummary {
	background-color: #e7e7e7 !important;
	background-image: none !important;
	font-weight: bold !important;
}

.footerSummary {
	background-color: #e7e7e7;
	font-weight: bold;
}

.centerNormal {
	text-align: center !important;
	font-weight: normal !important;
}

.recordLegend {
	padding-left: 8px;
}

.rDetailTable {
	width: 500px;
}

.rGeneralTable {
	width: 500px;
}

.rTable {
	width: auto;
	BORDER-BOTTOM: #c4c0c9 1px solid;
}

.side_panel { /*width: 244px; */
	
}

#fUpload {
	margin-top: 10px;
}

.rich-fileupload-toolbar-decor {
	background-color: #F2F2F2;
	text-decoration: none;
}

.rich-fileupload-ico {
	background-color: #ED1C24;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.formSpace {
	padding-right: 2px;
}

.locPointsEmpty {
	padding-bottom: 10px;
	padding-top: 2px;
}

.fixedTable {
	height: 100%;
	width: 100%;
}

/*

*/
.simpleTableHeader {
	font-size: 11px;
	color: white;
	background-color: #e7e7e7;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	font-family: Verdana;
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
	border-collapse: collapse;
}

.simpleTableHeader2 {
	font-size: 11px;
	color: white;
	background-color: #e7e7e7;
	font-weight: bold;
	text-align: center;
	font-family: Verdana;
	padding: 3px 3px 3px 3px;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
	border-collapse: collapse;
}

.simpleTableFooter {
	font-weight: bold;
	background-color: #e0e1e1;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
	text-align: center;
	white-space: nowrap;
	border-collapse: collapse;
	padding: 3px 5px 4px 5px;
	vertical-align: bottom;
	empty-cells: show;
	
	border: 1px solid #979797;
}

.simpleTableContent {
	border: 1px solid #979797;
	background-color: #DFDFDF;
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
	
	border-collapse: collapse;
	empty-cells: show;
}

.simpleTableEvenRow2 {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: white;
	height: 18px;
	font-weight: normal;
}

.simpleTableOddRow2 {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: #f0eeee;
	height: 18px;
	font-weight: normal;
}

.simpleTableEvenRow {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: white;
	height: 18px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}

.simpleTableOddRow {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	background-color: #f0eeee;
	height: 18px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}



.simpleTable2Content {
}

.simpleTable2Header {
	
}

.simpleTable2Footer {  
	
}

.simpleTable2EvenRow {  
	background-color: #eeeeee;
}
.simpleTable2OddRow {  
	background-color: white;	
}


.simpleTable2ActionButton {
	border: 1px solid #888888;
	background-color: #DDDDDD;
	
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.simpleTable2ActionButton:hover {
	border: 1px solid gray;
	background-color: #CCCCCC;
}

.unread {
	font-weight: bold;
}



/*

*/
.RichTableHeader { /*

background-color: #e2e2e2;*/
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
}

.ServiceTableRow {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
}

.richTableHeaderHistory {
	border-color: #979797;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	height: 18px;
}

.reportFilterColumn1 {
	
}

.reportFilterColumn2 {
	width: 70px;
}

.reportControlPanel2Column1 {
	width: 110px;
}

.reportControlPanel2Column2 { /*width: 70px; */
	
}

.menuHighLight {
	letter-spacing: -1px;
	vertical-align: top;
}

.menuHighLightBG {
	background-color: #ED1C24;
}

.menuNormal {
	color: black !important;
}

.formStyle {
	padding: 0px;
	margin: 0px;
}

.evenRowReport2 {
	font-size: 11px;
	text-align: center;
	/* font-family: Verdana; */
	background-color: white;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.oddRowReport2 {
	font-size: 11px;
	text-align: center;
	/* font-family: Verdana; */
	background-color: #f2f2f2;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.summaryFooterReport {
	text-align: center;
}

.reportTableFilterRow {
	background-color: #f2f2f2;
}

colgroup.oddRowReport2 {
	margin: 0px;
	padding: 0px;
}

colgroup.evenRowReport2 {
	margin: 0px;
	padding: 0px;
}



.reportRedImitationPanel {
	text-align: right;
}

.columnSpace {
	width: 10px;
}

.columnSpaceRecord {
	font-family: Verdana;
	font-size: 10px;
}

/* rich calendar */
.rich-calendar-week {
	background-color: #D3D3D3;
	color: #000000;
}

.rich-calendar-days {
	background-color: #D3D3D3;
	color: #000000;
}

.rich-calendar-holly {
	background-color: #f3f3f3;
	color: #aa6666;
}

.rich-calendar-hover {
	background-color: #D3D3D3;
	color: #000000;
}

.rich-calendar-weekends {
	background-color: #D3D3D3;
	color: #aa6666;
}

.rich-calendar-cell {
	font-weight: normal;
}

.rich-calendar-date-layout {
	font-weight: normal;
}

.rich-calendar-editor-btn-selected {
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #000000;
}

.rich-calendar-editor-btn-over {
	background-color: #D3D3D3;
	color: #000000;
}

.rich-calendar-today {
	background-color: #ffffff;
	color: #ED1C24;
	font-weight: bold;
}

.rich-calendar-select {
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #000000;
	font-weight: bold;
}



.help_box_bg {
	padding: 0px 0px 0px 0px;
	background-color: #F2F2F2;
	text-align: center;
	padding: 5px;
	width: 180px;
}

.help_title {
	color: #ED1C24;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana;
}

.help_part {
	margin: 10px 10px 10px 10px;
}

.help_content {
	
}

.linkGauti {
	border: 0px;
	font-weight: bold;
	font-size: 11px;
	color: #022c6a;
	font-family: Verdana;
	background-image: url(../images/download.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 18px;
	padding-right: 7px;
	background-position: left center;
}

.linkGauti:hover {
	color: #aa0000;
}

.linkSiusti {
	border: 0px;
	font-weight: bold;
	font-size: 11px;
	color: #022c6a;
	font-family: Verdana;
	background-image: url(../images/upload.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 18px;
	padding-right: 7px;
	background-position: left center;
}

.linkSiusti:hover {
	color: #aa0000;
}

.wrapingInvisiblePanel {
	border: none !important;
	padding: 0px !important;
	margin: 0px !important;
}

.formNoBorderAndSpacing {
	border: none;
	margin: 0px;
	padding: 0px;
}

.noPaddingNoMargin {
	padding: 0px !important;
	margin: 0px !important;
}

.panelModule {
	color: #000000;
	padding: 0px;
	border-color: #979797;
	background-color: #f2f2f2;
	vertical-align: middle;
}

.cellNoBorderNoSpacing {
	border: none !important;
	margin: 0px !important;
	padding: 0px !important;
}

.noBorderRight {
	border-right-width: 0px !important;
}

.noBorderBottom {
	border-bottom-width: 0px;
}

.wideBorder {
	border: 1px solid #979797;
}

.wideBorderRight {
	border-right: 1px solid #979797;
}

.wideBorderRightBottom {
	border-bottom: 1px solid #979797;
	border-right: 1px solid #979797;
}

.wideBorderBottom {
	border-bottom: 1px solid #979797;
}

.dottedBorderBottom {
	border-bottom: 1px dotted #C4C0C9;
}

.wide_br {
	border-right: 3px double #c4c0c9;
}

.borderNone {
	border: none !important;
}

.fixedLayoutNoBorderTable {
	table-layout: fixed;
	border: none;
}

.nowrapCol {
	white-space: nowrap;
}

.monitorTable {
	font-size: 10px;
	font-family: Verdana;
}

.monitorTable td {
	padding-top:1px;
	padding-bottom:1px;
	padding-left:1px;
}
.labelHeader {
	font-weight: bold;
	font-size: 11px;
}

.labelHeaderArial {
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	font-style: italic; 
}

.labelArial {
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
}

.small_input {
	font-size: 11px;
}

.small_text {
	font-size: 11px;
}

.small_select {
	font-size: 11px;
	font-family: Verdana;
}

.link_no_underline {
	text-decoration: none !important;
}

.weekdays_row1 {
	font-weight: bold;
	border-bottom: 1px solid #c4c0c9;
	font-size: 9px;
	text-align: center;
}

.groupTitle {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.groupDescription {
	font-style: italic;
}

.groupInfoPanel {
	width: 246px;
	table-layout: fixed;
	word-wrap: break-word;
}

.groupsCol1 {
	vertical-align: top;
	width: 270px;
	border: none;
	text-align: left;
}

.groupsCol2 {
	vertical-align: top;
	padding-left: 10px;
	width: 100%;
}

.record_speed {
	font-family: Verdana;
	text-align: right;
	padding-right: 2px;
	font-size: 8px;
	color: #000000;
}

.legendPanel {
	padding: 8px 8px 8px 8px;
	background-color: #F2F2F2;
	font-family: Verdana;
	font-size: 11px;
	text-align: left;
	border: 1px solid #979797;
}

/* Default from related elements style { */
.errors {
	font-family: Verdana;
	font-size: 12px;
	text-align: justify;
	color: #ff0000;
}

.infoMessage {
	font-family: Verdana;
	font-size: 12px;
	text-align: justify;
}

.errorMessage {
	font-family: Verdana;
	font-size: 12px;
	text-align: justify;
	color: red;
}

.msc-info-message-inline {
	border: 1px solid #cddbea;
    background-color:#e6ebf0;
    color: #2e5c99 !important;
	display: inline-block;
	padding: 5px;
	margin: 0px;
}

.msc-error-message-inline {
	border: 1px solid #FF8C8C;
    background-color:#FFA0A0;
    color: black !important;
	display: inline-block;
	padding: 5px;
	margin: 0px;
}

.msc-error-message-block {
	display: block;
	margin: 5px;
	color: red;
	width: auto;
	text-align: center;
}

.formLabel {
	font-weight: bold;
	font-size: 12px;
}

/* Default from related elements style } */ 

/* device status { */
.ds {
	display: block;
	width: 24px;
	height: 10px;
	background-repeat: no-repeat;
	text-align: right;
}

.dsw {
	white-space: nowrap;
	cursor: pointer; 
}

.dsw::after {
	content: "!";
	color: #D90000;
	display: inline-block;
	font-weight: bold;
	font-style: italic;
	padding-left: 1px;
	font-size: 10px;
}

.ds_0 {
	background-image: url(../images/map/device_status_0_large.gif);
}

.ds_1 {
	background-image: url(../images/map/device_status_1_large.gif);
}

.ds_3 {
	background-image: url(../images/map/device_status_3_large.gif);
}

.ds_4 {
	background-image: url("../images/map/device_status_4_large.gif");
}

.ds_2 {
	background-image: url("../images/map/device_status_2_large.gif");
}

.ds_2_on {
	background-image: url("../images/map/device_status_2_on_large.gif");
}

.ds_5 {
	background-image: url("../images/map/device_status_5_large.gif");
}

.ds_6 {
	background-image: url("../images/map/device_status_6_large.gif");
}

.ds_7 {
	background-image: url("../images/map/device_status_7_large.gif");
}

.ds_7_on {
	background-image: url("../images/map/device_status_7_on_large.gif");
}

.ds_8 {
	background-image: url("../images/map/device_status_8_large.gif");
}

.ds_8_on {
	background-image: url("../images/map/device_status_8_on_large.gif");
}

/* device status } */
 
/* tooltip battery { */
.battery_r {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/map/batteryr.gif);
	padding-left: 10px;
}

.battery_g {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/map/batteryg.gif);
	padding-left: 10px;
}

.battery_y {
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/map/batteryy.gif);
	padding-left: 10px;
}

/* tooltip battery } */ 

/* gmaps { */
.tooltip {
	border: 1px solid #000;
	background-color: #FFF;
	padding: 3px 6px;
	white-space: nowrap;
	z-index: 101;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 2px 2px 3px #444;
	-webkit-box-shadow: 2px 2px 3px #444;
	box-shadow: 2px 2px 3px #444;
	
	font-family:Verdana !important;
	font-size:11px !important;

		
}

.tooltipLabel { 
	white-space: nowrap;
	
	border: 1px solid gray;
	background-color: white;
	padding: 1px 1px 1px 1px;
	text-align: center;
	
	font-size:10px !important;
	font-family:Verdana !important;
	font-weight: bold !important;
	
}

.tooltipLabel1 { 
	white-space: nowrap;
	border: 1px solid gray;
	background-color: white;
	padding: 2px 4px 2px 4px;
	text-align: center;
	
	font-size:10px !important;
	font-family:Verdana !important;
	font-weight: bold !important;
	
}

.tooltipLabel2 { 
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid gray;
	background-color: white;
	padding: 2px 4px 2px 4px;
	text-align: center;
	max-width: 240px;
	
	font-size:10px !important;
	font-family:Verdana !important;
	font-weight: bold !important;	
	
}

.tooltiplink {
	color: red;
	cursor: pointer;
	z-index: 100; 
	text-decoration: underline; 
	color: #022C6A;
	
	font-size:10px !important;
	font-family:Verdana !important;
	
}

a.tooltiplink:hover {
	color: #A00;
	
	font-size:10px !important;
	font-family:Verdana !important;
}

/*
.gm-style-iw div {
	
	
	
	font-size: 11px !important;
	font-family: Verdana !important;
}

.gm-style-iw div a {
	
	font-size: 11px !important;
	font-family: Verdana !important;
}
*/
/*
.infowindowtt {
	white-space: nowrap;
	font-size: 11px !important;
	font-family: Verdana !important;
}

.infowindowtt a {
	font-size: 11px !important;
	font-family: Verdana !important;
}
*/


/* gmaps } */
.dir {
	float: left;
	background-image: url(../images/dir/dir.png);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}

/* gmaps dir { */
.dir0 {
	background-position: 0px 0px;
}

.dir30 {
	background-position: -16px 0px;
}

.dir60 {
	background-position: -32px 0px;
}

.dir90 {
	background-position: -48px 0px;
}

.dir120 {
	background-position: -64px 0px;
}

.dir150 {
	background-position: -80px 0px;
}

.dir180 {
	background-position: -96px 0px;
}

.dir210 {
	background-position: -112px 0px;
}

.dir240 {
	background-position: -128px 0px;
}

.dir270 {
	background-position: -144px 0px;
}

.dir300 {
	background-position: -160px 0px;
}

.dir330 {
	background-position: -176px 0px;
}

/* gmaps dir } */ 

/* monitoring search { */
.searchbox {
	padding-left:20px !important;
	border:1px solid gray;
	
	height: 16px !important;
	background-image: url(../images/magnifying-glass.gif) !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
}

.searchbox:focus {
	border:1px solid black;
	background-color: lightyellow;
}

.searchbox_simple {
	padding-left:20px !important;
	height: 16px !important;
	background-image: url(../images/magnifying-glass.gif) !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
}

.searchbox_right {
	
	height: 16px !important;
	background-image: url(../images/magnifying-glass.gif) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	
}


.searchbox2 {
	padding-left:20px;
	border:1px solid gray;
	height: 16px;
	background-image: url(../images/search_mag.png);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	background-position: left center;
}

.searchbox2:focus {
	border:1px solid black;
	background-color: lightyellow;
}

.searchbox3 {
	padding-left:20px;
	height: 16px;
	background-image: url(../images/search_mag.png);
	background-position: 2px 0px;
	background-repeat: no-repeat;
	background-position: left center;
}

.searchButton {
	
	background: white url(../images/bg-shader.png) 0 100% repeat-x;
}
.searchButton:hover {
	
	background: #EFEFEF url(../images/bg-shader.png) 0 100% repeat-x;
}

.searchClearButton {
text-decoration:none;
vertical-align:center;
font-size:14px;
font-weight:bold;
color:blue;
margin:0;
border:0;
padding:0;
padding-right:3px;
padding-left:3px;
	
}
	
/* monitoring search } */

/* monitoring filter devices {} */
.d_hidden {
	display: none;
}
.d_visible {
}
.d_filtered {
}
.d_notfiltered {
	display: none;
}
/* monitoring filter devices } */



/* separator { */
.seperator {
	background-color: #8E95A2;
	border: 0;
	vertical-align: top;
}

.seperator:hover,.seperator:active {
	background-color: red;
	border: 0;
	vertical-align: top;
}

.horizontal_seperator {
	background-image: url(../images/splitter/hor_split_back.gif);
}

.vertical_seperator {
	background-image: url(../images/splitter/ver_split_back.gif);
}

.seperator_image {
	border: 0;
	vertical-align: top;
}
/* separator } */


.historyTblColumn {
	border: 1px solid #C4C0C9 !important;
	padding: 4px !important;
}

.headerNoBackground {
	background-color: white;
	background-image: none;
	border-width: 0px;
	padding: 0px;
	text-align: center;
}


.play_link_visible {
	text-decoration: none !important;
}

.play_link_hidden {
	display: none;
}

.play_link_visible:hover {
	text-decoration: none !important;
	background-color: #CCCCCC;
}

.contextMenuLabel {
	text-decoration: none !important;
	color: #000000 !important;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	white-space: nowrap;
}

.visibleContextMenu {
	display: block;
	position: absolute;
	background-color: #F1EEE9;
	border: 1px solid #C4C0B9;
	padding: 2px;
}

.hiddenContextMenu {
	display: none;
}

.activeContextMenu {
	position: absolute;
	display: block;
	border: 1px solid #E5973E;
	background-color: #FAE6B0;
	padding: 2px;
}

.pickListTitle1 {
	width: 269px;
	font-weight: bold;
	text-align: center;
}

.pickListTitle2 {
	width: 44px;
}

.pickListTitle3 {
	width: 269px;
	font-weight: bold;
	text-align: center;
}

.territoryHint {
	color: gray;
	font-size: 10px;
}

.territoryButton {
	margin-right: 5px;
}

.stepHeader{
	color: #000000;
	background-color: #e7e7e7;
	text-align: center;
	background-image: url(../images/menu_2.gif);
	background-repeat: repeat-x;
	padding: 10px; 
	border: 1px solid #979797; 
	border-bottom: none;
}

.stepHeader2{
	color: #000000;
	background-color: #e7e7e7;
	background-image: url(../images/menu_2.gif);
	background-repeat: repeat-x;
	padding: 10px; 
	border: 1px solid #979797; 
}

.territory_btn_on {
	background-color: #C1DAFF;
	border: 1px outset #8E9EB5;
}

.territory_btn_off {
	background-color: #E1E1E1;
	border: 1px outset #DBDBDB;
}

.territory_btn_on:hover, .territory_btn_off:hover {
	background-color: #EDF4FF;
}

.territory_btn_on:active,.territory_btn_off:active {
	border: 1px outset #51637C;
}
.full_width{
	width: 100%;
	text-align: left;
}
.auto_width{
	width: auto;	
}

/* Client autocomplete{ */
.sug_tbl{
 	table-layout: fixed;
	width: 450px;
}
.sug_td{
	white-space: normal !important;
	font-weight: normal !important;
}
.sug_td_on{
	white-space: normal;
	/*font-weight: bold;*/
	font-weight: normal;
}
.sug_e{
}
/* Client autocomplete } */


.hidden {
	visibility: collapse;
	display: none;
	border-collapse: collapse;
}

.visible {
	visibility: visible;
}

.export_image{
	padding-left: 5px;
	border: 0; 
	vertical-align: top;
}

.report_devs_table{
	font-size: 10px;
}

.report_config_table {
	font-family: Arial !important;
	font-size: 11px !important;
}

/* common { */
.admin_true {
	color: gray;
}
.admin_false {
	
}

.panelAlignTop {
    vertical-align:top;       
	
}

.panelAlignRight {
	
	text-align: right;
}

.panelAlignLeft {
	
	text-align: left;
}


/* common } */



/* Monitoring gps screen {*/
.fs {
	background-repeat: no-repeat;
	
	height: 16px;
	width: 16px;
	
	padding-left:16px;
	font-size:13px;
	border-bottom: 1px solid transparent;
	
		
}
.fs:hover {
	/*background-color: yellow;*/
	border-bottom: 1px solid blue;
}

.flag_with_screen_0 {
}
.flag_with_screen_1 {
	background-image: url(../images/m/gps_screen.png);
}
.flag_with_screen_2 {
	background-image: url(../images/m/gps_screen_error.png);
}
.flag_with_screen_3 {
	background-image: url(../images/m/gps_screen_email.png);
}
.flag_with_screen_4 {
	background-image: url(../images/m/gps_screen_error_email.png);
}

.flag_with_screen_5 {
	background-image: url(../images/m/border.png);
}



.flag_with_tablet_0 {
}
.flag_with_tablet_1 {
	background-image: url(../images/m/tablet_screen.png);
}
.flag_with_tablet_2 {
	background-image: url(../images/m/tablet_screen_error.png);
}
.flag_with_tablet_3 {
	background-image: url(../images/m/tablet_screen_email.png);
}
.flag_with_tablet_4 {
	background-image: url(../images/m/tablet_screen_error_email.png);
}

.flag_with_tablet_5 {
	background-image: url(../images/m/border.png);
}
/* Monitoring gps screen } */

/* chat { */
.comm_menu {
	display:block;
	
	padding: 3px 3px 3px 10px;
	margin: 0;
	text-decoration: none;
	color:black;
	
}


.comm_menu:hover {
	text-decoration: none;
	background-color:#ebeffa;
	color:black;
}

.comm_menu:link {
	text-decoration: none;
	color:black;
}
.comm_menu:visited {
	text-decoration: none;
	color:black;
}
.comm_menu:active {
	text-decoration: none;
	color:black;
}

.comm_menu_sep {
	border-top:1px solid #E3E9FF; 
	display:block;
	margin-top:0px;	
}
.comm_menu_sep_top {
	border-top:1px solid #E3E9FF; 
	display:block;
	margin-top:0px;	
}
.comm_menu_sep_bottom {
	border-bottom:1px solid #E3E9FF; 
	display:block;
	margin-top:0px;	
}
.comm_menu_selected_true {
	font-weight: normal;
}
.comm_menu_selected_true {
	font-weight: bold;
	background-color:#c2cff1;
}
.comm_menu_selected_true:hover {
	font-weight: bold;
	background-color:#c2cff1;	
	color:black;
}




.read_true {
		
}
.read_false {
	color:black;
	font-weight: bold;
}


.chat_user_true{
	color: black;
}
.chat_user_false{
	color: #3399FF;
}
.chat_time {
	color:#999999;
}
.chat_sender {
	font-weight:bold;
}
.chat_text {
	word-break: break-word;
	white-space: pre-wrap;
}

.chat_icon_in {
	background-image: url(../images/m/email_in.png);
}
.chat_icon_out {
	background-image: url(../images/m/email_out.png);
}
.chat_icon_out_p {
	background-image: url(../images/m/email_point_out.png);
}

.chat_icon_1 {
	background-image: url(../images/m/email.png);
}
.chat_icon_2 {
	background-image: url(../images/m/email_open.png);
}
.chat_icon_3 {
	background-image: url(../images/m/email_go.png);
}
.chat_icon_4 {
	background-image: url(../images/m/email_error.png);
}
.chat_icon_5 {
	background-image: url(../images/m/email_deleted.png);
}
.chat_icon_p1 {
	background-image: url(../images/m/email_point.png);
}
.chat_icon_p2 {
	background-image: url(../images/m/email_point_open.png);
}
.chat_icon_p3 {
	background-image: url(../images/m/email_point_go.png);
}
.chat_icon_p4 {
	background-image: url(../images/m/email_point_error.png);
}
.chat_icon_p5 {
	background-image: url(../images/m/email_point_deleted.png);
}

.chat_icon {
	background-repeat: no-repeat;
	
	height: 16px;
	width: 16px;
	
	padding-left:19px;
	font-size:13px;
	border-bottom: 1px solid transparent;	
}

.chat_show_selection_true {
	font-weight: bold;
}

.chat_show_selection_false {
	
}

.chat_show {
	padding: 3px;		
}

.chat_time_late {
	color: red;
}

.comm_table_datetime {
	width:110px; 
	
}

.comm_table_marker {
	width: 12px;
	height: 20px;
	background-repeat: no-repeat;
	padding-left: 12px;
	padding-bottom:5px;
}
.comm_table_marker_0 {
	background-image: url(../g/markerIcons/mm_20_red.png);
	/*background-color:red;*/
}
.comm_table_marker_1 {
	background-image: url(../g/markerIcons/mm_20_yellow.png);
	/*background-color:yellow;*/
}
.comm_table_marker_2 {
	background-image: url(../g/markerIcons/mm_20_green.png);
	/*background-color:green;*/
}

.comm_table_marker_3 {
	background-image: url(../g/markerIcons/mm_20_white.png);
	/*background-color:green;*/
}

/* chat } */


.close_button {
	width: 14px;
	height: 14px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
}


.close_button:hover {
	width: 14px;
	height: 14px;
	background-image: url(../images/close_black.png);
	background-repeat: no-repeat;
	cursor: pointer !important;
}


/* clients search {*/
.mp {
    cursor: pointer;
    height: 38px;
    width: 24px;
}
.iconA {
    background: url("../images/red_transparent_icons_A_J.png") repeat scroll 0 0 transparent;
}

.iconB {
    background: url("../images/red_transparent_icons_A_J.png") repeat scroll 0 -38px transparent;
}

.iconGreenA {
    background: url("../g/marker_greenA.png") transparent;
    background-repeat: no-repeat;
}
.iconGreenB {
    background: url("../g/marker_greenB.png") transparent;
    background-repeat: no-repeat;
}

.iconStop {
    background: url("../g/dd-end.png") transparent;
    background-repeat: no-repeat;
}

.iconDot {
    background: url("../g/marker.png") transparent;
    background-repeat: no-repeat;
}

.sug_t_GOOGLE {
	color:blue;
}
.sug_t_HINT {
	color:green;
}
/* clients search } */				


.mapLink {
	padding-left: 16px !important;
	height:16px !important;
	border: 0px !important;
	font-weight: bold !important;
	font-size: 11px !important;
	color: #727272 !important;
	font-family: Verdana !important;
	padding-bottom: 2px !important;
	background-image: url(../images/map_icon_bw.png) !important; 
	background-repeat: no-repeat !important;
	background-color:  transparent !important;
	margin-left: 6px !important;
}
.mapLink:hover {
	background-image: url(../images/map_icon.png) !important;
}

/* monitoring action menu { */
.actionMenuSpacer {
	
	border-top:1px solid gray;
	height: 3px;
	direction: block;
}

.actionMenuText {
	padding:5px;
	padding-left:10px;
	padding-right:15px;
	display: block;
	color: gray;
}


.actionMenuLink {
	
	color: black !important;
	padding:5px;
	padding-left:10px;
	padding-right:15px;
	display: block;
	text-decoration: none !important;
	font-size: 11px;
	FONT-FAMILY: Verdana;
}
.actionMenuLink:hover {
	color: black !important;
	background-color:#D6E9F8;
	text-decoration: none !important;
}
.actionMenuLink:VISITED {
	color: black;
	
}


.actionMenu {
	padding-top:3px;
	padding-bottom: 3px;
	border: 1px solid gray;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	position:absolute; 
	left:0px; 
	top:0px;
	background-color:white; 
	
	display:none;	

}

.actionMenuButton {
	border: 0px solid white;
	background:none;
	background-repeat: no-repeat;
	background-image: url(../images/more_sprite.png);
	width: 12px;
	height: 12px;
	background-position: 0px 0px;
	display:block; 
	text-decoration:none; 
	top:0px;
	left:0px;
	font-size: 1px;
	padding: 0;
	margin: 0;
}

.actionMenuButton:hover {
	background-position: -12px 0px;
}
.actionMenuButton:ACTIVE {
	background-position: -12px 0px;
}
/* monitoring action menu } */



.sensor_box {

}

.sensor_c {
	width: 11px;
	height: 11px;
	/* border: 1px solid black; */
	background-repeat: no-repeat;
	
	background-image: url('../images/dir/s/w_s.png');
}

.sensor_0 {
	/* background-color: #ffffff; */
	/* background-image: url('../images/dir/s/w_0.png'); */
	
	background-position: 0px 0px;
	
}
.sensor_1 {
	/* background-color: #ffd800; */
	/* background-image: url('../images/dir/s/w_1.png'); */
	
	background-position: 0px -11px;
}
.sensor_2 {
	/* background-color: #ff6a00; */
	/* background-image: url('../images/dir/s/w_2.png'); */
	
	background-position: 0px -22px;
}
.sensor_3 {
	/* background-color: #ff0000; */
	/* background-image: url('../images/dir/s/w_3.png'); */
	
	
	background-position: 0px -33px;
}
.sensor_4 {
	/* background-color: #beff00; */
	/* background-image: url('../images/dir/s/w_4.png'); */
	
	background-position: 0px -44px;
}
.sensor_5 {
	/*background-color: #0094ff; */
	/* background-image: url('../images/dir/s/w_5.png');*/
	
	background-position: 0px -55px;
}




.reportAddressCCChanged {
	font-weight:bold;
}


.historyScrollBox {
	height:300px;
	overflow-y:scroll;
}



/* address source */
.addressType_CLIENT {
	color:#964B00 !important;
}
.addressType_POI {
	color:#00720D !important;
}

td.addressType_CLIENT {
	color:#964B00 !important;
}
td.addressType_POI {
	color:#00720D !important;
}


/* flags */
/* flag_both - true false */
.flag_both_true {
	background-image: url("../images/device_flag_true.gif");
	background-repeat: no-repeat;
	width:15;
	height:15;
	padding-left: 15px;
}
.flag_both_false {
	background-image: url("../images/device_flag_false.gif");
	background-repeat: no-repeat;
	width:15;
	height:15;
	padding-left: 15px;
}


.autoCompleteWidth100 {
   width:100% !important;
}

.autoCompleteWidth2 {
   width:150px !important;
}

.autoCompleteClientSearch {
   width:250px !important;
}

.autoCompleteClientSearchGpsScreen {
	width:230px !important;
}

.mousePointer {
	cursor: pointer;
}


.actionButton {
	border: 1px solid #C3161D !important;
	/*background-color: #ED1C24 !important; */
	background-color: #961116 !important;
	background-image: url(../images/button_bg2.gif) !important;
	background-repeat: repeat-x !important;
	font-family: Tahoma !important;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #FFFFFF !important;
	text-align: center !important;
	vertical-align: baseline !important;
	padding: 2px 6px 4px 6px !important;
	overflow: visible !important;
	margin:0px 0px 0px 0px !important;
	line-height: 13px;
}

.actionButton::-moz-focus-inner { 
	border: 0; padding: 0; 
	margin-top:-1px; 
	margin-bottom: -1px; 
	
}

.actionButton:hover {
	color: #ffffff !important;
	background-color: #B93439 !important;
	background-image: url(../images/button_bg_hover2.gif) !important;
	border: 1px solid #961116 !important;
	background-repeat: repeat-x !important;
	cursor: pointer;
	text-decoration: none;
}


.cancelButton {
	background-color: gray;
	font-family: Tahoma !important;
	font-size: 11px !important;
	font-weight: bold !important;
	color: black;
	text-align: center !important;
	vertical-align: baseline !important;
	padding: 2px 6px 4px 6px !important;
	overflow: visible !important;
	margin:0px 0px 0px 0px !important;
	line-height: 13px;
}

.cancelButton:hover {
	cursor: pointer;
	text-decoration: none;
}




.panelBackground {
	padding:5px;
	background-color: #F2F2F2;
	
	font-family: Verdana;
	font-size: 11px;
	color:black;
	
}

.panelHeader {
	font-family: Verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	background-image: url(../images/menu_2.gif) !important;
	text-align: center;
	padding: 3px 0px 4px 0px !important;
}

.modalPanelHeader {
	font-family: Verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	background-image: url(../images/modal_panel_bcgr.gif) !important;
	text-align: left;
}

.modalPanelBorder {
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #979797 !important;
	-moz-box-shadow: 0px 0px 5px #979797;
	-webkit-box-shadow: 0px 0px 5px #979797;
	box-shadow: 0px 0px 5px #979797;
}

.modalPanelContent {
	background-color: #FAFAFA;
}

.quickInfoPanel {
	display: none; 
	position: absolute;
	z-index: 999999;
	background-color: #FAFAFA;
	padding: 0px;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #979797 !important;
	-moz-box-shadow: 0px 0px 5px #979797;
	-webkit-box-shadow: 0px 0px 5px #979797;
	box-shadow: 0px 0px 5px #979797;
}

.quickInfoPanelHeader {
	display: block;
	width: auto;
	font-weight: bold;
	margin-right: 10px;
	text-align: center;
}

.quickInfoPanelCloseBut {
	cursor: pointer;
	display: block;
	padding-left: 14px;
	height: 14px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-image:url('../images/close.png');
	position: absolute; 
	top: 5px; 
	right: 5px;
	z-index: 1;
}

.arrow {
 	width: 0;
 	height: 0;
 	border-left: 11px solid transparent;
 	border-right: 11px solid transparent;
 	border-top: 11px solid #FAFAFA;
 	position:absolute;
 	left:1px;
 	top:-10px;
 	z-index:2;
}

.arrow-border {
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 11px solid #888888;
	position:absolute;
	top:-9px;
	z-index:1;
}

.arrow-top {
 	width: 0;
 	height: 0;
 	border-left: 11px solid transparent;
 	border-right: 11px solid transparent;
 	border-bottom: 11px solid #FAFAFA;
 	border-top: none;
 	position:absolute;
 	left:1px;
 	top:-10px;
 	z-index:2;
}

.arrow-border-top {
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #888888;
	border-top: none;
	position:absolute;
	top:-9px;
	z-index:1;
}

.arrow-left {
 	width: 0;
 	height: 0;
 	border-right: 11px solid #FAFAFA;
 	border-bottom: 11px solid transparent;
 	border-top: 11px solid transparent;
 	border-left: none;
 	position:absolute;
 	top:1px;
 	left:-10px;
 	z-index:2;
}

.arrow-border-left {
	width: 0;
	height: 0;
	border-right: 11px solid #888888;
 	border-bottom: 11px solid transparent;
 	border-top: 11px solid transparent;
 	border-left: none;
	position:absolute;
	left:-11px;
	z-index:1;
}

.arrow-right {
 	width: 0;
 	height: 0;
 	border-right: none;
 	border-bottom: 11px solid transparent;
 	border-top: 11px solid transparent;
 	border-left: 11px solid #FAFAFA;
 	position:absolute;
 	top:1px;
 	left:-10px;
 	z-index:2;
}

.arrow-border-right {
	width: 0;
	height: 0;
	border-right: none;
 	border-bottom: 11px solid transparent;
 	border-top: 11px solid transparent;
 	border-left: 11px solid #888888;
	position:absolute;
	left:-11px;
	z-index:1;
}

.collabsiblePanelHeader {
	font-family: Verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	background-image: url(../images/collaps_panel_bcgr.gif) !important;
	text-align: center;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}

.collabsiblePanelHeader2 {
	font-family: Verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	background-image: url(../images/menu_2.gif) !important;
	text-align: center;
	padding: 0px 0px 0px 0px !important;
	background-color: #E7E7E7 !important;
}

.collabsiblePanelHeaderHistory {
	font-family: Verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: normal !important;
	text-align: center;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}

.popupHeader {
	font-family: Verdana, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
}

.devsSelListBox {
	font-family: Arial !important;
	font-size: 13px !important;
	padding: 0px;
}

.rf-pp-shade {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #000000 !important;
	opacity: 0.3 !important;
	filter: alpha(opacity = 30) !important;
}

.horizontalSpacer { 
	width: 100%;
	height: 1px;
	background-color: #D4CFC7;
	border: none;
	display: block;
	margin: 2px;
}

.valmid {
	vertical-align: middle;
}

.valbot {
	vertical-align: bottom;
}





.rulerWrap {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/ruler3.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.rulerWrap:HOVER {
	background-image: url("../resources/images/ruler3_h.png");
}

.rulerUIWrap {
	display: none;
	width: 140px;
	
	border-style: solid;
	border-color: #717B87;
	border-width: 1px;
	
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: white;
	
	padding: 8px;
	position: absolute;
	z-index: 1000;
	
	cursor: move;
}

.rulerUIArrowWrap {
	width: 15px;
	height: 7px;
	position: absolute;
	background: transparent;
	margin: 0px;
	padding: 0px;
	background-image: url("../resources/images/pointing-arrow.png");
}


.routerWrap {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/router.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.routerWrap:HOVER {
	background-image: url("../resources/images/router_h.png");
}

.routerWrap1 {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/router_h.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	
	box-shadow: rgba(0, 0, 0, 1) 0px 1px 6px;
}

.routerWrap1:HOVER {
	background-image: url("../resources/images/router_h.png");
}

/**/

.tb {
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	
	
	box-shadow: rgba(0, 0, 0, 1) 0px 1px 6px;
}
.tb_active {
	box-shadow: rgba(0, 0, 0, 1) 0px 1px 6px;
	background-image: url("../resources/images/route_match_h.png") !important;
}
.tb_inactive {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
}


.tb:HOVER {
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #888888 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #888888 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #888888 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #888888));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #888888 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #888888 100%);
}


.tb_rm {
	background-image: url("../resources/images/route_match.png");
}
.tb_rm:HOVER {
	background-image: url("../resources/images/route_match_h.png");
}

/**/

.routerUIWrap {
	display: none;
	width: 300px;
	
	border-style: solid;
	border-color: #717B87;
	border-width: 1px;
	
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	/*
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	*/
	background-color: white;
	
	padding: 1px 1px 1px 1px;
	position: absolute;
	z-index: 1000;
}

.routerUIArrowWrap {
	width: 15px;
	height: 7px;
	position: absolute;
	background: transparent;
	margin: 0px;
	padding: 0px;
	background-image: url("../resources/images/pointing-arrow.png");
}

.fullscrButWrap {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/maximaze.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.fullscrButWrap:HOVER {
	background-image: url("../resources/images/maximaze_h.png");
}

.fullscrButWrap1 {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/minimaze.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.fullscrButWrap1:HOVER {
	background-image: url("../resources/images/minimaze_h.png");
}

.routeBut {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/save_trip.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.routeBut:HOVER {
	background-image: url("../resources/images/save_trip_h.png");
}

.routeBut1 {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/save_trip_h.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	
	box-shadow: rgba(0, 0, 0, 1) 0px 1px 6px;
}

.routeBut1:HOVER {
	background-image: url("../resources/images/save_trip_h.png");
}

.rangeInfoBut {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/range_info.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.rangeInfoBut:HOVER {
	background-image: url("../resources/images/range_info_h.png");
}

.rangeInfoBut1 {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/range_info_h.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	
	box-shadow: rgba(0, 0, 0, 1) 0px 1px 6px;
}

.rangeInfoBut1:HOVER {
	background-image: url("../resources/images/range_info_h.png");
}

.clusterDevsBut {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/cluster.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.clusterDevsBut:HOVER {
	background-image: url("../resources/images/cluster_h.png");
}

.clusterDevsBut1 {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	border-width: 0px;
	cursor: pointer;
	text-align: center;
	background-image: url("../resources/images/cluster_h.png");
	width: 34px;
	height: 34px;
	
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	
	box-shadow: rgba(0, 0, 0, 1) 0px 1px 6px;
}

.clusterDevsBut1:HOVER {
	background-image: url("../resources/images/cluster_h.png");
}

.map-but-info-header {
	font-weight: bold;
	text-align: center;
	background-color: #F2F2F2;
	padding: 2px;
	border-bottom-color: #DDDDDD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
	cursor: move;
}

.map-but-info-content {
	padding: 5px;
	height: 100%;
}

.gmapsButton {
	background-color : white;
	padding: 8px!important;
}

.gmapsButton:HOVER {
  background-color: #EBEBEB; 
}


/* route planning control{ */
.rpc_window {
	box-shadow: rgba(0, 0, 0, 0.398438) 0px 2px 4px;
	border: 1px solid #717B87;
	padding: 0px;
	position: absolute;
	background-color: white;
}

.rpc_window_header {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	height: 16px;
	
	padding: 3px 3px 3px 2px;
	
	background-color: #F2F2F2;
	border-bottom: 1px solid #DDDDDD;
}

.rpc_drag {
	cursor:move;
}

.rpc_window_header_title {
	font-weight: bold;
	padding-left: 2px;
	/*background-color: #F2F2F2;*/
	
	cursor: move;
	vertical-align: top;
}


.rpc_container {
	background-color: white;
	
	position: absolute;
	top: 23px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	
	padding-top: 2px;
	padding-bottom: 6px;
	
	/*width: 276px;*/
	
	/*border: 1px solid gray;*/
	/*width: 276px;*/
	/*padding: 5px;*/
	
	cursor: "auto";
}

.rpc_selection_container {
	width: 260px;
	
}


.rpc_placeholder {
	height: 1.5em;
	padding: 2px 2px 2px 2px;
	margin: 2px;
	
	
	
	border: 1px solid #FED22F;
	background-color: #FFF0A5;
}

.rpc_input_box {
	padding: 2px 2px 2px 2px;
	margin: 2px;
	
	height: 1.5em;
	
}

.rpc_input_link {
	padding: 2px;
	cursor: pointer;
}

.rpc_input_label {
	background-color: #69C44C;
	border: 1px solid #008F2B;
	height: 1.5em;
	width: 1.5em;
	cursor: pointer;
	float: left;
	text-align: center;
	margin-right: 3px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	
	text-decoration: none !important;
}



.rpc_input_label:link, .rpc_input_label:hover, .rpc_input_label:visited, .rpc_input_label:active {
	text-decoration: none; 
	color: black;
}

.rpc_input_label_sortable {
	cursor: ns-resize;
}

.rpc_input_label:hover {
	/* background-color: yellow; */
}


.rpc_input_label_no_pos {
	background-color: lightgray;
	border: 1px solid gray;
}

.rpc_input_label_no_pos:hover  {
	background-color: lightgray;
	border: 1px solid gray;
}

.rpc_input_search {
	width: 192px;	
}


.rpc_hidden {
	visibility: hidden;
}


.rpc_invisible {
	display: none;
}

.rpc_loading {
	background-color: #f9edbd;
	border: 1px solid #dbc69b;
	padding-left: 3px;
	padding-right: 3px;
}
.rpc_error {
	color: red;
	padding: 5px;
}
.rpc_results {
	margin: 5px;	
}
.rpc_result_route_part{
	cursor: pointer;
	padding-top: 3px;
	padding-bottom: 3px;
}
.rpc_result_route_part:HOVER {
	background-color: #F3F7FD;
}
.rpc_result_total {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
}
.rpc_result_total:HOVER {
	background-color: #F3F7FD;
}

.rpc_via_details {
	padding-top: 2px;
	padding-bottom: 2px;
}

.rpc_via_details_marked {
	background-color: #FFFFCC;
}


.rpc_via_details:HOVER {
	background-color: #FFFBE6;
}

.rpc_via_details .rpc_via_action_hidden {
    display: none;
}
.rpc_via_details:HOVER .rpc_via_action_hidden {
    display: inline;
}


.rpc_result_route_part .rpc_part_action_hidden {
	 display: none;
}

.rpc_result_route_part:HOVER .rpc_part_action_hidden {
	 display: inline;
}

.rpc_result_route_part:HOVER .rpc_part_action_hidden {
	 display: inline;
}
.rpc_result_route_part:ACTIVE .rpc_part_action_hidden {
	 display: inline;
}

/* route planning control} */

/* watermark{ */
.watermark {
	color: #999 !important;
}

input:-moz-placeholder {
	color: #999 !important;
}

input::-webkit-input-placeholder {
	color: #999 !important;
}
/* watermark} */

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: -3px;
	bottom: -3px;
}

.transferer {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

/* history selection info control {*/
.sic-content {
	padding: 5px;
	
}
.sic-table {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.sic-interval {
	font-weight: bold;
}
/* history selection info control }*/

.action_link {
	text-decoration: none !important;
}

.action_link:hover {
	/*font-weight: bold;*/
	text-decoration: underline !important;
}

.dev-info-pop-st-tab-col1 {
	width: 140px;
}

.dev-info-pop-st-tab-col2 {
	width: auto;
}

.noselect {
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none; 
}
.unselectable {
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;
}


/* custom layer control{ */
.cl_tab  {
	top: 0px;
	position: relative;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	text-decoration: none;
	color: black;
	font-size: 11px;
	color: rgb(86, 86, 86);
	font-family: Roboto, Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	border: 0px;
	border-radius: 2px;
}
.cl_content  {
	position: relative;
	top: -2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 3px;
	margin-top: 0px;
	border: 1px solid #EBEBEB;
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 3px;
}
/* custom layer control} */

.mm_devs_dev_name {
	text-decoration: none !important;
	font-family: Verdana !important;
	font-size: 10px !important; 
	color: black !important;
	word-break: break-all;
}


/* gmaps ContextMenu { */
.context_menu{
	background-color:white;
	border:1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
 	webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); 
 
 	transform: translate3d(0,0,0); 
	moz-transform: translate3d(0,0,0);
 	webkit-transform: translate3d(0,0,0); 	
	
	color: black;
}
.context_menu_item{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	cursor:pointer; 
    white-space:nowrap;
}
.context_menu_item:hover{
	background-color:#F1F1F1;
}
.context_menu_separator{
	background-color:#CCCCCC;
	height:1px;
	margin:0;
	padding:0;
}

.context_menu_item_disabled {
	color:gray;
	cursor: pointer;
}

.disable-select {
  -webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;
}


/* gmaps ContextMenu } */


/* popupMap { */
.popupMapDialog .ui-widget-content {
    padding: 2px 2px 2px 2px !important;
    padding-top:3px !important;

}
.popupMapDialog .ui-dialog-title {
    height: 10px; 
    font-size:10px;
}

.popupMapMarkerLabel {
    background-color: white;
    border: 1px solid black;
    color: black;

    padding: 3px 3px 3px 3px;
    
    font-family: Verdana !important;
    font-size: 11px !important;
    font-weight: bold !important;
    
    text-align: center;
    
    /*white-space: nowrap;*/
    min-width: 150px;
   	max-width: 350px;
    
   /*width: 256px;*/
}
/* popupMap } */
/* popupMap links { */
.pm-geo {
	
}
.pm-geo:HOVER {
	background-color: #f5f9fc !important;
	cursor: pointer;
	
	background-image: url(../images/popup_map_wp2.png) !important; 
	background-repeat: no-repeat !important;
	background-position: 100% 100%;
	
	
}
.pm-link {
	/*visibility:hidden;*/
}
/* popupMap links } */




.markerLabel {
    color:black;
    background-color:white;
    border: 1px solid black;
    padding:2px;


    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    line-height: normal;
}

/* custom layers tooltip style { */
.kml-tt {
	
}
.kml-tt-main-info {}

.kml-tt-name {
	font-weight: bold;
}

.kml-tt-comment {
	color: gray;
	font-style: italic;
}

.kml-tt-coords {
	color: gray;
}
.kml-tt-group {}
.kml-tt-address {}
.kml-tt-desc {}

.kml-tt-actions {
	padding-top:5px;
}

		
/* custom layers tooltip style } */


.mapTooltip {
	/*border: 1px solid red;*/
	white-space: nowrap;
	font-size:11px !important;
	font-family:Verdana !important;
}

.mapTooltip a {
	font-size:11px !important;
	font-family:Verdana !important;
}


h1, h2, h3, h4, h5, h6, b, strong {
    font-weight: bold;
}

.record_hint {
	color:gray;	
}

.admin-hint {
	color:gray;
} 

.panelGridCenter {
    margin: 0 auto;
}

/* gmaps tooltips hack */
.gm-style-iw > div { white-space: nowrap; }
.gm-style-iw { white-space: nowrap;  }


.columnTopAlign {
	vertical-align: top;
}

.fieldHint {
	color: gray;
}
 
/* monitor table route info */
.mt-ri-1 { /* active */
	color:white !important;
	cursor: pointer;
	background-color: #669900;
}
.mt-ri-0 { /* no active */
	color:white !important;
	cursor: pointer;
	background-color: #2D88C7 !important;
}
.mt-ri-2 { /* no points */
	color:black !important;
	cursor: pointer;
	background-color: lightgray !important;
}
.mt-ri-3 { /* off path */
	color:white !important;
	cursor: pointer;
	background-color: #C65040 !important;
}


.mt-ri-badge {
    display: inline-block;
    padding: 3px 0px;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 5px;
    width: 24px;
}



.tableLightHeader {
	font-weight: bold !important;
	text-align: center !important;
	background-color: #F2F2F2 !important;
	background-image: none !important;
}

.tableLightEvenRow {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	height: 18px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}

.tableLightOddRow {
	font-size: 11px;
	text-align: center;
	font-family: Verdana;
	height: 18px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}


.tableRowOver {
	background-color: #D6E7FF;

}

.tableRowSelected {
	background-color: #D6E7FF;
}

.routeSearchConstraintsNotValid {
	background-color:#FFF0F0;
}
.routeSearchConstraintsValid {
	background-color:#F0FFF0
}



.tableRowSelected > .routeSearchConstraintsNotValid {
	background-color: #D6E7FF;
}

.tableRowSelected > .routeSearchConstraintsValid {
	background-color: #D6E7FF;
}

.tableRowOver > .routeSearchConstraintsNotValid {
	background-color: #D6E7FF;
}

.tableRowOver > .routeSearchConstraintsValid {
	background-color: #D6E7FF;
}


.reminder_state_BEFORE_WARN {
	
}
.reminder_state_BEFORE_START {
	background-color: #FFD800;
}
.reminder_state_BEFORE_END {
	background-color: #FF6A00;
}
.reminder_state_AFTER_END {
	background-color: #FF0000;
}

.markerLabelEx { 
	font-size:11px !important;
	font-family:Verdana !important;
	font-weight: bold !important;
	
	overflow: hidden;
	white-space: nowrap;
	/*
	text-overflow: ellipsis;
	max-width: 120px;
	*/
	user-select: none; 
	color: black;
  	text-shadow:
   		-1px -1px 0 #FFF,  
    	1px -1px 0 #FFF,
    	-1px 1px 0 #FFF,
     	1px 1px 0 #FFF;
	
	border: none;
	background-color: transparent;
	padding: 1px 1px 1px 1px;
	
	visibility: hidden;
	opacity: 0.9;
}


.reminder-location{
 display :block;
 cursor:pointer;
 padding:5px;
}

.reminder-location:hover{
 background-color: #F7F7F7;
}

.reminder-location:hover .reminder-location-action{
	visibility: visible;
}

.reminder-location-action {
	visibility: hidden;
}




/*
BEFORE_WARN,
BEFORE_START,
BEFORE_END,
AFTER_END
*/
.reminder_status {
	cursor: pointer;
	display: inline-block;
	padding-left: 16px;
	height: 16px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	white-space: nowrap;
	opacity: 0.75;
	font-weight:bold;
} 
.reminder_status_-1 {
	opacity: 0.3 !important;
	background-image:url('../resources/images/reminders/ic_lightbulb_outline_black_16.png');
}
.reminder_status_0 {
	background-image:url('../resources/images/reminders/ic_lightbulb_outline_white_16.png');
}
.reminder_status_1 {
	background-image:url('../resources/images/reminders/ic_lightbulb_outline_yellow_16.png');
}
.reminder_status_2 {
	background-image:url('../resources/images/reminders/ic_lightbulb_outline_orange_16.png');
}
.reminder_status_3 {
	background-image:url('../resources/images/reminders/ic_lightbulb_outline_red_16.png');
}

.reminder_status_18 {
	cursor: pointer;
	display: inline-block;
	padding-left: 18px;
	height: 18px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	white-space: nowrap;
	opacity: 0.75;
	font-weight:bold;
} 
.reminder_status_18_-1 {
	opacity: 0.3 !important;
	background-image:url('../resources/images/reminders/ic_lightbulb_outline_black_18.png');
}
.reminder_status_18_0 {
	background-image:url('../resources/images/reminders/ic_lightbulb_outline_white_18.png');
}
.reminder_status_18_1 {
	background-image:url('../resources/images/reminders/ic_lightbulb_outline_yellow_18.png');
}
.reminder_status_18_2 {
	background-image:url('../resources/images/reminders/ic_lightbulb_outline_orange_18.png');
}
.reminder_status_18_3 {
	background-image:url('../resources/images/reminders/ic_lightbulb_outline_red_18.png');
}


.reminder_type {
	cursor: pointer;
	display: inline-block;
	padding-left: 18px;
	height: 18px;
	margin-right: 2px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	white-space: nowrap;
	opacity: 0.6;
}

/* ReminderType { */
.reminder_type_OTHER {
	background-image:url('../resources/images/material/ic_event_note_black_18dp_1x.png');
}
.reminder_type_DRIVER_CHANGE {
	background-image:url('../resources/images/material/ic_people_black_18dp_1x.png');
}
.reminder_type_SERVICE {
	background-image:url('../resources/images/material/ic_build_black_18dp_1x.png');
}
/* ReminderType } */




.m_text_icon_but {
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	margin: 3px;
}

.m_text_icon_but:hover {
	text-decoration: underline !important;
}

.m_text_icon_but:hover .m_icon_button {
	opacity: 1;
	background-color: transparent !important;
}


.m_icon_button_medium {
	cursor: pointer;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 2px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	white-space: nowrap;
	opacity: 0.6;
}

.m_icon_button_medium:hover {
	opacity: 1;
	background-color:lightgray;
}

.m_icon_button {
	cursor: pointer;
	display: inline-block;
	padding-left: 18px;
	height: 18px;
	margin-right: 2px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	white-space: nowrap;
	opacity: 0.6;
}
.m_icon_button:hover {
	opacity: 1;
	background-color:lightgray;
}

.m_icon_button_toggler_true {
	opacity: 1;
	background-color:lightgray;
}

.m_icon_button_toggler_true:hover {
	background-color: #BCBCBC; 
}

.m_icon_button_toggler_false {
	
}

.m_icon_button_text_middle {
	vertical-align: middle;
}

.m_icon_big {
	cursor: pointer;
	display: inline-block;
	padding-left: 36px;
	height: 36px;
	margin-right: 2px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 36px 36px;
	white-space: nowrap;
	opacity: 1;
}

.m_icon {
	cursor: pointer;
	display: inline-block;
	padding-left: 18px;
	height: 18px;
	margin-right: 2px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	white-space: nowrap;
	opacity: 0.5;
}

.m_icon_small {
	cursor: pointer;
	display: inline-block;
	padding-left: 16px;
	height: 16px;
	margin-right: 2px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	white-space: nowrap;
	opacity: 0.5;
}

.m_icon2 {
	display: inline-block;
	vertical-align: middle;
	padding-left: 18px;
	height: 18px;
	background-position: center;
	background-repeat: no-repeat;
	white-space: nowrap;
}

.m_icon2_small {
	display: inline-block;
	vertical-align: middle;
	padding-left: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	white-space: nowrap;
}

.m_icon_warn_orange {
	background-image:url('../resources/images/material/alert-custom-orange.png');
}

.m_icon_ok_green {
	background-image:url('../resources/images/material/check-circle-custom-green.png');
}

.m_icon_error_red {
	background-image:url('../resources/images/material/alert-circle-custom-red.png');
}

.m_icon_alert_yellow {
	background-image:url('../resources/images/alert_yellow_16dp.png');
}

.m_icon_location_alert_red {
	background-image:url('../resources/images/map-marker-alert-outline_red_18dp.png');
}

.m_icon_loads_devs {
	background-image:url('../resources/images/material/baseline_place_blue_18dp.png');
}

.m_icon_alert_orange {
	background-image:url('../resources/images/alert-circle-outline-orange-18x18.png');
}

.m_icon_alert_red {
	background-image:url('../resources/images/alert-circle-outline-red-18x18.png');
}

.m_icon_loads {
	background-image:url('../resources/images/material/baseline_place_red_18dp.png');
}

.m_icon_insights {
	background-image:url('../resources/images/material/outline_insights_black_18dp.png');
}

.m_icon_insights_green {
	background-image:url('../resources/images/material/outline_insights_green_18dp.png');
}

.m_icon_insights_medium {
	background-image:url('../resources/images/material/outline_insights_black_24dp.png');
}

.m_icon_loads_and_devs_medium {
	background-image:url('../resources/images/material/baseline_place_red_blue_18dp.png');
}

.m_icon_insights_medium_green {
	background-image:url('../resources/images/material/outline_insights_green_24dp.png');
}

.m_icon_sync {
	background-image:url('../resources/images/ic_sync_black_18dp_1x.png');
}

.m_icon_sync2 {
	background-image:url('../resources/images/material/sync-custom.png');
}

.m_icon_settings {
	background-image:url('../resources/images/material/ic_cogs_black_18dp.png');
}

.m_icon_download {
	background-image:url('../resources/images/material/file_download_18dp_000000.png');
}

.m_icon_download_red {
	background-image:url('../resources/images/material/file_download_18dp_EA3323.png');
}

.m_icon_content_save {
	background-image:url('../resources/images/material/ic_content_save_edit_outline_black_18dp.png');
}

.m_icon_content_save_check {
	background-image:url('../resources/images/material/content-save-check-outline-custom-18dp.png');
}

.m_icon_highway {
	background-image:url('../resources/images/material/ic_highway_black_18dp.png');
}

.m_icon_call_split {
	background-image:url('../resources/images/material/outline_call_split_black_18dp.png');
}

.m_icon_attachment {
	background-image:url('../resources/images/material/ic_attachment_black_18dp.png');
}

.m_icon_bulb {
	background-image:url('../resources/images/material/ic_lightbulb_outline_black_18dp_1x.png');
}

.m_icon_clear {
	background-image:url('../resources/images/material/baseline_clear_black_18dp.png');
}

.m_icon_location {
	background-image:url('../resources/images/material/ic_location_on_black_18dp_1x.png');
}

.m_icon_location_plus {
	background-image:url('../resources/images/material/ic_map_marker_plus_black_18dp.png');
}

.m_icon_tablet {
	background-image:url('../resources/images/material/outline_tablet_android_black_18dp.png');
}

.m_icon_chart_kpi {
	background-image:url('../resources/images/material/sharp_bar_chart_custom_black_18dp.png');
}

.m_icon_truck_trailer {
	background-image:url('../resources/images/material/ic_truck_trailer_black_18dp.png');
}

.m_icon_truck_reefer {
	background-image:url('../resources/images/snowflake.png');
}

.m_icon_transfer_act {
	background-image:url('../resources/images/material/outline_assignment_black_18dp.png');
}

.m_icon_transfer_act_export {
	background-image:url('../resources/images/field_report_export_18dp.png');
}

.m_icon_info {
	background-image:url('../resources/images/material/ic_information_outline_black_18dp.png');
}

.m_icon_target_account {
	background-image:url('../resources/images/material/ic_target_account_black_18dp.png');
}

.m_icon_marker_right {
	background-image:url('../resources/images/material/ic_map_marker_right_outline_black_18dp.png');
}

.m_icon_present_to_all {
	background-image:url('../resources/images/material/sharp_present_to_all_black_18dp.png');
}

.m_icon_delete {
	background-image:url('../resources/images/material/baseline_delete_black_18dp.png');
}

.m_icon_restore {
	background-image:url('../resources/images/material/outline_settings_backup_restore_black_18dp.png');
}

.m_icon_check {
	background-image:url('../resources/images/material/ic_check_black_18dp.png');
}

.m_icon_check_all {
	background-image:url('../resources/images/material/check-all-custom-18dp.png');
}

.m_icon_check_bold {
	background-image:url('../resources/images/material/ic_check_bold_black_18dp.png');
}

.m_icon_close {
	background-image:url('../resources/images/material/ic_close_black_18dp.png');
}

.m_icon_verified {
	background-image:url('../resources/images/material/ic_check_decagram_outline_black_18dp.png');
}

.m_icon_up {
	background-image:url('../resources/images/material/baseline_keyboard_arrow_up_black_18dp.png');
}

.m_icon_down {
	background-image:url('../resources/images/material/baseline_keyboard_arrow_down_black_18dp.png');
}

.m_icon_edit_remove {
	background-image:url('../resources/images/material/ic_pencil_remove_black_18dp.png');
}

.m_icon_edit_lock {
	background-image:url('../resources/images/material/ic_pencil_lock_black_18dp.png');
}

.m_icon_lock {
	background-image:url('../resources/images/material/baseline_lock_black_18dp.png');
}

.m_icon_swap {
	background-image:url('../resources/images/material/outline_swap_horiz_black_18dp.png');
}

.m_icon_view_stream {
	background-image:url('../resources/images/material/outline_view_stream_black_18dp.png');
}

.m_icon_account {
	background-image:url('../resources/images/material/ic_account_black_18dp.png');
}

.m_icon_account_alert {
	background-image:url('../resources/images/material/ic_account_alert_black_18dp.png');
}

.m_icon_account_lock {
	background-image:url('../resources/images/material/ic_account_lock_black_18dp.png');
}

.m_icon_account_lock_small {
	background-image:url('../resources/images/material/ic_account_lock_black_16dp.png');
}

.m_icon_unlock {
	background-image:url('../resources/images/material/baseline_lock_open_black_18dp.png');
}

.m_icon_link {
	background-image:url('../resources/images/material/baseline_link_black_18dp.png');
}

.m_icon_link_off {
	background-image:url('../resources/images/material/baseline_link_off_black_18dp.png');
}

.m_icon_edit {
	background-image:url('../resources/images/material/baseline_edit_black_18dp.png');
}
.m_icon_add {
	background-image:url('../resources/images/material/baseline_add_black_18dp.png');
}
.m_icon_add_medium {
	background-image:url('../resources/images/material/baseline_add_black_24dp.png');
}

.m_icon_distance_sum {
	background-image:url('../resources/images/distance-sum-18x18.png');
}

.m_icon_distance_sum_medium {
	background-image:url('../resources/images/distance-sum-24x24.png');
}

.m_icon_graph_report_medium {
	background-image:url('../resources/images/graph-report-24.png');
}

.m_icon_remove {
	background-image:url('../resources/images/material/baseline_remove_black_18dp.png');
}
.m_icon_remove_circle {
	background-image:url('../resources/images/material/outline_remove_circle_outline_black_18dp.png');
}
.m_icon_file_move_rl {
	background-image:url('../resources/images/material/outline_drive_file_move_rtl_black_18dp.png');
}
.m_icon_compare {
	background-image:url('../resources/images/material/baseline_compare_arrows_black_18dp.png');
}

.m_icon_compare_medium {
	background-image:url('../resources/images/material/baseline_compare_arrows_black_24dp.png');
}
.m_icon_arrow-down {
	background-image:url('../resources/images/material/arrow-down-thin-black-18dp.png');
}

.m_icon_info_medium {
	background-image:url('../resources/images/material/outline_info_black_24dp.png');
}

.m_icon_east_medium {
	background-image:url('../resources/images/material/east_FILL0_wght300_GRAD-25_opsz24.png');
}

.m_icon_west_medium {
	background-image:url('../resources/images/material/west_FILL0_wght300_GRAD-25_opsz24.png');
}

.m_icon_list {
	background-image:url('../resources/images/material/baseline_list_black_18dp.png');
}

.m_icon_list_medium {
	background-image:url('../resources/images/material/baseline_list_black_24dp.png');
}

.m_icon_history {
	background-image:url('../resources/images/material/baseline_history_black_18dp.png');
}

.m_icon_history_medium {
	background-image:url('../resources/images/material/baseline_history_black_24dp.png');
}

.m_icon_in_progress {
	background-image:url('../resources/images/material/ic_progress_clock_black_18dp.png');
}

.m_icon_in_progress_medium {
	background-image:url('../resources/images/material/ic_progress_clock_black_24dp.png');
}

.m_icon_stream {
	background-image:url('../resources/images/material/outline_stream_black_18dp.png');
}

.m_icon_stream_medium {
	background-image:url('../resources/images/material/outline_stream_black_24dp.png');
}

.m_icon_walter {
	background-image:url('../resources/images/lkw_black_18dp.png');
}

.m_icon_walter_medium {
	background-image:url('../resources/images/lkw_black_24dp.png');
}

.m_icon_tms {
	background-image:url('../resources/images/tms_black_18dp.png');
}

.m_icon_tms_medium {
	background-image:url('../resources/images/tms_black_24dp.png');
}

.m_icon_freja {
	background-image:url('../resources/images/freja_black_18dp.png');
}

.m_icon_freja_medium {
	background-image:url('../resources/images/freja_black_24dp.png');
}

.m_icon_folder {
	background-image:url('../resources/images/material/outline_folder_black_18dp.png');
}

.m_icon_folder_medium {
	background-image:url('../resources/images/material/outline_folder_black_24dp.png');
}

.m_icon_view_module_medium {
	background-image:url('../resources/images/ic_view_module_black_24dp_1x.png');
}

.m_icon_view_list_medium {
	background-image:url('../resources/images/ic_view_list_black_24dp_1x.png');
}

.m_icon_driving_history {
	background-image:url('../resources/images/material/outline_timeline_black_18dp.png');
}

.m_icon_vertical_bar3_4_1 {
	background-image:url('../resources/images/fuel/level3_1_black_18dp.png');
}

.m_icon_vertical_bar3_4_2 {
	background-image:url('../resources/images/fuel/level3_2_black_18dp.png');
}

.m_icon_vertical_bar3_4_3 {
	background-image:url('../resources/images/fuel/level3_3_black_18dp.png');
}

.m_icon_vertical_bar3_4_4 {
	background-image:url('../resources/images/fuel/level3_4_black_18dp.png');
}

.m_icon_vertical_bar_blue_4_1 {
	background-image:url('../resources/images/fuel/level3_1_blue_18dp.png');
}

.m_icon_vertical_bar_blue_4_2 {
	background-image:url('../resources/images/fuel/level3_2_blue_18dp.png');
}

.m_icon_vertical_bar_blue_4_3 {
	background-image:url('../resources/images/fuel/level3_3_blue_18dp.png');
}

.m_icon_vertical_bar_blue_4_4 {
	background-image:url('../resources/images/fuel/level3_4_blue_18dp.png');
}

.m_icon_vertical_bar3_medium_4_1 {
	background-image:url('../resources/images/fuel/level3_1_black_24dp.png');
}

.m_icon_vertical_bar3_medium_4_2 {
	background-image:url('../resources/images/fuel/level3_2_black_24dp.png');
}

.m_icon_vertical_bar3_medium_4_3 {
	background-image:url('../resources/images/fuel/level3_3_black_24dp.png');
}

.m_icon_vertical_bar3_medium_4_4 {
	background-image:url('../resources/images/fuel/level3_4_black_24dp.png');
}

.m_icon_vertical_bar_blue_medium_4_1 {
	background-image:url('../resources/images/fuel/level3_1_blue_24dp.png');
}

.m_icon_vertical_bar_blue_medium_4_2 {
	background-image:url('../resources/images/fuel/level3_2_blue_24dp.png');
}

.m_icon_vertical_bar_blue_medium_4_3 {
	background-image:url('../resources/images/fuel/level3_3_blue_24dp.png');
}

.m_icon_vertical_bar_blue_medium_4_4 {
	background-image:url('../resources/images/fuel/level3_4_blue_24dp.png');
}

.m_icon_vertical_bar3_blue_alert_1 {
	background-image:url('../resources/images/fuel/level3_1_blue_red_18dp.png');
}

.m_icon_vertical_bar3_red_4_1 {
	background-image:url('../resources/images/fuel/level3_1_red_18dp.png');
}

.m_icon_vertical_bar3_red_4_2 {
	background-image:url('../resources/images/fuel/level3_2_red_18dp.png');
}

.m_icon_vertical_bar3_red_4_3 {
	background-image:url('../resources/images/fuel/level3_3_red_18dp.png');
}

.m_icon_vertical_bar3_red_4_4 {
	background-image:url('../resources/images/fuel/level3_4_red_18dp.png');
}

.m_icon_vertical_bar3_blue_alert_medium_1 {
	background-image:url('../resources/images/fuel/level3_1_blue_red_24dp.png');
}

.m_icon_vertical_bar3_red_medium_4_1 {
	background-image:url('../resources/images/fuel/level3_1_red_24dp.png');
}

.m_icon_vertical_bar3_red_medium_4_2 {
	background-image:url('../resources/images/fuel/level3_2_red_24dp.png');
}

.m_icon_vertical_bar3_red_medium_4_3 {
	background-image:url('../resources/images/fuel/level3_3_red_24dp.png');
}

.m_icon_vertical_bar3_red_medium_4_4 {
	background-image:url('../resources/images/fuel/level3_4_red_24dp.png');
}

.m_icon_gas_station {
	background-image:url('../resources/images/material/baseline_local_gas_station_black_18dp.png');
}

.m_icon_gas_station_magic {
	background-image:url('../resources/images/material/baseline_local_gas_station_magic_18dp.png');
}

.m_icon_trip {
	background-image:url('../resources/images/material/ic_map_marker_path_black_18dp.png');
}

.m_icon_checked {
	background-image:url('../resources/images/ic_check_black_24dp.png');	
}

.m_icon_pin {
	background-image:url('../resources/images/material/outline_push_pin_black_18dp.png');
}

.m_icon_pinned {
	background-image:url('../resources/images/material/baseline_push_pin_black_18dp.png');
}

.m_icon_expand_more {
	background-image:url('../resources/images/material/baseline_expand_more_black_18dp.png');
}

.m_icon_expand_less {
	background-image:url('../resources/images/material/baseline_expand_less_black_18dp.png');
}

.m_icon_location_alert {
	background-image:url('../resources/images/material/outline_fmd_bad_black_18dp.png');
}

.m_icon_big_temperature_alert {
	background-image:url('../resources/images/thermometer-alert-custom.png');
}

.m_icon_big_truck_alert {
	background-image:url('../resources/images/truck-alert-outline-custom.png');
}

.infoMessageWarn  {
	display: block;
	padding: 15px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}


.commandButtonImage {
	opacity: 0.6;	
}

.commandButtonImage:hover {
	background-color:lightgray;
	opacity: 1;	
}

.highlightReminderTable td {background-color: #F2F2F2 !important;}


.reminders-row-actions {
	/*display: none; */
	visibility: hidden;
}

.reminders-table-row td {
	padding-left:3px;
	padding-right:3px;
	cursor: pointer;
}

.reminders-table-row:hover .reminders-row-actions {
	/*display:inline-block;*/
	visibility:visible;
}

.highlightReminderTable .reminders-row-actions {
	/*display:inline-block;*/
	visibility:visible;
}

.reminders-row-description {
	max-width: 350px;
	white-space: normal;
	display: block;
}


.reminder_tt_desc {
	max-width:250px;
	white-space: normal;
	display:block;
}

.highlightLabel {
	cursor:pointer;
}
.highlightLabel:hover {
	background-color: lightgray;
}

.msc-loader-status-divider {
	width: auto; 
	height: 1px; 
	margin: 5px 0px; 
	background-color: #C4C0B9;	
}

.msc-loader-status {
	display: inline-block;
	margin: 0px 3px;
}

.msc-file-upload {
	border: 0px !important;
	position: relative;
}

.msc-file-upload .rf-fu {
	background-color: #FAFAFA !important;
}

.msc-file-upload .rf-fu-hdr {
	background-image: none !important;
	background-color: transparent !important;
	border-width: 0px !important; 
}	

.msc-file-upload .rf-fu {
	border-width: 0px !important;
	position: relative;
}

.msc-file-upload .rf-fu-lst {
	position: absolute !important;
	right: 3px !important;
	left: 150px;
	top: 0px !important;
	height: 30px !important;
}

.msc-file-upload .rf-fu-itm-lbl {
	display: none !important;
}

.msc-file-upload .rf-fu-itm {
	padding: 0px !important;
	margin: 0px !important; 
	border-width: 0px !important;
}

.msc-file-upload .progress {
	padding: 0px !important;
	margin: 0px !important; 
	height: 25px !important;
}

.msc-file-upload .rf-fu-inp-cntr:HOVER {
	cursor: pointer !important;			
}

.msc-file-upload .rf-fu-btn-add {
	background-image: none !important;
	background-color: transparent !important;
	border-width: 0px !important;
}

.msc-file-upload .rf-fu-btn-cnt-add {
	padding: 3px 3px 3px 3px !important;
	background-image: none !important;
	background-color: transparent !important;
	color: #0078D0 !important;
	text-decoration: underline !important;
}
.msc-file-upload-list-active-hack {
	left: 0px !important;
}

.msc-file-upload input[type=file]:HOVER {
	cursor: pointer !important;
}

.msc-date-input-fixed-poz-popup-header-fix div:nth-child(3) {
	position: fixed !important;
}
.msc-date-input-fixed-poz-popup-header-fix table:nth-child(4) {
	position: fixed !important;
}

/* location search auto complete results*/
.lsr {
	
}

.lsr__nameAddress {
}

.lsr__distance {
	color:gray; 
}
.lsr__type {
	color:gray;
}

.lsr__special {
	font-weight: bold;
}

/* Client quick info box */
#client-quick-info {
	display: none; 
	padding: 0px 0px;
	z-index: 999999; 
	position: absolute; 
	background-color: #FAFAFA;
}

#client-quick-info-content {
	margin: 10px;
	min-width: 100px; 
	max-width: 500px; 
	min-height: 10px; 
	overflow-y: auto;
}

.client-quick-info-c1 {
	vertical-align: top;
}

.client-quick-info-c2 {
	vertical-align: top;
}

.client-quick-info-header {
	width: auto; 
	text-align: center; 
	margin: 10px; 
	display: block;
	font-weight: bold;
}

.client-quick-info-input {
	padding: 1px;
	background-image: none !important;
}

.client-quick-info-street {
	width: 112px; 
	margin-right: 4px;
}

.client-quick-info-name {
	width: 227px; 
}

.client-quick-info-sid {
	width: 112px; 
	margin-right: 4px; 
}

.client-quick-info-group {
	width: 111px; 
	padding: 0px;
	background-image: none !important;
}

.client-quick-info-comment {
	width: 227px; 
	height: 28px; 
}

.client-quick-info-city {
	width: 112px; 
	margin-right: 4px;
}

.client-quick-info-country {
	width: 107px; 
}

.client-quick-info-sep {
	display: inline-block; 
	width: 10px; 
	text-align: center;
}

.client-quick-info-house {
	width: 50px;
}

.client-quick-info-room {
	width: 43px; 
}

.client-quick-info-buttons {
	width: auto; 
	text-align: center; 
	margin: 10px;
}

.client-quick-info-but-cancel {
	margin-left: 10px !important;
}

.client-quick-info-but-close {
	position: absolute; 
	top: 5px; 
	right: 5px; 
	z-index: 1;
}


/* tablets info window */ 
.tablets-info-wind-cmds {
	margin-top: 10px; 
	text-align: center; 
	width: auto;
	display: block;
}

.tablets-info-wind-cmd-close {
	display: inline-block;
}


.tablets-info-wind-groups {
	max-width: 500px; 
	padding: 10px; 
	display: inline-block;
}

.tablets-info-wind-empty-list {
	width: auto; 
	padding: 10px; 
	display: block;
}

.tablets-info-wind-content-scroll {
	width: auto; 
	overflow: auto; 
	min-width: 400px; 
	min-height: 200px;
}

.tablets-info-wind-col-center {
	text-align: center;
	max-width: 140px;
}

.tablets-info-wind-nav-version-OK {
	background-color: #9DBDA2;
}

.tablets-info-wind-nav-version-COMPATIBLE {
	background-color: #FFEFA8;
}

.tablets-info-wind-nav-version-NOT_COMPATIBLE {
	background-color: #FF7F7F;
}

.tablets-info-wind-warning {
	background-color: #FF7F7F;
}

.dev-activity-timeline-wind-cmds {
			margin-top: 10px; 
			text-align: center; 
			width: auto;
			display: block;
}


/* device activity timeline window */		

.dev-activity-timeline-wind-list-item:hover .dev-activity-timeline-ttr-actions {
	visibility: visible;
}

.dev-activity-timeline-ttr:hover {
	background-color: #F2F2F2; 
}

.dev-activity-timeline-ttr:hover .dev-activity-timeline-ttr-actions {
	visibility: visible;
}

.dev-activity-timeline-c-src {
	text-align: center;
}

.dev-activity-timeline-c-time {
	max-width: 145px;
	min-width: 145px;
	white-space: nowrap;
	text-align: center;
}

.dev-activity-timeline-c-dist {
	max-width: 70px;
	min-width: 70px;
	text-align: center;
}

.dev-activity-timeline-c-tog {
	max-width: 10px;
	min-width: 10px;
}

.dev-activity-timeline-c-t {
	max-width: 300px;
	min-width: 200px;
}

.dev-activity-timeline-c-lc {
	max-width: 300px;
}

.dev-activity-timeline-c-a {
	text-align: left;
	vertical-align: middle;
}

.dev-activity-timeline-c-a-c {
	display: flex;
	align-items: center;
}

.dev-activity-timeline-row-selected {
	background-color: #FFF9D7 !important;	
}


.dev-activity-timeline-toogler {
	text-decoration: none !important;
	color: black !important;
}

.dev-activity-timeline-toogler:hover {
	text-decoration: underline !important;
}

.dev-activity-timeline-ttr-actions {
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	display: block; 
	visibility: hidden;
	white-space: nowrap;
	background-color: #F2F2F2;
	padding: 1px 0px; 
}

.dev-activity-timeline-ttrt {
	width: auto;
}

.dev-activity-timeline-tasks-table {
	width: 100%;
}

.dev-activity-timeline-tasks-table .rf-dt-shdr {/*hide table sort empty header row*/
	display: none;
}
		
.dev-activity-timeline-wind-tools {
	display: block;
	padding: 10px 0px 10px 0px;
	vertical-allign: top;
	width: auto;
}

.dev-activity-timeline-wind-tools-period {
	display: inline-block;
}

.dev-activity-timeline-h-zindex {
	z-index: 1;
}

.dev-activity-timeline-wind-tools-period-preset {
	display: inline-block; 
	padding: 2px 3px; 
	vertical-align: top;
}

.dev-activity-timeline-wind-tools-period-custom {
	display: inline-block; 
	padding: 0px 3px; 
	vertical-align: top;	
}

.dev-activity-timeline-wind-tools-load-ind {
	display: inline-block; 
	vertical-align: top;
}


.dev-activity-timeline-wind-tools-sh {
	display: block;
	width: auto; 
	height: 1px; 
	background-color: #C2BFB8;
	margin-bottom: 0px; 
	z-index: 1;
}

.dev-activity-timeline-wind-tools-more {
	display: inline-block;
	margin-left: 5px;
}

.dev-activity-timeline-col-integration-id {
	white-space: nowrap;
	text-align: center;
}

.dev-activity-timeline-wind-cmd-close {
	display: inline-block;
}


.dev-activity-timeline-wind-groups {
	max-width: 500px; 
	padding: 10px; 
	display: inline-block;
}

.dev-activity-timeline-wind-empty-list {
	width: auto; 
	padding: 10px; 
	display: block;
}

.dev-activity-timeline-wind-content-scroll {
	width: auto; 
	overflow: auto; 
	min-width: 860px; 
	min-height: 200px;
}


.dev-activity-timeline-wind-list {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse; 
	position: relative;
	width: auto;
}

.dev-activity-timeline-wind-list-item {
	border-bottom: 1px solid #C2BFB8;
	width: 100%;
	display: table-row;
}

.dev-activity-timeline-wind-list-item:HOVER {
	background-color: #F1F1F2;
}

.dev-activity-timeline-wind-list-item-cell {
	display: table-cell;
	padding: 5px 5px 5px 5px;
	white-space: nowrap;
} 

.dev-activity-timeline-wind-cell-time {
	color: #515151;
}

.dev-activity-timeline-wind-cell-hash {
	color: gray;
}

.dev-activity-timeline-wind-cell-info {
	white-space: normal;
	overflow: hidden;
	width: 450px;
}

.dev-activity-timeline-wind-cell-action {
	white-space: nowrap;
	position: static;
	padding-right: 15px;
}

.dev-activity-timeline-wind-cell-action-text {
	font-weight: bold;
	color: #515151 !important;
}

.dev-activity-timeline-wind-item-source-LOGIST {
	font-weight: bold;
	color: #393F3B;
}

.dev-activity-timeline-wind-item-source-DRIVER {
	font-weight: bold;
	color: #36A9B2;
}

.dev-activity-timeline-wind-item-source-THIRD_PARTY {
	font-weight: bold;
	color: #F19F21;
}


.dev-activity-timeline-icon {
	display: inline-block;
	padding-left: 14px;
	height: 14px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	white-space: nowrap;
}

.dev-activity-timeline-icon-TASK_REFUEL_VOL_EDIT {
	background-image:url('../resources/images/fuel-green-14x14.png');
}

.dev-activity-timeline-icon-TASK_NOTES_EDIT {
	background-image:url('../resources/images/comment-green16x16.png');
}

.dev-activity-timeline-icon-NEW_ACCIDENT_REPORT {
	background-image:url('../resources/images/field-report-small.png');
}

.dev-activity-timeline-icon-NEW_JOB_COMPLETED_REPORT {
	background-image:url('../resources/images/field-report-small.png');
}

.dev-activity-timeline-icon-NEW_EXPENSES_REPORT {
	background-image:url('../resources/images/field-report-small.png');
}

.dev-activity-timeline-icon-NEW_SCANNER_REPORT {
	background-image:url('../resources/images/field-report-small.png');
}

.dev-activity-timeline-icon-TASK_ACTIVATE {
	background-image:url('../resources/images/check-green.png');
}

.dev-activity-timeline-icon-TASK_DEACTIVATE {
	background-image:url('../resources/images/check-blue.png');
}

.dev-activity-timeline-icon-TASK_UNVISIT {
	background-image:url('../resources/images/check-red.png');
}

.dev-activity-timeline-icon-TASK_VISIT {
	background-image:url('../resources/images/ic_check_black_24dp.png');
}

.dev-activity-timeline-icon-TASK_CHANGE {
	background-image:url('../resources/images/material/baseline_edit_black_18dp.png');
}

.dev-activity-timeline-icon-TASK_DELETE {
	background-image:url('../resources/images/material/baseline_delete_black_18dp.png');
}

.dev-activity-timeline-icon-TASK_CREATE {
	background-image:url('../resources/images/material/baseline_add_black_18dp.png');
}

.dev-activity-timeline-icon-TASK_ATTACHMENT {
	background-image:url('../resources/images/ic_paperclip_black_14x14.png');
}

.dev-activity-timeline-icon-TASK_TAG_ACTION_END {
	background-image:url('../resources/images/clock_green.png');
}

.dev-activity-timeline-icon-TASK_TAG_ACTION_START {
	background-image:url('../resources/images/clock_red.png');
}

.dev-activity-timeline-icon-TASK_TAG_ARRIVE {
	background-image:url('../resources/images/ic_access_time_black_18dp.png');
}

.dev-activity-timeline-icon-NEW_TRANSFER_ACT {
	background-image:url('../resources/images/outline_assignment_gray_14dp.png');
}

.dev-activity-timeline-icon-LOCTRACKER_TABLET_MESSAGE_CREATE {
	background-image:url('../resources/images/email.png');
}

.dev-activity-timeline-icon-LOCTRACKER_TABLET_MESSAGE_READ {
	background-image:url('../resources/images/email_open.png');	
}

.dev-activity-timeline-icon-TABLET_MESSAGE_CREATE {
	background-image:url('../resources/images/email.png');
}

.dev-activity-timeline-icon-TABLET_MESSAGE_READ {
	background-image:url('../resources/images/email_open.png');
}

.dev-activity-timeline-icon-TASK_ATTACHMENTS_EDIT {
	background-image:url('../resources/images/ic_paperclip_black_14x14.png');
}

.dev-activity-timeline-icon-TASK_TAG_ACTION_REMOVE {
	background-image:url('../resources/images/ic_access_time_black_18dp.png');
}

.dev-activity-timeline-icon-TASK_LEGITIMISATION {
	background-image:url('../resources/images/ic_check_black_24dp.png');
}

.dev-activity-timeline-wind-item-src-LOGIST {
	color: black;
}

.dev-activity-timeline-wind-item-src-DRIVER {
	color: #36A9B2;
}

.dev-activity-timeline-wind-item-src-THIRD_PARTY {
	color: #F19F21;
}

.dev-activity-timeline-wind-item-src-details {
	color: gray;
	display: block;
	text-align: left;
}

/* tabs menu */
.msc-tabs-menu-layout {
	width: auto; 
	vertical-align: bottom; 
	white-space: nowrap; 
	position: relative;
	
	border-bottom: #C4C0B9 1px solid;
	z-index: 0;
}

.msc-tabs-menu-tab {
	display: inline-block;
	white-space: nowrap;
	border: 1px solid #C4C0B9;
	cursor: pointer;
	background-position: top;
	background-repeat: repeat-x;
	position: relative;
	cursor: pointer;
	font-weight: normal;
	margin: 0px 0px 0px 3px;
	background-image: none;
	border-bottom: none;
	z-index: 1;
	vertical-align: bottom;
	line-height: 1;
	border-bottom: #C4C0B9 1px solid;
	bottom: -1px;
}

.msc-tabs-menu-tab-active-true {
	color: #000000;
	font-size: 12px;
	padding: 7px 8px 4px 8px;
	background-color: white;
	border-bottom: #FFFFFF 1px solid;
}

a.msc-tabs-menu-tab-active-true {
	color: #000000 !important;
	text-decoration: none;
}

.msc-tabs-menu-tab-active-false {
	color: gray;
	font-size: 11px;
	background-color: #F2F2F2;
	padding: 5px 6px 3px 6px;
}

a.msc-tabs-menu-tab-active-false {
	color: gray !important;
	text-decoration: none;
}

/* selectOneRadio toggler */
.msc-radio-toggler {
	display: inline-block;
}

.msc-radio-toggler input ~ label {
	cursor: pointer;
}

.msc-radio-toggler label:after {
	content: "";
	font-weight: normal;
	height: 8px;
	background-color: gray;
	border-right: 1px solid gray;
	display: inline-block;
	margin-left: 8px;
}

.msc-radio-toggler td:last-of-type label:after {
	border-right: none;
}

.msc-radio-toggler input:checked ~ label {
    border-color: black;
    font-weight: bold;
    cursor: pointer;
}

.msc-radio-toggler input:disabled ~ label {
    cursor: default !important;
}

.msc-radio-toggler input {
	display: none;
}

/* selectMulti cmd toggler */
.msc-select-multi-toggler {
	display: inline-block;
	margin: 2px 0px 3px 2px;
}

.msc-select-multi-toggler a {
	color: black !important;
	text-decoration: none !important;
	vertical-align: middle;
}

.msc-select-multi-toggler a::before {
	content: "";
	display: inline-block;
	height: 8px;
	width: 1px;
	background-color: gray;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin: 0px 5px;
}

.msc-select-multi-toggler a:first-child::before {
	display: none !important;
}

.msc-select-multi-toggler-active-true {
	font-weight: bold;
}

.msc-select-multi-toggler-active-false {
	
}


.msc-quick-help {
	color: #022c6a;
	cursor: pointer;
	display: inline-block;
	margin-left: 3px;
}

.msc-quick-help-full {
	color: #022c6a;
	cursor: pointer;
	display: inline-block;
	margin-left: 3px;
}

.msc-quick-help-full:after {
	content: "(?)"
}

.msc-toggler-show {
	text-decoration: none !important;
	color: black !important;
	cursor: pointer;
	padding: 0px 3px;
	font-weight: bold;
}

.msc-toggler-show:after {
	content: "»"
}

.msc-toggler-hide {
	text-decoration: none !important;
	color: black !important;
	cursor: pointer;
	padding: 0px 3px;
}

.msc-toggler-hide:after {
	content: "▼"
}

/* inline command button toggler */
.msc-toggler-inline-button-item {
	padding: 0px 5px;
	text-decoration: none !important;
	vertical-align: middle;
}

.msc-toggler-inline-button-item:hover {
	text-decoration: underline !important;
}

.msc-toggler-inline-button-item-active-true {
	font-weight: bold;
	color: black !important;
}

.msc-toggler-inline-button-item-active-false {
	color: black !important;
}

.msc-toggler-inline-button-item-sep {
	font-size: 9px;
	color: gray;
}

.msc-toggler-inline-button-item-sep:before {
	content: "|"
}

.msc-input-simple {
	background-image: none !important;
	padding-left: 2px;
	padding-right: 0px;
}

.msc-input-searchable-select .rf-sel-inp {
	background-image: none !important;
	box-sizing: border-box; 
	padding: 1px 1px 1px 2px;
}

.msc-scope-all-hint {
	color: #b94a48;
	display: block;
	margin: 5px 0px;
	font-style: italic;	
}

.msc-cmds-layout {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: auto;
	gap: 10px;
	margin: 10px;
}

.msc-cmds-layout-errors {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: red;
}


/* outputFile snippet TODO rename loc to msc */
.loc-output-file-layout {
	margin: 5px;
	display: inline-block;
}

.loc-output-file-not-available-active {
	cursor: pointer;
}

.loc-output-file-img {
	height: 100px;
}

.loc-output-file-name {
	display: block;
	color: gray;
	width: auto;
	white-space: nowrap; 
  	overflow: hidden;
  	text-overflow: ellipsis;
  	max-width: 80px;
  	text-decoration: none;
}

.loc-output-file-name-land {
	max-width: 140px;
}

.loc-output-file-not-available {
	text-align: center;
	font-style: italic;
	color: gray;
	width: 75px;
	height: 70px;
	padding: 30px 5px 0px 5px;
	vertical-align: bottom;
	display: inline-block;
	border: 1px solid #EEEBE5;
}

/* Driving restrictions QuickInfo window */
#driving-restrictions-qi {
	display: none; 
	padding: 0px 0px;
	z-index: 999999; 
	position: absolute; 
	background-color: #FAFAFA;
}

#driving-restrictions-qi-content {
	margin-right: 30px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	min-width: 100px; 
	max-width: 300px; 
	min-height: 30px; 
	max-height: 400px; 
	overflow-y: auto;
}

.driving-restrictions-qi-input {
	width: 70px;
	background-image: none !important;
	background-color: white !important; 
}

.driving-restrictions-clear {
	text-decoration: none !important;
}

.driving-restrictions-clear:hover {
	text-decoration: underline !important;
}

#driving-restrictions-select-qi {
	display: none; 
	padding: 0px 0px;
	z-index: 999999; 
	position: absolute; 
	background-color: #FAFAFA;
}

#driving-restrictions-select-qi-content {
	margin-right: 0px;
	overflow-y: auto;
	max-width: 210px;
	overflow-x: hidden;
}

.driving-restrictions-head {
	width: auto;
	text-align: left;
	font-size: 10px;
	margin: 6px;
	
}

.driving-restrictions-no-wrp {
	white-space: nowrap;
}

.driving-restrictions-row {
	margin: 1px;
	color: #000000 !important;
	white-space: nowrap;
}

.driving-restrictions-row-text {
	font-size: 11px; 
	white-space: nowrap;
}

.driving-restrictions-row-selected {
	background-color: #FDFAD7 !important;
}

.driving-restrictions-row-cust {
	padding-bottom: 5px;
	padding-right: 4px;
	text-decoration: none;
	color: #3E74D8;
	color: gray;
	font-style: italic;
	position: relative;
	top : -2px;
}

.driving-restrictions-row-sel {
	background-color: #F2F2F2 !important;
}

.driving-restrictions-row-sep {
	width: auto;
	height: 1px;
	background-color: #e7e7e7;
}

.driving-restrictions-sel-col1 {
	display: inline-block;
	width: 23px;
}
.driving-restrictions-sel-col2 {
	display: inline-block;
	padding-left: 5px;
	position: relative;
	top: -6px;
}
.driving-restrictions-sel-col3 {
	display: inline-block;
	padding-left: 5px;
	position: relative;
	top: -6px;
}

.driving-restrictions-tabs {
	display: block;
	width: auto;
}

.driving-restrictions-tab {
	display: inline-block;
	padding: 0px 5px;
	font-weight: normal;
}

.driving-restrictions-tab-text {
	text-decoration: none !important;
	color: gray !important;
	
}

.driving-restrictions-tab-selected {
	font-weight: bold;
	color: black !important;
}

.driving-restrictions-tab-sep {
	position: relative;
	display: inline-block;
	height: 14px;
	width: 1px;
	margin: 3px;
	top: 5px;
	background-color: #DCDCDC;
}

/* task toll cost snippet */
.loc-task-toll-cost-qi-cont {
	min-width: 200px;
	min-height: 50px;
	text-align: center;
	padding: 10px;
}

.loc-task-toll-cost-qi-cont-t {
	margin-top: 5px;
	text-align: left;
	min-width: 150px;
}

.loc-task-toll-cost-icon {
	line-height: 18px; 
	vertical-align: middle; 
	margin-left: 2px;
	margin-right: 0px; 
	cursor: default;	
}

.loc-task-toll-cost-c-wrp {
	line-height: 18px; 
	vertical-align: middle;
	padding: 2px;
}

.loc-task-toll-cost-active:hover {
	background-color: #F2F2F2;
}

.loc-task-toll-cost-c {
	font-size: 10px;
}

.loc-task-toll-cost-c-sp {
	padding-right: 3px;	
}

.loc-task-toll-cost-qi-empty {
	font-weight: normal;
	padding: 10px;
	display: inline-block;
}

/* fuel info timeline */
.fuel-info-timeline .vis-item-content {
	padding: 0px !important;
}

.fuel-info-timeline .vis-item.vis-range {
	border: none !important;
	background-color: transparent !important;
}

.fuel-info-timeline .vis-item.vis-line {
	border-color: gray !important;
}

.fuel-info-timeline .vis-item.vis-background {
	z-index: 0 !important;
}

.fuel-info-timeline .vis-item.vis-dot {
	border: none !important;
}

.fuel-info-timeline .vis-item.vis-box {
	border: none !important;
}

.fuel-info-timeline .vis-item.vis-box {
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
	background-color: transparent !important;
}

.fuel-info-timeline .vis-item.vis-box :HOVER {
	z-index: 100 !important;
}

.fuel-info-timeline .vis-left .vis-inner {
	padding: 3px !important;
}

.fuel-info-timeline .vis-foreground .vis-group {
	border-bottom-color: #E5E5E5; 
}

.fuel-info-timeline-group {
	
}

.fuel-info-timeline-group-low-fuel {
	
}

.fuel-info-timeline-bar-low-fuel {
	
	position: relative;
	height: 6px;
	width: auto;
	display: block;
	text-align: center;
	
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    
    color: white;
    background-color: #C65040;
    
    cursor: pointer;
    opacity: 1;
}

.fuel-info-timeline-bar-low-fuel:HOVER {
	-webkit-box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.8);
	box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.8);
}

.fuel-info-timeline-bar-km {
	padding: 2px;
	margin: 2px 2px 2px 2px;
	
	width: auto;
	display: block;
	text-align: center;
	
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    
    color: white;
    background-color: #A4ACB1;
    
    cursor: pointer;
    opacity: 1;
}

.fuel-info-timeline-bar-km:HOVER {
	-webkit-box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.8);
	box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.8);
}

.fuel-info-timeline-bar-km2 {
	padding: 2px;
	margin: 2px 2px 2px 2px;
	
	width: auto;
	display: block;
	text-align: center;
	
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    
    color: white;
    background-color: #898F93;
    
    cursor: pointer;
    opacity: 1;
}

.fuel-info-timeline-bar-km2:HOVER {
	-webkit-box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.8);
	box-shadow:  0px 0px 2px 0px rgba(0, 0, 0, 0.8);
}

/* fuel info monitoring*/
.fuel-info-level {
	cursor: pointer;
	display: inline-block;
	padding-left: 5px;
	margin-right: 2px;
	margin-left: 0px;
	height: 18px;
	background-position: left -3px top 0px;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	white-space: nowrap;
	opacity: 0.55;
	font-weight:bold;
}
.fuel-info-level2 {
	cursor: pointer;
	display: inline-block;
	padding-left: 5px;
	margin-right: 2px;
	margin-left: 0px;
	height: 18px;
	background-position: left -3px top 0px;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	white-space: nowrap;
	opacity: 1;
	font-weight:bold;
}

.fuel-info-level-h {
	display: none;
}

.fuel-info-state {
	cursor: pointer;
	display: inline-block;
	padding-left: 18px;
	height: 18px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	opacity: 1;
	white-space: nowrap;
}

.fuel-info-state-0 {
	background-image:url('../resources/images/fuel/baseline_local_gas_station_light_gray3_18dp.png');
}

.fuel-info-state-1 {
	background-image:url('../resources/images/fuel/gas_station_ok2_light_gray_18dp.png');
}

.fuel-info-state-2 {
	background-image:url('../resources/images/fuel/baseline_local_gas_station_red_18dp.png');
}

.fuel-info-state-3 {
	background-image:url('../resources/images/fuel/gas_station_warn_light_gray_18dp.png');
}

.services-col-time {
	max-width: 100px;
}

.services-col-tacho {
	max-width: 300px;
}

.services-tacho-ii {
	min-width: 100px; 
	max-width: 300px; 
	cursor: text; 
	text-overflow: ellipsis; 
	overflow: hidden;
}

.rich-pick-list-hide-col {
	display: none;
}

.rich-pick-list-hide-action-but .rf-pick-add-all {
	visibility: hidden;
}

.rich-pick-list-hide-action-but .rf-pick-rem-all {
	visibility: hidden;
}

/* svd - SavedViaDisplay tooltip */
.svd-tt {
	
}
.svd-tt-actions {
	
}
.svd-tt-action {
	cursor: pointer;
}
.svd-tt-type {
	font-weight: bold;
}

.svd-tt-type_GOOD {
	color: #26C281;
}
.svd-tt-type_BAD {
	color: #F35353;
}
.svd-tt-type_BAD1 {
	color: #fe7e0f; /* FF00FF fd8a5e */
}


.custom_layer_legend {
	vertical-align: top;
	padding-right: 3px;
}
.custom_layer_saved_road_type_VIA {
	color: #bbbbbb;
}
.custom_layer_saved_road_type_GOOD {
	color: #26C281;
}
.custom_layer_saved_road_type_BAD {
	color: #F35353;
}
.custom_layer_saved_road_type_BAD1 {
	color: #fe7e0f;
}


.svd-tt-viacount {
	color: gray;
}
.svd-tt-description {
	/*font-weight: bold;*/
	max-width: 150px;
	white-space: normal;
}

.tt-useTabletEvent {
	color: orange;
}

.pass-change-invalid-token {
	font-size: 16px;
	margin: 80px 20px 20px 20px;
	color: red;
	max-width: 600px;
}

.pass-change-used-token {
	font-size: 16px;
	margin: 80px 20px 20px 20px;
	color: green;
	max-width: 600px;
}

.pass-change-success {
	font-size: 16px;
	margin: 80px 20px 20px 20px;
	color: green;
	max-width: 600px;
}

.pass-change-header {
	font-size: 15px;
	margin: 40px 20px 20px 20px;
	color: black;
	max-width: 600px;
}
.pass-change-cmds {
	margin: 10px 20px 30px 20px;
	
}

.auth-user-hint {
	display: block;
	padding: 10px;
	margin: 5px;
	border-color: #e7e7e7;
  	color: black !important;
  	text-decoration: none !important;
  	background-color: white;
  	font-size: 16px;
}

.auth-user-hint:hover {
  background: #e7e7e7;
}

.auth-user-hint-info {
	color: gray;
	margin: 15px 5px;
	display: block;
	text-align: left;
}

.auth-user-hint-head {
	display: block;
	margin: 20px 0px;
	font-size: 13px;
	font-weight: bold;
}

.tacho-error-link {
	color:red !important;
}

.place-search-filter-flag-icon {
	display: inline-block;
	padding: 2px;
	width: 24px;
    height: 24px;
    margin: 0 5px 0px 0;
    border-radius: 3px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px;
}

.place-search-filter-flag-f-active-true {
	background-color: #606060;
}

.place-search-filter-flag-f-active-false {
	background-color: #C0C0C0;
}

.place-search-filter-flag-icon-cameraSecurity {
	background-image: url(../resources/images/road-services/camera2.png);
}

.place-search-filter-flag-icon-gate {
	background-image: url(../resources/images/road-services/gate_closed2.png);
}

.place-search-filter-flag-icon-spreadLighting {
	background-image: url(../resources/images/road-services/light_on2.png);
}

.place-search-filter-flag-icon-guard {
	background-image: url(../resources/images/road-services/security2.png);
}

.place-search-filter-flag-icon-fence {
	background-image: url(../resources/images/road-services/hekwerk2.png);
}

.place-search-filter-flag-icon-toilet {
	background-image: url(../resources/images/road-services/toilet2.png);
}

.place-search-filter-flag-icon-shower {
	background-image: url(../resources/images/road-services/douche2.png);
}

.place-search-filter-flag-icon-wifi {
	background-image: url(../resources/images/road-services/wifi2.png);
}

.place-search-filter-flag-icon-coolingMotorsAllowed {
	background-image: url(../resources/images/road-services/koeling2.png);
}

.place-search-filter-flag-icon-adrPossible {
	background-image: url(../resources/images/road-services/adr2.png);
}

.place-search-filter-flag-icon-longTimeParking {
	background-image: url(../resources/images/road-services/long_time_parking2.png);
}

.place-search-filter-flag-icon-decouplingTrailers {
	background-image: url(../resources/images/road-services/decoupling_trailers2.png);
}

.place-search-filter-flag-icon-electricCoolingCharging {
	background-image: url(../resources/images/road-services/electric_cooling2.png);
}

.place-search-filter-flag-icon-hotel {
	background-image: url(../resources/images/road-services/hotel2.png);
}

.place-search-filter-flag-icon-restaurant {
	background-image: url(../resources/images/road-services/restaurant2.png);
}

.dtl-trip-item-tag-icon {
	padding-left: 17px;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 12px 12px;
}

.di-t:hover {
	background-color: #FFF9D7;	
}

.di-t-PARCEL_LOAD {
	background-image:url('../resources/images/plus-gray-16x16.png');
}

.di-t-PARCEL_UNLOAD {
	background-image:url('../resources/images/minus-gray-16x16.png');
}

.di-t-REFUEL {
	background-image:url('../resources/images/fuel-gray-16x16.png');
}

.di-t-REST {
	background-image:url('../resources/images/ic_local_parking_gray_16x16.png');
}

.di-t-SERVICE {
	background-image:url('../resources/images/ic_build_gray_16x16.png');
}

.di-t-CARWASH {
	background-image:url('../resources/images/car_wash_grey14x14.png');
}

.di-t-CUSTOMS {
	background-image:url('../resources/images/travel-customs-officer-gray-16x16.png');
}

.di-t-DRIVER_CHANGE {
	background-image:url('../resources/images/driver_change_14x14.png');
}

.di-t-FERRY {
	background-image:url('../resources/images/ferry_14x14_gray.png');
}

.di-t-FERRY_TRANSIT {
	background-image:url('../resources/images/ferry_14x14_gray.png');
}

.di-t-FERRY_TRANSIT-ARRIVAL {
	background-image:url('../resources/images/ferry_14x14_gray_out.png');
}

.di-t-FERRY_TRANSIT-DEPARTURE {
	background-image:url('../resources/images/ferry_14x14_gray_in.png');
}

.di-t-TRUCK_SWAP {
	background-image:url('../resources/images/truck_swap_14x14.png');
}

.di-t-TRAILER_SWAP {
	background-image:url('../resources/images/trailer-swap_14x14.png');
}

.di-t-CONTAINER_SWAP {
	background-image:url('../resources/images/container-swap_14x14.png');
}

.di-t-DOCUMENTS {
	background-image:url('../resources/images/documents-transfer-14x14.png');
}

.di-t-DOCUMENTS_POST {
	background-image:url('../resources/images/documents-transfer_send-14x14.png');
}

.di-t-REGISTRATION {
	background-image:url('../resources/images/map-marker-check-outline-custom14x14.png');
}

.di-t-BORDER_CROSSING {
	background-image:url('../resources/images/boom-gate-custom14x14.png');
}

.di-t-TRANSSHIPMENT {
	background-image:url('../resources/images/swap-horizontal-bold-custom14x14.png');
}

.di-t-DIRECTION {
	background-image:url('../resources/images/map-marker-question-outline-custom14x14.png');
}

.di-t-TRAIN {
	background-image:url('../resources/images/outline_train_grey_14x14.png');
}

.di-t-TRAIN_TRANSIT {
	background-image:url('../resources/images/outline_train_grey_14x14.png');
}

.di-t-TRAIN_TRANSIT-ARRIVAL {
	background-image:url('../resources/images/train_grey_14x14_out.png');
}

.di-t-TRAIN_TRANSIT-DEPARTURE {
	background-image:url('../resources/images/train_grey_14x14_in.png');
}

.di-t-TUNNEL {
	background-image:url('../resources/images/tunnel_gray_14x14.png');
}

.di-t-TECHNICAL_INSPECTION {
	background-image:url('../resources/images/technical_inspection_14x14.png');
}

.di-t-TACHO_READOUT {
	background-image:url('../resources/images/card-account-details-outline-custom14x14.png');
}

.di-t-WEIGHING {
	background-image:url('../resources/images/baseline_car_repair_14x14.png');
}

.di-t-TOLL_POINT {
	background-image:url('../resources/images/toll-point-gray_14x14.png');
}

.di-t-ESCORT {
	background-image:url('../resources/images/shield-outline-custom-14x14.png');
}

.di-t-BRIDGE {
	background-image:url('../resources/images/bridge-gray-14x14.png');
}

.di-t-PALLETS {
	background-image:url('../resources/images/pallets-gray-14x14.png');
}

.di-t-NEUTRALIZATION {
	background-image:url('../resources/images/outline_visibility_off_gray_14x14.png');
}

.di-t-CONTAINER_PICK_UP {
	background-image:url('../resources/images/container_pick_up2_14x14.png');
}

.di-t-CONTAINER_DROP_OFF {
	background-image:url('../resources/images/container_drop_off2_14x14.png');
}

.di-t-DEFAULT {
	background-image:url('../resources/images/truck_14x14.png');
}