/* Menu: */
.mi_menu, .mi_close {
    display: none;
    vertical-align: baseline;
}
.mi_hs_status.hidden, .mi_hs_status.show  {
    display: none;
}
.events_status_div {
    display: none;
}
.vm_board_type6 {
    border-color: #2d6c13;
    color: #2d6c13;
}

.vm_board_type7 {
    border-color: #9b3400;
    color: #9b3400;
}

.only_on_mobile, .health_status_div.only_on_mobile {
    display: none!important;
}

.vm_board_lable_txt {
    width: 100%;
    margin-left: 13%;
    font-weight: bold;
}
.events_status_div .vm_board_lable_arrow {
    width: 30px;
    text-align: right;
}
.vm_board {
    min-height: 46px;
}

.put_meters_to_ert_mode_button_mob {
    margin-bottom: 10px;
    margin-right: -6px;
}

/*.dashboard_top_information_div_container {*/
/*    padding: 7px 7px 0 7px;*/
/*}*/

.system_performance_box .only_on_desktop {
    display: inline-block;
}

#phasor_diagram_modal .modal-content {
    margin: 0 auto;
}

/*@media (min-width: 1400px) {*/
/*    .meter-modal-s1.modal-dialog {*/
/*        max-width: 98%!important;*/
/*    }*/
/*}*/

/* Search Modal Result: */
.hide_to1081 .vm_meter_control_buttons_box {
    max-width: 400px;
    margin: 0 auto;
}
/* end Search Modal Result. */

/* Start meters_container_table: */
.witheditbox_container_table .spec_with_col > .d-flex {
    flex-wrap: wrap;
}
/* end meters_container_table. */

.dashboard_top_information_div_container.clearfix::after {
    display: none;
}

.dashboard_top_information_div_container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: stretch;
}

.dashboard_top_information_div_container_single {
    justify-content: end;
}

.btn_dashboard_switcher_box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.btn_dashboard_switcher_box #photo_dashboard_button {
    -webkit-order: 5;
    order: 5;
}

.btn_dashboard_switcher_box #gas_dashboard_button {
    -webkit-order: 4;
    order: 4;
}

.btn_dashboard_switcher_box #water_dashboard_button {
    -webkit-order: 3;
    order: 3;
}

.btn_dashboard_switcher_box #electric_dashboard_button {
    -webkit-order: 2;
    order: 2;
}

.btn_dashboard_switcher_box .information-item-wrapper {
    -webkit-order: 1;
    order: 1;
}

/*Radio-button:*/
.form-check-label {
    font-size: 14px;
    display: inline-block;
    line-height: 21px;
}


/* DISPLAY PAGE: */
.display_wrapper footer {
    position: relative!important;
}
.main-panel-display {
    width: auto;
    transition-timing-function: unset;
    transition-duration: 0s, 0s, 0s;
    height: 100%;
    max-height: 100%;
}
.vm_main_wrapper_display {
    background-color: #cfcfcf;
}

