.object_name {
    text-align: center;
    color: #FFFFFF;
    font-family: courier new;
    font-size: 10pt;
    font-weight: bold;
}

.text {
    color: #FFFFFF;
}

.dataLayersDiv {
    max-height: 300px;
    overflow: auto;
    margin-right: 10px;
}

.object_name_content {
    padding: 1px;
    overflow: auto;
}

.leftcol {
    width: 80px;
}

body {
    background: #155080;
    margin: 0px;
    padding: 0px;
    color: #000000;
    width: 100%;
    height: 100%;

}

image {
}

/* a:link {text-decoration:none;} */
/* a:visited {text-decoration:none;} */
/* a:active {text-decoration:none;} */

.edit {
    font-family: Tahoma;
    font-size: 11px;
}

.input {
    color: #000000;
    font-family: Tahoma;
    font-size: 10px;
    width: 95%;
}

.button {
    color: #000000;
    font-family: Tahoma;
    font-size: 9px;
}

.error {
    color: red;
    font-size: 12px;
}
.message_err {
    color: red;
    font-size: 14px;
}
.done {
    color: green;
    font-size: 12px;
}

.low {
    background-color: red;
}

.high {
    background-color: green;
}

.menu_table_noborder {

    margin: 0px;

}

#sort:hover {
    cursor: pointer;
}

.menu_table_a {
    text-align: center;
    font-size: 12px;
    font-family: Verdana;
    background-color: #022857;
}

.menu_table_b {
    font-size: 10px;
    font-family: Verdana;
}

.calendar {
    z-index: 941 !important;
}

/*
#load {
    position:absolute;
    width:100%;
    height:100%;
    background: black none repeat;
    color:white;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    opacity: 0.5;
    filter:alpha(opacity=50);
    font-family: Verdana,Arial,Helvetica;
    font-size: 16px;
    line-height: 26px;
    z-index:999;
}

#load div {
    margin-top:20%;
    text-align:center;
    height:50px;
    width:100%;
}
*/

#drawing, #load {
    position: absolute;
    width: 240px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin: -30px auto auto -125px;
    z-index: 939;

    text-align: center;
    padding: 5px;
}

#drawing_top, #load_top {
    position: absolute;
    width: 240px;
    height: 50px;
    top: 100px;
    left: 50%;
    margin: -30px auto auto -125px;
    z-index: 939;

    text-align: center;
    padding: 5px;
}

#drawing {
    z-index: 940;
}

#cover {
    z-index: 940;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: white;
    filter: alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
}

#printcover {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
    z-index: 888;
}

/*#itemcover{
    width:100%;
    height:100%;
    position: absolute;
    background-color:white;
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
    z-index: 888;
}*/

#alarmboard {
    z-index: 941;
    position: absolute;
    padding-right: 15px;
    left: 250px;
    height: 50%;
    top: 20%;
}

#alarmbox, #driver_assignation_popup {
    z-index: 941;
    position: absolute;
    left: 250px;
    height: 260px;
    top: 20%;
    background-color: #227FCA;
    border: 1px solid white;
    width: 600px;
    margin-right: 0px;
    padding: 10px 10px 10px 10px;
}

#driver_assignation_popup {
    width: 400px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
}

.margin_top {
    margin-top: -7px;
}

#alarm_messages {
    overflow-y: scroll;
    height: 200px;
}

.alarm_title {
    text-align: center;
    font-weight: bold;
    color: white;
    margin-bottom: 10px;
    float: left;
    width: 500px;
}

.alarm_minimise {
    color: white;
    text-align: center;
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    float: right;
    width: 100px;
}

.alarm_minimise a {
    color: white;
}

.alarm_minimise_effect {
    z-index: 941;
    border: 2px dotted grey;
}

.alarm_message {
    width: 260px;
    margin: 5px 5px 5px 5px;
    font-size: 10px;
    font-family: Tahoma;
    padding: 3px;
    border: 1px solid white;
    color: black;
}

.alarm_message_text {
    width: inherit;
    overflow: hidden;
    word-wrap: break-word;
}

.selected_message {
    border: 2px solid black;
}

.alarm_confirm {
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 10px;
    margin-top: 10px;
}

.reply_text {
    margin-top: 2px;
    width: 254px;
}

.alarm_priority_0, .alarm_priority_1, .alarm_priority_2, .alarm_priority_3 {
    margin: 2px 5px 2px 5px;
}

.alarm_priority_1 {
    background-color: #BBFFBB;
}

.alarm_priority_2 {
    background-color: #FFFF99;
}

.alarm_priority_3 {
    background-color: #FF8484;
}

img {
    border: 0;
}

a:hover {
    color: lightblue;
    text-decoration: none;
}

