.external-links {
    color: #0095f7;
}

.custom-container {
    padding-bottom: 44px;
}

.vm_two_panels_box {
    padding-top: 32px;
    padding-bottom: 32px;
}

.vm_two_panels_box .table td,
.vm_two_panels_box .table th {
    vertical-align: middle;
}

.vm_two_panels_box .table td {
    height: 21px;
}

.dataTables_wrapper .col-md-6 + .col-md-6 {
    padding-left: 0;
}

.row-eq-height .card {
    min-height: 100%;
}

.custom-card {
    max-height: 1000px;
    overflow-y: auto;
    height: 100%;
}
.custom-control-label::before {
    background-color: #f8d7da;
}
.custom-switch .custom-control-label::after {
    background-color: #c27c7b;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #5cb85c;
    background-color: #5cb85c;
}

.custom-card-body-hscroll {
    overflow-x: auto;
}

.no-sort:after,
.no-sort:before {
    display: none!important;
}

.no-sort {
    pointer-events: none!important;
    cursor: default!important;
}

/* Fixed Header: */
/*.table_fixed-header,*/
/*.table_fixed-header  thead tr:nth-child(1) th {*/
/*position: -webkit-sticky!important;*/
/*position: -moz-sticky!important;*/
/*position: -ms-sticky!important;*/
/*position: -o-sticky!important;*/
/*position: sticky!important;*/
/*top: 0;*/
/*z-index: 10;*/
/*}*/

/* end Fixed Header. */

.vm_message_container {
    overflow: hidden;
}
.vm_message_container hr {
    margin-top: 12px;
    margin-bottom: 12px;
}
.vm_message_container h5,
.vm_message_container p {
    font-size: 14px;
}

.vm_message_box {
    padding: 6px 20px 0 0;
    margin-bottom: 2px;
    height: 540px;
    max-height: calc(100vh - 360px);
    overflow: auto;
}
.vm_reports_col .vm_message_box_reports {
    height: 580px;
    max-height: calc(100vh - 300px);
}
.vm_message_box .alert {
    width: 100%;
}
.vm_message_box .alert:last-child {
    margin-bottom: 0;
}

.meter-modal-s1 .vm_message_box {
    height: 498px;
    padding: 6px 0 0 0;
    max-height: unset;
}

.meter-modal-s1.js_fixed_h_pager .vm_message_box {
    /*height: 410px;*/
    margin-bottom: 5px;
}

.meter-modal-s1.js_fixed_h_pager #tab4 .vm_alert_card {
    height: 100%;
}

.title_t1 {
    margin: 4px 0 0 0;
    font-size: 18px;
    font-weight: normal;
}

/* For report page:*/
.vm_message_box .col.card {
    min-height: auto;
    margin: 0;
    border-radius: 0.25rem!important;
    border: 1px solid rgba(0,0,0,.1)!important;
}
.vm_message_box .col.card + .col.card {
    margin-top: 16px;
}
.fixed_card.vm_reports_box {
    padding-top: 16px;
}
/* End - For report page.*/


/*Boards:*/
.vm_board1,
.vm_board {
    text-align: center;
    font-size: 16px;
    color: black;
    border: 3px solid black;
    padding: 7px 8px;
    position: relative;
    border-radius: .25rem;
}
.vm_board1 > div,
.vm_board > div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.vm_board b {
    line-height: 1;
    display: block;
    font-size: 26px;
    flex: 2 0 0;
    /*width: 50%;*/
    text-align: right;
    width: 50%;
}
.vm_board1 b {
    line-height: 1;
    display: block;
    font-size: 26px;
    flex: 2 0 0;
}
.vm_board_lable {
    /*position: absolute;*/
    right: 10px;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    /*margin: -7px 0 0 0;*/
    top: 50%;
    /*opacity: 0.5;*/
    /*width: 50%;*/
    flex: 1 0 0;
    text-align: right;
    padding-left: 15%;
    width: 50%;
}
.vm_board_lable1 {
    /*position: absolute;*/
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    top: 50%;
    /*opacity: 0.5;*/
    flex: 1 0 0;
}
.vm_board_type2 {
    background-color: #2d6c13;
    border-color:#2d6c13;
    color: white;
}
.vm_board_type3 {
    background-color: #ffc107;
    color:black;
    border-color: #ffc107;
}
.vm_board_type4 {
    background-color:#951e0a;
    color: white;
    border-color:#951e0a ;
}
.vm_board_type5 {
    background-color:#007bff;
    color: white;
    border-color:#007bff ;
}
.vm_board_fifth_type {
    background-color:#f5f571;
    color:black;
    border-color:#f5f571;
}
.vm_board_title {
    color: #a6151c;
    text-align: center;
    margin-bottom: 18px;
}
.vm_board_row {
    padding-bottom: 40px;
}

