@charset "utf-8";
@import "generatorwidget.css";
* :not(input) {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
body {
    background-color: #003b65;
    margin: 0px;
    padding: 0px;
    min-zoom : 0.1;
}
hr {
    margin-left: 0;
    margin-right: 0;
    /*    width: 100%;
        width: -webkit-fill-available;*/
}
#site_wrapper {
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
#site_wrapper #frame_bar_left {
    background-image: url(../images/frame_bar_left.png);
    width: 40px;
    height: 700px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
}
#site_wrapper #top_ribbon {
    background-repeat: no-repeat;
    position: absolute;
    left: 55px;
    top: 0px;
    right: 55px;
}
#site_wrapper #menu_ribbon {
    background-image: url(../images/menu_bgr.png);
    background-repeat: no-repeat;
    height: 700px;
    width: 215px;
    position: absolute;
    top: 100px;
    left: 55px;
}
#site_wrapper #content_frame {
    position: absolute;
    left: 270px;
    top: 100px;
    right: 55px;
    background-color: #e3ebf1;
    height: 700px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}
#site_wrapper #content_frame h4 {
    font-weight: bold;
    color: #FFF;
    background-color: #036;
    padding: 4px;
    margin: 10px;
}
#site_wrapper #content_frame p {
    margin: 10px;
}
#site_wrapper #frame_bar_right {
    background-image: url(../images/frame_bar_right.png);
    width: 40px;
    height: 700px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
}
#wrapper {
    position: absolute;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    width: 100%;
    min-width: 1200px;
    /* min-height: 600px; */
    overflow: hidden;
}
#wrapper #top_ribbon  {
    background: url(../images/satellite.png) ;
    background-repeat: no-repeat;
    background-size: auto;
    flex: 0 0 100px;
    position: relative;
}
@media screen and (max-device-width: 640px) {
    #wrapper #top_ribbon  {
        background: url(../images/logo.png);
        background-repeat: no-repeat;
        background-size: auto;
    }
}
#wrapper #app_body_placeholder {
    width: 100%;
    display: flex;
    padding: 5px;
    overflow: auto;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: stretch;
}
#wrapper #app_body {
    flex-grow: 1;
    margin-top: 5px;
    border-top: medium ridge #369;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
}


#wrapper #login_frame {
    width: 290px;
    padding: 10px;
    background-color: #369;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#wrapper #login_frame hr {
    width: 100%;
    width: -webkit-fill-available;
}
#wrapper #app_dropdown_container {
    position: absolute;
    right: 310px;
    bottom: 0px;
    display: flex;
    flex-direction: row;
    gap: 5px;
}
#wrapper #first_line {
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
#time_zone_div label {
    font-weight: bold;
    color: #FFF;
}
#wrapper #navigation  {
    position: absolute;
    right: 10px;
    bottom: 0px;
    display: flex;
    flex-direction: row;
    gap: 5px;
}
#wrapper #navigation * {
    float: left;
}

#wrapper #app_body #left_bar  {
    border-right-width: thin;
    border-right-style: ridge;
    border-right-color: #699;
    overflow-y: auto;
    flex: 0 0 170px;
}
.vertical_bar_element {
    margin: 10px 5px 10px 5px;
    gap: 2px;
}
#wrapper #app_body #left_bar #days > *{
    margin-right: auto;
    margin-left: auto;
}
#wrapper #app_body #left_bar #days .nav_button {
    background-color: #6f8ba0;
    border-color: #ffffff80;
}
#wrapper #app_body #left_bar #days #months {
    line-height: 20px;
    background-color: #F6AF3A;
    border: 1px solid #E78F08;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    padding: 0.2em;
    margin-top: 5px;
    text-align: center;
}

#wrapper #app_body #left_bar #days #months #prev_month,
#wrapper #app_body #left_bar #days #months #next_month {
    padding: 0;
}

#wrapper #app_body #left_bar #days #months #prev_month {
    float: left;
}

#wrapper #app_body #left_bar #days #months #next_month {
    float: right;
}

#wrapper #app_body #left_bar #days #months #current_month {
    font-weight: bold;
    margin: 0 auto;
}

#wrapper #app_body #left_bar #days #months #prev_month,
#wrapper #app_body #left_bar #days #months #next_month {
    color: #FFF;
    text-decoration: none;
    padding: 0 0.4em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

#wrapper #app_body #left_bar #days #months #prev_month:hover,
#wrapper #app_body #left_bar #days #months #next_month:hover {
    background-color: #FDF5CE;
    color: #C77405;
}

#wrapper #app_body #right_bar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 5px;
    border-left-width: thin;
    border-left-style: ridge;
    border-left-color: #699;
    overflow-y: auto;
    flex: 0 0 290px;
    gap: 5px;
}
#wrapper #app_body #right_bar #right_bar_info {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    overflow-y: auto;
}
#reports_dialog .google-visualization-table,
#users_dialog .google-visualization-table,
#drivers_dialog .google-visualization-table {
    width: 100%;
}
#reports_dialog .google-visualization-table td {
    display: flex;
    align-items: center;
}
#reports_dialog .google-visualization-table td .table_icon {
    width: 21px;
    height: 20px;
    margin-right: 3px;
    background-size: 21px 20px;
}
#wrapper #app_body #right_bar #aux_map {
    flex: 0 0 300px;
    border: 1px solid #699;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#wrapper #app_body #right_bar #right_bar_geo_zone_fields,
#wrapper #app_body #right_bar #right_bar_map_overlay_fields,
#wrapper #app_body #right_bar #right_bar_add_geo_zone,
#wrapper #app_body #right_bar #right_bar_add_map_overlay {
    margin: 5px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
}
#wrapper #app_body #right_bar #right_bar_geo_zone_fields table,
#wrapper #app_body #right_bar #right_bar_map_overlay_fields table {
    width: 100%;
    color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
    /* line-height: 20px; */
    padding-bottom: 5px;
    background-color: #284f88;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#wrapper #app_body #right_bar #right_bar_geo_zone_fields table label,
#wrapper #app_body #right_bar #right_bar_map_overlay_fields table label {
    display: block;
    width: 100%;
    text-align: right;
}
#wrapper #app_body #view_buttons   {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding: 5px 5px 0px 5px;
}
.refresh_button {
    background-image: url(../images/refresh.png) !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.refresh_button[selected] {
    background-color: #F6AF3A !important;
}
.toggle_table_columns_button {
    background-image: url(../images/toggle_table_columns.png) !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.show_users_dialog_button {
    background-image: url(../images/users_icon.png) !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}    
.show_drivers_dialog_button {
    background-image: url(../images/driver_icon.png) !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}    
.plus_button {
    background-image: url(../images/plus.png) !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
#wrapper #app_body #middle_section  {
    overflow: hidden;
    display: flex;
    flex-flow: column;
    flex: 2 0 550px;
}
#wrapper #app_body #main  {
    flex: 1 1 auto;
    overflow: hidden;
    margin: 5px;
    height: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#wrapper #app_body #main #map_div {
    width: 100%;
    height: 100%;
}

#wrapper #app_body #main .google-visualization-table,
#wrapper #clients_frame .google-visualization-table,
#wrapper #departments_frame .google-visualization-table,
#wrapper #app_body #users_frame .google-visualization-table,
#wrapper #app_body #drivers_frame .google-visualization-table {
    display: block;
}

#generator_controller_panel_overlay {
    z-index: 1000;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
#remote_config_veiw_overlay #remote_config_veiw,
#file_manager_overlay #file_manager,
#config_files_manager_overlay #config_files_manager,
#raw_data_veiw_overlay #raw_data_veiw
{
    position: relative;
    width: 600px;
    padding: 10px;
    /* padding-bottom: 40px; */
    background-color: #F6AF3A;
    border: 1px solid #E78F08;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}
#raw_data_veiw_overlay #raw_data_veiw #raw_data {
    height: 400px;
    width: 100%;
    padding-right: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#gprs_remote_config_log,
#config_files_manager_table {
    display: block;
    overflow-y: auto;
    border-collapse: collapse;
    border: 1px solid gray;
    flex-grow: 2;
}
#gprs_remote_config_log th {
    width: 1%;
}