a:link, a:visited, a:active {
    font-family: Tahoma;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

.two_lines {
    display: block;
}

.active_ignition, .inactive_ignition, .data_late {
    background-repeat: repeat-x;
    background-position: bottom;
    max-height: 30px;
    min-height: 30px;
    height: 30px;

}

.active_ignition {

}

.inactive_ignition {

}

.data_late {

}

#ajax_listOfOptions {
    position: absolute; /* Never change this one */
    width: 175px; /* Width of box */
    height: 250px; /* Height of box */
    overflow: auto; /* Scrolling features */
    border: 1px solid #317082; /* Dark green border */
    background-color: #FFF; /* White background color */
    text-align: left;
    font-size: 0.9em;
    z-index: 100;
}

#ajax_listOfOptions div { /* General rule for both .optionDiv and .optionDivSelected */
    margin: 1px;
    padding: 1px;
    cursor: pointer;
    font-size: 0.9em;
}

#ajax_listOfOptions .optionDiv { /* Div for each item in list */

}

#ajax_listOfOptions .optionDivSelected { /* Selected item in the list */
    background-color: #317082;
    color: #FFF;
}

#ajax_listOfOptions_iframe {
    background-color: #F00;
    position: absolute;
    z-index: 5;
}

/* ColorPicker css */
.color_picker_button, .color_cell {
    width: 15px;
    height: 15px;
    border: 1px solid black;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    color: red;
    vertical-align: middle;
}

.color_cell {
}

.color_picker {
    position: absolute;
    background-color: #FFF;
}

.color_picker_default_color_text {
    font-size: 10pt
}

/* ----- */

.body_color_bgr {
    background-color: #227FCA;
}