.main-panel-display .vm_main_wrapper {
    min-height: calc(100% - 152px);
}
.display_items_box {
    max-width: 2480px;
    margin: 0 auto 0 auto;
    text-align: center;

    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.display_item {
    width: 328px;
    height: 240px;
    /*display: inline-block;*/
    display: none;
    background-color: white;
    border-radius: 14%;
    position: relative;
    text-align: center;
    margin: 7vh 5%;
}
.display_item_img {
    width: 190px;
    margin-top: 23px;
}
.display_item_label {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    background-color: white;
    text-align: center;
    display: block;
    color: black;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
}
.nav-link {
    display: flex;
}
.nav-link-d-imgbox {
    text-align: center;
    width: 38px;
    margin-right: 5px;
}
.nav-link-d-imgbox img {
    max-width: 100%;
    max-height: 100%;
}
.sidebar .nav p.nav-link-d-text,
.nav-link-d-text {
    line-height: 1.4;
}
.nav-item-empty {
    border-bottom: 2px solid #a9afbb;
    margin: 20px 0;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
.sidebar .nav {
    scrollbar-width: auto;
    scrollbar-color: #8b8c8e #c5c6c7;
    /*scrollbar-color: #8b8c8e rgba(255, 255, 255, 0);*/
}

/* Chrome, Edge, and Safari */
/*.sidebar .nav::-webkit-scrollbar {*/
/*    width: 10px;*/
/*}*/

/*.sidebar .nav::-webkit-scrollbar-track {*/
/*    background: #c5c6c7;*/
/*}*/

/*.sidebar .nav::-webkit-scrollbar-thumb {*/
/*    background-color: #8b8c8e;*/
/*    border-radius: 10px;*/
/*    border: 2px solid #c5c6c7;*/
/*}*/

/* end DISPLAY PAGE. */

/* TOOLS_ELECTRIC + ACTIONS: */
.actions_container_tools .witheditbox_container_table {
    max-height: 43vh;
    max-height: 346px;
    overflow-y: auto;
}

.actions_tools_wrapper .accordion .card:last-of-type {
    height: 100%;
}
.showed_manual_table .actions_container_tools .witheditbox_container_table {
    max-height: 420px;
}
.showed_manual_table.showed_actions_table .actions_container_tools .witheditbox_container_table {
    max-height: 210px;
}

/*.actions_manual_thead {*/
/*    position: sticky;*/
/*    top: 0;*/
/*    background-color: white;*/
/*}*/
/* end TOOLS_ELECTRIC + ACTIONS. */

.only_clearfix:after {
    content: "";
    display: table;
    clear: both;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

/*MIN*/
@media (min-width: 1281px) {
    .show_item_menu_on_mob_temporary {
        display: none!important;
    }
    .vm_message_box_reports {
        height: 580px;
        max-height: calc(100vh - 300px);
    }
    .accordion .body-part,
    .accordion .vm_title_dashboard {
        display: block!important;
    }
    .put_meters_btn_box.clearfix {
        padding: 0;
    }

    .ab_health_status_container {
        height: 28px;
        padding-top: 2px;
    }
}

@media (max-width: 1280px) {
    .wrapper,
    .main-panel {
        min-height: 100vh;
    }

    .main-panel {
        padding-bottom: 82px;
        position: relative;
    }

    footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    /* Menu: */
    .hide_item_menu_on_mob_temporary {
        display: none!important;
    }
    .mi_more_vert {
        display: none;
        vertical-align: baseline;
    }
    .mi_menu {
        display: inline-block;
    }
    .sidebar {
        position: absolute;
        height: 70px;
        overflow: hidden;
        transition-property: height;
    }
    .main-panel {
        width: 100%;
    }
    .vm_navbar_control {
        margin-left: 232px;
        /*margin-left: 184px;*/
        /*visibility: hidden;*/
    }

    .sidebar-mobile .sidebar {
        height: auto;
        height: 100vh;
        overflow: auto;
    }
    .vm_navbar_control.active .mi_menu {
        display: none;
    }
    .vm_navbar_control.active .mi_close {
        display: inline-block;
    }
    .wrapper,
    .sidebar-mobile .sidebar,
    .sidebar .sidebar-wrapper,
    .sidebar .nav {
        height: unset;
    }
    /*.sidebar .nav {*/
    /*    min-height: 632px;*/
    /*}*/

    /* Dashboard columns: */
    .col-md-9.table-min,
    .col-md-3.table-min,
    .col-md.table-min, .col-md-3.table2-div, .col-md-3.table3-div,
    .vm2_board_row > .col-md {
        max-width: none;
        flex: 0 0 auto;
    }
    .fixed_card .card, .fixed_card .vm_alert_card, .row-eq-height .card {
        min-height: auto;
    }
    .fixed_card {
        margin: 0;
    }
    .health_status_container + .card {
        display: none;

    }
    .health_status_container + .border-secondary {
        border-radius: 0.25rem!important;
        margin-bottom: 20px;
    }
    .accordion.active .mi_hs_status.hidden {
        display: none;
    }
    .accordion.active .mi_hs_status.show {
        display: inline-block;
    }
    .mi_hs_status {
        font-size: 30px;
    }
    .mi_hs_status.hidden {
        display: inline-block;
    }
    .mi_hs_status.show {
        display: none;
    }
    .table2_search_box {
        width: 67%;
    }

    .vm_hide_on_mobile {
        display: none;
    }

    .fixed_card .col-md-3,
    .vm_reports_box.fixed_card .col-md {
        padding-right: 0;
        padding-left: 0;
    }

    .vm_reports_box.fixed_card .col-md .health_status_div {
        padding-bottom: 20px;
    }

    .events_status_div {
        display: block;
    }
    .vm_board_mobile {
        display: flex;
    }
    .vm_board_box {
        flex: 0 0 98%;
    }
    .vm_title_dashboard_box, .vm_title_dashboard  {
        visibility: hidden;
        position: absolute;
        z-index: -1;
    }
    .accordion.active .vm_title_dashboard_box,
    .accordion.active .vm_title_dashboard  {
        visibility: unset;
        position: static;
        z-index: 0;
    }
    .only_on_mobile,
    .health_status_div.only_on_mobile {
        display: block!important;
    }

    .system_performance_box {
        font-size: 12px;
    }

    .system_performance_box span {
        white-space: nowrap;
    }

    .system_performance_box .only_on_mobile {
        display: inline-block!important;
    }

    .system_performance_box .only_on_desktop {
        display: none;
    }

    .modal-dialog {
        /*max-width: 98%!important;*/
        max-width: 720px!important;
    }

    .meter-modal-s1.modal-dialog {
        max-width: 100%!important;
    }

    .table-min + .table-min, .table2-div {
        padding-left: 0!important;
    }

    .vm_two_panels_box {
        /*padding-top: 20px;*/
    }
    .for_mob_ptb {
        padding-top: 20px;
    }

    .vm2_container-fluid_mob {
        padding-left: 10px;
        padding-right: 10px;
    }

    .vm2_container-fluid_mob .row {
        margin: 0;
    }
    .vm2_container-fluid_mob .col-md-3 {
        padding-left: 0;
        padding-right: 0;
    }
    .vm2_container-fluid_mob .col-md {
        padding-left: 0;
        padding-right: 0;
    }

    /*Padding for table in Gas and Watter*/
    #table2_wrapper .col-sm-12,
    #table2_wrapper .col-md-6 {
        padding-right: 0;
        padding-left: 0;
    }

    /*.dashboard_top_information_div_container.clearfix::after {*/
    /*    display: none;*/
    /*}*/

    /*.dashboard_top_information_div_container {*/
    /*    display: flex;*/
    /*    flex-direction: row;*/
    /*    flex-wrap: nowrap;*/
    /*    justify-content: space-between;*/
    /*    align-items: flex-start;*/
    /*    align-content: stretch;*/
    /*}*/

    /*.dashboard_top_information_div_container_single {*/
    /*    justify-content: end;*/
    /*}*/

    .ui-tooltip {
        display: none;
    }

    .gateways_status_div_container span {
        display: inline-block;
        width: 100%;
    }
    .gateways_status_div_container label {
        margin-bottom: 0;
    }
    .gateways_status_div_container br {
        display: none;
    }

    #settings .vm_cd_checkboxes_columns,
    #settings .settings_modal .vm_cd_checkboxes {
        height: auto;
    }

    .vm_reports_col.accordion .vm_title_dashboard {
        display: none!important;
    }

    .vm_reports_col .vm_message_box_reports {
        height: 390px;
    }

    /* Customer: */
    .witheditbox_container_table .dataTables_wrapper,
    .customers_container_table .dataTables_wrapper,
    .mob_container_table {
        overflow: auto;
        width: 100%;
    }

    .mob_container_table .row {
        margin-right: 0;
        margin-left: 0;
    }

    .mob_container_table .col-sm-12 {
        padding-right: 0;
        padding-left: 0;
    }

    /*div.dataTables_wrapper div.dataTables_info {*/
    /*    text-align: right;*/
    /*}*/
    div.dataTables_wrapper div.dataTables_paginate {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    /* end Customer. */

    .assigned_meters_modal_container .modal-dialog {
        max-width: 600px!important;
    }
    .assigned_meters_modal_content {
        width: auto!important;
    }

    .information-item-wrapper-modes {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    /* DASHBOARD half_box: */
    .accordion .first_alert_chb.closed {
        height: auto;
        overflow: hidden;
    }
    .accordion.active .first_alert_chb.closed {
        height: 85px;
        overflow: hidden;
    }
    .accordion.active .second_alert_chb.closed {
        height: 32px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .alert_container_for_children_00 .collapse_btn_chb,
    .collapse_btn_chb.active .collapse_btn_chb {
        bottom: 20px;
    }

    .collapse_btn_chb {
        display: none;
    }
    .alert_container_for_children_11 .vm_message_box, .alert_container_for_children_00 .vm_message_box {
        height: 498px;
        max-height: calc(100vh - 400px);
    }
    .second_alert_chb .health_status_container {
        /*display: none;*/
    }
    /* End DASHBOARD half_box. */

    .actions_tools_wrapper .accordion .card:last-of-type {
        height: auto;
    }

    .actions_tools_wrapper .fixed_h_card_container {
        max-height: unset;
    }

    .showed_manual_table.showed_actions_table .actions_container_tools .witheditbox_container_table {
        max-height: 360px;
    }
}
/*MIN*/
@media (min-width: 1081px) {
    .search_meter_result .nav-tabs {
        display: none;
    }
    .search_meter_result .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }

    .hide_to1081 {
        display: none!important;
    }
}

@media (max-width: 1080px) {
    #switch_on_of_buttons,
    #operations_table_4g,
    #switch_operations_table,
    .inactive_meter_label_div,
    #inactive_meter_label_div {
        display: none!important;
        border: none!important;
    }

    .vm_search_result_table_box .col,
    .vm_search_result_table_box .col-4,
    .vm_search_result_table_box .col-6 {
        max-width: 100%;
        min-width: 100%;
        flex: 0 0 100%;
    }

    .nav-tabs .nav-link {
        color: #007bff;
    }
    .modal-content .modal-body {
        padding: 1rem;
    }
    .vm_search_result_table_box .row .col,
    .vm_search_result_table_box .row .col-6,
    .vm_search_result_table_box .row .col-4 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .vm_search_result_table_box .col .border,
    .vm_search_result_table_box .col-4 .border,
    .vm_search_result_table_box .col-6 .border,
    .meter-modal-s1 .card {
        border-top: none!important;
    }
    .meter-modal-s1 .vm_message_box {
        height: unset;
    }
    .vm_search_result_table_box .nav-link,
    .meter-modal-s1 .nav-link {
        margin: 10px 0 0;
    }
    .meter-modal-s1.js_fixed_h_pager .vm_message_box {
        height: 300px;
    }
    .search_meter_result .nav-tabs .nav-item {
        margin-bottom: -2px;
    }

    /*#settings settings_modal {*/

    /*}*/
    .v_tabs_container .flex-row.d-flex,
    #settings .flex-row.d-flex {
        flex-direction: column!important;
    }
    .v_tabs_container  .nav.nav-tabs--vertical,
    #settings .nav.nav-tabs--vertical {
        flex-flow: row nowrap;
    }
    .v_tabs_container .nav-tabs--left .nav-link.active,
    #settings .nav-tabs--left .nav-link.active {
        border-color: #ddd;
        border-bottom-color: #fff;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0.25rem;
        margin-bottom: -1px;
        color: #0275d8;
    }
    .v_tabs_container  .nav.nav-tabs--vertical,
    #settings .nav.nav-tabs--vertical {
        border: none;
        border-right: none;
    }
    .v_tabs_container .nav-tabs--left,
    #settings .nav-tabs--left {
        margin: 0;
        padding: 0 0 0 10px;
    }
    .v_tabs_container .nav-tabs--left .nav-link.active,
    #settings .nav-tabs--left .nav-link.active {
        margin-right: 0;
    }
    .v_tabs_container .nav-tabs--left .nav-link,
    #settings .nav-tabs--left .nav-link {
        height: 100%;
        font-weight: normal;
        color: #495057;
    }
    .v_tabs_container .tab-content,
    #settings .tab-content {
        border-top: 1px solid #dee2e6;
    }
    .v_tabs_container .nav-tabs .nav-item,
    #settings .nav-tabs .nav-item {
        margin-bottom: -1px;
        z-index: 999;
    }
    .v_tabs_container .nav-tabs--left .nav-item + .nav-item,
    #settings .nav-tabs--left .nav-item + .nav-item {
        margin-top: 0;
    }


    .vm_cd_checkboxes_columns,
    .settings_modal .vm_cd_checkboxes {
        height: unset;
    }
}

