/*.well, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert,*/
/*.table-bordered, .nav>.active>a, .dropdown-menu, .tooltip-inner, .badge, .label, .img-polaroid, .panel,*/
/*.modal-content, .card, .page-item:first-child .page-link {*/
    /*border-radius: 0!important;*/
/*}*/

body {
    font-family: 'Roboto', sans-serif;
    /*color: #3a3f52;*/
    /*background-color: #f6f8f9;*/
    background-color: #eee;
    color: #3c4858;
    font-weight: 300;
    font-size: 14px;
}

.wrapper {
    position: relative;
    top: 0;
    height: 100vh;
}

.wrapper:after {
    display: table;
    clear: both;
    content: " ";
}
*, :after, :before {
    box-sizing: border-box;
}

.main-panel, .sidebar {
    height: 100%;
    max-height: 100%;
}

.main-panel {
    position: relative;
    float: right;
    width: calc(100% - 220px);
    transition: .33s,cubic-bezier(.685,.0473,.346,1);
}

.main-panel.without-sidebar {
    width: 100%;
}

.main-panel.without-sidebar .container-fluid .logo:first-child {
    display: none!important;
}

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

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

.custom-navbar {
    background-color: #ffffff!important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.09);
    height: 70px;
    max-height: 70px;
}

.navbar.custom-navbar {
    padding: 0;
}

.custom-navbar > .container-fluid {
    /*width: 530px;*/
    /*max-width: 530px;*/
    /*margin: 0 auto;*/
    padding: 0;
}

.logo-box {
    padding-left: 24px;
    margin: 0 auto;
    text-align: center;
}
.logo {
    color: transparent;
    background: #091e23;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0 3px 3px rgba(255,255,255,0.5);
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
}
.logo-contact {
    margin: 4px auto 0 auto;
}
.logo-contact span {
    color: #091e23;
    margin: 0 8px;
}
.logo-contact a:hover {
    color: #007bff;
    text-decoration: none;
}

.logo img {
    margin-right: 12px;
}
.logo:hover {
    text-decoration: none;
    color: transparent;
}

.vm_logout {
    color: #6c757d;
    margin-right: 10px;
}
.vm_logout:hover {
    color: #484f57;
}

.material-icons {
    font-size: 20px;
    line-height: 20px;
    padding: 0 0 0 0;
    vertical-align: middle;
}

.sidebar {
    background: #191919;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 220px;
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    /*overflow: hidden;*/
}

.sidebar .sidebar-background {
    background-image: url("img/bg6.jpg");
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    /*background-size: cover;*/
    /*background-position: 50%;*/
}
.sidebar .sidebar-background:after {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background: #000;
    opacity: .75;
}
.sidebar .sidebar-wrapper {
    position: relative;
    height: calc(100vh - 75px);
    /*overflow: auto;*/
    width: 220px;
    z-index: 4;
    padding-bottom: 30px;
}
.sidebar .nav {
    padding-top: 15px;
    display: block;
    overflow-y: auto;
    height: calc(100vh - 70px);
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: .5rem 10px;
    transition: all .15s ease-in;
    margin: 10px 15px 0;
    border-radius: 3px;
    text-transform: capitalize;
    font-size: 13px;
    color: #fff;
}
.nav-link:hover {
    background-color: hsla(0,0%,78%,.2);
    box-shadow: none;
    color: #fff;
    /*border-radius: 0!important;*/
}
li.active .nav-link {
    /*border-radius: 3px!important;*/
    /*background-color: #4b96f3;*/
    /*box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(77, 159, 255, 0.4);*/
    background-color: hsla(0, 0%, 78%, 0.68);
    box-shadow: none;
    color: #fff;
}
.sidebar .nav .nav-item i {
    vertical-align: middle;
    font-size: 24px;
    float: left;
    margin-right: 15px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #a9afbb;
    color: hsla(0,0%,100%,.8);
}
.sidebar .nav p {
    margin: 0;
    line-height: 30px;
    font-size: 15px;
    position: relative;
    display: block;
    height: auto;
    white-space: nowrap;
}