/*Map page:*/
.vm_map_row {
    padding: 0 23px 23px;
}
#distance_calculator_open_button {
    border: 1px solid;
    color: black;
    margin-right: 8px;
}
#distance_calculator_div {
    display: flex;
    padding: 0px;
    justify-content: space-between;
    margin-right: 8px;
}
#distance_calculator_box_div {
    display: flex;
    justify-content: space-between;
    padding-left: 5px;
    align-items: center;
    height: calc(2.25rem - 9px);
    width: auto;
}
#distance_calculator_calculate_button,
#distance_calculator_select_1 {
    margin-right: 5px;
}
#distance_calculator_select_1,
#distance_calculator_select_2 {
    padding: 0px;
    max-width: 200px;
    height: 100%;
}
#distance_calculator_result {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    width: 120px;
    height: 100%;
    border-radius: .25rem;
    border: 1px solid;
    background-color: limegreen;
    padding-left: 5px;
    outline: none;
    text-align: center;
}
#distance_calculator_calculate_button {
    width: 120px;
    border-radius: .25rem;
    border: 1px solid;
    height: 100%;
    font-size: .95rem;
    cursor: pointer;
    outline: none;
}
#distance_calculator_close_button {
    width: 35px;
    height: 100%;
    outline: none;
}
.map-row-container {
    /*margin-left: 0;*/
}
.map-container {
    width: 100%;
    min-height: calc(100vh - 230px);
    /*max-height: calc(100vh - 230px);*/
    /*padding: 0;*/
    /*margin: 0 0 0 15px;*/
    /*max-width: 56.333333%;*/
    /*max-height: 100vh;*/

    transition-property: top,bottom,width;
    transition-duration: .2s,.2s,.35s;
    transition-timing-function: linear,linear,ease;
    -webkit-overflow-scrolling: touch;
}

.map-container.minimized {
    width: 100%;
    max-width: 100%;
    flex: 0 0 98.333333%;
    margin: 0;
    padding: 0 15px;
}
.map-container.minimized + .alert-container {
    width: 0;
    max-width: 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
}
.alert-container {
    transition-property: top,bottom,width;
    transition-duration: .2s,.2s,.35s;
    transition-timing-function: linear,linear,ease;
    -webkit-overflow-scrolling: touch;
}

/* DASHBOARD half_box: */
.alert-container-half_box {
    /*height: 50%;*/
    /*max-height: 50%;*/
    position: relative;
    height: 100%;
}
/*.alert-container-half_box .vm_message_box {*/
/*    !*height: 50%;*!*/
/*    !*max-height: 50%;*!*/

/*    height: 18vh;*/
/*    max-height: 18vh;*/
/*}*/

.alert-container-half_box .vm_message_box {
    margin-bottom: 2px;
}
.collapse_btn_chb {
    position: absolute;
    bottom: 0;
    right: 10px;
}
.collapse_btn_chb i {
    opacity: 0;
    display: none;
    color: #575757;
    font-size: 22px;
    font-weight: 700;
}
.collapse_btn_chb.active .mi_remove {
    opacity: 1;
    display: inline-block;
}
.alert_container_for_children_00 .mi_add,
.collapse_btn_chb.active .mi_add {
    padding-bottom: 10px;
}
.alert_container_for_children_00 .collapse_btn_chb,
.collapse_btn_chb.active .collapse_btn_chb {
    bottom: 0;
}
.collapse_btn_chb.active .mi_add {
    opacity: 0;
    display: none;
}
.collapse_btn_chb .mi_remove {
    opacity: 0;
    display: none;
    padding-bottom: 5px;
}
.collapse_btn_chb .mi_add {
    opacity: 1;
    display: inline-block;
}

.alert_chb.closed {
    height: 32px;
    overflow: hidden;
}
/*.alert_chb.closed + .alert_chb.opened .vm_message_box {*/
/*    height: 45vh;*/
/*    max-height: 45vh;*/
/*}*/

/*.alert_container_for_children_11,*/
/*.alert_container_for_children_01,*/
/*.alert_container_for_children_10,*/
/*.alert_container_for_children_00 {*/

/*}*/

.alert_container_for_children_11 .vm_message_box,
.alert_container_for_children_00 .vm_message_box {
    height: 20vh;
    max-height: 20vh;
}

/*.alert_container_for_children_01 .first_alert_chb.vm_message_box {*/
/*    height: 32px;*/
/*    overflow: hidden;*/
/*}*/
.alert_container_for_children_01 .second_alert_chb .vm_message_box,
.alert_container_for_children_10 .first_alert_chb .vm_message_box {
    height: 54vh;
    max-height: 54vh;
}

/*.alert_container_for_children_10 .second_alert_chb .vm_message_box {*/
/*    height: 32px;*/
/*    overflow: hidden;*/
/*}*/

.alert_container_for_children_00 .alert_chb.closed {
    height: auto;
    overflow: auto;
}

#health_status_online_div {
    /*padding-bottom: 15px*/
}
#health_status_offline_div {
    padding-bottom: 17px;
}
.alert_chb .vm_title_dashboard {
    margin-top: 0;
}
.second_alert_chb .vm_title_dashboard {
    margin-top: 11px;
}