@media (max-width: 1150px) {
    .map_search_container {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .map_search_type_box {
        margin: 10px 0;
        width: 90%;
        text-align: center;
    }
}

@media (max-width: 1000px) {

    .vm_board_box {
        flex: 0 0 97.5%;
    }
    .btn_dashboard_switcher_box button {
        margin-bottom: 5px;
    }

    /* Customer: */
    .witheditbox_container_table tr,
    .customer_container_table tr,
    .mob_container_table tr {
        position: relative;
    }
    .vm_custom_btns_container {
        min-height: 70px;
    }
    .vm_custom_btns_box {
        position: absolute;
        left: 5px;
        bottom: 5px;
    }
    /*.vm_custom_btns_box button {*/
    /*    opacity: .6;*/
    /*}*/
    /*.vm_custom_btns_box button:hover {*/
    /*    opacity: 1;*/
    /*}*/

    .witheditbox_container_table tr td:first-child + td,
    .customer_container_table tr td:first-child + td {
        min-width: 94px;
    }
    .witheditbox_container_table th.spec_with_col:last-child,
    .witheditbox_container_table td:last-child,
    .witheditbox_container_table th.spec_with_col:last-child,
    .witheditbox_container_table td:last-child {
        width: 0!important;
        padding: 0;
    }

    .customers_additional_buttons_box {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 15px 0 0!important;
    }
    .customers_additional_buttons_box button {
        margin: 7px!important;
        white-space: nowrap;
    }
    /* end Customer. */

    #gateways_modal .modal-dialog {
        min-width: unset!important;
    }

    #demand_reset_by_cycle_day_modal .modal-dialog,
    #set_meter_inactive_modal .modal-dialog,
    #change_meter_modal .modal-dialog {
        max-width: 450px!important;
        margin-left: auto;
        margin-right: auto;
    }

    .meter_usage_modal .modal-dialog {
        min-width: auto;
        max-width: 80%;
    }
}