#gprs_remote_config_log th,
#config_files_manager_table th {
    position: sticky;
    top: 0;
    border-right: 1px solid gray;
    background-color: #aaa;
}
#gprs_remote_config_log th:last-child,
#config_files_manager_table th:last-child {
    border-right: unset;
}
#gprs_remote_config_log td,
#config_files_manager_table td {
    background-color: white;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
}
#gprs_remote_config_log td:last-child,
#config_files_manager_table td:last-child {
    border-right: unset;
}
#file_manager_table {
    border-collapse: collapse;
}
#file_manager_table tr[odd_row] td {
    background-color: #f4f4f4;
    border-width: 0px;
}
#file_manager_table tr[even_row] td {
    background-color: white;
    border-width: 0px;
}
#gprs_remote_config_log td {
    user-select: text;
}
#file_manager_table td:nth-child(5),
#file_manager_table td:nth-child(1),
#file_manager_table td:nth-child(4),
#file_manager_table td:nth-child(2) {
    width: 1%;
}
#file_manager_table td:nth-child(2),
#file_manager_table td:nth-child(4) {
    text-align: center;
}
#file_manager_table td:nth-child(4) {
    padding: 0px 5px 0px 5px;
}
#file_manager_table td:nth-child(3) {
    max-width: 300px;
}
#config_files_manager_table td:nth-child(1),
#config_files_manager_table td:nth-child(3) {
    padding: 0px 5px 0px 5px;
    text-align: center;
}
#config_files_manager_table th:nth-child(1),
#config_files_manager_table th:nth-child(3),
#config_files_manager_table th:nth-child(4) {
    width: 1%;
}
#remote_config_veiw_contents .remote_config_tab_contents {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 3px;
    overflow: hidden;
    height: 100%;
    height: -webkit-fill-available;
}
#remote_config_veiw_contents .send_remote_config_message_buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
#remote_config_veiw_contents .remote_config_message {
    height: 40px;
    padding-right: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: 5px;
    flex-shrink: 0;
}
#remote_config_veiw_contents #sms_remote_config_log {
    flex-grow: 1;
}
#remote_config_veiw_contents #sms_qr_code_image {
    height: 200px;
    width: 200px;
    align-self: center;
}
#remote_config_veiw_contents #sms_qr_code_instructions {
    align-self: center;
}
#user_data_editor #report_subscriptions,
#client_data_editor #client_departments {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 250px;
    overflow-y: auto;
}
#user_restrictions {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
#user_restrictions > div{
    text-align: left;
}
.options_table *[autoconfig],
.options_table *[autoconfig] ~ .checkbox_label,
.options_table *[autoconfig] option[autoconfig] {
    background-color: #8DB1FF;
}
.options_table *[autoconfig] option {
    background-color: #FFF;
}
.options_table *[autoconfig] option[autoconfig] {
    background-color: #8DB1FF;
}
.options_table *[autoconfig] option[previous] {
    font-style: italic;
}
.options_table textarea,
.options_table input[size="20"] {
    width: calc(100% - 5px);
    width: -webkit-fill-available;
}
.options_table #makeModelYear {
    display: flex;
    flex-direction: row;
    width: calc(100% - 5px);
    width: -webkit-fill-available;
}
.options_table #makeModelYear input {
    flex-grow: 1;
    width: 100px;
}
.options_table #makeModelYear #tbYear {
    width: 30px;
}
.options_table tr td:first-child:not([colspan="2"]) {
    text-align: right;
    width: 1%;
    white-space: nowrap;
}
.options_table tr td:first-child:not([colspan="2"]) * {
    text-align: left;
    width: unset;
    white-space: unset;
}
.menu_item {
    width:184px;
    color:#ffffff;
    overflow:hidden;
    cursor: default;
    line-height: 26px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #124;
    margin-right: 5px;
    margin-left: 5px;
}

.menu_item_selected {
    width:184px;
    color:#333333;
    overflow:hidden;
    cursor: default;
    line-height: 26px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #124;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #FFF;
}

div.menu_item:hover {
    text-decoration: underline;
}
#site_wrapper #menu_ribbon #tracking_linl_title {
    width:184px;
    color:#ffffff;
    overflow:hidden;
    cursor: default;
    line-height: 26px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #036;
    margin-top: 40px;
}
#site_wrapper #menu_ribbon #tracking_link {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.button_div {
    width: 140px;
    height: 30px;
    color: #ffffff;
    overflow: hidden;
    background-image: url(../images/button_gray_left.png), url(../images/button_gray_right.png), url(../images/button_gray_middle.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left center, right center, center center;
    background-size: 14px 100%, 14px 100%, calc(100% - 26px) 100%;
    cursor: default;
    line-height: 30px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin: 2px;
}
div.button_div[selected],
div.button_div[selected]:hover {
    background-image: url(../images/button_yellow_left.png), url(../images/button_yellow_right.png), url(../images/button_yellow_middle.png);
}
div.button_div:hover {
    filter: brightness(115%);
    /*background-image: url(../images/button_light_gray_left.png), url(../images/button_light_gray_right.png), url(../images/button_light_gray_middle.png);*/
}
.button_med {
    width:95px;
}
.button_very_small {
    width:38px;
}
.button_auto_width {
    width: auto;
}
.button_fit_content {
    width: fit-content;
    padding-left: 13px;
    padding-right: 13px;
}
.stats_row_heading {
    background-color: #F6AF3A;
    font-weight: bold;
}
.stats_row_heading:hover {
    background-color: #fdbd57;
}
.stats_row_heading td::before {
    content: "▲ ";
}
.stats_row_heading[folded] td::before {
    content: "▼ ";
}
.stats_row_even {
    background-color: #06C;
}
.stats_row_odd {
    background-color: #06F;
}
.stats_table {
    width: 100%;
    color: #FFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}
.stats_table td{
    min-width: 100px;
}
.right_bar_title {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    line-height: 20px;
    background-color: #F6AF3A;
    border: 1px solid #E78F08;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    padding: 0.2em;
    /* margin-top: 5px; */
    text-align: center;
}
#calendar_table  {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FFF;
    text-align: center;
    width: 100%;
    cursor: default;
}
#calendar_table td {
    width: 20px;
    height: 20px;
}
#calendar_year_month td {
    background-color: #F90;
    font-weight: bold;
    background-image: url(../images/right_bar_title.png);
    line-height: 25px;
    height: 25px;
    font-size: 12px;
}
#calendar_days td {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #FFF;
    font-size: 9px;
    color: #333;
}
.clickable_date {
    background-color: #2D81FF;
    color: #FFF;
    font-weight: bold;
}
.clickable_date[selected] {
    background-color: #F90;
    color: #FFF;
    font-weight: bold;
}
.clickable_date[disabled] {
    color: #999;
    background-color: #06C;
}
td.clickable_date:not([disabled]):hover {
    filter: brightness(120%);
}
.login_frame_label {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #FFF;
    width: 120px;
    text-align: right;
    overflow: hidden;
    vertical-align: text-bottom;
}
.login_frame_field {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000;
    width: 150px;
    overflow: hidden;
    vertical-align: text-bottom;
}
.table_icon {
    height: 25px;
    text-align: center;
    vertical-align: central;
    background-size: auto;
    background-repeat: no-repeat;
}
.table_icon_group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.left_bar_frame {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    background-color: #F6AF3A;
    border: 1px solid #E78F08;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    padding: 5px;
}
.left_bar_input_frame {
    background-color: #F6AF3A;
    border-color: #E78F08;
}
.left_bar_filter_frame {
    background-color: #284f88;
    border-color: #3673ca;
}
.left_bar_filter_frame select,
.left_bar_input_frame select {
    width: 100%
}
#wrapper #top_ribbon #languages {
    display: flex;
    width: auto;
}
#departments_frame,
#clients_frame,
#drivers_frame,
#users_frame {
    flex: 0 1 500px;
    /* width: 500px; */
    overflow: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