.sidebar .custom-navbar {
    background-color: #ffffff8f!important;
    /*position: absolute;*/
    z-index: 4;
    left: 0;
    right: 0;
}

.form-control {
    border: 1px solid #6c757d;
}

.small-control {
    font-size: 0.75rem;
    padding: .2rem .2rem;
    height: calc(1.3rem + 2px);
}

.small-label {
    line-height: 1;
    margin-bottom: .4rem!important;
}

.small-modal {
    padding: .5rem .5rem!important;
}

.small-button {
    padding: .2rem .5rem;
}

.btn.disabled, .btn:disabled {
    opacity: .2!important;
}

.vm_navbar_control {
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
    height: 36px;
    min-width: 36px;
    width: 36px;
    padding: 0;
    overflow: hidden;
    position: relative;
    line-height: 35px;
    background-color: #f9f9f9;
    color: #636363;
    margin-left: 16px;
    box-shadow: 0 2px 2px 0 hsla(0,0%,60%,.14), 0 3px 1px -2px hsla(0,0%,60%,.2), 0 1px 5px 0 hsla(0,0%,60%,.12);
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
    will-change: box-shadow,transform;
    font-weight: 400;
    border-color: transparent;
}

.vm_navbar_control:focus {
    outline: none;
}

/*@media (min-width: 991px) {*/
.sidebar-mini .main-panel {
    width: calc(100% - 80px);
}
.sidebar-mini .sidebar {
    display: block;
    font-weight: 200;
    z-index: 1049;
    width: 80px;
}
.sidebar-mini .sidebar .sidebar-wrapper {
    width: auto;
}
/*}*/

.sidebar-mini .sidebar .nav p {
    display: none;
}

.sidebar-mini .sidebar .nav .nav-item i {
    float: none;
}

.vm_alt_logo {
    display: none;

}

.sidebar-mini .vm_alt_logo {
    display: inline;
    font-size: 34px;
}

.sidebar-mini .sidebar .logo img {
    display: none;
}

.sidebar-mini .sidebar .logo {
    padding-left: 0;
}
.vm_logo_in_header {
    display: none;
}
/*.sidebar-mini .vm_textlogo_in_header {*/
    /*display: none;*/
/*}*/
/*.sidebar-mini .vm_logo_in_header {*/
    /*display: inline;*/
/*}*/

.vm_main_wrapper {
    padding: 14px 0 14px 0;
    min-height: calc(100% - 134px);
}

main {
    padding: 40px 8px;
}

footer {
    background-color: #292c31;
    padding: 24px 0;
    color: #62656a;
}
footer small {
    color: #62656a;
    display: block;
    text-align: center;
}
footer a:hover {
    color: #0095f7;
    text-decoration: none;
}

/*Tables:*/
/*Filter:*/
div.dataTables_wrapper .btn-group,
div.dataTables_wrapper .btn-group>.btn {
    position: static;
}
div.dataTables_wrapper .dropdown-menu {
    right: 20px;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
}

/*dt-button dropdown-item buttons-columnVisibility active*/
/*dt-button dropdown-item buttons-columnVisibility*/

div.dataTables_wrapper div.dt-button-collection-title {
    display: none;
}

div.dataTables_wrapper .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #6c757d;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    background-color: transparent;
}

div.dataTables_wrapper .dropdown-item {
    color: #6c757d;
    background: transparent url("icons/_ionicons_svg_ios-square-outline.svg") 0 5px/auto 70% no-repeat;
    padding: 8px 24px 8px 30px;
}

div.dataTables_wrapper .dropdown-item.active {
    color: #007bff;
    background: transparent url("icons/_ionicons_svg_ios-checkbox-outline.svg") 0 5px/auto 70% no-repeat;

}

div.dataTables_wrapper .dropdown-item:hover {
    background-color: #f7f7f7;
}