/*MIN*/
@media (min-width: 855px) {
    .vm_gateway_td {
        background-color: transparent!important;
    }
}

@media (max-width: 854px) {
    /*Mobile Table (Gateways):*/
    /* Force table to not be like tables anymore */
    /*#gateways_modal .table {*/
    /*    width: 98%;*/
    /*    margin: 0 auto;*/
    /*}*/

    #gateways_modal .table,
    #gateways_modal .table thead,
    #gateways_modal .table tbody,
    #gateways_modal .table th,
    #gateways_modal .table td,
    #gateways_modal .table tr,
    .vm_mobile_table.table,
    .vm_mobile_table.table thead,
    .vm_mobile_table.table tbody,
    .vm_mobile_table.table th,
    .vm_mobile_table.table td,
    .vm_mobile_table.table tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #gateways_modal .table thead tr,
    .vm_mobile_table.table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #gateways_modal .table tr,
    .vm_mobile_table.table tr {
        border: 1px solid #ccc;
    }

    #gateways_modal .table td,
    .vm_mobile_table.table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left!important;
    }

    #gateways_modal .table td:before,
    .vm_mobile_table.table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 12px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
    Label the data
    */
    #gateways_modal .table td::after,
    .vm_mobile_table.table td::after {
        content: ":";
        opacity: 0;
    }

    #gateways_modal .table td:nth-of-type(1):before { content: attr(data-content); }
    #gateways_modal .table td:nth-of-type(2):before { content: attr(data-content); }
    #gateways_modal .table td:nth-of-type(3):before { content: attr(data-content); }
    #gateways_modal .table td:nth-of-type(4):before { content: attr(data-content); }
    #gateways_modal .table td:nth-of-type(5):before { content: attr(data-content); }
    #gateways_modal .table td:nth-of-type(6):before { content: attr(data-content); }
    #gateways_modal .table td:nth-of-type(7):before { content: attr(data-content); }
    #gateways_modal .table td:nth-of-type(8):before { content: attr(data-content); }
    #gateways_modal .table td:nth-of-type(9):before { content: attr(data-content); }
    #gateways_modal .table td:nth-of-type(10):before { content: attr(data-content); }

    .vm_mobile_table.table td:nth-of-type(1):before { content: attr(data-content); }
    .vm_mobile_table.table td:nth-of-type(2):before { content: attr(data-content); }
    .vm_mobile_table.table td:nth-of-type(3):before { content: attr(data-content); }
    .vm_mobile_table.table td:nth-of-type(4):before { content: attr(data-content); }
    .vm_mobile_table.table td:nth-of-type(5):before { content: attr(data-content); }
    .vm_mobile_table.table td:nth-of-type(6):before { content: attr(data-content); }
    .vm_mobile_table.table td:nth-of-type(7):before { content: attr(data-content); }
    .vm_mobile_table.table td:nth-of-type(8):before { content: attr(data-content); }
    .vm_mobile_table.table td:nth-of-type(9):before { content: attr(data-content); }
    .vm_mobile_table.table td:nth-of-type(10):before { content: attr(data-content); }
    /* end Mobile Table (Gateways).*/

    #gateway_information_edit_modal .modal-content,
    #gateways_modal .modal-content {
        max-width: 100%;
    }

    #gateways_modal .table td {
        display: none;
    }

    #gateways_modal .table td.vm_gateway_td  {
        display: block;
        padding-left: 12px;
    }

    #gateways_modal .table td.vm_gateway_td:before {
        z-index: -1;
    }

    #gateways_modal .table td.vm_gateway_td::after {
        content: "expand_more";
        opacity: 1;
        position: absolute;
        right: 12px;
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
    }

    #gateways_modal .table tr.active td.vm_gateway_td::after {
        content: "expand_less";
    }

    #gateways_modal .table td.vm_gateway_edit_box,
    .vm_mobile_table.table td.vm_gateway_edit_box {
        text-align: right!important;
    }

    #gateways_modal .table tr.active,
    .vm_mobile_table.table tr.active {
        border: 1px solid #797979;
    }

    #gateways_modal .table td.show {
        display: block!important;
    }

    #gateways_modal .table td.hide {
        display: none!important;
    }

    #gateways_modal .table td.vm_gateway_number {
        display: none!important;
    }

    #gateways_modal .table td.vm_gateway_status {
        background-color: transparent!important;
    }

    .display_item {
        margin: 2vh 5%;
    }
}