.first_alert_chb.closed .information-item-wrapper .form-check {
    display: none;
}
.alert_container_for_children_00 .first_alert_chb.closed .information-item-wrapper .form-check {
    display: block;
}
.first_alert_chb.closed {
    bottom: 0;
    top: 0px;
}
/* End DASHBOARD half_box. */

.added_card_border {
    border: 1px solid #6c757d!important;
    border-bottom-right-radius: 0.25rem!important;
    border-bottom-left-radius: 0.25rem!important;
}

.vm_main_wrapper .vm_board_row {
    padding: 0;
}

.vm_custom-control-point_row {
    margin: 26px 0;
}

.vm_custom-control-point_row .col {
    padding: 0 8px;
}
.vm_map_search {
    border-radius: .25rem 0 0 .25rem;
}
.vm_btn_search {
    border-radius: 0 .25rem .25rem 0;
}
.vm_btn_v6 {
    background-color: #7a000c;
    border-color: #7a000c;
}
.vm_custom-control-point_box {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
}
.pins_filter_disable-box {
    display: block;
    position: absolute;
    z-index: 9;
    left: 38px;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: grey;
    opacity: 0.5;
}
.pins_filter:checked + .pins_filter_disable-box {
    display: none;
}
.point-box-border {
    padding: 0 0 0 0;
    margin: 0 8px 0 0;
    position: relative;
}

.point-box-border + .point-box-border {
    margin: 0 15px 0 0;
    border-right: 1px solid #dadada;
}

.point-box-border span {
    display: inline-block;
    padding-right: 10px;
}

.vm_custom-control-blue {
    background: url("../images/markers/blue-dot.png") 0 0 no-repeat;
}
.vm_custom-control-red {
    background: url("../images/markers/red-dot.png") 0 0 no-repeat;
}
.vm_custom-control-yellow {
    background: url("../images/markers/yellow-dot.png") 0 0 no-repeat;
}
.vm_custom-control-green {
    background: url("../images/markers/green-dot.png") 0 0 no-repeat;
}
.vm_custom-control-white {
    background: url("../images/markers/white-dot.png") 0 0 no-repeat;
}
.vm_custom-control-orange {
    background: url("../images/markers/orange-dot.png") 0 0 no-repeat;
}
/*.vm_custom-control-black {*/
/*background: url("../images/markers/black-dot.png") 0 0 no-repeat;*/
/*}*/
.vm_custom-control-point {
    padding: 0 0 0 46px;
    margin: 0 4px 0 0;
    background-size: contain;
}
.vm_custom-control-blue .custom-control-label::before {
    background-color: #5781FC;
}
.vm_custom-control-red .custom-control-label::before {
    background-color: #fd7567;
}
.vm_custom-control-yellow .custom-control-label::before {
    background-color: #fdf569;
}
.vm_custom-control-green .custom-control-label::before {
    background-color: #00ae2e;
}
.vm_custom-control-white .custom-control-label::before {
    background-color: #6c757d;
}
.vm_custom-control-orange .custom-control-label::before {
    background-color: #ff9933;
}
.vm_custom-control-black .custom-control-label::before {
    background-color: #a0a0a0;
}

.vm_custom-control-blue .custom-control-input:checked~.custom-control-label::before {
    border-color: #4a4a4a;
    background-color: #5781FC;
}

.vm_custom-control-red .custom-control-input:checked~.custom-control-label::before {
    border-color: #4a4a4a;
    background-color: #ff4836;
}

.vm_custom-control-yellow .custom-control-input:checked~.custom-control-label::before {
    border-color: #4a4a4a;
    background-color: #efde4d;
}

.vm_custom-control-green .custom-control-input:checked~.custom-control-label::before {
    border-color: #4a4a4a;
    background-color: #00ae2e;
}

.vm_custom-control-white .custom-control-input:checked~.custom-control-label::before {
    border-color: #6c757d;
    background-color: #6c757d;
}

.vm_custom-control-orange .custom-control-input:checked~.custom-control-label::before {
    border-color: #4a4a4a;
    background-color: #ff9933;
}

.vm_custom-control-black .custom-control-input:checked~.custom-control-label::before {
    border-color: #4a4a4a;
    background-color: #252525;
}

.mv_map_info {

}
.mv_map_info h5 {
    font-size: 14px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bfbfbf;
    padding: 0 0 2px 0;
}
.mv_map_info p {
    margin-top: 5px;
    margin-bottom: 0;
}
.mv_map_info b {
    font-weight: 500;
}
.mv_show_meterdata {
    color: #03A9F4;
    display: block;
    border-top: 1px solid #bfbebe;
    /*text-align: center;*/
    padding: 5px 0 3px 0;
    margin-top: 6px;
    cursor: pointer;
}
.mv_show_meterdata:hover {
    color: #02608c;
    text-decoration: underline;
}
.vm_alert_header_func, .alert_pager_row {
    padding: 0 20px;
}
.vm_alert_header_func .col-4 {
    padding-right: 0;
}
/*.vm_alert_header_func .col-8 {*/
/*padding-left: 0;*/
/*}*/
.vm_alert_header_func div.dataTables_filter input {
    max-width: 122px;
}