textarea {
    resize: none;
}
.table_spinner {
    visibility: hidden;
}
#busy_frame_background {
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: none;
}
#busy_frame {
    position: fixed;
    width: 240px;
    min-height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -120px;
    margin-top: -40px;
    background-color: white;
    border: 1px solid #777;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 3px 3px rgba(100, 100, 100, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
    z-index: 3000;
}
#busy_frame #progress_bar_label {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    top: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
}
#busy_frame #progress_bar_image {
    background-image: url(../images/progress_bar.gif);
    background-repeat: no-repeat;
    width: 166px;
    height: 18px;
    left: 37px;
    top: 45px;
    margin-top: 15px;
}
.badge_inactive_vehicles_week,
.badge_inactive_vehicles_month,
.badge_errors,
.badge_active_service_tickets,
.badge_closed_service_tickets {
    padding: 0px 5px 0px 5px;
    height: 21px;
    color: #ffffff;
    background-color: #8DB1FF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.badge_inactive_vehicles_month {
    background-color: #06C;
}
.badge_inactive_vehicles_week {
    background-color: #8DB1FF;
}
.badge_active_service_tickets {
    padding: 0px 5px 0px 0px;
    background-color: #ffb225;
}
.badge_errors {
    padding: 0px 5px 0px 0px;
    background-color: #ff898f;
}
.badge_closed_service_tickets {
    padding: 0px 5px 0px 0px;
    background-color: #888888;
}
.badge_errors_icon {
    width: 23px;
    height: 21px;
    background-image: url(../images/error_present.png);
    background-size: 21px 21px;
    background-repeat: no-repeat;
}
.badge_service_tickets_icon {
    width: 21px;
    height: 21px;
    background-image: url(../images/service_ticket_symbol.png);
    background-size: 21px 21px;
    background-repeat: no-repeat;
}
#vehicle_tag_selector,
#right_bar_note_text,
#right_bar_user_note_text {
    height: 30px;
    padding: 5px;
    margin: 2px;
    margin-bottom: 7px;
    background-color: #F6F6F6;
    border: 1px solid #FFFFFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#right_bar_note_text,