@media (max-width: 796px) {
    .custom-navbar {
        height: auto;
        max-height: unset;
        min-height: 70px;
    }
    .vm_now_date_box {
        padding: 10px;
        font-size: 12px;
    }
    .vm_textlogo_in_header {
        font-size: 30px;
    }
    .vm_board_box {
        flex: 0 0 96%;
    }

    #phasor_diagram_modal .modal-content {
        width: auto;
    }
    #phasor_diagram_modal_circle, #phasor_diagram_modal_svg {
        margin: 15px auto;
        zoom: 0.65;
    }
    .phasor-diagram-modal-body {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
    }
    #phasor_diagram_modal_table {
        margin: 0 auto;
    }

    .vm_cd_wrapper_mob .dataTables_filter .justify-content-end label {
        width: 100%;
        text-align: center!important;
        justify-content: center;
        margin-bottom: 0;
    }
    .vm_cd_wrapper_mob div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0;
    }
    #table3_search_field {
        /*margin-bottom: 0.5rem;*/
    }
    .vm_cd_wrapper_mob .dataTables_wrapper > .row {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .vm_cd_wrapper_mob div.dataTables_wrapper div.dataTables_length {
        text-align: center;
    }
    .vm_cd_wrapper_mob div.dataTables_wrapper div.dataTables_filter {
        text-align: center;
    }
    .vm_cd_wrapper_mob .dataTables_filter .justify-content-end {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center!important;
        align-content: center;
        align-items: center;
    }
    .vm_cd_wrapper_mob .dataTables_filter .justify-content-end {
        justify-content: center!important;
    }

    .dataTables_filter {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: center;
        align-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    /*.vm_cd_wrapper_mob div.dataTables_wrapper div.dataTables_length {*/
    /*    text-align: center;*/
    /*}*/

    .dataTables_wrapper .row {
        text-align: center;
    }

    .vm_cd_checkboxes_main_container .justify-content-start {
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
}

@media (max-width: 700px) {
    .logo-box {
        padding: 36px 0 0 0;
        margin: 0 auto;
        width: 90%;
    }
    .vm_logout {
        margin-top: 14px;
    }
    .vm_board_box {
        flex: 0 0 94%;
    }

    /*.modal-dialog {*/
    /*    max-width: 88%!important;*/
    /*}*/

    .display_wrapper .logo-box {
        padding: 9px 0;
        margin: 0 auto;
        width: auto;
    }
}

@media (max-width: 675px) {
    #distance_calculator_div {
        margin-bottom: 10px;
    }

    .witheditbox_container_table tr td:first-child + td,
    .customer_container_table tr td:first-child + td {
        min-width: unset;
    }

    /*.assigned_meters_modal_content {*/
    /*    width: auto!important;*/
    /*}*/
}

@media (max-width: 570px) {
    .v_tabs_container .nav-tabs--left,
    #settings .nav-tabs--left {
        padding: 0;
    }
    .v_tabs_container .nav.nav-tabs--vertical,
    #settings .nav.nav-tabs--vertical {
        flex-flow: wrap;
    }
    .v_tabs_container .nav-tabs--left .nav-link,
    #settings .nav-tabs--left .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .v_tabs_container .nav-tabs--left .nav-link br,
    #settings .nav-tabs--left .nav-link br {
        display: none;
    }
    .v_tabs_container .nav-tabs--left .nav-link,
    .v_tabs_container .nav-tabs--left .nav-link.active,
    #settings .nav-tabs--left .nav-link,
    #settings .nav-tabs--left .nav-link.active {
        border-color: #ddd;
        border-bottom-color: #ddd;
        border-radius: 0.25rem;
    }
    .v_tabs_container .nav-tabs--left .nav-link.active,
    #settings .nav-tabs--left .nav-link.active {
        background-color: #d6eaff;
    }
    .v_tabs_container .nav-tabs .nav-item,
    #settings .nav-tabs .nav-item {
        margin: 0 4px 8px 4px;
    }

    #settings .form-row>[class*=col-] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-end;
        align-content: flex-end;
    }

    .map_search_type_box {
        margin: 10px 0 0 0;
        text-align: center;
    }
    .point-box-border {
        width: auto;
        margin: 10px 0 0 0;
    }
    .map_search_type_box .vm_btn_search {
        border-radius: 0.25rem;
    }
    .map_search_type {
        margin: 0 0 10px 0;
    }
    .vm_map_search {
        margin: 0 0 10px 0;
    }

    .vm_header_report_box {
        display: block;
    }
    .iiw_reports {
        font-size: 22px;
    }
}

@media (max-width: 450px) {
    .map_search_container {
        width: auto;
    }

    #table3_search_button {
        /*margin-left: 1.2rem;*/
    }


    #table3_search_button + button,
    #water_data_table_search_button + button,
    #gas_data_table_search_button + button {
        margin-left: 0!important;
    }

    .arb_box {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    #search_meter_result .modal-footer .btn {
        padding: 0.25rem 0.4rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
    }
}

@media (max-width: 380px) {
    #table3_search_button,
    #table3_search_button + button,
    #water_data_table_search_button + button,
    #gas_data_table_search_button + button {
        margin-top: 0.2rem;
    }

    .vm_mobile_table.table td {
        font-size: 12px;
    }
}

@media (max-width: 350px) {
    .vm_board_box {
        flex: 0 0 92%;
    }

    #table3_search_field {
        margin-bottom: 0.2rem;
        margin-left: 0;
    }

    #additional_reports_buttons .vm-btn-icon {
        font-size: 10px;
    }
}

@media print {
    @page {
        size: A3 landscape;
        margin: 5mm;
    }
    body{
        -webkit-print-color-adjust:exact !important;
        print-color-adjust:exact !important;
    }
}