#table2 {
    width: 100%!important;
}

div.dataTables_wrapper .vm_alert_header_func div.dataTables_filter input {
    margin-left: 0;
}

/*Modals:*/
.search-meter-modal.modal-dialog {
    max-width: 916px;
}
.meter-modal-s1.modal-dialog {
    max-width: 60%;
}

.meter-modal-s1 .card {
    border: 1px solid #dee2e6!important;
    border-radius: 0;
}

.meter-modal-s1 .card-body {
    padding: 5px;
}

.meter-modal-s1 .vm_message_container h5 {
    font-size: 13px;
}

.search-meter-table-first-td {
    width: 144px;
}
.search-meter-modal .col-4 {
    /*padding-right: 5px;*/
    max-width: 330px;
    flex: 0 0 330px;
}
.search-meter-modal .col-4 .vm_search_result_label {
    white-space: normal;
}
.search-meter-modal .col-5 {
    padding-left: 5px;
    padding-right: 5px;
    max-width: 360px;
}
.search-meter-modal .col-3 {
    padding-left: 5px;
    max-width: 220px;
}

.search_meter_form_box select {
    margin-bottom: 18px;
}
.vm_search_result_table_box .row .col,  .vm_search_result_table_box .row .col-4 {
    padding-left: 5px;
    padding-right: 5px;
}
.vm_search_result_table_box .row .col-4 #meter_form_col2 td,
.vm_search_result_table_box .row .col #meter_form_col1 td,
.vm_search_result_table_box .row .col #meter_form_col3 td {
    padding: 5px;
}
#switch_operations_table td,
#operations_table_4g td {
    padding: 0px 5px 0px 5px;
}
#inactive_meter_label_div, #photo_inactive_meter_label_div,
.inactive_meter_label_div {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: yellow;
    font-size: medium;
}
.vm_search_result_table_box .row .col-4 #meter_form_col2 td:first-child,
.vm_search_result_table_box .row .col #meter_form_col3 td:nth-child(2) {
    width: 50%;
}
.modal-content .modal-body {
    padding: 10px 20px 10px 20px;
}
.vm_search_result_table_box .col-4 .notes_table_4g td,
.vm_search_result_table_box .col-4 #notes_table_4g td {
    padding: 0px;
}
.vm_search_result_table_box .col-4 {
    min-width: 30%;
}
.vm_search_result_table_box .col {
    max-width: 24%;
}
#meter_form_alerts_table {
    padding-right: 5px;
}
.vm_search_result_table_box td {
    border: none;
}
.vm_search_result_table_box .table td,
.vm_search_result_table_box .table th {
    padding: 5px 14px 5px 14px;
}

.vm_search_result_table_box .table {
    margin-bottom: 10px;
}

.vm_search_result_table_box .table:last-child {
    margin-bottom: 0;
}

.vm_search_result_table_box .search-meter-table th,
.vm_search_result_table_box .search-meter-table td {
    padding: 5px 14px 5px 14px;
}
.vm_search_result_table_box .search-meter-table tr:last-child td {
    padding: 5px 14px 5px 14px;
}
.vm_search_result_item {
    border-top: 1px solid #dfdfdf;
    padding: 9px 0;
}
.vm_search_result_item:first-child {
    border-top: none;
    padding-top: 0;
}
.vm_search_result_item:last-child {
    padding-bottom: 0;
}
.vm_search_result_label {
    color: #262626;
    font-size: 14px;
    white-space: nowrap;
}
.vm_search_result_value {
    color: #797979;
    font-size: 14px;
}
.vm_search_result_value textarea,
.vm_search_result_value input,
.vm_search_result_value select {
    border: none;
    padding: 0 5px;
    background-color: #f3f3f3;
    font-size: 14px;
}
.vm_search_result_value input,
.vm_search_result_value select {
    height: 24px;
}
.vm_search_result_value.error textarea,
.vm_search_result_value.error input,
.vm_search_result_value.error select {
    color: #dc3545;
    background-color: #ffe8e7;
}
.vm_search_result_value.error input:focus {
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}
.vm_search_result_value.error .invalid-feedback {
    display: block;
    margin-top: 0;
}