#right_bar_user_note_text {
    height: fit-content;
}
#vehicle_tag_selector {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
#vehicle_tag_selector div {
    margin-top: 3px;
}
#vehicle_tag_selector img:hover {
    background-color: #cce1ff;
}
#markerLayer div[status] {
    overflow: visible !important;
}
#markerLayer div[selected]::before {
    display: block;
    content: url("../images/selected.png");
    position: absolute;
    left: -9px;
    top: -9px;
}
#markerLayer div[status=parked]::after {
    display: block;
    content: url("../images/vehicle_parked.png");
    transform: scale(.6);
    position: absolute;
    left: 10px;
    top: 10px;
}
#markerLayer div[status=stop]::after {
    display: block;
    content: url("../images/vehicle_stop.png");
    transform: scale(.6);
    position: absolute;
    left: 10px;
    top: 10px;
}
#markerLayer div[status=active]::after {
    display: block;
    content: url("../images/stationary_active.png");
    transform: scale(.6);
    position: absolute;
    left: 10px;
    top: 10px;
}
#markerLayer div[status=inactive]::after {
    display: block;
    content: url("../images/stationary_inactive.png");
    transform: scale(.6);
    position: absolute;
    left: 10px;
    top: 10px;
}
#markerLayer div[status=gen_stop]::after {
    display: block;
    content: url("../images/generator_stop.png");
    transform: scale(.4);
    position: absolute;
    left: 5px;
    top: 5px;
}
#markerLayer div[status=gen_manual]::after {
    display: block;
    content: url("../images/generator_manual.png");
    transform: scale(.4);
    position: absolute;
    left: 5px;
    top: 5px;
}
#markerLayer div[status=gen_run]::after {
    display: block;
    content: url("../images/generator_run.png");
    transform: scale(.4);
    position: absolute;
    left: 5px;
    top: 5px;
}
#markerLayer div[status=gen_auto]::after {
    display: block;
    content: url("../images/generator_auto.png");
    transform: scale(.4);
    position: absolute;
    left: 5px;
    top: 5px;
}
#markerLayer div[status=gen_test]::after {
    display: block;
    content: url("../images/generator_test.png");
    transform: scale(.4);
    position: absolute;
    left: 5px;
    top: 5px;
}
#markerLayer div[status*=moving] {
    display: block;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
}
#markerLayer div[status*=moving]::after {
    display: block;
    position: absolute;
}
#markerLayer div[status*=moving0]::after {
    content: url("../images/point0.png");
    left: 7px;
    top: -12px;
}
#markerLayer div[status=moving0r]::after {
    content: url("../images/pointr0.png");
}
#markerLayer div[status=moving0b]::after {
    content: url("../images/pointb0.png");
}
#markerLayer div[status*=moving1]::after {
    content: url("../images/point1.png");
    left: 22px;
    top: -7px;
}
#markerLayer div[status=moving1r]::after {
    content: url("../images/pointr1.png");
}
#markerLayer div[status=moving1b]::after {
    content: url("../images/pointb1.png");
}
#markerLayer div[status*=moving2]::after {
    content: url("../images/point2.png");
    left: 25px;
    top: 5px;
}
#markerLayer div[status=moving2r]::after {
    content: url("../images/pointr2.png");
}
#markerLayer div[status=moving2b]::after {
    content: url("../images/pointb2.png");
}
#markerLayer div[status*=moving3]::after {
    content: url("../images/point3.png");
    left: 25px;
    top: 15px;
}
#markerLayer div[status=moving3r]::after {
    content: url("../images/pointr3.png");
}
#markerLayer div[status=moving3b]::after {
    content: url("../images/pointb3.png");
}
#markerLayer div[status*=moving4]::after {
    content: url("../images/point4.png");
    left: 7px;
    top: 22px;
}
#markerLayer div[status=moving4r]::after {
    content: url("../images/pointr4.png");
}
#markerLayer div[status=moving4b]::after {
    content: url("../images/pointb4.png");
}
#markerLayer div[status*=moving5]::after {
    content: url("../images/point5.png");
    left: -11px;
    top: 16px;
}
#markerLayer div[status=moving5r]::after {
    content: url("../images/pointr5.png");
}
#markerLayer div[status=moving5b]::after {
    content: url("../images/pointb5.png");
}
#markerLayer div[status*=moving6]::after {
    content: url("../images/point6.png");
    left: -12px;
    top: 5px;
}
#markerLayer div[status=moving6r]::after {
    content: url("../images/pointr6.png");
}
#markerLayer div[status=moving6b]::after {
    content: url("../images/pointb6.png");
}
#markerLayer div[status*=moving7]::after {
    content: url("../images/point7.png");
    left: -5px;
    top: -8px;
}
#markerLayer div[status=moving7r]::after {
    content: url("../images/pointr7.png");
}
#markerLayer div[status=moving7b]::after {
    content: url("../images/pointb7.png");
}
@keyframes pulsate {
    0% {
        transform: scale(.8, .8);
        opacity: 1;
    }
    50% {
        transform: scale(1.0, 1.0);
        opacity: .8;
    }
    100% {
        transform: scale(.8, .8);
        opacity: 1;
    }
}
#chart_navigation_wrapper {
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
}
#chart_navigation {
    display: block;
    margin-left: -50%;
}
#chart_navigation div {
    display: block;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 40px;
    height: 40px;
    margin: 3px;
    background-color: rgba(220, 220, 220, 0.5);
    box-shadow: 1px 1px rgba(100, 100, 100, 0.5);
    border: 1px solid rgba(50, 50, 50, 0.8);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: center;
}
#chart_navigation div[disabled] {
    background-color: rgba(50, 50, 50, 0.5);
    opacity: 0.5;
}
#chart_navigation div:not([disabled]):hover {
    background-color: rgba(220, 220, 255, 0.5);
    box-shadow: 2px 2px rgba(100, 100, 100, 0.5);
}
#chart_navigation #chart_smooth {
    background-image: url('../images/chart_smooth.png');
    margin-right: 10px;
}
#chart_navigation #chart_smooth[selected] {
    border: 4px solid rgba(255, 150, 50, 0.8);
}
#chart_navigation #chart_zoom_out {
    background-image: url('../images/zoom_out.png');
}
#chart_navigation #chart_zoom_in {
    background-image: url('../images/zoom_in.png');
}
#chart_navigation #chart_pan_left {
    background-image: url('../images/pan_left.png');
    margin-left: 10px;
}
#chart_navigation #chart_pan_right {
    background-image: url('../images/pan_right.png');
}
#chart_navigation #chart_selection_left {
    background-image: url('../images/selection_left.png');
    margin-left: 20px;
}
#chart_navigation #chart_selection_right {
    background-image: url('../images/selection_right.png');
}
#chart_navigation #map_selection_left {
    background-image: url('../images/selection_left.png');
    background-color: rgba(220, 220, 220, 0.9);
}
#chart_navigation #map_selection_right {
    background-image: url('../images/selection_right.png');
    background-color: rgba(220, 220, 220, 0.9);
}
.calculated_data {
    display: inline-block;
    background-image: url('../images/calc.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    vertical-align: text-bottom;
}
#notifications {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 350px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 3px;
}
@keyframes alert_pulsate_color {
    0% {
        background-color: #faa;
    }
    50% {
        background-color: #fff;
    }
    100% {
        background-color: #faa;
    }
}
.notification {
    position: relative;
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 40px 40px;
    width: 100%;
    min-height: 30px;
    overflow: auto;
    margin: 3px;
    box-shadow: 1px 1px rgba(100, 100, 100, 0.5);
    border: 1px solid rgba(50, 50, 50, 0.8);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    padding-left: 50px;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: bold;
}
.notification_alert {
    background-color: #faa;
    background-image: url('../images/notification_alert.png');
    animation: alert_pulsate_color 0.5s ease-out;
    animation-iteration-count: 10;
}
.notification_alert .notification_info_time {
    color: #b00;
}
.notification_alert:hover {
    background-color: #fcc;
}
.notification_info {
    background-color: #ffa;
    background-image: url('../images/notification_info.png');
}
.notification_info .notification_info_time {
    color: #00b;
}
.notification_info:hover {
    background-color: #ffc;
}
.notification_close_button {
    background-image: url('../images/close_button.png');
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    right: 6px;
    top: 6px;
}
.event_alert_inline_icon::before {
    display: inline-block;
    content: url("../images/event_alert.png");
    vertical-align: middle;
    margin-right: 3px;
}
.event_info_inline_icon::before {
    display: inline-block;
    content: url("../images/event_info.png");
    vertical-align: middle;
    margin-right: 3px;
}
.event_alert_icon::before {
    display: block;
    content: url("../images/event_alert.png");
    text-align: center;
}
.event_info_icon::before {
    display: block;
    content: url("../images/event_info.png");
    text-align: center;
}
.generator_warning_alarm_icon::before {
    display: block;
    content: url("../images/generator_status_warning.png");
    text-align: center;
}
.generator_loaddump_alarm_icon::before {
    display: block;
    content: url("../images/generator_status_alarm_ld.png");
    text-align: center;
}
.generator_shutdown_alarm_icon::before {
    display: block;
    content: url("../images/generator_status_alarm.png");
    text-align: center;
}
#vr {
    width : 1px;
    height : auto;
}
.stats_distance_invalid::after {
    display: inline-block;
    content: url("../images/event_alert.png");
    vertical-align: middle;
    margin-left: 5px;
}
.battery_voltage_low::after {
    content: url("../images/battery_low.png");
}
.battery_voltage_critical::after {
    content: url("../images/battery_critical.png");
}
.battery_disconnected::after {
    content: url("../images/battery_disconnected.png");
}
.gps_signal_unknown::after {
    content: url("../images/gps_signal_unknown.png");
}
.gps_signal_ok::after {
    content: url("../images/gps_signal_ok.png");
}
.gps_signal_unknown::after {
    content: url("../images/gps_signal_unknown.png");
}
.gps_signal_loss::after {
    content: url("../images/gps_signal_loss.png");
}
.active_dtc_present::after {
    content: url("../images/active_dtc_present.png");
}
.error_present::after {
    content: url("../images/error_present.png");
}
.vehicle_stats_icon {
    height: 27px;
    float: left;
}
.status_vehicle_parked::after {
    content: url("../images/vehicle_parked.png");
}
.status_vehicle_stop::after  {
    content: url("../images/vehicle_stop.png");
}
.status_vehicle_moving::after {
    content: url("../images/vehicle_moving.png");
}
.status_machine_on::after {
    content: url("../images/machine_on.png");
}
.status_machine_off::after {
    content: url("../images/machine_off.png");
}
.status_generator_test::after {
    content: url("../images/generator_status_test.png");
}
.status_generator_run::after {
    content: url("../images/generator_status_run.png");
}
.status_generator_auto::after {
    content: url("../images/generator_status_auto.png");
}
.status_generator_manual::after {
    content: url("../images/generator_status_manual.png");
}
.status_generator_stop::after {
    content: url("../images/generator_status_stop.png");
}
.status_generator_alarm::after {
    content: url("../images/generator_status_alarm.png");
}
.status_generator_warning::after {
    content: url("../images/generator_status_warning.png");
}
.status_generator_mains_ok::after {
    content: url("../images/generator_status_mains_ok.png");
}
.status_generator_mains_fail::after {
    content: url("../images/generator_status_mains_fail.png");
}
.status_generator_voltage_ok::after {
    content: url("../images/generator_status_green.png");
}
.status_generator_engine_running::after {
    content: url("../images/generator_status_yellow.png");
}
.status_generator_engine_stop::after {
    content: url("../images/generator_status_gray.png");
}
.status_generator_offline::after {
    content: url("../images/generator_status_offline.png");
}
.status_contactor_genset::after {
    content: url("../images/contactor_status_genset.png");
}
.status_contactor_mains::after {
    content: url("../images/contactor_status_mains.png");
}
.status_contactor_bus::after {
    content: url("../images/contactor_status_bus.png");
}
.status_bus_live::after {
    content: url("../images/generator_status_green.png");
}
.status_bus_not_live::after {
    content: url("../images/generator_status_gray.png");
}
.inspect_warning_icon::after {
    content: url("../images/inspect.png");
}
.vehicle_type_icon[vehicle_type="0"]::after {
    content: url('../images/vehicle0.png');
}
.vehicle_type_icon[vehicle_type="1"]::after {
    content: url('../images/vehicle1.png');
}
.vehicle_type_icon[vehicle_type="2"]::after {
    content: url('../images/vehicle2.png');
}
.vehicle_type_icon[vehicle_type="3"]::after {
    content: url('../images/vehicle3.png');
}
.vehicle_type_icon[vehicle_type="4"]::after {
    content: url('../images/vehicle4.png');
}
.vehicle_type_icon[vehicle_type="5"]::after {
    content: url('../images/vehicle5.png');
}
.vehicle_type_icon[vehicle_type="6"]::after {
    content: url('../images/vehicle6.png');
}
.vehicle_type_icon[vehicle_type="7"]::after {
    content: url('../images/vehicle7.png');
}
.vehicle_type_icon[vehicle_type="8"]::after {
    content: url('../images/vehicle8.png');
}
.vehicle_type_icon[vehicle_type="9"]::after {
    content: url('../images/vehicle9.png');
}
.vehicle_type_icon[vehicle_type="10"]::after {
    content: url('../images/vehicle10.png');
}
.vehicle_type_icon[vehicle_type="11"]::after {
    content: url('../images/vehicle11.png');
}
.generator_device_type_icon[generator_device_type="0"]::after {
    content: url('../images/generator0.png');
}
.generator_device_type_icon[generator_device_type="10"]::after {
    content: url('../images/generator10.png');
}
.generator_device_type_icon[generator_device_type="20"]::after {
    content: url('../images/generator20.png');
}
.edit_icon::after {
    content: url('../images/edit_icon.png');
}
.report_subscription_icon::after {
    content: url('../images/report_subscription_icon.png');
}
.auth_qr_code_icon::after {
    content: url('../images/auth_qr_code_icon.png');
}
.remote_config_icon::after {
    content: url('../images/remote_config_icon.png');
}
.view_log_icon::after {
    content: url('../images/log.png');
}
#fuel_chart_smoothing_dialog,
#fuel_calibration_dialog {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
}
#fuel_chart_smoothing_dialog table,
#fuel_calibration_dialog table {
    border-collapse: collapse;
}
#fuel_chart_smoothing_dialog tr td:last-child,
#fuel_calibration_dialog tr td:nth-child(2),
#fuel_calibration_dialog tr td:last-child {
    width: 1%;
}
#fuel_calibration_dialog tr td input,
#fuel_chart_smoothing_dialog tr td input {
    width: 50px;
}
#fuel_chart_smoothing_dialog tr *,
#fuel_calibration_dialog tr *:not(button) {
    text-align: right;
}
#fuel_chart_smoothing_dialog_buttons {
    display: flex;
}
#fuel_chart_smoothing_dialog_buttons button{
    width: 100%;
    flex-shrink: 1;
}
#fuel_calibration_dialog #admin_fuel_actions li {
    white-space: nowrap;
}
#fuel_calibration_dialog_buttons button {
    width: 100%;
    margin-top: 5px;
}
.user_role1_inline_icon::before {
    display: inline-block;
    content: url("../images/user1.png");
    vertical-align: middle;
    margin-right: 3px;
}
.user_role2_inline_icon::before {
    display: inline-block;
    content: url("../images/user2.png");
    vertical-align: middle;
    margin-right: 3px;
}
.user_role3_inline_icon::before {
    display: inline-block;
    content: url("../images/user3.png");
    vertical-align: middle;
    margin-right: 3px;
}
.user_role4_inline_icon::before {
    display: inline-block;
    content: url("../images/user4.png");
    vertical-align: middle;
    margin-right: 3px;
}
.user_role5_inline_icon::before {
    display: inline-block;
    content: url("../images/user5.png");
    vertical-align: middle;
    margin-right: 3px;
}
.department_inline_icon::before {
    display: inline-block;
    content: url("../images/department.png");
    vertical-align: middle;
    margin-right: 3px;
}
.door_status_icon {
    width: 70px;
    height: 51px;
    background-image: url(../images/door_status.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
}
.door_status_icon div {
    grid-column: 1;
    grid-row: 1;
}
.door_status_hood_icon {
    width: inherit;
    height: inherit;
    background-image: url(../images/door_status_hood.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.door_status_trunk_icon {
    width: inherit;
    height: inherit;
    background-image: url(../images/door_status_trunk.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.door_status_front_left_icon {
    width: inherit;
    height: inherit;
    background-image: url(../images/door_status_front_left.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.door_status_front_right_icon {
    width: inherit;
    height: inherit;
    background-image: url(../images/door_status_front_right.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.door_status_rear_left_icon {
    width: inherit;
    height: inherit;
    background-image: url(../images/door_status_rear_left.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.door_status_rear_right_icon {
    width: inherit;
    height: inherit;
    background-image: url(../images/door_status_rear_right.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.equipment_search_button {
    background-image: url(../images/inspect.png) !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-grow: 1;
}
.find_next_button {
    background-image: url(../images/find_next.png) !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
#generator_controls {
    margin-top: 10px;
}
.equipment_button_div {
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.equipment_button_div[disabled] {
    filter: brightness(50%);
}
.equipment_button_div:not([disabled]):hover,
.equipment_button_div[onmousedown]:not([disabled]):hover {
    filter: brightness(120%);
}
.equipment_button_div:not([disabled]):active,
.equipment_button_div[onmousedown]:not([disabled]):active {
    transform: scale(.95);
    filter: brightness(100%);
}
.equipment_controls_buttons,
.generator_advanced_options_buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
}
.equipment_controls_buttons_row {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}
.equipment_controls_buttons_column {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.generator_advanced_options_header {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}
.generator_advanced_options_header::before {
    content: "▲ ";
}
.generator_advanced_options_header[folded]::before {
    content: "▼ ";
}
.generator_advanced_options {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background-color: #284f88;
    border: 1px solid #3673ca;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #FFF;
    padding: 0.2em;
    margin-top: 5px;
}
.generator_advanced_options .generator_show_panel {
    background-image: url('../images/generator_controller_panel.png');
}
.generator_advanced_options .config_download {
    background-image: url('../images/config_download.png');
}
.generator_advanced_options .config_upload {
    background-image: url('../images/config_upload.png');
}
.equipment_controls_buttons .generator_reset {
    background-image: url('../images/generator_reset.png');
}
.equipment_controls_buttons .generator_reset[active] {
    background-image: url('../images/generator_reset_active.png');
}
.equipment_controls_buttons .generator_test {
    background-image: url('../images/generator_test.png');
}
.equipment_controls_buttons .generator_test[active] {
    background-image: url('../images/generator_test_active.png');
}
.equipment_controls_buttons .generator_run {
    background-image: url('../images/generator_run.png');
}
.equipment_controls_buttons .generator_run[active] {
    background-image: url('../images/generator_run_active.png');
}
.equipment_controls_buttons .generator_auto {
    background-image: url('../images/generator_auto.png');
}
.equipment_controls_buttons .generator_auto[active] {
    background-image: url('../images/generator_auto_active.png');
}
.equipment_controls_buttons .generator_manual {
    background-image: url('../images/generator_manual.png');
}
.equipment_controls_buttons .generator_manual[active] {
    background-image: url('../images/generator_manual_active.png');
}
.equipment_controls_buttons .generator_auto_manual {
    background-image: url('../images/generator_manual_active.png');
}
.equipment_controls_buttons .generator_auto_manual[active] {
    background-image: url('../images/generator_auto_active.png');
}
.equipment_controls_buttons .generator_stop {
    background-image: url('../images/generator_stop.png');
}
.equipment_controls_buttons .generator_stop[active] {
    background-image: url('../images/generator_stop_active.png');
}
.equipment_controls_buttons .generator_transfer_to_generator {
    background-image: url('../images/generator_transfer_to_generator.png');
}
.equipment_controls_buttons .generator_transfer_to_generator[active] {
    background-image: url('../images/generator_transfer_to_generator_active.png');
}
.equipment_controls_buttons .generator_transfer_to_mains {
    background-image: url('../images/generator_transfer_to_mains.png');
}
.equipment_controls_buttons .generator_transfer_to_mains[active] {
    background-image: url('../images/generator_transfer_to_generator_mains.png');
}
.equipment_controls_buttons .edit_equipment_data {
    background-image: url('../images/edit_equipment_data_square.png');
}
.equipment_controls_buttons .vehicle_config_messages {
    background-image: url('../images/vehicle_config_messages_square.png');
}
.equipment_controls_buttons .vehicle_config_files {
    background-image: url('../images/vehicle_config_files_square.png');
}
.equipment_controls_buttons .file_manager {
    background-image: url('../images/file_manager_square.png');
}
.equipment_controls_buttons .move_vehicle {
    background-image: url('../images/move_vehicle_square.png');
}
.equipment_controls_buttons .create_new_ticket {
    background-image: url('../images/create_ticket_square.png');
}
.equipment_controls_buttons .create_new_ticket_gen {
    background-image: url('../images/create_ticket_gen_square.png');
}
.equipment_controls_buttons .equipment_raw_data {
    background-image: url('../images/equipment_raw_data_square.png');
}
.equipment_controls_buttons .show_reports_table {
    background-image: url('../images/reports_square.png');
}
.equipment_controls_buttons .show_users_table {
    background-image: url('../images/users_square.png');
}
.equipment_controls_buttons .show_search_dialog {
    background-image: url('../images/search_square.png');
}
.generator_advanced_options .generator_reset_maintenance_1 {
    background-image: url('../images/generator_reset_maintenance_1.png');
}
.generator_advanced_options .generator_reset_maintenance_2 {
    background-image: url('../images/generator_reset_maintenance_2.png');
}
.generator_advanced_options .generator_reset_maintenance_3 {
    background-image: url('../images/generator_reset_maintenance_3.png');
}

.generator_diagram_element {
    position: absolute;
    background-repeat: no-repeat;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.generator_diagram {
    position: relative;
    height: 100px;
}
.generator_diagram[config="0"],
.generator_diagram[config="1"] {
    height: 65px;
}
.generator_diagram .generator_diagram_mains {
    background-image: url('../images/generator_diagram_mains_unknown.png');
    width: 48px;
    height: 48px;
    left: calc(50% - 102px);
    top: 6px;
}
.generator_diagram[config="0"] .generator_diagram_mains,
.generator_diagram[config="1"] .generator_diagram_mains {
    left: calc(50% - 75px);
    top: 6px;
}
.generator_diagram .generator_diagram_mains[status="ok"] {
    background-image: url('../images/generator_diagram_mains_ok.png');
}
.generator_diagram .generator_diagram_mains[status="fail"] {
    background-image: url('../images/generator_diagram_mains_fail.png');
}
.generator_diagram .generator_diagram_genset {
    background-image: url('../images/generator_diagram_genset_inactive.png');
    left: calc(50% + 54px);
    top: 6px;
    width: 48px;
    height: 48px;
}
.generator_diagram[config="0"] .generator_diagram_genset,
.generator_diagram[config="1"] .generator_diagram_genset {
    left: calc(50% + 26px);
    top: 6px;
}
.generator_diagram .generator_diagram_genset[status="active"] {
    background-image: url('../images/generator_diagram_genset_active.png');
}
.generator_diagram .generator_diagram_load {
    background-image: url('../images/generator_diagram_load.png');
    left: calc(50% - 24px);
    top: 40px;
    width: 48px;
    height: 48px;
}
.generator_diagram[config="4"] .generator_diagram_load {
    left: calc(50% - 24px);
    top: 40px;
}
.generator_diagram .generator_diagram_bus {
    background-image: url('../images/generator_diagram_bus.png');
    left: calc(50% - 75px);
    top: 6px;
    width: 48px;
    height: 48px;
}
.generator_diagram .generator_diagram_bus[status="active"] {
    background-image: url('../images/generator_diagram_bus_active.png');
}
.generator_diagram[config="3"] .generator_diagram_bus {
    left: calc(50% + 54px);
    top: 6px;
}
.generator_diagram[config="4"] .generator_diagram_bus {
    left: calc(50% + 54px);
    top: 6px;
}
.generator_diagram .generator_diagram_lines {
    background-image: url('../images/generator_diagram_variant_c.png');
    left: calc(50% - 56px);
    top: 29px;
    width: 111px;
    height: 12px;
    /* z-index: -1; */
}
.generator_diagram[config="0"] .generator_diagram_lines,
.generator_diagram[config="1"] .generator_diagram_lines {
    background-image: url('../images/generator_diagram_variant_a.png');
    left: calc(50% - 28px);
    top: 29px;
    width: 55px;
    height: 12px;
    /* z-index: -1; */
}
.generator_diagram[config="4"] .generator_diagram_lines {
    background-image: url('../images/generator_diagram_variant_b.png');
    left: calc(50% - 56px);
    top: 29px;
    width: 111px;
    height: 12px;
    z-index: -1;
}
.generator_diagram .generator_diagram_switch_1 {
    background-image: url('../images/generator_diagram_switch_opened_left.png');
    left: calc(50% - 44px);
    top: 10px;
    width: 48px;
    height: 48px;
}
.generator_diagram[config="0"] .generator_diagram_switch_1,
.generator_diagram[config="1"] .generator_diagram_switch_1 {
    left: calc(50% - 16px);
    top: 10px;
}
.generator_diagram[config="4"] .generator_diagram_switch_1 {
    left: calc(50% - 44px);
    top: 10px;
}
.generator_diagram .generator_diagram_switch_2 {
    background-image: url('../images/generator_diagram_switch_opened_right.png');
    left: calc(50% + 13px);
    top: 10px;
    width: 48px;
    height: 48px;
}
.generator_diagram_switch[closed] {
    background-image: url('../images/generator_diagram_switch_closed.png') !important;
}
.generator_diagram .generator_diagram_mains_label {
    left: calc(50% - 128px);
    top: 53px;
    height: auto;
    width: 100px;
}
.generator_diagram[config="1"] .generator_diagram_mains_label {
    left: calc(50% - 100px);
    top: 53px;
}
.generator_diagram[config="4"] .generator_diagram_mains_label {
    left: calc(50% - 128px);
    top: 53px;
}
.generator_diagram .generator_diagram_genset_label {
    left: calc(50% + 28px);
    top: 53px;
    height: auto;
    width: 100px;
}
.generator_diagram[config="0"] .generator_diagram_genset_label,
.generator_diagram[config="1"] .generator_diagram_genset_label {
    left: calc(50% + 1px);
    top: 53px;
}
.generator_diagram .generator_diagram_load_label {
    left: calc(50% - 50px);
    top: 88px;
    height: auto;
    width: 100px;
}
.generator_diagram[config="4"] .generator_diagram_load_label {
    left: calc(50% - 50px);
    top: 88px;
}
.generator_diagram .generator_diagram_bus_label {
    left: calc(50% - 101px);
    top: 53px;
    height: auto;
    width: 100px;
}
.generator_diagram[config="3"] .generator_diagram_bus_label,
.generator_diagram[config="4"] .generator_diagram_bus_label {
    left: calc(50% + 28px);
    top: 53px;
}
.data_editor_title_row,
.data_editor_foldable_title_row {
    text-align: left;
    font-weight: bold;
    color: white;
    background-color: #06c;
}
.options_table .conflict_icon {
    background-image: url('../images/event_alert.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.input_status_inactive,
.output_status_inactive,
.input_status_active,
.output_status_active {
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}
.input_status_active,
.output_status_active {
    background-image: url("../images/generator_status_green.png");
}
.input_status_inactive,
.output_status_inactive {
    background-image: url("../images/generator_status_gray.png");
}
.user_output_inactive,
.user_output_active,
.user_output_waiting {
    background-size: 37px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 37px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}
.user_output_inactive:hover,
.user_output_active:hover {
    filter: brightness(120%);
}
.user_output_inactive:active,
.user_output_active:active {
    transform: scale(.95);
    filter: brightness(100%);
}
.user_output_active {
    background-image: url("../images/toggle_button_on.png");
}
.user_output_inactive {
    background-image: url("../images/toggle_button_off.png");
}
.user_output_waiting {
    background-image: url("../images/spinner.gif");
    background-size: 16px 16px;
    background-position: center;
}
#vehicle_data_editor_contents #custom_inputs_editor,
#generator_data_editor_contents #digital_inputs_editor,
#generator_data_editor_contents #digital_outputs_editor,
#generator_data_editor_contents #user_outputs_editor,
#generator_data_editor_contents #custom_alarms_editor {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#vehicle_data_editor_contents #custom_inputs_editor_table th,
#generator_data_editor_contents #digital_inputs_editor_table th,
#generator_data_editor_contents #digital_outputs_editor_table th,
#generator_data_editor_contents #user_outputs_editor_table th,
#generator_data_editor_contents #custom_alarms_editor_table th {
    text-align: center
}
td:has(div.editor_remove_row_button),
td:has(div.editor_edit_custom_input) {
    width: 1%;
}   
.editor_remove_row_button {
    background-image: url("../images/trashcan.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.editor_edit_custom_input {
    background-image: url("../images/pencil.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.editor_remove_row_button:hover,
.editor_edit_custom_input:hover {
    filter: brightness(120%);
}
.editor_remove_row_button:active,
.editor_edit_custom_input:active {
    transform: scale(.95);
    filter: brightness(100%);
}
.vehicles_table_location_text {
    white-space: nowrap;
    max-width: 200px;
}
.events_table_location_text {
    white-space: nowrap;
    max-width: 400px;
}
.status_table_buttons_row {
    display: flex;
    flex-direction: row-reverse;
}
.maintenance_item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2px;
}
.edit_stats_table_item::before,
.go_to_dtc,
.search_dtc {
    display: block;
    width: 16px;
    height: 18px;
    content: "";
    background-color: #418eff;
    border: 1px solid #90bdfd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
}
.edit_stats_table_item::before {
    content: "...";
}
.go_to_dtc {
    background-image: url('../images/crosshair.png');
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}
.search_dtc {
    width: auto;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

.edit_stats_table_item:hover::before,
.go_to_dtc:hover,
.search_dtc:hover {
    filter: brightness(120%);
}
.nav_buttons_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /* margin-top: 10px; */
}
.nav_button {
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /* box-sizing: border-box; */
    -moz-box-sizing: border-box;
    /* -webkit-box-sizing: border-box; */
    background-color: rgba(220, 220, 220, 0.5);
    border: 1px solid rgba(50, 50, 50, 0.8);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.nav_button[disabled] {
    filter: brightness(50%);
}
.nav_button:not([disabled]):hover,
.nav_button[onmousedown]:not([disabled]):hover {
    filter: brightness(120%);
}
.nav_button:not([disabled]):active,
.nav_button[onmousedown]:not([disabled]):active {
    transform: scale(.95);
    filter: brightness(100%);
}
.nav_buttons_row #current_location_button {
    background-image: url('../images/tracking_icon.png');
}
.nav_buttons_row #prev_date_button {
    background-image: url('../images/nav_btn_prev.png');
    margin-right: 4px;
}
.nav_buttons_row #next_date_button {
    background-image: url('../images/nav_btn_next.png');
}
.nav_buttons_row #first_trip_button {
    background-image: url('../images/nav_btn_first.png');
}
.nav_buttons_row #prev_trip_button {
    background-image: url('../images/nav_btn_prev.png');
}
.nav_buttons_row #next_trip_button {
    background-image: url('../images/nav_btn_next.png');
}
.nav_buttons_row #last_trip_button {
    background-image: url('../images/nav_btn_last.png');
}
.nav_buttons_row .nav_buttons_space {
    flex-grow: 2;
}
#ranges #trips_nav_buttons {
    margin-top: 5px;
}
#ranges #free_range_tracking {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
}
#ranges #free_range_tracking #slider_range {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
#ranges #free_range_tracking #range_text {
    text-align: center;
    font-weight: bold;
}
#ranges .nav_button {
    background-color: #e7c48b;
    border-color: #00000080;
}
.add_user_button::after {
    content: url(../images/new_user.png);
}
.add_client_button::after,
.add_department_button::after {
    content: url(../images/plus_icon.png);
}
.map_marker_label {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.system_stats_table_symbol {
    display: inline-block;
    margin-left: 3px;
    background-image: url('../images/system_symbol.png');
    background-size: contain;
    width: 16px;
    height: 16px;
}
#vehicle_selection option[selected],
#generator_selection option[selected]{
    background-color: #F6AF3A;
}
#vehicle_selection_search_buttons,
#generator_selection_search_buttons {
    display: flex;
    flex-direction: row;
    gap: 5px;
    padding-top: 5px;
}
.report_format_excel {
    background-image: url('../images/report_excel.png');
}
.report_format_xml {
    background-image: url('../images/report_xml.png');
}
.report_format_pdf {
    background-image: url('../images/report_pdf.png');
}
.report_type_daily {
    background-image: url('../images/daily.png');
}
.report_type_summary {
    background-image: url('../images/summary.png');
}
.report_type_overview {
    background-image: url('../images/crosshair.png');
}
.report_type_log {
    background-image: url('../images/log_report.png');
}
.system_report{
    content: url('../images/system_symbol.png');
}
.data_editor_foldable_title_row td::before {
    content: "▲ ";
}
.data_editor_foldable_title_row[folded] td::before {
    content: "▼ ";
}
.utility_dialog_title {
    text-align: left;
    font-weight: bold;
    color: white;
    background-color: #06c;
    padding: 2px;
}
.file_item_buttons {
    display: flex;
    flex-direction: row;
}
.file_item_button {
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}
.file_item_button:hover {
    filter: brightness(120%);
}
.file_item_button:active {
    transform: scale(.95);
    filter: brightness(100%);
}
.delete_file_button {
    background-image: url("../images/delete_config_file.png");
}
.download_file_button {
    background-image: url("../images/download_config_file.png");
}
.write_config_file_button {
    background-image: url("../images/write_config_file.png");
}
.remote_config_status_response {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.remote_config_status_no_response {
    color: #AAA;
}
.remote_config_waiting {
    background-image: url("../images/spinner.gif");
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 3px;
}
.remote_config_cancel_button,
.remote_config_details_button {
    display: inline-block;
    background-image: url("../images/close_button.png");
    background-size: 12px 12px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid black;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: red;
    width: 14px;
    height: 14px;
    margin-left: 3px;
}
.remote_config_details_button {
    background-image: url("../images/info_button.png");
    background-color: #B7B7B7;
}
.remote_config_cancel_button:hover,
.remote_config_details_button:hover {
    filter: brightness(120%);
}
.remote_config_cancel_button:active,
.remote_config_details_button:active {
    transform: scale(.95);
    filter: brightness(100%);
}
.remote_config_message_row td {
    word-break: break-all;
}
.file_manager_file_thumbnail,
.file_manager_file_icon {
    margin: 4px;
}
.file_manager_file_thumbnail {
    min-height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #00000024;
}
.file_manager_file_thumbnail[clickable],
.file_manager_file_icon[clickable] {
    cursor: pointer;
}
.file_manager_file_icon {
    display: inline-block;
    background-image: url("../images/file_icon.png");
    background-size: 36px 48px;
    background-position: center;
    background-repeat: no-repeat;
    width: 36px;
    height: 48px;
    text-align: center;
    line-height: 55px;
    font-weight: bold;
    color: #06C;
}
#file_manager_mobile_upload {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px dashed;
}
#file_manager_mobile_upload #file_manager_qr_code_div {
    display: block;
    background-color: white;
    margin: 5px;
}
.file_ownership_symbol {
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}
.file_ownership_symbol[ownership="0"] {
    background-image: url("../images/non_system_symbol.png");
    margin-left: 4px;
}
.file_ownership_symbol[ownership="2"] {
    background-image: url("../images/system_symbol.png");
    margin-left: 4px;
}
#languages div[lang] {
    width: 28px;
    height: 22px;
    background-size: 28px 22px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 9px;
}
#languages div[lang="0"] {
    background-image: url("../images/flags/uk.png");
}
#languages div[lang="1"] {
    background-image: url("../images/flags/serbia.png");
}
#languages div[lang="2"] {
    background-image: url("../images/flags/turkey.png");
}
.crowdin_logo {
    background-image: url("https://support.crowdin.com/assets/badges/localization-at-dark-rounded@1x.svg");
    width: 140px;
    height: 40px;
    background-size: 140px 40px;
    background-repeat: no-repeat;
    background-position: center;
}
.dropbtn {
    color: white;
    padding: 5px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown_content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown_content > * {
    color: black;
    padding: 5px;
    text-decoration: none;
    display: block;
}
.dropdown_content > *:hover {
    background-color: #ddd
}
.show {
    display:block;
}
.equipment_controls_buttons #add_gz_location {
    background-image: url('../images/add_location_square.png');
}
.equipment_controls_buttons #add_gz_circle {
    background-image: url('../images/add_circle_square.png');
}
.equipment_controls_buttons #add_gz_polygon {
    background-image: url('../images/add_polygon_square.png');
}
.equipment_controls_buttons #add_gz_polyline {
    background-image: url('../images/add_polyline_square.png');
}
.equipment_controls_buttons #import_gz_file {
    background-image: url('../images/geozone_file_square.png');
}
.equipment_controls_buttons #import_gz_polygon_csv {
    background-image: url('../images/add_polygon_square.png');
}
.equipment_controls_buttons #import_gz_polyline_csv {
    background-image: url('../images/add_polyline_square.png');
}
.equipment_controls_buttons #import_image_overlay_file {
    background-image: url('../images/add_raster_map_square.png');
}
.equipment_controls_buttons #import_geojson_overlay_file {
    background-image: url('../images/add_geo_json_square.png');
}
#right_bar_add_geo_zone .equipment_controls_buttons {
    margin: 5px 0px 10px 0px;
}
#right_bar_add_map_overlay .equipment_controls_buttons {
    margin: 5px 0px 10px 0px;
}
#right_bar_geo_zone_fields #vehicle_selection {
    max-width: 180px;
}
#left_bar #geo_zones_list,
#left_bar #map_overlays_list {
    display: flex;
    flex-direction: column;
    gap: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
