html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    background: url('../images/dualnet_worldmap_bg.jpg');
    background-size: cover;
}
#login .x-window-body {
    padding: 0;
    border: 1px;
    margin: 0 auto;
    width: 390px;
    height: 250px;
    background: #1f87ae url('../images/loginBg4.png') no-repeat left top;
    font-family: tahoma, arial, verdana, sans-serif;
    font-size: 12px;
    font-color: #ffffff;
    padding: 0px 0px 5px 15px;
 }
#login .x-btn-default-small {
    -khtml-border-radius: 0px;
    border-radius: 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #D1D1D1;
    background: transparent url('../images/routyn_sprites.png') no-repeat -100px -125px !important;
    margin: 0px;
    width: 101px;
    height: 31px;
    font-size: 12px;
    text-shadow: #000 1px 1px;
    color: #ffffff;
}
#login .x-form-item-label {
    font: normal 13px 'PT Sans Narrow', Calibri, 'Myriad Pro', Tahoma, Arial;
    letter-spacing: 1px;
    color: #FFFFFF;
}
#toolbarObj{
    background-image: url('../images/taskbarBg8.png');
    color: #4C4C4C;
    font-family: tahoma, arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 11px;
}
div#winVP {
    position: relative;
    height: 500px;
    border: 1px solid #dfdfdf;
    margin: 0;
}
div#objId {
    position: relative;
    width: 100%;
    height: 100%;
    font-family: Roboto, Arial, Helvetica, serif;
    font-size: 14px;
    color: #404040;
    overflow: auto;
}
#my_chart_footer {
    padding-top: 2px;
    background-color: white;
}

#my_chart_footer .my_chart_footer_text {
    font-family: Roboto, Arial, Helvetica, serif;
    font-size: 12px;
    padding: 5px 10px;
    height: 15px; /* for autodetect */
    border: 1px solid #a4bed4
}
#my_driver_chart_footer .my_driver_chart_footer_text {
    font-family: Roboto, Arial, Helvetica, serif;
    font-size: 12px;
    padding: 5px 10px;
    height: 15px; /* for autodetect */
    border: 1px solid #a4bed4
}
#my_macro_footer .my_macro_footer_text {
    font-family: Roboto, Arial, Helvetica, serif;
    font-size: 12px;
    padding: 5px 10px;
    height: 25px; /* for autodetect */
    border: 1px solid #a4bed4
}
#my_macro_header {
    padding-bottom: 2px;
    background-color: white;
}

#my_macro_header .my_macro_header_text {
    font-family: Roboto, Arial, Helvetica, serif;
    font-size: 12px;
    padding: 5px 10px;
    height: 30px; /* for autodetect */
    border: 1px solid #a4bed4
}
#my_loc_footer .my_loc_footer_text {
    font-family: Roboto, Arial, Helvetica, serif;
    font-size: 12px;
    padding: 5px 10px;
    height: 25px; /* for autodetect */
    /*border: 1px solid #a4bed4*/
}
#my_loc_header {
    padding-bottom: 2px;
    background-color: white;
}
#my_loc_header .my_loc_header_text {
    font-family: Roboto, Arial, Helvetica, serif;
    font-size: 12px;
    padding: 5px 10px;
    height: 30px; /* for autodetect */
    /*border: 1px solid #a4bed4*/
}
.order_footer_text {
    font-family: Roboto, Arial, Helvetica, serif !important;
    font-size: 12px !important;
    color: black !important;
}