/* Collapse Search Meter Dialog: */
.nav-item-with-collapse-modal {
    position: relative;
}
.nav-item-with-collapse-modal {
}
.nav-item-with-collapse-modal.active .nav-link {
    background-color: hsla(0,0%,78%,.2);
    /*border-radius: 3px 0 0 3px;*/
    /*margin-right: 0;*/
}
.vm_sm_box-dialog {
    /*position: absolute;*/
    background-color: rgba(127, 127, 127, 0.7);
    /*left: 0;*/
    /*top: 0;*/
    /*width: 0;*/
    height: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    border-radius: 0;
    transition: all .1s ease;
    margin: 0 15px 0;
    /*width: 190px;*/
}
.sidebar-mini .vm_sm_box-dialog {
    left: 0;
}
.vm_sm_box-dialog select,
.vm_sm_box-dialog input {
    /*width: 0;*/
    /*transition: width .1s ease;*/
}
.nav-item-with-collapse-modal.active .vm_sm_box-dialog select,
.nav-item-with-collapse-modal.active .vm_sm_box-dialog input {
    width: 100%;
}
.nav-item-with-collapse-modal.active .vm_sm_box-dialog {
    /*width: 230px;*/
    padding: 12px 10px;
    overflow: visible;
    height: 152px;
}
.vm_sm_box-dialog-box {
    width: 100%;
    /*min-width: 118px;*/
}
.vm_sm_box-dialog-box button {
    margin: 0 2px;
}
.vm_sm_modal-footer {
    height: 31px;
    overflow: hidden;
    width: 0;
    transition: all .1s ease;
}
.nav-item-with-collapse-modal.active .vm_sm_modal-footer {
    width: 100%;
}
/* end Collapse Search Meter Dialog. */

.vm_meter_control_buttons_box {

}
.vm_switches_group {
    margin-right: 14px;
}
.vm_meter_control_buttons_box .btn {
    font-size: 15px;
    width: 49%;
    padding: 0;
    height: 30px;
    margin: 5px 0;
}

/*New Customer Modal:*/
.vm_new_customer_modal .mb-2 {
    margin-bottom: 12px!important;
}
.vm_new_customer_modal label {
    margin-bottom: 1px;
}
.vm_style_second_type textarea,
.vm_style_second_type input,
.vm_style_second_type select {
    border-color: #f3f3f3;
    padding: 0 5px;
    background-color: #f3f3f3;
    font-size: 14px;
}
.vm_style_second_type input,
.vm_style_second_type select {
    height: 32px;
}
.vm_style_second_type .error input {
    border-color: #f3f3f3!important;
    color: #dc3545;
    background-color: #ffe8e7;
}

/*Gateways Modal:*/
.vm_gateway_status_0 {
    background-color: #f8d7da;
    /*color: #951e0a;*/
    font-weight: bold;
}
.vm_gateway_status_1 {
    background-color: #d4edda;
    /*color: #2d6c13;*/
    font-weight: bold;
}

/*Collected Data Page:*/
.vm_cd_checkboxes_main_container {
    padding-top: 10px;
    padding-bottom: 10px;
}
.accordion_cd_config_btn {
    margin-bottom: 6px;
    font-size: 12px;
    min-width: 102px;
    padding: 5px 4px;
}
.accordion_cd_config_btn:focus {
    outline: none;
    box-shadow: none;
}
.accordion_cd_config_btn.active,
.accordion_cd_config_btn:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}
.vm_cd_checkboxes_container {
    height: 100px!important;
    display: block!important;
    overflow: hidden;
    transition: height 1s ease;
}
.vm_cd_checkboxes_container:hover {
    height: 300px!important;
}
.vm_cd_checkboxes_second_container {
    /*height: 280px;*/
    /*max-height: 280px;*/
    overflow-x: auto;
    background-color: #f7f7f7;
    padding: 10px;
}

.settings_modal .nav-tabs--vertical-box .tab-content {
    padding: 10px 0 0 0;
    /*padding: 10px 0.5rem 0px 0.5rem;*/
}

.vm_cd_checkboxes_columns,
.settings_modal .vm_cd_checkboxes {
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
    /*height: 100%;*/
    /*max-height: 100%;*/
    padding: 0;

    height: 247px;
    max-height: 100%;
    /*min-width: 1200px;*/
}

/*.settings_modal .vm_cd_checkboxes {*/
/*height: 290px;*/
/*}*/

/* User Information Modal */
.form-row-user-information {
    width: 50%;
    padding-left: 5px;
}

.settings_modal .vm_lp_checkboxes,
.vm_lp_checkboxes {
    height: 180px;
    -webkit-column-width: 160px;
    -moz-column-width: 160px;
    column-width: 160px;
}

.vm_col_status_box {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 2px;
    user-select: none;
}
.vm_col_status_box input {
    position: absolute;
    visibility: hidden;
}
.vm_col_status_box .vm_col_status_label {
    color: #6c757d;
    padding: 7px 0 0 28px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.vm_col_status_box .vm_col_status_label:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 25px;
    height: 25px;
    background-size: cover;
    background: transparent left top url(icons/_ionicons_svg_ios-square-outline.svg) no-repeat;
}

.vm_col_status_box input:checked + .vm_col_status_label {
    color: #007bff;
}
.vm_col_status_box input:checked + .vm_col_status_label:after {
    background: transparent left top url(icons/_ionicons_svg_ios-checkbox-outline.svg) no-repeat;
}
div.dataTables_wrapper .dropdown-item.active {
    color: #007bff;
}
div.dataTables_wrapper .dropdown-item.active:after {
    background: transparent left top url(icons/_ionicons_svg_ios-checkbox-outline.svg) no-repeat;
}