/* poi */
.poi_pois_table, .poi_add_table {
    font-size: 10px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.poi_pois_table {
    width: 97%;
}

.poi_th, .poi_th2 {
    border-top: 1px black solid;
    border-left: 1px black solid;
    text-align: center;
    font-weight: bold;
}

.poi_td {
    border-top: 1px black solid;
    border-left: 1px black solid;
    text-align: center;
}

.poi_th2 {
}

.sms_type_header {
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}

.sms_table {
    width: 700px;
}

.sms_date {
    width: 100px;
    text-align: center;
}

.sms_message {
}

.lineStyle0, .lineStyle1, .lineStyle2, .lineStyle3, .lineStyle4, .lineStyle10006, .lineStyle10007, .lineStyle10008, .lineStyle10009, .lineStyle10010, .lineStyle10011, .lineStyle10012, .lineStyle10013 {
    color: black;
}

.lineStyle0 {
    background-color: #227FCA;
}

.lineStyle1 {
    background-color: #00FF00;
}

.lineStyle2 {
    background-color: red;
}

.lineStyle3 {
    background-color: #FFBE00;
}

.lineStyle4 {
    background-color: #B200FF;
}

.lineStyle10006 {
    background-color: #F8AA79;
}

.lineStyle10007 {
    background-color: #7CBBCF;
}

.lineStyle10008 {
    background-color: #9B89B3;
}

.lineStyle10009 {
    background-color: #AEC683;
}

.lineStyle10010 {
    background-color: #E78C41;
}

.lineStyle10011 {
    background-color: #634D7E;
}

.lineStyle10012 {
    background-color: #C27535;
}

.lineStyle10013 {
    background-color: #3C6494;
}

.lineStyle11 {
    background-color: #00FF00;
    position: relative;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle22 {
    background-color: red;
    position: relative;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle33 {
    background-color: #BF9B30;
    position: relative;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle44 {
    background-color: #B200FF;
    position: relative;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle1000610006 {
    background-color: #F8AA79;
    position: auto;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle1000710007 {
    background-color: #7CBBCF;
    position: auto;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle1000810008 {
    background-color: #9B89B3;
    position: auto;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle1000910009 {
    background-color: #AEC683;
    position: auto;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle1001010010 {
    background-color: #E78C41;
    position: auto;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle1001110011 {
    background-color: #634D7E;
    position: auto;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle1001210012 {
    background-color: #C27535;
    position: auto;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.lineStyle1001310013 {
    background-color: #3C6494;
    position: auto;
    width: 20px;
    border: 1px solid #000000;
    top: 2px;
}

.olFramedCloudPopupContent {
    color: black;
    overflow: auto;
}

/*****/

.checkbon {
    background: url(images/eyeon1.png) no-repeat;
    width: 24px;
    height: 24px;
    display: block;
}

/*.checkboff {
  background: url(images/eyeoff1.png) no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  opacity: 0.5;
  filter: alpha(opacity = 50);
  zoom: 1;
}*/
.hideicos {
    display: none;
}

/*.olControlPanel .play_hist_speedItemActive ul, .olControlPanel .play_hist_speedItemInactive ul{
 text-align: center;
}
.olControlPanel .play_hist_speedItemActive li, .olControlPanel .play_hist_speedItemInactive li{
    height: 20px;
    width: 20px;
   margin-left: 2px;
   border: 1px solid #000000;
   display: inline-block;
   list-style-type: none;
}  */

.historyblue {
    background-color: #1C69A8;
    font-size: 10px;
}

.historyorange {
    background-color: orange;
    font-size: 10px;
}

.historynone {
    background-color: none;
    font-size: 10px;
}

.timeAnalysisTd {
    border-top: solid black 1px;
    border-bottom: solid black 1px;
}

.getRoute {
    overflow: hidden;
    font-size: 8pt;
}

.getRoute .error {
    color: #C24641;
    width: 200px;
}

.garminConnected {
    background-color: #158416;
    color: white;
}

.garminDisconnected {
    background-color: #E5243B;
    color: white;
}

.monitorWarning {
    width: 20px;
    height: 20px;
    display: block;
    background: url('images/monitorWarning.png') left top;
    float: left;
    margin-left: 10px;
    text-decoration: none;
}

.monitorInfoDialog p {
    color: #fff;
}

.helpContents, .helpContents a {
    color: #fff;
}

.helpContents a:hover {
    color: #add8e6;
}

.ui-dialog .ui-dialog-buttonpane .disabledButton {
    color: #aaa;
    background: #efefef;
}

.ttCalendarDate {
    float: left;
}

.ttCalendarTime {
    float: left;
    margin-left: 3px;
}

.ttCalendarButton {
    float: left;
    margin-left: 5px;
}

.ttCalendarButton {
    display: block;
    margin-left: 5px;
    background: url(/images/dateSmall.png);
    width: 20px;
    height: 20px;
    border: 0;
}

.ttErrors {
    color: #f00;
}

.ttMultiSelectContainer {
    width: 100%;
    max-height: 150px;
    overflow: auto;
}

.ttMultiSelectContainer .input_des {
    width: 100%;
}

.ttMultiSelectContainer .checkboxColumn {
    width: 20px;
}

.ttMultiSelectContainer .nameColumn {
    font-weight: bold;
}

.visitor {
    padding-top: 20px;
    font-size: 11px;
    padding-right: 10px;
}

.visitor .sms_table {
    width: 100%;
    text-align: center;
}

.visitor .sms_table_header {
    text-align: center;
}

.visitor .checkboxColumn {
    width: 50px;
}

.visitor .editColumn {
    width: 70px;
}

.visitor .message {
    text-align: center;
    padding-top: 20px;
}

.visitor .formContainer {
    padding-bottom: 20px;
}

.visitor .formButtonContainer {
    padding-bottom: 10px;
    overflow: hidden;
}

.visitor .formLabel {
    width: 150px;
    text-align: left;
}

.hProgressBar {
    width: 100px;
    background: #fff;
    float: left;
    margin: 3px 6px;
    padding: 2px;
}

.hProgressBar .inner {
    background: #bbb;
    height: 12px;
}

.hButton {
    width: 19px;
    height: 18px;
    float: left;
    margin: 2px 3px 2px 0;
    cursor: pointer;
}

.hPlayButton {
    background: url(/images/play.png) no-repeat left top;
}

.hPauseButton {
    background: url(/images/pause.png) no-repeat left top;
}

.hStopButton {
    background: url(/images/stop.png) no-repeat left top;
}

.hmLineStyle1 {
    background: #F8AA79;
}

.hmLineStyle2 {
    background: #7CBBCF;
}

.hmLineStyle3 {
    background: #9B89B3;
}

.hmLineStyle4 {
    background: #AEC683;
}

.hmLineStyle5 {
    background: #CA7E7D;
}

.hmLineStyle6 {
    background: #7E9BC8;
}

.hmLineStyle7 {
    background: #E78C41;
}

.hmLineStyle8 {
    background: #46A1B9;
}

.hmLineStyle9 {
    background: #775D97;
}

.hmLineStyle10 {
    background: #91AF53;
}

.hmLineStyle11 {
    background: #B34A47;
}

.hmLineStyle12 {
    background: #4978B1;
}

.hmLineStyle13 {
    background: #C27535;
}

.hmLineStyle14 {
    background: #39869B;
}

.hmLineStyle15 {
    background: #634D7E;
}

.hmLineStyle16 {
    background: #799244;
}

.hmLineStyle17 {
    background: #963D3B;
}

.hmLineStyle18 {
    background: #3C6494;
}

.hVisitorFilter {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

#header {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    overflow: hidden;
}

#leftf {
    z-index: 111;
    padding: 0px;
    position: absolute;
    top: 50px;
    left: 0px;
    bottom: 0px;
    overflow: auto;
    overflow-x: auto;
    width: 340px;
}

#rightf {
    position: absolute;
    top: 50px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 0;
    margin: 0;
    padding: 0;
    z-index: 110;
}

#drag_border {
    z-index: 111;
    left: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50px;
    right: 0px;
    bottom: 0px;
    cursor: w-resize;
}

#drag_border_horizontal {
    z-index: 111;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0px;
    bottom: 0px;
    cursor: n-resize;
}

#content, #map_canvas {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50px;
    right: 0px;
    bottom: 0px;
    left: 250px

}

#content {
    display: none;
    overflow: auto;
    color: black;
    padding-left: 10px;
    /* padding: 10px 10px; */

}

#map_canvas {
    z-index: 101;
    border: 1px solid #979797;
    /*background-color: #e5e3df;*/
    background-color: #99b3cc;

}

/**
 * Animations
 */

/*
Blinking screen
.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
*/

/* when replacing tiles, do not show tile and backbuffer at the same time */
.olTileImage.olTileReplacing {
    display: none;
}

/* override any max-width image settings (e.g. bootstrap.css) */
img.olTileImage {
    max-width: none;
}

.object_groups_td {
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}

.no_left_margin {
    margin-left: 0px;
}

#object_groups_select {
    height: 25px;
    overflow: hidden;
    position: relative;
}

form#availablePoiIconsForm table {
    width: 60%;
    border-collapse: collapse;
}

form#availablePoiIconsForm table tr th, form#availablePoiIconsForm table tr td {
    font-weight: normal;
    border: 4px #ffffff solid;
}

form#availablePoiIconsForm table tr th {
    color: #ffffff;
    background-color: #5babdc;
}

form#availablePoiIconsForm table tr td {
    color: #000000;
    background-color: #dde5ea;
}