/* conf, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_conf {
    background-image: url(../js/dhtmlx/suite/v520/imgs/common/button_conf.png);
    background-position: 0 0;
}
/* conf, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_conf_dis {
    background-image: url(../js/dhtmlx/suite/v520/imgs/common/button_conf.png);
    background-position: 0 -24px;
}
/* conf, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_conf_pressed {
    background-image: url(../js/dhtmlx/suite/v520/imgs/common/button_conf.png);
    background-position: 0 0;
    background-color: #3090c0!important;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_conf_pressed_dis {
    background-image: url(../js/dhtmlx/suite/v520/imgs/common/button_conf.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* conf, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_excel {
    background-image: url(../images/graph/excel_green.png);
    background-position: 0 0;
}
/* conf, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_excel_dis {
    background-image: url(../images/graph/excel_green.png);
    background-position: 0 -24px;
}
/* conf, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_excel_pressed {
    background-image: url(../images/graph/excel_green.png);
    background-position: 0 0;
    background-color: #3090c0!important;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_excel_pressed_dis {
    background-image: url(../images/graph/excel_green.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* conf, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_pdf {
    background-image: url(../images/graph/pdf_white.png);
    background-position: 0 0;
}
/* conf, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_pdf_dis {
    background-image: url(../images/graph/pdf_white.png);
    background-position: 0 -24px;
}
/* conf, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_pdf_pressed {
    background-image: url(../images/graph/pdf_white.png);
    background-position: 0 0;
    background-color: #3090c0!important;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_pdf_pressed_dis {
    background-image: url(../images/graph/pdf_white.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* merge, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_merge {
    background-image: url(../images/graph/arrow_merge.png);
    background-position: 0 0;
}
/* merge, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_merge_dis {
    background-image: url(../images/graph/arrow_merge.png);
    background-position: 0 -24px;
}
/* merge, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_merge_pressed {
    background-image: url(../images/graph/arrow_merge.png);
    background-position: 0 0;
    background-color: #3090c0!important;
}
/* merge, pressed disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_merge_pressed_dis {
    background-image: url(../images/graph/arrow_merge.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* lock-trip, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_lock-trip {
    background-image: url(../images/graph/lock-white.png);
    background-position: 0 0;
}
/* lock-trip, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_lock-trip_dis {
    background-image: url(../images/graph/lock-white.png);
    background-position: 0 -24px;
}
/* lock-trip, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_lock-trip_pressed {
    background-image: url(../images/graph/lock-white.png);
    background-position: 0 0;
    background-color: #3090c0!important;
}
/* lock-trip, pressed disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_lock-trip_pressed_dis {
    background-image: url(../images/graph/lock-white.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* unlock-trip, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_unlock-trip {
    background-image: url(../images/graph/unlock-white.png);
    background-position: 0 0;
}
/* unlock-trip, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_unlock-trip_dis {
    background-image: url(../images/graph/unlock-white.png);
    background-position: 0 -24px;
}
/* unlock-trip, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_unlock-trip_pressed {
    background-image: url(../images/graph/unlock-white.png);
    background-position: 0 0;
    background-color: #3090c0!important;
}
/* unlock-trip, pressed disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_unlock-trip_pressed_dis {
    background-image: url(../images/graph/unlock-white.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* filter, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_filter {
    background-image: url(../images/graph/button_filter.png);
    background-position: 0 0;
}
/* filter, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_filter_dis {
    background-image: url(../images/graph/button_filter.png);
    background-position: 0 -24px;
}
/* filter, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_filter_pressed {
    background-image: url(../images/graph/button_filter.png);
    background-position: 0 0;
    background-color: #3090c0!important;
}
/* filter, pressed disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_filter_pressed_dis {
    background-image: url(../images/graph/button_filter.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}

/* legend, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_legend {
    background-image: url(../images/graph/legend_white.png);
    background-position: 0 0;
}
/* legend, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_legend_dis {
    background-image: url(../images/graph/legend_white.png);
    background-position: 0 -24px;
}
/* legend, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_legend_pressed {
    background-image: url(../images/graph/legend_white.png);
    background-position: 0 0;
    background-color: #3090c0!important;
}
/* legend, pressed disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_legend_pressed_dis {
    background-image: url(../images/graph/legend_white.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* horizontal split, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_hrsplit {
    background-image: url(../images/graph/layout-hr-split.png);
    background-position: 0 0;
}
/* horizontal split, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_hrsplit_dis {
    background-image: url(../images/graph/layout-hr-split.png);
    background-position: 0 -24px;
}
/* horizontal split, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_hrsplit_pressed {
    background-image: url(../images/graph/layout-hr-split.png);
    background-position: 0 0;
    background-color: #3090c0!important;
}
/* horizontal split, pressed disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_hrsplit_pressed_dis {
    background-image: url(../images/graph/layout-hr-split.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* horizontal merge, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_hrmerge {
    background-image: url(../images/graph/layout-hr-merge.png);
    background-position: 0 0;
}
/* horizontal merge, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_hrmerge_dis {
    background-image: url(../images/graph/layout-hr-merge.png);
    background-position: 0 -24px;
}
/* horizontal merge, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_hrmerge_pressed {
    background-image: url(../images/graph/layout-hr-merge.png);
    background-position: 0 0;
    background-color: #3090c0!important;
}
/* horizontal merge, pressed disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_hrmerge_pressed_dis {
    background-image: url(../images/graph/layout-hr-merge.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
.dhxform_item_label_left.yellowButton .dhxform_btn{
    background-color: yellow;
}
.dhxform_item_label_left.blueButton .dhxform_btn{
    background-color: lightskyblue;
}
/* reload, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_reload {
    background-image: url(../js/dhtmlx/suite/v520/imgs/common/button_reload.png);
    background-position: 0 0;
}
/* reload, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_reload_dis {
    background-image: url(../js/dhtmlx/suite/v520/imgs/common/button_reload.png);
    background-position: 0 -24px;
}

/* reload, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_warning {
    background-image: url(../images/graph/warning.png);
    background-position: 0 0;
}
/* reload, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_warning_dis {
    background-image: url(../images/graph/warning.png);
    background-position: 0 0;
}
/* add, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_add {
    background-image: url(../js/dhtmlx/suite/v520/imgs/common/button_add.png);
    background-position: 0 0;
}
/* add, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_add_dis {
    background-image: url(../js/dhtmlx/suite/v520/imgs/common/button_add.png);
    background-position: 0 -0px;
}

/* erase, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_erase {
    background-image: url(../images/graph/erase22.png);
    background-position: 0 0;
}
/* erase, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_erase_dis {
    background-image: url(../images/graph/erase22.png);
    background-position: 0 0px;
}

/* sync, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_sync {
    background-image: url(../images/graph/arrow-link.png);
    background-position: 0 0;
}
/* sync, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_sync_dis {
    background-image: url(../images/graph/arrow-link.png);
    background-position: 0 -24px;
}
/* sync, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_sync_pressed {
    background-image: url(../images/graph/arrow-link.png);
    background-position: 0 0;
    background-color: #275f86 !important;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_sync_pressed_dis {
    background-image: url(../images/graph/arrow-link.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* polygon, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_polygon {
    background-image: url(../images/graph/Maps-Polygon.png);
    background-position: 0 0;
}
/* polygon, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_polygon_dis {
    background-image: url(../images/graph/Maps-Polygon.png);
    background-position: 0 -24px;
}
/* polygon, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_polygon_pressed {
    background-image: url(../images/graph/Maps-Polygon.png);
    background-position: 0 0;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_polygon_pressed_dis {
    background-image: url(../images/graph/Maps-Polygon.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* geometry, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_geometry {
    background-image: url(../images/graph/geometry.png);
    background-position: 0 0;
}
/* geometry, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_geometry_dis {
    background-image: url(../images/graph/geometry.png);
    background-position: 0 -24px;
}
/* geometry, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_geometry_pressed {
    background-image: url(../images/graph/geometry.png);
    background-position: 0 0;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_geometry_pressed_dis {
    background-image: url(../images/graph/geometry.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* close polygon, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_polygonclose {
    background-image: url(../images/graph/Maps-Polygon-Dots.png);
    background-position: 0 0;
}
/* polygon, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_polygonclose_dis {
    background-image: url(../images/graph/Maps-Polygon-Dots.png);
    background-position: 0 -24px;
}
/* polygon, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_polygonclose_pressed {
    background-image: url(../images/graph/Maps-Polygon-Dots.png);
    background-position: 0 0;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_polygonclose_pressed_dis {
    background-image: url(../images/graph/Maps-Polygon-Dots.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* showline, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_showline {
    background-image: url(../images/graph/map_straight.png);
    background-position: 0 0;
}
/* showline, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_showline_dis {
    background-image: url(../images/graph/map_straight.png);
    background-position: 0 -24px;
}
/* showline, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_showline_pressed {
    background-image: url(../images/graph/map_straight.png);
    background-position: 0 0;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_showline_pressed_dis {
    background-image: url(../images/graph/map_straight.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}
/* showroute, enabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_showroute {
    background-image: url(../images/graph/road_map.png);
    background-position: 0 0;
}
/* showroute, disabled state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_showroute_dis {
    background-image: url(../images/graph/road_map.png);
    background-position: 0 -24px;
}
/* showroute, pressed state */
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_showroute_pressed {
    background-image: url(../images/graph/road_map.png);
    background-position: 0 0;
}
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_showroute_pressed_dis {
    background-image: url(../images/graph/road_map.png);
    background-position: 0 -24px;
    background-color: #f0f0f0!important;
}