div.dataTables_wrapper .dropdown-item {
    color: #6c757d;
    padding: 8px 24px 8px 30px;
    position: relative;
}
div.dataTables_wrapper .dropdown-item:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: transparent left top url(icons/_ionicons_svg_ios-square-outline.svg) no-repeat;
}
_:-ms-fullscreen, :root .logo {
    background-color: transparent;
    color: #1b1e21;
}

.vm_table_scroll_box,
.vm_cd_table_scroll_box {
    overflow-x: scroll;
    overflow-y:hidden;
}
.vm_table_scroll,
.vm_cd_table_scroll {
    height: 20px;
}
#table3_wrapper table.vm_table  {
    clear: both;
    margin-top: 0!important;
}
/*.search_meter_result .modal-dialog,*/
/*.search_meter_result .modal-content {*/
/*!* 80% of window height *!*/
/*height: 90%;*/
/*}*/

/*.search_meter_result .modal-body {*/
/*!* 100% = dialog height, 120px = header + footer *!*/
/*max-height: calc(100% - 134px);*/
/*overflow-y: scroll;*/
/*}*/

/*Settings Modal:*/
.settings_modal.modal-dialog {
    max-width: 50%;
}
.settings_modal.lp_modal.modal-dialog {
    max-width: 80%;
}
.settings_modal .modal-body {
    padding: 0 1rem;
}

.settings_modal.modal-dialog,
.settings_modal .modal-content {
    /*max-height: 90%;*/
    /*max-height: 90vh;*/
}
.settings_modal .modal-body {
    /*max-height: calc(100% - 140px);*/
    /*overflow-y: hidden;*/
    overflow: hidden;
}
.settings_modal .modal-body .vm_set_columns_tab {
    /*height: 100%;*/
    /*height: calc(100% - 140px);*/
    width: 100%;
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    /*min-width: 1200px;*/
}

/* For scroll: */
body table.fixedHeader-floating::-webkit-scrollbar,
.custom-card-body-hscroll::-webkit-scrollbar,
.vm_cd_table_scroll_box::-webkit-scrollbar,
.vm_table_scroll_box::-webkit-scrollbar,
.vm_cd_checkboxes_second_container::-webkit-scrollbar,
.settings_modal .modal-body .vm_set_columns_tab::-webkit-scrollbar {
    -webkit-appearance: none;
}
body table.fixedHeader-floating::-webkit-scrollbar:vertical,
.custom-card-body-hscroll::-webkit-scrollbar:vertical,
.vm_cd_table_scroll_box::-webkit-scrollbar:vertical,
.vm_table_scroll_box::-webkit-scrollbar:vertical,
.vm_cd_checkboxes_second_container::-webkit-scrollbar:vertical,
.settings_modal .modal-body .vm_set_columns_tab::-webkit-scrollbar:vertical {
    width: 11px;
}
body table.fixedHeader-floating::-webkit-scrollbar:horizontal,
.custom-card-body-hscroll::-webkit-scrollbar:horizontal,
.vm_cd_table_scroll_box::-webkit-scrollbar:horizontal,
.vm_table_scroll_box::-webkit-scrollbar:horizontal,
.vm_cd_checkboxes_second_container::-webkit-scrollbar:horizontal,
.settings_modal .modal-body .vm_set_columns_tab::-webkit-scrollbar:horizontal {
    height: 11px;
}
body table.fixedHeader-floating::-webkit-scrollbar-thumb,
.custom-card-body-hscroll::-webkit-scrollbar-thumb,
.vm_cd_table_scroll_box::-webkit-scrollbar-thumb,
.vm_table_scroll_box::-webkit-scrollbar-thumb,
.vm_cd_checkboxes_second_container::-webkit-scrollbar-thumb,
.settings_modal .modal-body .vm_set_columns_tab::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}
body table.fixedHeader-floating::-webkit-scrollbar-track,
.custom-card-body-hscroll::-webkit-scrollbar-track,
.vm_cd_table_scroll_box::-webkit-scrollbar-track,
.vm_table_scroll_box::-webkit-scrollbar-track,
.vm_cd_checkboxes_second_container::-webkit-scrollbar-track,
.settings_modal .modal-body .vm_set_columns_tab::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}
/* end For scroll. */
/*end Settings Modal.*/

/*Login Page:*/
.vm_login_form_wrapper .container-fluid {
    height: inherit!important;
}
.modal.vm_login_form {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    display: block;
    margin-top: -50px;
}
.error label {
    color: #dc3545;
}
.error input {
    border-color: #dc3545!important;
}
.error input[type=checkbox] {
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}
.error input:focus {
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}

/* Dashboard: */
.vm_small_btn_intable {
    font-size: 16px;
    color: #6c757d;
    line-height: 1;
    padding: 0.2rem .5rem;
}
.table-min .vm_table,
.table2-div .vm_table {
    font-size: 16px;
}
.vm-btn-search {
    padding: 2px;
    font-size: 18px;
    line-height: 1;
}
.vm-btn-search .material-icons {
    font-size: 23px;
}
.table2_search_field,
.table3_search_field {
    max-width: 90px;
}
.col-md-3.actions_container_tools .table-min {
    max-width: 80%;
}
.col-md-3.table-min,
.col-md-3.table2-div,
.col-md-3.table3-div {
    max-width: 20%;
    /*flex: 0 0 265px;*/
}