form#availablePoiIconsForm table tr td:first-child {
    text-align: center;
}

table.dojoxUploaderFileListTable {
    display: none;
}

div.dojoxUploaderFileListProgress {
    padding-bottom: 5px;
}

.bold {
    font-weight: bold;
}

.hidden {
    visibility: hidden;
}

.progress_holder {
    float: right;
}

.job_error {
    float: right;
    text-align: center;
    width: 300px;
    color: #ff0000;
}

[id^="job_list_"], [id^="job_listSub_"] {
    position: relative;
}

.report_title_holder {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    height: 15px;
    white-space: nowrap;
    width: auto;
}

.subscription.report_title_holder {
    top: 5px;
    left: 40px;
    right: 0px;
}

.complete.report_title_holder {
    top: 5px;
    left: 40px;
    right: 85px;
}

.incomplete.report_title_holder {
    top: 5px;
    left: 20px;
    right: 380px;
}

.report_title_bottom {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 380px;
    color: #979797;
    width: auto;
    overflow: hidden;
    height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div#list, div#listSub {
    margin-top: 5px;
    margin-bottom: 5px;
    position: absolute;
    height: auto;
    width: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

div.margin5 {
    margin: 5px;
    display: inline-block;
    *display: inline;
}

div#splitHolder, div#splitHolderSub {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

div#splitHolderInnerTop, div#splitHolderInnerTopSub {
    height: min-content;
}

div#splitHolderInnerBottom, div#splitHolderInnerBottomSub {
    height: min-content;
}

div#splitHolderInnerMiddle, div#splitHolderInnerMiddleSub {
    height: 90%;
    position: relative;
}

span.bold {
    font-weight: bold;
}

div#reportsBottomPartLeft, div#reportsBottomPartLeftSub {
    padding: 10px;
    display: inline-block;
    *display: inline;
}

div#reportsBottomPartRight {
    padding: 10px;
    display: inline-block;
    *display: inline;
}

td.reportInfoLeft {
    width: 200px;
    vertical-align: top;
}

td.reportInfoRight {
    font-weight: bold;
    vertical-align: top;
}

div[id^="job_list_"] h1, div[id^="job_listSub_"] h1 {
    text-decoration: underline;
    font-weight: normal;
}

table.reportSettingsHolder {
    width: 100%;
}

img.ignition_block_ok:hover, img.ignition_block_waiting:hover, img.ignition_unblock_waiting:hover, img.ignition_unblock_error:hover, img.ignition_block_error:hover {
    cursor: pointer;
}

.light_yellow {
    background-color: #E4F07A !important;
}

.light_red {
    background-color: #DD5555 !important;
}

img#add_group, img#edit_group {
    margin: 2px;
    cursor: pointer;
}

img#add_group {
    margin-left: 4px;
    margin-right: 0px;
}

.gridx td[role=columnheader] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.text-width-calculation-block {
    text-transform: uppercase;
    visibility: hidden;
    position: absolute;
    font-size: 11px;
    font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
}

#popupDistancesGrid {
    display: none;
    height: 220px;
}

#popupDistancesGrid .gridxSortNode {
    color: #ffffff;
}

.gridxBody, .gridxBodyEmpty, .gridxLoad {
    background-color: rgb(2, 40, 87);
}