.vm_big_table {
    width: auto!important;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    top: 12px;
}
.vm_big_table th {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vm_table {
    font-size: 13px;
}
.vm_table.table thead th {
    vertical-align: top;
}
table.vm_table.dataTable thead > tr > th.sorting_asc,
table.vm_table.dataTable thead > tr > th.sorting_desc,
table.vm_table.dataTable thead > tr > th.sorting,
table.vm_table.dataTable thead > tr > td.sorting_asc,
table.vm_table.dataTable thead > tr > td.sorting_desc,
table.vm_table.dataTable thead > tr > td.sorting {
    padding-left: 30px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .custom-select {
    /*border-radius: 0;*/
    border-left: none;
    border-right: none;
}

.pagination .custom-select {
    height: 35px;
    max-height: 35px;
    border-color: #dee2e6;
    border-radius: 0;
    border-left: none;
}

.vm-btn-icon {
    line-height: 20px;
    padding: 2px 5px;
}
.vm-btn-icon + .vm-btn-icon {
    margin-left: 4px;
}
.vm-btn-icon span {
    vertical-align: text-top;
}
.container_table .vm-btn-icon_btn {
    margin-left: 6px;
}
/* end Tables. */

/* Tabs:*/
.nav-tabs--vertical-box {
    /*height: 100%;*/
}
.nav.nav-tabs--vertical {
    border-bottom: none;
    border-right: 1px solid #ddd;
    display: flex;
    flex-flow: column nowrap;
    margin-left: 0;
    padding: 10px 0;
}
.nav-tabs--left {
    margin: 0 15px;
}
.nav-tabs--left .nav-item + .nav-item {
    margin-top: 0.25rem;
}
.nav-tabs--left .nav-link {
    transition: border-color 0.125s ease-in;
    white-space: nowrap;
    margin: 0;
    color: #495057;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
}
.nav-tabs--left .nav-link:hover {
    background-color: #f7f7f7;
    border-color: transparent;
    color: #1b1e21;
}
.nav-tabs--left .nav-link.active {
    border-bottom-color: #ddd;
    border-right-color: #fff;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    margin-right: -1px;
    color: #0275d8;
}
.nav-tabs--left .error .nav-link,
.nav-tabs--left .error .nav-link.active {
    color: #721c24;
}
.nav-tabs--left .nav-link.active:hover {
    background-color: #fff;
    border-color: #0275d8 #fff #0275d8 #0275d8;
}
.nav-tabs--vertical-box .tab-content {
    padding: 1rem 0.5rem;
    /*overflow: hidden;*/
    width: 100%;
    /*height: 100%;*/
    /*max-height: 100%;*/
}
/* end Tabs.*/

.form-control:disabled, .form-control[readonly] {
    border-color: transparent;
}

.vm_card_header {
    font-size: 20px;
    font-weight: 500;
    color: #6c757d;
}

.th_width_size_0 {
    width: 24px;
}

.th_width_size_1 {
    width: 85px;
}

#meters_table_order1,
#meters_table_order2,
#meters_table_order3,
#meters_table_order6,
.th_width_size_19 {
    width: 18%!important;
}

.meter_container_table input[type="checkbox"] {
    vertical-align: middle;
}

.meter_container_table th {
    text-align: center;
}

.table.meter_container_table thead th {
    vertical-align: middle;
}
.p-1_5 {
    padding: 12px 0!important;
}
.mb-1_5 {
    margin-bottom: 6px!important;
}
.card-text-report-box {
    min-height: 52px;
    padding: 10px 0 0 0;
}
.vm_reports_col .card-text-report-box {
    min-height: auto;
}
.report-cart-body {
    padding: 10px;
}
.col.card {
    padding-right: 12px;
    padding-left: 12px;
    margin: 0.5%;
    flex: 0 2 24%;
}
.vm_reports_col {
    max-width: unset!important;
}
.vm_header_report_box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

@media (max-width: 1300px) {
    .col.card {
        padding-right: 12px;
        padding-left: 12px;
        margin: 6px;
        flex: 1 2 317px;
    }
}