.fixed_card {
    padding-top: 0px;
    margin: -5px;
}

.fixed_h_card_container,
.fixed_card .card,
.fixed_card .vm_alert_card {
    padding: 7px;
    min-height: 88%;
}
.fixed_h_card_container {
    height: 100%;
    padding: 0;
    max-height: 100vh;
}

.fixed_card .card-body {
    padding: 0;
}

.fixed_card .alert {
    padding: .75rem 0.5rem;
}

.fixed_card .table td, .fixed_card .table th {
    padding: .62rem .3rem;
}

.fixed_card .col-md-3 {
    padding-right: 3px;
    padding-left: 3px;
}

.col-md-3 .health_status_div {
    display: none;
    padding: 0px 0px 20px 0px;
}

.health_status_div .row {
    text-align: right;
    margin: 0px;
}

#dashboard_panel_container {
    padding-left: 10px;
    padding-right: 10px;
}

.clearfix {
    padding: 7px 7px 0px 7px;
    text-align: center;
}

.table-min td button + button {
    margin-left: 4px;
}

div.dataTables_wrapper div.dataTables_info {
    /*white-space: unset;*/
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_filter label {
    text-align: right;
}
.vm_two_panels_box div.dataTables_wrapper div.dataTables_filter label,
.vm_two_panels_box div.dataTables_wrapper div.dataTables_filter label {
    width: 100%;
}
.col-md-6.table1-div {
    min-width: 381px;
}
.table2_search_box{
    width: 67%;
}
.table2_search_box label {
    display: block;
    text-align: right;
}
.table2_search_box input {
    max-width: 76%;
    margin-left: 0!important;
}
/* end Dashboard */

/* Export modal: */
.export-dates-input {
    padding: .375rem .5rem;
    border: 1px solid #6c757d;
}

/* end Export modal. */

.table_mod-1 tr:first-child td:first-child {
    width: 170px;
}

.users_container_table .vm-btn-icon {
    margin-left: 6px;
}

.mini_checkbox_label {
    font-size: 13px;
    vertical-align: top;
    margin-top: 4px;
    color: #007bff;
}


.vm_now_date_box {
    text-align: center;
    padding-left: 10px;
    font-weight: bold;
}

.vm-btn-icon-type-2 {
    line-height: 19px;
    padding: 0 4px;
}

.vm-btn-icon-type-2 i,
.vm-btn-icon-type-2 span {
    font-size: 16px;
    line-height: 1;
    padding: 0 0 0 0;
}

.show-1300 {
    display: none;
}

.after-input-label {
    font-size: 18px;
}

.only-input-label {
    font-size: 16px;
}

.meter_info_packet_definition_table_div
{
    padding-top: 10px;
}

.table-packet_definition {
    /*width: auto;*/
}
.table-packet_definition th,
.table-packet_definition td {
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    width: 33%;
}

.btn-more-width {
    padding-left: 20px;
    padding-right: 20px;
}

.form-inline .ratio_input {
    width: 84px;
}

.half_column {
    height: 51.3%;
}
.half_column + .half_column {
    margin-top: 5%;
}
.row-eq-height .half_column .card {
    min-height: calc(100% - 32px);
}

.width_auto {
    width:auto;
}

.status_request_table_box {
    max-height: calc(100vh - 290px);
    overflow-y: auto;
    margin-right: 15px;
}

#totalization_report_modal input[type="number"]::-webkit-outer-spin-button,
#totalization_report_modal input[type="number"]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

/* Customer page: */
.customers_modal.modal-dialog {
    max-width: 50%;
}

.customers_modal .modal-body {
    padding: 0 1rem;
}

.customers_accordion.accordion .card:first-of-type {
    border-radius: 0;
}

.customers_accordion .card-header {
    padding: 0;
}

.customers_accordion .card-header .btn-link {
    font-size: 14px;
    width: 100%;
    text-align: left;
    color: #10353f!important;
}
.customers_accordion .card-header .btn-link:hover,
.customers_accordion .card-header .btn-link:focus {
    text-decoration: none;
    color: #070d14 !important;
}

.setting_subtitle {
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 12px 0;
}

.customer_container_table th {
    text-align: center;
}

.small_with_col {
    width: 15%;
}
.spec_with_col {
    width: 190px;
}
.small_with_col:first-child {
    padding-left: 30px;
}
.assign_meter_button, .edit_meter_button {
    min-width: 26px;
}
.assign_meter_button {
    font-size: 12px;
    min-width: 30px;
    /*position: absolute;*/
    right: 15px;
    top: -12px;
}

.meter_active_button {
    width: 70px;
}
.mini_button {
    font-size: 12px;
}
.medium_button {
    font-size: 14px;
}
/* end Customer page/ */

.meter_info_multiplier_input {
    display: flex;
    align-items: center;
}

.meter_info_multiplier_divider {
    margin-left: 7px;
    font-size: 16px;
    width: 30px;
}

.meter_form_footer_buttons {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-content: flex-end;
}

#meter_form_usage_graph_popup .modal-dialog {
    width: 400px;
    top: 20%;
    max-width: 80%!important;
    margin: 0 auto;
}