.map_element_list_item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 2px;
    background-color: #f2f2f2;
    padding-right: 3px;
}
.map_element_list_item[private=true]::after {
    background-image: url(../images/user1.png);
    background-size: 15px 15px;
    display: block;
    width: 15px;
    height: 15px;
    padding-right: 5px;
    content:"";
}
.map_element_list_item:hover {
    filter: brightness(120%);
}
.map_element_list_item_icon {
    background-repeat: no-repeat;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
}
.map_element_list_item_name {
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
    padding: 3px;
    width: 100%;
}
.geo_zone_location {
    background-image: url('../images/geo_zone_location_icon.png');
}
.geo_zone_circle {
    background-image: url('../images/geo_zone_circle_icon.png');
}
.geo_zone_polygon {
    background-image: url('../images/geo_zone_polygon_icon.png');
}
.geo_zone_polyline {
    background-image: url('../images/geo_zone_polyline_icon.png');
}
.map_overlay_image {
    background-image: url('../images/map_overlay_image.png');
}
.map_overlay_json {
    background-image: url('../images/map_overlay_json.png');
}
#left_bar #map_elements td:nth-child(1) {
    width: 10px;
}
.dtc_data {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
.dtc_status_active,
.dtc_status_not_active {
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.dtc_status_active {
    background-image: url("../images/dtc_active.png");
}
.dtc_status_not_active {
    background-image: url("../images/dtc_not_active.png");
}
.geo_zone_settings_heading {
    background-color: #F6AF3A;
    font-weight: bold;
}
.geo_zone_settings_heading td {
    padding: 1px 5px 1px 5px;
}
.speed_limit_status {
    background-image: url("../images/speed_limit_sign.png");
    background-size: 27px 27px;
    background-repeat: no-repeat;
    display: flex;
    width: 27px;
    height: 27px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: black;
    font-weight: bold;
    font-size: 11px;
    font-family: sans-serif;
}
.geo_zone_settings_note {
    background-color: #284f88;
    border: 1px solid #3673ca;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px;
}
.geo_zone_settings_note::before {
    content: url("../images/event_info.png");
}
#mobile_device_authorization_qr_code {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
#changes_history_dialog {
    width: 300px;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
#changes_history_dialog div {
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #888888;
}
#changes_history_dialog div:first-child {
    border-top: 0px;
}
.changes_history_item[selected] {
    background-color: #9999ff;
}
.service_ticket_priority_medium::before,
.service_ticket_priority_high::before,
.service_ticket_priority_low::before,
.service_ticket_closed::before,
.status_table_error_item::before {
    background-size: 25px 25px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    content: "";
}
.service_ticket_priority_medium::before {
    background-image: url("../images/service_ticket_priority_medium.png");
}
.service_ticket_priority_high::before {
    background-image: url("../images/service_ticket_priority_high.png");
}
.service_ticket_priority_low::before {
    background-image: url("../images/service_ticket_priority_low.png");
}
.service_ticket_closed::before {
    background-image: url("../images/service_ticket_symbol.png");
}
.status_table_error_item::before {
    background-image: url("../images/error_present.png");
}
.service_ticket_closed {
    color: #aaaaaa;
}
#report_subscriptions_table th {
    text-align: left;
}
#client_department_div {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 0px;
    overflow: visible;
}
#client_department_div div {
    font-weight: bold;
    color: #FFF;
    background-color: #284f88;
    border: 1px solid #3673ca;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 0px 0px 10px 10px;
    padding: 5px 15px 5px 15px;
}
#client_department_div div:empty {
    display: none;
}
.editor_dialog_buttons {
    float: left;
    margin-left: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.flex_growable_spacer {
    flex-grow: 2
}
#client_data_editor,
#vehicle_data_editor,
#generator_data_editor,
#user_data_editor,
#report_subscriptions_editor,
#raw_data_veiw,
#config_files_manager,
#file_manager,
#maintenance_data_editor,
#service_ticket_editor,
#move_vehicle_dialog,
#driver_data_editor,
#remote_config_veiw,
#raw_data_disable_static_ids_dialog,
#users_dialog,
#drivers_dialog,
#custom_input_templates_dialog {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
#client_data_editor_contents,
#vehicle_data_editor_contents,
#generator_data_editor_contents,
#user_data_editor_contents,
#report_subscriptions_editor_contents,
#file_manager_contents,
#maintenance_data_editor_contents,
#service_ticket_editor_contents,
#remote_config_veiw_contents,
#move_vehicle_dialog_contents,
#driver_data_editor_contents,
#raw_data_veiw #raw_data,
#raw_data_all_rows,
#users_dialog_container,
#drivers_dialog_container,
#custom_input_templates_dialog_contents {
    flex-grow: 2;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
}
#custom_input_templates_dialog_contents {
    gap: 0px;
}
.custom_input_template {
    padding: 3px;
}
.custom_input_template:hover {
    background-color: #06c;
    color: #fff;
}
#client_departments_table td:nth-child(2) {
    width: 1%;
}
#left_bar #view_interval button,
#left_bar #history_view button {
    margin-top: 5px;
}
#left_bar #view_interval input,
#left_bar #history_view input {
    text-align: center;
}
.buttons_row {
    display: flex;
    flex-direction: row;
    gap: 5px;
}
select {
    border: 1px solid #767676;
    border-radius: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}