/* alighnment of the grid header titles*/
.hdrcell {
    text-align: center; vertical-align: middle !important;
}

.complex_gantt_bar {
    background: transparent;
    border: none;
}

.complex_gantt_bar .gantt_task_progress {
    display: none;
}

.legend{
    padding-left: 15px;
}
.custom_progress {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 100%;
}
.custom_progress.lead_in {
    background-color: #4CC259;
}
.custom_progress.in_progress {
    background-color: #88BFF5;
}
.custom_progress.back_to_base {
    background-color: #E79AFF;
}
.custom_progress.open_route {
    background-color: #E79AFF;
}
.custom_progress.external {
    background-color: #E79AFF;
}
.custom_progress.waiting {
    background-color: #D9D7FA;
}
.custom_progress.delivery {
    background-color: #ffb520;
}
.custom_progress.pickup {
    background-color: #88BFF5;
}
.custom_progress.delivery_pickup {
    background-image: linear-gradient(to right, #ffb520, #88BFF5);
}
.custom_progress.drive {
    background-image:url("../images/graph/road.png")
}
.custom_progress.lead_out {
    background-color: #d96c49;
}
.custom_progress.shunter {
    background-color: #d96c49;
}
.custom_progress.different_site {
    background-color: #d96c49;
}
.custom_progress.mfg_site {
    background-color: yellow;
}
.child_preview {
    box-sizing: border-box;
    margin-top: 2px;
    position: absolute;
    z-index: 1;
    color: white;
    text-align: center;
    font-size: 12px;
}

.gantt_task_line.task-collapsed {
    height: 4px;
}

.gantt_task_line.gantt_project.task-collapsed .gantt_task_content {
    display: none;
}

.gantt_row.task-parent {
    font-weight: bold;
}
.gantt_tree_icon.gantt_file{
    background-image:url("../images/vehicle-transparent1.png");
    /*margin-left: -25px;*/
    height: 18px;
    position: relative;
    left: 0;
    width: 28px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    background-position-y: -4px;
}
.gantt_tree_icon.gantt2_file{
    background-image:url("../images/vehicle-transparent1.png") !important;
    /*margin-left: -25px;*/
    height: 18px;
    position: relative;
    left: 0;
    width: 28px;
    margin: 0;

    padding: 0;
    white-space: nowrap;
    background-position-y: -4px;
}
.gantt_tree_icon.gantt_file_trip_loc{
    background-image:url("../images/vehicle-transparent-locked1.png");
    /*margin-left: -25px;*/
    height: 18px;
    position: relative;
    left: 0;
    width: 28px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    background-position-y: -4px;
}
.gantt_tree_icon.gantt_file_service_loc{
    background-image:url("../images/vehicle-transparent-locked-services1.png");
    /*margin-left: -25px;*/
    height: 18px;
    position: relative;
    left: 0;
    width: 28px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    background-position-y: -4px;
}
.gantt_tree_div{
    padding: 3px 0 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
    margin: 0;
    cursor: move;
    border-collapse: separate;
}
.icon-lorry-transparent-wrapper{
    float: left;
    display: inline-block;
    height: 9px;
    width: 10px;
    margin: 2px 12px 5px 5px;
    overflow: visible !important;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    border-collapse: separate;
}
.selTripColour {
    background-color: coral !important;
    color: white !important;
    font-size: 25px;
}
.dhtmlx-message-yellow div{
    background-color:yellow;
}
.more_driver{
    background-color:greenyellow;
}
.tripFromDiffSite{
    background-color: #d96c49 !important;
    color: black !important;
    font-size: 25px;
}

.tripBakhaulSite{
    background-color: rgba(176, 22, 217, 0.79) !important;
    color: black !important;
    font-size: 25px;
}
.tripFromMfgSite{
    background-color: yellow !important;
    color: black !important;
    font-size: 25px;
}
.tripOneWay{
    background-color: #E79AFF !important;
    color: black !important;
    font-size: 25px;
}
.less_driver{
    background-color:coral;
}
.mychart_cell{
    background-color:silver;
}
.green_down_arrow{
    position: relative;
    width: 16px;
    height: 16px;
    margin-top: -16px;
    left: 40px;
    top: 20px;
    background: transparent url("../images/routyn_sprites.png") no-repeat -525px -25px !important
}
.green_up_arrow{
    position: relative;
    width: 16px;
    height: 16px;
    margin-top: -16px;
    left: 40px;
    top: 20px;
    background: transparent url("../images/routyn_sprites.png") no-repeat -500px -25px !important
}
.red_up_arrow{
    position: relative;
    width: 16px;
    height: 16px;
    margin-top: -16px;
    left: 40px;
    top: 20px;
    background: transparent url("../images/routyn_sprites.png") no-repeat -550px -25px !important
}
.red_down_arrow{
    position: relative;
    width: 16px;
    height: 16px;
    margin-top: -16px;
    left: 40px;
    top: 20px;
    background: transparent url("../images/routyn_sprites.png") no-repeat -550px -25px !important
}
.infeasible-errors{
    background: transparent url("../images/routyn_sprites.png") no-repeat -525px 0 !important;
    margin: 0;
    height: 16px;
    width: 16px;
    float: left;
}
.infeasible-infractions{
    background: transparent url("../images/routyn_sprites.png") no-repeat -550px 0 !important;
    margin: 0;
    height: 16px;
    width: 16px;
    float: left;
}
.location-lock {
    background: transparent url("../images/routyn_sprites.png") no-repeat -550px -75px !important;
    margin: 0;
    height: 16px;
    width: 16px;
    float: left;
}
.cell_data{
    border-left: 1px solid rgb(223, 223, 223);
    position: relative;
}
.order_footer_text {
    font-family: Roboto, Arial, Helvetica, serif !important;
    font-size: 12px !important;
    color: black !important;
}

.load_footer_text {
    font-family: Roboto, Arial, Helvetica, serif !important;
    font-size: 12px !important;
    color: black !important;
}
.footer_progress_bar{
    width: 200px;
    right: auto;
    left: 280px;
    top: 10px;
    margin: 0;
    padding: 0;
    background-color: #e0e8f3;
    border-width: 1px;
    height: 20px;
    border-color: #6594cf;
    border-style: solid;
    overflow: hidden;
    position: absolute !important;
    font-size: 11px;
    cursor: default;
    font-family: tahoma,arial,verdana,sans-serif;
    color: black;
}
.footer_progress_text{
    width: 198px;
    color: #396295;
    line-height: 18px;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    margin: 0;
    padding: 0;
    font-family: tahoma,arial,verdana,sans-serif;
    cursor: default;
}
.x-progress-text {
    color: white;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    line-height: 18px;
}
.x-border-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.x-progress-bar-default {
    background-image: none;
    background-color: #73a3e0;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#b2ccee),color-stop(50%,#88b1e5),color-stop(51%,#73a3e0),color-stop(100%,#5e96db));
    background-image: -webkit-linear-gradient(top,#b2ccee,#88b1e5 50%,#73a3e0 51%,#5e96db);
    background-image: -moz-linear-gradient(top,#b2ccee,#88b1e5 50%,#73a3e0 51%,#5e96db);
    background-image: -o-linear-gradient(top,#b2ccee,#88b1e5 50%,#73a3e0 51%,#5e96db);
    background-image: linear-gradient(top,#b2ccee,#88b1e5 50%,#73a3e0 51%,#5e96db);
}
.x-progress-bar {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 100%;
    font-family: tahoma,arial,verdana,sans-serif;
    cursor: default;
    color: black;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
.buttonEnabled {
    border: 0.1em outset #a0a0a0; /*position:relative;*/
    height:25px;
    padding: 0 5px 0 5px;
    margin: 0 0 0 0;
    background: #176287 no-repeat left; /*background-color:#3063A5;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#FFFFFF;
    font-weight: bold;
    cursor:pointer;
    white-space: nowrap;
    overflow: visible;
    border-radius: 8px;
}
.buttonDisabled {
    border: 0.1em outset #a0a0a0; /*position:relative;*/
    height:25px;
    padding: 0 5px 0 5px;
    margin: 0 0 0 0;
    background: white no-repeat left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#666666;
    font-weight: bold;
    cursor:not-allowed;
    white-space: nowrap;
    overflow: visible;
    text-decoration:none;
    border-radius: 8px;
}
.statusBarText{
    padding-top:3px; font-size: 11px; line-height: 12px; text-align: center;
}
/*.dhxwin_hdr{
    background-image: url("../images/windowBg2.jpg") !important;
}*/
.list_data{
    border:1px solid #c0c0c0;
    background-color:white;
    width:210px;
    height:200px;
}
.pal_data{
    /*border:1px solid #c0c0c0;*/
    /*background-color:white;*/
    width:210px;
    /*background-color: #e2efff;*/
    background: linear-gradient(#e2efff,#d3e7ff);
    border: 1px solid #fff;
    border-bottom-color: #a4bed4;
    white-space: nowrap;
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    text-align: center;
    font-size: 11px;
    color: #34404b;
    font-weight: bold;
    line-height: 20px;
}
.pal_data_over{
    width:210px;
    color: white;
    background: linear-gradient(#ffb520, coral);
    border: 1px solid #fff;
    border-bottom-color: #a4bed4;
    white-space: nowrap;
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
}
.sum_data_over{
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    text-align: center;
    font-size: 11px;
    color: white;
    background-color:coral;
}
.sum_data_under{
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    text-align: center;
    font-size: 11px;
    color: #34404b;
    background: white;
}
.pal_strong {
    font-weight: bold;
    font-size: 10px;
    display: block;
    padding-bottom: 6px;
}
.pal_light {
    font-size: 10px;
    padding-bottom: 6px;
    text-align: center;
}
.section_title_with_border {
    color: #34404b;
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    font-weight: bold;
    font-size: 17px;
    border: 1px solid #a4bed4;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 0;
    line-height: 20px;
}
.data_title_with_border {
    color: #34404b;
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    font-weight: bold;
    font-size: 10px;
    border: 1px solid #a4bed4;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 0;
    line-height: 20px;
}
.data_with_border {
    color: #34404b;
    font-family: Tahoma, Arial, Helvetica, Tahoma, serif;
    font-size: 10px;
    border: 1px solid #a4bed4;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 0;
    line-height: 20px;
}
.timed_row_colour{
    background:#ffff86;
}

.col_row_colour1{
    background:#ffddcc;
}