.meter_usage_modal .modal-dialog {
    min-width: 1000px;
}
.meter_usage_chart_mb {
    overflow-x: auto;
}
.meter_usage_chart_container {
    width: 956px;
}

#usage_graph_radiobuttons {
    font-size: large;
}

.meter_form_footer_left_buttons {
    display: flex;
    gap: 1rem;
}

/* Phasor Diagram */

#phasor_diagram_modal .modal-content {
    width: 750px;
}

.phasor-diagram-modal-body {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}

#phasor_diagram_modal_table {
    border-collapse: collapse;
    width: 300px;
}

#phasor_diagram_modal_table, #phasor_diagram_modal_table td, #phasor_diagram_modal_table th {
    border: 2px solid black;
}

#phasor_diagram_modal_table td {
    width: 50%;
    padding-left: 7px;
    font-size: 20px;
    font-weight: 400;
}

.phasor-diagram-list-row-a {
    color: red;
}

.phasor-diagram-list-row-b {
    color: green;
}

.phasor-diagram-list-row-c {
    color: blue;
}

#phasor_diagram_modal_circle, #phasor_diagram_modal_svg {
    width: 400px;
    height: 400px;
}

.phasor-diagram-arrow {
    transform-origin: 50% 50%;
}

.phasor-diagram-arrow-long {
    height: 100px;
    width: 100px;
}

.phasor-diagram-arrow-short {
    height: 55px;
    width: 55px;
}

.phasor-diagram-arrow-short-label, .phasor-diagram-arrow-long-label {
    font-size: 22px;
    font-weight: 500;
}

/* End of Phasor Diagram */

/* Start of Information Icon */

.information-item-wrapper {
    display: flex;
    align-items: center;
}

.information-item-wrapper-modes {
    height: 26px;
    margin: 0px -4px 0px -4px;
}

.information-item {
    height: 23px;
    width: 23px;
    margin: 0px 8px 0px 8px;
    background: transparent center url(icons/information-circle-outline.svg) no-repeat;
}

/* End of Information Icon */

@media (min-width: 1200px) {
    .vm_two_panels_box .offset-xl-3 {
        margin-left: 0;
    }
}

@media (min-width: 1280px) {
    body .container {
        max-width: 1280px;
    }

    .vm_two_panels_box .offset-xl-3 {
        margin-left: 25%;
    }

    .col-md-3.actions_container_tools.table-min {
        min-width: 80%;
    }
    .col-md-3.table-min,
    .col-md-3.table2-div,
    .col-md-3.table3-div {
        min-width: 260px;
    }
}

@media (max-width: 1400px) {
    #table2 tr th:first-child + th,
    #table2 tr td:first-child + td {
        /*padding-left: 0;*/
        /*padding-right: 0;*/
    }
    #table2 tr th:last-child,
    #table2 tr td:last-child {
        padding-left: 0;
        padding-right: 12px;
    }
}

@media (max-width: 1760px) {
    .meter-modal-s1.modal-dialog {
        max-width: 80%;
    }
    .meter-modal-s1 .vm_message_box {
        height: 498px;
        max-height: unset;
    }
    .meter-modal-s1.js_fixed_h_pager .vm_message_box {
        /*height: 414px;*/
        margin-bottom: 5px;
    }
}

@media (max-width: 1300px) {
    .settings_modal.modal-dialog {
        max-width: 80%;
    }
    .settings_modal.lp_modal.modal-dialog {
        max-width: 80%;
    }
    .meter-modal-s1.modal-dialog {
        max-width: 80%;
    }

    .col-md-3.actions_container_tools .table-min {
        min-width: 200px;
    }
    .col-md-3.table-min,
    .col-md-3.table2-div,
    .col-md-3.table3-div {
        min-width: 200px;
    }

    .hide-1300 {
        display: none;
    }
    .show-1300 {
        display: inline;
    }

    .col-md-3.table-min .page-link,
    .col-md-3.table2-div .page-link,
    .col-md-3.table3-div .page-link {
        font-size: 9px;
        height: 35px;
    }


    .col-md-3.table-min .pagination .custom-select,
    .col-md-3.table2-div .pagination .custom-select,
    .col-md-3.table3-div .pagination .custom-select {
        padding-left: 8px;
        min-width: 50px;
    }

    .table2_search_box {
        width: 100%;
    }
    .table2_search_box input {
        max-width: 83%;
    }

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

    .col-md-3.table-min .card-body,
    .col-md-3.table2-div .card-body,
    .col-md-3.table3-div .card-body {
        padding: 10px;
    }
    .vm_two_panels_box .table td {
        padding: 8px 4px 8px 0;
    }

    .vm_title_dashboard {
        font-size: 18px;
    }
}