select:not([disabled]) {
    background-color: white;
}
#app_dropdown,
#time_zone {
    height: 28px;
    padding-left: 0.4em;
    padding-right: 0.4em;
    color: black;
    background-color: #f6f6f6;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
}
#app_dropdown {
    min-width: 200px;
}
.left_bar_frame_element {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
#comboEmissionsCategory {
    width: 100%;
    width: -webkit-fill-available;
}
#login_frame_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.reports_date_range {
    white-space: nowrap;
}
#history_view_time {
    align-self: center;
}
#vehicle_error_options_dialog {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
}
#raw_data_all_rows {
    gap: 0px;
    background-color: white;
    border: 1px solid black;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#service_ticket_editor textarea {
    min-height: 60px;
    height: 120px;
}
#no_report_subscriptions_placeholder {
    text-align: center;
    min-width: 600px;
    margin-top: auto;
    margin-bottom: auto;
}
.user_data_editor_alerts_and_notifications td {
    white-space: nowrap;
}
.img_thumbnail_tooltip {
    display: block !important;
    max-width: unset !important;
    width: 400px;
}
.img_thumbnail_tooltip_image {
    width: 100%;
}
#raw_data_disable_static_ids_dialog {
    gap: 5px;
}
#custom_inputs_editor_table {
    width: max-content;
}
#custom_inputs_editor_table tr td:first-child{
    min-width: 200px;
}
.custom_input_row_field {
    border: 1px solid #767676;
    border-radius: 3px;
    padding: 2px;
}
.custom_input_label {
    /*font-style: italic;*/
}
.hidden_option {
    display: none;
}

/*#app_body_placeholder.orientation_portrait {
    flex-direction: column !important;
}
#app_body_placeholder.orientation_portrait .equipment_controls_buttons {
    order: -1;
}
#app_body_placeholder.orientation_portrait .equipment_controls_buttons_column {
    flex-direction: row !important;
    justify-content: flex-start !important;
}*/

/*jQuery UI theme fixes*/
.ui-dialog .ui-dialog-titlebar {
    background: #2e5895;
    color: #ffffff;
}
.ui-dialog,
.ui-dialog-buttonpane {
    background: #eeeeee !important;
}
.ui-widget-overlay {
    background: #000 !important;
}
.ui-datepicker {
    font-size: 14px !important;
}
