@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

:root {
    --lightGray: #dddddd;
    --themeColor: #0057b8;
    --mediumGray: #dddddd;
    --colorGreen: #00a65a;
    --colorOrange: #f39c1b;
    --colorlightBlue: #00c0ef;
}

.custom-scroll::-webkit-scrollbar, .advance_subgroup_main::-webkit-scrollbar {
    width: 5px;
}

.custom-scroll::-webkit-scrollbar-track, .advance_subgroup_main::-webkit-scrollbar-track {
    background: #ddd;
}

.custom-scroll::-webkit-scrollbar-thumb, .advance_subgroup_main::-webkit-scrollbar-thumb {
    background: #666;
}
/*::-webkit-scrollbar {
    height: 8px;
    width: 8px;
    background: #ddd;
}

::-webkit-scrollbar-thumb {
    background: #393812;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
    background: #6c757d;
}*/

body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: .8125rem;
    font-weight: 400;
}

b, strong {
    font-weight: 500;
}

html {
    position: relative;
    min-height: 100%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

img {
    max-width: 100%;
}

.h-r-links a {
    padding-left: 0.4rem;
}

.no-margin {
    margin: 0 !important;
}

.n-m-t {
    margin-top: 0 !important;
}

.n-m-b {
    margin-bottom: 0 !important;
}

.btn-add {
    z-index: 1;
    overflow: hidden;
    width: 47px;
    height: 47px;
    padding: 0;
    border-radius: 50%;
    background-color: #39c051;
    -webkit-transition: .3s;
    transition: .3s;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 47px;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    position: absolute;
    right: 15px;
    top: -23px;
}

.table {
    border: 1px solid #d9e7ed;
}

.btn-add:hover {
    color: #fff;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}

.c-btn {
    position: relative;
}

.m-50 {
    min-width: 50px;
}

.field-validation-error {
    font-size: 13px;
}

#nprogress {
    background: rgba(255,255,255,1);
    height: 100%;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 111;
}

.nprogress-busy {
    pointer-events: none;
}

#nprogress .spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
}

#nprogress .spinner-icon {
    width: 48px;
    height: 48px;
    border-top-color: #39c051;
    border-left-color: #39c051;
}

#nprogress .bar {
    background: #2571d7;
}

.p-1em {
    padding: 1em;
}

.p-10 {
    padding: 10px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-20 {
    padding: 20px;
}

.m-r-10 {
    margin-right: 10px;
}

.p-t-zeor {
    padding-top: 0;
}

.report_top h6 {
    margin: 0;
    color: #000;
    background: #F9F9F9;
    padding: 5px 10px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.3rem;
    font-weight: normal
}

.report_top {
    margin: 0 0 15px;
    border: 1px solid #ddd;
    position: relative;
    background: #fff;
}

    .report_top h2 {
        margin: 5px 0 10px;
        font-size: 1.7rem;
    }


.h-500 {
    height: 500px;
}

.h-450 {
    height: 450px;
}

.h-322 {
    height: 322px;
}

.h-150 {
    height: 150px;
}

.h-170 {
    height: 170px;
}

.h-250 {
    height: 250px;
}

.h-105 {
    height: 105px;
}

.h-115 {
    height: 115px;
}

.h-100p {
    height: 100%;
}

.h-364 {
    height: 364px;
}

.h-260 {
    height: 260px;
}

.h-185 {
    height: 185px;
}

.h-367 {
    height: 367px;
}

.h-315 {
    height: 315px;
}

.h-214 {
    height: 214px;
}

.h-130 {
    height: 130px;
}

.h-224 {
    height: 224px;
}

.h-233 {
    height: 233px;
}

.h-190 {
    height: 190px;
}

.h-200 {
    height: 200px;
}

.h-260 {
    height: 260px;
}

.h-208 {
    height: 208px;
}

.h-230 {
    height: 230px;
}

.h-401 {
    height: 401px;
}

.h-371 {
    height: 371px;
}

.h-432 {
    height: 432px;
}

.h-388 {
    height: 388px;
}

.h-401 {
    height: 401px;
}

.h-356 {
    height: 356px;
}

.each_analytics_section {
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border: 1px solid #ced4da;
    margin-bottom: 10px;
}

    .each_analytics_section h4 {
        padding: 10px 15px;
        font-size: 1.2rem;
        border-bottom: 1px solid #ced4da;
    }

.report_top h2 span, .power_per span {
    font-size: 13px;
    color: #7a7676;
}

.power_per {
    position: absolute;
    right: 10px;
    bottom: 15px;
}

.usage_month {
    border-right: none;
    margin: 0 0 15px;
    background: #f1f1f1;
    padding: 10px;
    border-left: 3px solid #ddd;
}

.no-border {
    border: none;
}

.p-l-r-10 {
    padding: 0 10px;
}

.efficiency_projects .usage_month {
    margin: 0 0 10px;
}

.custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
}

.custom-file-control:empty::after {
    content: "Choose file...";
}

.custom-file-control::before {
    content: "Browse";
}

.m-t-50 {
    margin-top: 50px;
}

.m-t-10 {
    margin-top: 10px;
}

.footer {
    font-size: 11px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 2rem 0 70px;
    left: 0;
}

.m-b-0 {
    margin-bottom: 0;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    font-size: 1rem;
    padding-left: 0;
    margin: 0;
    padding-right: 0;
    padding: 4px 0 7px;
}

.table thead th {
    border: none;
    background: #0076e4;
    color: #fff;
    font-weight: 500;
}

table.dataTable {
    width: 100% !important;
}

.table {
    color: #000;
}

    .table td, .table th {
        padding: .4rem .75rem;
    }


.c_single {
    background: #737373;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 24px;
    vertical-align: top;
    position: absolute;
    left: 13px;
}

.table td.circle_name {
    padding-left: 45px;
    position: relative;
}

.actions {
    white-space: nowrap;
}

    .actions > a {
        border-radius: 50%;
        width: 25px;
        height: 25px;
        display: inline-block;
        text-align: center;
        line-height: 25px;
        font-size: 14px;
    }

/*.actions > a {
        width: 25px;
        height: 25px;
        display: inline-block;
        text-align: center;
    }*/

.icon_blue {
    color: #007bff;
}

.icon_l_blue {
    color: #FF9800;
}

.icon_red {
    color: #dc3545;
}

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 {
    bottom: 0.3em;
}

.page-item.active .page-link {
    background-color: #737373;
    border-color: #737373;
}

.dataTables_wrapper {
    padding: 0;
}

.footer p {
    margin: 0;
}

.main_header {
    border-bottom: 1px solid #dadce0;
    background-color: #fff;
    padding: 5px 0;
    position: fixed;
    width: 100%;
    z-index: 1;
    top: 0;
    max-height: 46px;
}

.logo img {
    max-width: 150px;
}

.top_links, .top_links .dropdown-menu, .top_links .btn {
    font-size: 14px;
    color: #212529;
}

.menu-icon img {
    max-width: 29px;
    margin-left: 11px;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    background-color: #494fb5;
}

.menu-sub-count {
    position: absolute;
    left: 18px;
    bottom: 2px;
    font-size: 11px;
    font-weight: normal;
    padding: 0.1em .2em;
}

.top_links > a {
    padding-right: 5px;
    padding-left: 5px;
    color: #212529;
}

.left_nav {
    width: 50px;
    position: absolute;
    height: 100%;
    margin-top: -2px;
    border-right: 1px solid #dadce0;
}

.dropdown-item {
    color: #000;
}

.left_nav .dd_link {
    overflow: hidden;
    white-space: nowrap;
    padding-top: 15px;
    padding-bottom: 15px;
}

.left_nav:not(.active) .navbar-nav .dropdown-menu {
    top: -2px !important;
    left: 45px !important;
    transform: translate3d(5px, 0, 0px) !important;
}

.left_nav .navbar-nav .dropdown-menu {
    font-size: 0.9rem;
    padding: 0;
    border: none;
    background: #d9e7ed;
    border-radius: 0;
}

.left_nav .dropdown-item:focus, .left_nav .dropdown-item:hover {
    background: #007bff;
    color: #fff;
}

.left_nav .dropdown-item {
    padding-top: 5px;
    padding-bottom: 5px;
}

.left_nav.active .navbar-nav .dropdown-menu {
    position: relative !important;
    transform: translate3d(0, 0, 0px) !important;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    margin-top: 0;
}

.m_icon {
    width: 50px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}

.card-body {
    padding: 10px;
}

.page-link {
    color: #337ab7;
}

.m-t-m-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.left_nav .show > .nav-link {
    background: #d9e7ed;
}

.left_nav > .navbar-nav {
    margin-top: 53px;
    position: sticky;
    top: 51px;
    z-index: 111;
    background: #fff;
}

    .left_nav > .navbar-nav > .nav-item {
        margin-bottom: 10px;
    }

/* Modal window open Left & Right */
/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 30px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-radius: 0;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #d9e7ed;
}

.modal-body {
    max-height: 75vh;
    overflow-y: auto;
}

.modal-header .close {
    text-shadow: none;
    opacity: 1;
}

.modal-dialog {
    border: 1px solid #c8c8c8;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
}

.modal-footer {
    border-top: 1px solid #c8c8c8;
    padding: 0.5rem 1rem;
    background-color: white;
}

.label-small label {
    font-size: 13px;
    margin-bottom: 0;
}

.form-control {
    padding: .375rem .75rem;
    border: 1px solid #dadce0;
    border-radius: 0;
    padding: .3rem .3rem;
    height: calc(1.8rem + 2px)!important;
    font-size: 0.9rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
    line-height: 1.5;
}

.red-text {
    color: #F44336;
}

.user_image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #c8c8c8;
}

.btn-bs-file .fa {
    margin-top: -5px;
}

.btn-bs-file input[type="file"] {
    position: absolute;
    opacity: 0;
    width: 0px;
    height: 0px;
    cursor: inherit;
    outline: none;
}

.btn-bs-file {
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin: 0px;
    padding: 0px;
}

.p_absolute {
    position: absolute;
    bottom: 30px;
    margin-left: -20px;
}

.user-profile {
    min-height: 120px;
    position: relative;
}

.view-main {
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 0;
}

    .view-main label {
        margin: 0;
    }

.view_title {
    color: #737373;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(1.8rem + 6px);
}

.blue_box {
    background: #eaeaea;
    padding: 4px 10px 0;
}

.gray_bg1 {
    background-color: #eaeaea;
    margin: 0px 0px 0px 0px;
}

.white_bg1 {
    background-color: #fff;
    margin: 0px 0px 0px 0px;
}

.white_bg3 {
    margin: 0px 0px 0px 0px !important;
}

.btn-sm, .btn-group-sm > .btn {
    margin: 0px 26px 0px 0px;
}

.white_bg2 {
    background-color: #fff;
}

.box_border {
    border: 1px solid #c8c8c8;
}

.s_f_table {
    font-size: 14px;
}

    .s_f_table .actions > a {
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: inline-block;
        text-align: center;
        line-height: 20px;
    }

.dataTables_scrollHeadInner {
    background: #c7edfc;
}



.title {
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 21px;
}

table.dataTable {
    border-spacing: 0;
}

.m-b-10 {
    margin-bottom: 10px;
}

.no-margin {
    margin: 0;
}

.chart-avg-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.avg-title-count h2 {
    font-size: 0.9rem;
    margin: 0;
    line-height: normal;
}

.avg-count {
    font-size: 2rem;
}

.chart-item {
    background: #ddd;
    padding: 45px 0 10px;
}

@media (min-width: 992px) {
    .chart-avg-item {
        display: flex;
        flex-wrap: nowrap;
    }

    .chart-item {
        flex: 0 0 250px;
        max-width: 250px;
    }

    .chart-item-e {
        flex: 0 0 calc(100% - 250px);
        max-width: calc(100% - 250px);
    }

    .dp-min-width {
        min-width: 220px;
    }

    .upload-instructions-lg {
        min-width: 800px;
    }

    .modal-lg {
        min-width: 85%;
    }

    .dataTables_info {
        float: left;
    }
}

@media (min-width: 1200px) {
    #dvLatestRecord > .col-sm-2 {
        flex: 0 0 14.28571428571429%;
        max-width: 14.28571428571429%;
    }

    .row-five > .col-sm-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1300px) {
    .grid-five > .col-lg-3 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}



@media (max-width: 1100px) {
    .modal-lg.modal-dialog {
        max-width: 100%;
        width: 95%;
    }
}

@media (max-width: 767px) {
    .page-content-tab {
        padding: 0 0 60px 0;
        margin-top: 10px;
    }

    .leftbar-tab-menu .main-icon-menu .nav {
        margin-top: 50px;
    }
}

.rowStyle {
    width: 80Px;
}

#btnSync {
    margin-top: 19px;
}

span.multiselect-native-select {
    display: block;
}

.multiselect-native-select .btn-group {
    width: 100%;
}

.dropdown-toggle.multiselect {
    width: 100%;
    text-align: left;
    background: #fff;
    border: 1px solid #dadce0;
    padding-top: 6px;
    padding-bottom: 1px;
    line-height: 1.3;
    border-radius: 0;
    color: #000;
}

.multiselect-native-select .btn-group .caret {
    position: absolute;
    right: 6px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    font: normal normal normal 17px/1 "Material Design Icons";
}

.multiselect-native-select .caret:before {
    content: "\F140";
    vertical-align: baseline;
}

.k-treeview-lines {
    font-size: 13px;
}

.multiselect.dropdown-toggle::after {
    margin-top: 9px;
    float: right;
}

.k-treeview .k-checkbox-label {
    margin-top: 4px;
}

body .multiselect-container > li > a > label {
    padding: 3px 20px 3px 10px;
}

.multiselect-container > li > a > label > input[type=checkbox] {
    margin-bottom: 0;
    vertical-align: middle;
    opacity: 1;
}

.multiselect-selected-text {
    white-space: nowrap;
    display: inline-block;
    max-width: 92%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multiselect-container {
    width: 100%;
}

.title-border:after {
    content: "";
    background: #f27649;
    display: inline-block;
    width: 30px;
    position: absolute;
    border-radius: 3px;
    height: 3px;
    bottom: 10px;
}

.title-border {
    position: relative;
    padding-bottom: 1rem;
}

.text-gray {
    color: #9E9E9E;
}

.text-small {
    font-size: small;
}

.navbar-nav .nav-link {
    color: #000;
}

.c_links {
    background: #e9ecef;
    border-radius: 4px 4px 0 0;
    padding: 5px 5px 0;
    margin-bottom: 1rem;
}

    .c_links > a {
        color: #000;
        padding: 5px 15px;
        display: inline-block;
    }

        .c_links > a.active {
            background: #fff;
        }

        .c_links > a:hover {
            text-decoration: none;
            color: #007bff;
        }

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1);
        transform: scale3d(.1,.1,.1);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: .75s;
}

.p-zore-5 {
    padding-top: 0.5rem;
}

.select_floor {
    display: inline-block;
    width: 90px;
}

.select_floor_dp {
    display: inline-block;
    width: 57%;
}

.sub_title {
}

.filter_dropdown {
    min-width: 230px;
}

    .filter_dropdown label {
        margin: 0;
    }

.login_bg {
    background: url('../Images/login_bg.jpg') no-repeat center center;
    background-size: cover;
    min-height: 100vh
}

.login {
    max-width: 550px;
    margin: auto;
    min-height: calc(100vh - 30px);
}

.copyright {
    color: rgba(36,28,21,0.65);
    font-size: 11px;
}

.login label {
    margin-bottom: 0.1rem;
    font-size: 1.1rem;
}

.login .form-group {
    margin-bottom: 1.5rem;
    position: relative
}

.login h2 {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    margin-top: 1.5rem;
}

.tenat_code {
    position: absolute;
    top: 38px;
    right: 15px;
    z-index: 11;
    font-size: 13px;
}

.login_banner {
    color: #fff;
    max-width: 400px;
    margin: 14rem auto 0;
    font-size: 24px;
    line-height: normal;
}

    .login_banner h1 {
        font-size: 3rem;
    }

        .login_banner h1 span {
            display: block;
            background: #fff;
            height: 2px;
            max-width: 100px;
            margin: 5px auto 10px;
        }

.my_profile_main {
    display: inline-block;
    vertical-align: top;
}

.from_here {
    margin-bottom: 3rem;
}

.custom-control-indicator {
    background-color: #fff;
    border: 1px solid #7d7d7d;
}

.role_c_d {
    background: #f0f4f6;
}

#gateway_view .modal-lg {
    max-width: 1000px;
}

.premissions_sec .card {
    margin-bottom: 1rem;
}

.premissions_sec .card-header {
    border-bottom: none;
    padding: 0;
}

    .premissions_sec .card-header h5 a {
        display: block;
        padding: 0.75rem 1.25rem;
    }

        .premissions_sec .card-header h5 a:hover {
            text-decoration: none;
        }

        .premissions_sec .card-header h5 a[aria-expanded="true"]:after, .premissions_sec .card-header h5 a[aria-expanded="false"]:after {
            content: "\f078";
            position: absolute;
            right: 13px;
            color: #999;
            font: normal normal normal 14px/1 FontAwesome;
            top: 17px;
        }

        .premissions_sec .card-header h5 a[aria-expanded="false"]:after {
            content: "\f105";
            font-size: 25px;
            top: 13px;
        }

.m-b-1 {
    margin-bottom: 1rem;
}

.full_width {
    width: 100% !important;
}

.h-339 {
    height: 339px;
}

.h-290 {
    height: 290px;
}

.f-s-n {
    font-style: normal;
}

.p-r-10 {
    padding-right: 10px;
}

.foo {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.blue {
    background: #677BEA;
}

.red {
    background: #F63405;
}

.yellow {
    background: #F6E005;
}

.green {
    background: #24D101;
}

.heatmap_legend > div label:nth-child(2) {
    vertical-align: top;
    padding-top: 4px;
}

.heatmap_legend > div {
    float: left;
    width: 82px;
    font-size: 0.7rem;
}

#dvFilterLabelHM label {
    margin: 0;
}

.n-p-b {
    padding-bottom: 0
}

.devicecard {
    border: 1px solid #ddd;
    border-bottom-width: 4px;
    border-radius: 0.25rem;
    position: relative;
}

.device_main .active {
    color: #000;
}

.devicename {
    text-align: center;
    padding-bottom: 5px;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    background: #eaeaea;
    font-size: 1.2rem;
}

.devicecard h1 {
    text-align: center;
    font-size: 2.9rem;
    margin-bottom: 0;
}

    .devicecard h1 span {
        font-size: 1rem;
        color: #a3a3a3;
    }

.divice_hours {
    background: #677e93;
    border-radius: 0 0 0 15px;
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    right: 0px;
    position: absolute;
    top: 0;
    color: #fff;
}

    .divice_hours i {
        padding-right: 4px;
    }

.owl-nav > div:first-child {
    margin-right: 5px;
}

.owl-nav > div {
    display: inline-block;
    padding: 1px 10px;
    background: #fff;
    border: 1px solid #ddd;
    text-transform: capitalize;
    border-radius: 4px;
}

.owl-nav {
    text-align: right;
    margin-top: 6px;
}


.box_form {
    padding: 4px 10px 0;
}


.mdl-sheet {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    background: #ff5722;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 180ms;
    transition: all 180ms;
    box-shadow: 1px 1px 13px rgba(0,0,0,0.3);
}

    .mdl-sheet .mdl-sheet__content {
        display: none;
    }

.mdl-sheet__icon {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    -webkit-transform: translate(-9px, -12px);
    transform: translate(-9px, -12px);
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.mdl-sheet--opened {
    background: #fff;
    color: #263238;
    border-radius: 2px;
    min-width: 120px;
    height: auto;
    min-height: 50px;
    overflow-y: auto;
}

.mdl-list__item {
    padding: 15px 10px;
    border-bottom: 1px solid #eaeaea;
}

    .mdl-list__item a {
        display: block;
        color: #757575;
        text-decoration: none;
    }

    .mdl-list__item:hover {
        background-color: #eaeaea;
    }

.mdl-sheet--opened .mdl-sheet__icon {
    display: none;
}

.mdl-sheet--opened .mdl-sheet__content {
    display: block;
}

.itm_dt_cont {
    height: 250px;
}

.floor_filter {
    background: #eaeaea;
    border-bottom: 1px solid #ddd;
    padding: 0.5rem 0.7rem 0;
}

.floor_link {
    padding-top: 20px;
    margin-left: 4px;
    margin-right: 4px;
    padding-bottom: 10px;
}

.floor_main .btn-link {
    background: #fff;
    color: #000;
    font-size: 1rem;
}

    .floor_main .btn-link:hover {
        text-decoration: none;
    }

.floor_main {
    padding: 0 32px;
}

.owl-next, .owl-prev {
    position: absolute;
    right: 0;
    top: 26px;
}

.owl-prev {
    right: initial;
    left: 0;
}

.filter_fixed {
    position: fixed;
    top: 0;
    z-index: 10;
    max-width: 1200px;
}

.multiple_add {
    background: #f3f3f3;
    padding: 0.5rem 0.8rem 0.3rem;
    border: 1px solid #ced4da;
}

    .multiple_add .form-group > label {
        color: rgb(23, 104, 213);
    }

.m-b-15 {
    margin-bottom: 15px;
}

.report_link, .report_link:active {
    background: #ff1f35;
    background: -webkit-linear-gradient(bottom left, #ff1f35, #ff4053 35%, #c99701) !important;
    background: linear-gradient(to top right, #ff1f35, #ff4053 35%, #c99701) !important;
}

    .report_link:hover {
        text-decoration: none;
    }

.report_icon {
    border: 1px solid #b7bfc6;
    display: block;
    width: 55px;
    height: 55px;
    margin: 0 auto 2px;
    border-radius: 50%;
    padding-top: 6px;
    text-align: center;
}



.loader {
    border: 6px solid #fff;
    border-radius: 50%;
    border-top: 6px solid #3498db;
    width: 40px;
    height: 40px;
    margin: 25% auto 0;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.loading_main {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    top: 0;
    z-index: 100000;
    text-align: center;
    left: 0;
    padding-top: 15%;
}

.preloader {
    max-width: 120px;
}

.matric_wrap {
    border-right: 1px dashed #ddd;
}

.matric-item {
    padding: 10px 10px 5px;
    margin-bottom: 20px;
    border-radius: 6px;
    border: 1px solid #ddd;
    border-top: 3px solid #7680ff;
}

.report_main_link {
    position: absolute;
    left: 70px;
}
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

ul.multiselect-container {
    max-height: 250px;
    overflow-y: auto;
    overflow-x:hidden
}

.box_mail {
    border: 1px solid #ced8dc;
    border-radius: 2px;
    margin-bottom: 15px;
    background: #fff;
}

    .box_mail p {
        margin-bottom: 0;
    }

.box_description {
    padding: 8px 10px;
    background: url('../Images/sensornode_active.png') no-repeat center center;
    width: 175px;
    height: 82px;
    margin: 10px auto;
    padding-left: 36px;
}

.sensor_node_inactive .box_description {
    background: url('../Images/sensornode_inactive.png') no-repeat center center;
}

.box_title {
    padding: 3px 10px;
    border-bottom: 1px solid #ced8dc;
    background: #fff;
    font-size: 15px;
    position: relative;
    color: #0065d0;
}

.box_mail span.voltage_count {
    padding-left: 5px;
    font-weight: bold;
}

.time {
    margin-bottom: 5px !important;
}

.box_title:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #5b9d61;
    position: absolute;
    right: 6px;
    top: 10px;
    border-radius: 50%;
}

.sensor_node_inactive .box_title:after {
    background: #ff0000;
}

.voltage_main {
    font-size: 23px;
    line-height: normal;
}

.sensor_node_active .voltage_count {
    color: #5b9d61;
}

.sensor_node_inactive .voltage_count {
    color: #ff0000;
}

.time {
    line-height: normal;
    font-size: 12px;
}

.input-group-addon:not(:last-child) {
    border-right: 0;
    border-radius: 0;
}

.input-group-addon {
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.input-group-addon, .input-group-btn {
    white-space: nowrap;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.max-280 {
    max-width: 280px;
    margin: auto;
}

.btn_action {
    padding-top: 0;
}

.heat_map_list {
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
}

    .heat_map_list label {
        background: #f1f1f1;
        padding: 2px 7px;
        border-radius: 3px;
        margin-right: 5px;
    }

.heat_legend {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
}

.as_main .card {
    border-radius: 4px;
    margin-bottom: 1rem;
}

.card-image {
    position: relative;
    padding: 1rem;
    text-align: center;
    border-bottom: 1px dashed #ddd;
}

.as_image img {
    max-width: 70%;
}

.as_main h3 {
    font-size: 1.3rem;
}

.saved_price {
    position: absolute;
    top: 20px;
    right: 18px;
    background: #edeeef;
    border-radius: 3px;
    margin: 0;
    text-align: center;
    font-size: 0.9rem;
}

.savings-heading, .ruppe-tag, .kw-tag {
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 2px 5px;
}

.kw-tag {
    border: none !important;
}

.ruppe-tag, .kw-tag {
    display: block;
    font-size: 1.5rem;
    line-height: normal;
    color: green;
}

.total_savings_label {
    color: green;
    font-size: 2rem;
    line-height: normal;
    vertical-align: middle;
    display: inline-block;
    border-right: 1px solid #d2d1d1;
    padding-right: 15px;
    margin-right: 10px;
}

    .total_savings_label:before {
        font-size: 26px;
        padding-left: 15px;
        padding-right: 5px;
    }

.total_savings .total_savings_kw_label {
    border: none;
    margin: 0;
    padding: 0;
}

.as_date, .ac_location, .ac_building {
    color: #827575;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.total_savings_kw_label span {
    color: #212529;
    font-size: 20px;
}

.ac_color_repeat .col-md-4:nth-of-type(6n+1) .card-image {
    background: #fa6b45;
}

.ac_color_repeat .col-md-4:nth-of-type(6n+2) .card-image {
    background: #bf66c4;
}

.ac_color_repeat .col-md-4:nth-of-type(6n+3) .card-image {
    background: #f1b434;
}

.ac_color_repeat .col-md-4:nth-of-type(6n+4) .card-image {
    background: #00c6d8;
}

.ac_color_repeat .col-md-4:nth-of-type(6n+5) .card-image {
    background: #152365;
}

.ac_color_repeat .col-md-4:nth-of-type(6n+6) .card-image {
    background: #35474e;
}

.ruppe-tag:before, .total_savings_label:before {
    content: '₹​';
    color: #212529;
}

.total_savings_kw_label:before {
    content: "";
    padding: 0;
}

.ruppe-tag:before {
    font-size: 22px;
    padding-right: 5px;
}

.kw-label {
    color: #212529;
    font-size: 16px;
}

.total_savings {
    line-height: normal;
    position: relative;
    padding-right: 80px;
}

    .total_savings:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        background: url('../Images/money_save.png') no-repeat center center;
        width: 64px;
        height: 64px;
    }

.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}

    .btn-toggle:focus,
    .btn-toggle.focus,
    .btn-toggle:focus.active,
    .btn-toggle.focus.active {
        outline: none;
    }

    .btn-toggle:before,
    .btn-toggle:after {
        line-height: 1.5rem;
        width: 4rem;
        text-align: center;
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity .25s;
    }

    .btn-toggle:before {
        content: 'Off';
        left: -4rem;
    }

    .btn-toggle:after {
        content: 'On';
        right: -4rem;
        opacity: .5;
    }

    .btn-toggle > .handle {
        position: absolute;
        top: 0.1875rem;
        left: 0.1875rem;
        width: 1.125rem;
        height: 1.125rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: left .25s;
    }

    .btn-toggle.active {
        transition: background-color 0.25s;
    }

        .btn-toggle.active > .handle {
            left: 1.6875rem;
            transition: left .25s;
        }

        .btn-toggle.active:before {
            opacity: .5;
        }

        .btn-toggle.active:after {
            opacity: 1;
        }

    .btn-toggle.btn-sm:before,
    .btn-toggle.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: .75px;
        left: 0.4125rem;
        width: 2.325rem;
    }

    .btn-toggle.btn-sm:before {
        text-align: right;
    }

    .btn-toggle.btn-sm:after {
        text-align: left;
        opacity: 0;
    }

    .btn-toggle.btn-sm.active:before {
        opacity: 0;
    }

    .btn-toggle.btn-sm.active:after {
        opacity: 1;
    }

    .btn-toggle.btn-xs:before,
    .btn-toggle.btn-xs:after {
        display: none;
    }

    .btn-toggle:before,
    .btn-toggle:after {
        color: #6b7381;
    }

    .btn-toggle.active {
        background-color: #29b5a8;
    }

    .btn-toggle.btn-lg {
        margin: 0 5rem;
        padding: 0;
        position: relative;
        border: none;
        height: 2.5rem;
        width: 5rem;
        border-radius: 2.5rem;
    }

        .btn-toggle.btn-lg:focus,
        .btn-toggle.btn-lg.focus,
        .btn-toggle.btn-lg:focus.active,
        .btn-toggle.btn-lg.focus.active {
            outline: none;
        }

        .btn-toggle.btn-lg:before,
        .btn-toggle.btn-lg:after {
            line-height: 2.5rem;
            width: 5rem;
            text-align: center;
            font-weight: 600;
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity .25s;
        }

        .btn-toggle.btn-lg:before {
            content: 'Off';
            left: -5rem;
        }

        .btn-toggle.btn-lg:after {
            content: 'On';
            right: -5rem;
            opacity: .5;
        }

        .btn-toggle.btn-lg > .handle {
            position: absolute;
            top: 0.3125rem;
            left: 0.3125rem;
            width: 1.875rem;
            height: 1.875rem;
            border-radius: 1.875rem;
            background: #fff;
            transition: left .25s;
        }

        .btn-toggle.btn-lg.active {
            transition: background-color 0.25s;
        }

            .btn-toggle.btn-lg.active > .handle {
                left: 2.8125rem;
                transition: left .25s;
            }

            .btn-toggle.btn-lg.active:before {
                opacity: .5;
            }

            .btn-toggle.btn-lg.active:after {
                opacity: 1;
            }

        .btn-toggle.btn-lg.btn-sm:before,
        .btn-toggle.btn-lg.btn-sm:after {
            line-height: 0.5rem;
            color: #fff;
            letter-spacing: .75px;
            left: 0.6875rem;
            width: 3.875rem;
        }

        .btn-toggle.btn-lg.btn-sm:before {
            text-align: right;
        }

        .btn-toggle.btn-lg.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .btn-toggle.btn-lg.btn-sm.active:before {
            opacity: 0;
        }

        .btn-toggle.btn-lg.btn-sm.active:after {
            opacity: 1;
        }

        .btn-toggle.btn-lg.btn-xs:before,
        .btn-toggle.btn-lg.btn-xs:after {
            display: none;
        }

    .btn-toggle.btn-sm {
        margin: 0 0.5rem;
        padding: 0;
        position: relative;
        border: none;
        height: 1.5rem;
        width: 3rem;
        border-radius: 1.5rem;
    }

        .btn-toggle.btn-sm:focus,
        .btn-toggle.btn-sm.focus,
        .btn-toggle.btn-sm:focus.active,
        .btn-toggle.btn-sm.focus.active {
            outline: none;
        }

        .btn-toggle.btn-sm:before,
        .btn-toggle.btn-sm:after {
            line-height: 1.5rem;
            width: 0.5rem;
            text-align: center;
            font-weight: 600;
            font-size: 0.55rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity .25s;
        }

        .btn-toggle.btn-sm:before {
            content: 'Off';
            left: -0.5rem;
        }

        .btn-toggle.btn-sm:after {
            content: 'On';
            right: -0.5rem;
            opacity: .5;
        }

        .btn-toggle.btn-sm > .handle {
            position: absolute;
            top: 0.1875rem;
            left: 0.1875rem;
            width: 1.125rem;
            height: 1.125rem;
            border-radius: 1.125rem;
            background: #fff;
            transition: left .25s;
        }

        .btn-toggle.btn-sm.active {
            transition: background-color 0.25s;
        }

            .btn-toggle.btn-sm.active > .handle {
                left: 1.6875rem;
                transition: left .25s;
            }

            .btn-toggle.btn-sm.active:before {
                opacity: .5;
            }

            .btn-toggle.btn-sm.active:after {
                opacity: 1;
            }

        .btn-toggle.btn-sm.btn-sm:before,
        .btn-toggle.btn-sm.btn-sm:after {
            line-height: -0.5rem;
            color: #fff;
            letter-spacing: .75px;
            left: 0.4125rem;
            width: 2.325rem;
        }

        .btn-toggle.btn-sm.btn-sm:before {
            text-align: right;
        }

        .btn-toggle.btn-sm.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .btn-toggle.btn-sm.btn-sm.active:before {
            opacity: 0;
        }

        .btn-toggle.btn-sm.btn-sm.active:after {
            opacity: 1;
        }

        .btn-toggle.btn-sm.btn-xs:before,
        .btn-toggle.btn-sm.btn-xs:after {
            display: none;
        }

    .btn-toggle.btn-xs {
        margin: 0 0;
        padding: 0;
        position: relative;
        border: none;
        height: 1rem;
        width: 2rem;
        border-radius: 1rem;
    }

        .btn-toggle.btn-xs:focus,
        .btn-toggle.btn-xs.focus,
        .btn-toggle.btn-xs:focus.active,
        .btn-toggle.btn-xs.focus.active {
            outline: none;
        }

        .btn-toggle.btn-xs:before,
        .btn-toggle.btn-xs:after {
            line-height: 1rem;
            width: 0;
            text-align: center;
            font-weight: 600;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            position: absolute;
            bottom: 0;
            transition: opacity .25s;
        }

        .btn-toggle.btn-xs:before {
            content: 'Off';
            left: 0;
        }

        .btn-toggle.btn-xs:after {
            content: 'On';
            right: 0;
            opacity: .5;
        }

        .btn-toggle.btn-xs > .handle {
            position: absolute;
            top: 0.125rem;
            left: 0.125rem;
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 0.75rem;
            background: #fff;
            transition: left .25s;
        }

        .btn-toggle.btn-xs.active {
            transition: background-color 0.25s;
        }

            .btn-toggle.btn-xs.active > .handle {
                left: 1.125rem;
                transition: left .25s;
            }

            .btn-toggle.btn-xs.active:before {
                opacity: .5;
            }

            .btn-toggle.btn-xs.active:after {
                opacity: 1;
            }

        .btn-toggle.btn-xs.btn-sm:before,
        .btn-toggle.btn-xs.btn-sm:after {
            line-height: -1rem;
            color: #fff;
            letter-spacing: .75px;
            left: 0.275rem;
            width: 1.55rem;
        }

        .btn-toggle.btn-xs.btn-sm:before {
            text-align: right;
        }

        .btn-toggle.btn-xs.btn-sm:after {
            text-align: left;
            opacity: 0;
        }

        .btn-toggle.btn-xs.btn-sm.active:before {
            opacity: 0;
        }

        .btn-toggle.btn-xs.btn-sm.active:after {
            opacity: 1;
        }

        .btn-toggle.btn-xs.btn-xs:before,
        .btn-toggle.btn-xs.btn-xs:after {
            display: none;
        }

    .btn-toggle.btn-secondary {
        color: #6b7381;
        background: #bdc1c8;
    }

        .btn-toggle.btn-secondary:before,
        .btn-toggle.btn-secondary:after {
            color: #6b7381;
        }

        .btn-toggle.btn-secondary.active {
            background-color: #ff8300;
        }

.status_swich {
    min-width: 83px;
}

    .status_swich.btn-sm.btn-sm:before, .status_swich.btn-sm.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: .75px;
        left: 1.7rem;
        width: 2.325rem;
    }

    .status_swich.btn-sm > .handle {
        left: 0.3rem;
    }

    .status_swich.btn-sm.btn-sm:before, .status_swich.btn-sm.btn-sm:after {
        line-height: -0.5rem;
        color: #fff;
        letter-spacing: .75px;
        left: 1.7rem;
        width: 2.325rem;
    }

    .status_swich.btn-sm:before {
        content: 'Inactive';
        left: -0.5rem;
    }

    .status_swich.btn-sm:after {
        content: 'Active';
    }

    .status_swich.btn-sm.active > .handle {
        left: 0.3rem;
        transition: left .25s;
    }

.em-card {
    background: #fff;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    padding: 5px 0 1px;
    margin-bottom: 10px;
    border-radius: 15px 0 15px 0;
}

.em-title {
    font-size: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.07);
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.em-count {
    font-size: 20px;
}



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 7.2px;
    padding-left: 7.2px;
}

.filter-label {
    font-size: 0.9rem;
}

    .filter-label span {
        background: #c7edfc;
        padding: 0 15px;
        border-radius: 20px;
        align-items: center;
        position: absolute;
        top: -13px;
    }

body .k-grid .k-grid-header th, body .k-grid-header {
    background: #0076e4;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

    body .k-grid-header .k-header > .k-link, body .k-header, body .k-treemap-title {
        color: #fff;
    }

body .k-block, body .k-content, body .k-dropdown .k-input, body .k-popup, body .k-toolbar, body .k-widget {
    color: #000;
}

body .k-alt, body .k-pivot-layout > tbody > tr:first-child > td:first-child, body .k-resource.k-alt, body .k-separator {
    background-color: #fff;
}

body .k-grid td {
    border-width: 0 0 1px 1px;
}

body .k-grid .k-header {
    background: #fff;
}

body .k-autocomplete, body .k-block, body .k-button-group .k-tool, body .k-calendar th, body .k-colorpicker .k-i-arrow-s, body .k-content, body .k-dropdown-wrap, body .k-dropzone-active, body .k-editable-area, body .k-editor-dialog .k-tabstrip-items, body .k-filter-row > th, body .k-footer-template td, body .k-grid td, body .k-grid td.k-state-selected, body .k-grid-content-locked, body .k-grid-footer, body .k-grid-footer-locked, body .k-grid-footer-wrap, body .k-grid-header, body .k-grid-header-locked, body .k-grid-header-wrap, body .k-group, body .k-group-footer td, body .k-grouping-header, body .k-grouping-header .k-group-indicator, body .k-header, body .k-input, body .k-pager-refresh, body .k-pager-wrap, body .k-pager-wrap .k-link, body .k-panel > .k-item > .k-link, body .k-panelbar .k-content, body .k-panelbar .k-panel, body .k-panelbar > .k-item > .k-link, body .k-popup.k-align .k-list .k-item:last-child, body .k-separator, body .k-slider-track, body .k-splitbar, body .k-state-default, body .k-state-default .k-select, body .k-state-disabled, body .k-textbox, body .k-textbox > input, body .k-tiles, body .k-toolbar, body .k-tooltip, body .k-treemap-tile, body .k-upload-files, body .k-widget {
    border-color: #ddd;
}

.k-grid-toolbar {
    text-align: right;
}

    .k-grid-toolbar .k-button {
        vertical-align: middle;
        border-radius: 0;
        background: #fff;
        border: 1px solid #007bff;
        color: #007bff;
        font-size: 0.8rem;
    }
/*#dvLatestRecord > .col-sm-2:nth-child(1) .em-card, #dvLatestRecord > .col-sm-2:nth-child(2) .em-card, #dvLatestRecord > .col-sm-2:nth-child(3) .em-card, #dvLatestRecord > .col-sm-2:nth-child(4) .em-card {
    background: #c7edfc;
}
#dvLatestRecord > .col-sm-2:nth-child(5) .em-card, #dvLatestRecord > .col-sm-2:nth-child(6) .em-card, #dvLatestRecord > .col-sm-2:nth-child(7) .em-card, #dvLatestRecord > .col-sm-2:nth-child(8) .em-card {
    background: #e4f5e5;
}
#dvLatestRecord > .col-sm-2:nth-child(9) .em-card, #dvLatestRecord > .col-sm-2:nth-child(10) .em-card, #dvLatestRecord > .col-sm-2:nth-child(11) .em-card {
    background: #fde8e8;
}
#dvLatestRecord > .col-sm-2:nth-child(12) .em-card, #dvLatestRecord > .col-sm-2:nth-child(13) .em-card, #dvLatestRecord > .col-sm-2:nth-child(14) .em-card {
    background: #ffe9f6;
}
#dvLatestRecord > .col-sm-2:nth-child(15) .em-card {
    background: #effaff;
}
#dvLatestRecord > .col-sm-2:nth-child(16) .em-card {
    background: #ffeeb9;
}*/
.em-card-1 {
    background: #c7edfc;
}

.em-card-2 {
    background: #e4f5e5;
}

.em-card-3 {
    background: #fde8e8;
}

.em-card-4 {
    background: #ffe9f6;
}

.em-card-5 {
    background: #b9fff6;
}

.em-card-6 {
    background: #ffeeb9;
}

.em-card-7 {
    background: #f1f1f1;
}

.em-card-8 {
    background: #effaff;
}

.em-card-9 {
    background: #effaff;
}

.email-config {
    background: url('../Images/email-bg.png') no-repeat right top;
    background-size: 79%;
    min-height: 93vh;
}

#ddlhours, #ddlmins {
    max-width: 50px;
    display: inline-block;
    margin-right: 10px;
}

#ddlhoursData, #ddlminsData {
    max-width: 50px;
    display: inline-block;
    margin-right: 10px;
}

.email-card {
    background: rgba(255,255,255,0.9);
}

.label-info {
    background-color: #ddd;
    font-size: 13px;
    border-radius: 3px;
    color: #000 !important;
    padding: 2px 5px 3px;
}

.toggle.btn {
    min-width: 135px;
    min-height: 32px;
    border: 1px solid #a2aeaf;
}

#btnAdd {
    padding: .3rem .75rem;
    font-size: 12px;
}

.ui-timepicker-standard a {
    text-align: left;
    font-size: 13px;
}

.ui-widget.ui-widget-content {
    border: none;
    padding: 0;
}

.ui-timepicker-standard .ui-state-hover {
    background-color: #ddd;
    color: #212121;
}

body .bootstrap-tagsinput {
    max-width: 500px;
    min-width: 500px;
}

.email-config h5 {
    font-size: 16px;
    margin-top: 10px !important;
}

.border-box {
    border-top: 1px dashed #ddd;
    margin-top: 8px;
}

.monthly-report {
    background: url(../Images/calender.png) no-repeat;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    padding-top: 5px;
}

.month-name {
    color: #fff;
    font-size: 15px;
    line-height: normal;
    margin: 0;
}

.month-count {
    margin: 4px 0 0;
    font-size: 23px;
    line-height: normal;
}

h2.branch-name {
    margin: 0;
    font-size: 1.2rem;
}

.annual-count {
    font-size: 25px;
    vertical-align: middle;
    line-height: normal;
    padding-left: 5px;
    font-weight: bold;
}

.annual-label {
    padding-top: 5px;
    display: inline-block;
    vertical-align: top;
}

.monthly-header {
    background: #c7edfc;
    padding-left: 10px;
    padding-right: 10px;
}

.border-none {
    border: none !important;
}

.info-member th {
    font-weight: 600;
}

.ui-timepicker-standard {
    z-index: 11111 !important;
}

.card-btn {
    background: white;
    color: #545454;
    box-shadow: 0 1px 3px 0 rgba(74,74,74,0.3);
    border-radius: 6px;
    vertical-align: middle;
    min-height: 150px;
    cursor: pointer;
    border: none;
    padding: 10px 0;
}

    .card-btn:hover {
        box-shadow: 0 2px 8px 0 rgba(74,74,74,0.3);
    }

.svg-icon {
    text-align: center;
    margin-bottom: 5px;
}

    .svg-icon img {
        max-width: 65px;
    }

.dt-buttons {
    float: left;
    width: 50%;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    width: 50%;
    float: right;
}

.dt-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
    cursor: pointer;
}

    .dt-button:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .dt-button:focus {
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.5);
        outline: 0;
    }

.btn-m-m-7 {
    margin-top: -7px;
    float: right;
}

.instructions-list {
    margin: 0 0 0 40px;
    padding: 0 0 0 40px;
    list-style-type: none;
    border-left: 1px solid #c8c8c8;
    counter-reset: instructions-sec-counter;
    font-size: 0.8rem;
}

    .instructions-list > li {
        margin-top: 0.7rem;
    }

        .instructions-list > li:before {
            counter-increment: instructions-sec-counter;
            content: counter(instructions-sec-counter);
            width: 30px;
            height: 30px;
            background: #fff;
            position: absolute;
            left: 42px;
            border-radius: 50%;
            color: #007bff;
            text-align: center;
            line-height: 26px;
            border: 1px solid #007bff;
        }

.k-grid td.k-state-selected, .k-grid th.k-state-selected, .k-grid tr.k-state-selected {
    background-color: rgba(0,123,255,.25) !important;
}

.energy-meter-main {
    text-align: center;
    padding: 10px 0 1px;
    border-radius: 15px;
    border: 10px solid #dbdfe0;
    background: #fff;
}

.border-meter {
    background: #c3c8c9;
    padding: 10px;
    border-radius: 20px;
}

.energy-card-each {
    margin-bottom: 45px;
}

.energy-meter-main a {
    color: #000;
}

    .energy-meter-main a:hover {
        text-decoration: none;
    }

.em-name {
    margin-bottom: 0;
}

.reading-number {
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
}

    .reading-number span {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        font-size: 15px;
    }

.meter-active {
    margin-bottom: 10px;
}

.meter-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 1px;
    background: #f61945;
    vertical-align: middle;
    border-radius: 50%;
    margin-top: -1px;
}

.energy-card-click .meter-icon {
    background: #6ed987;
    animation: blinker 0.6s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.energy-card-each:after {
    position: relative;
    content: "";
    max-width: 50%;
    height: 30px;
    display: block;
    background: #425b68;
    border-radius: 0 0 10px 10px;
    margin: auto;
}

.energy-card-click .reading-number {
    background: #6ed987;
}
/*.border-meter-active {
    background: #78c178;
}
.energy-card-click {
    border-color: #98d898;
}*/

.indicators {
    margin: 10px 10px 20px;
}

.greenbar {
    background: #346600;
}

.yellowbar {
    background: #ffb200;
}

.redbar {
    background: #cb3a02;
}

.em-name {
    border-bottom: 1px solid #dbdfe0;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
}

.progress-min-height, .progress-min-height .progress-bar {
    min-height: 20px;
}

.no-table-border td {
    border-top: none;
}

.outside-border {
    border: 1px solid #ddd;
}

.number-of-hours > label, .number-of-hours-l > label {
    margin: 0;
    font-size: 1.5rem;
    color: #007bff;
    cursor: pointer;
}

.cell-link-main a {
    color: #000;
}

    .cell-link-main a:hover {
        color: #000;
        text-decoration: none;
    }

.cell-link-main p {
    margin: 0;
    line-height: normal;
}

.cell-link-main > a {
    display: block;
    margin: 10px 0 0;
    background: rgba(132, 124, 124, 0.15);
    padding: 10px;
    border-radius: 5px;
}

.cell-link-main .cell-heading {
    margin: -9px -9px 0;
    padding: 5px 10px;
    background: #6d96b1;
    color: #fff;
    font-size: 1.3rem;
}

.fnt-13 {
    font-size: 13px;
}

.c-chart-title {
    min-width: 70px;
    display: inline-block;
}

.number-of-hours {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100;
    margin: auto;
    padding-right: 20px;
    padding-top: 2px;
    color: #fff;
}

a[title="JavaScript charts"] {
    display: none !important;
}

@keyframes blinker {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.smartcool-main {
    max-width: 900px;
    margin: auto;
}

    .smartcool-main .progress {
        height: auto;
        background: none;
        border-radius: 0;
        overflow: initial;
    }

.count-prec {
    font-size: 42px;
    line-height: normal;
    margin: 0;
}

    .count-prec small {
        font-size: 20px;
    }

.smartcool-main .progress-bar {
    padding: 0 15px;
}

.progress-head {
    font-size: 1rem;
    margin: 0 0 10px;
    font-weight: 500;
}

.smart-total-save {
    font-size: 38px;
    margin: 0;
}

.smart-save-main {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .14), 0 0 10px -1px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    margin-top: -21px;
    flex: 0 0 140px;
    max-width: 140px;
    padding-top: 5px;
    z-index: 1;
    min-height: 130px;
    border-radius: 6px;
    background: radial-gradient(circle farthest-side, #fff, #e7e7e7);
}

.smart-total-save > span {
    position: absolute;
    bottom: -25px;
    font-size: 11px;
    left: 30px;
}

.green-text i, .green-text {
    color: #4caf50;
}

/*.red-text i, .red-text {
    color: #04c;
}*/

.smart-total-save i {
    font-size: 38px;
    margin-left: 5px;
}

body .smartcool-main .bg-warning {
    background-color: #f5c5d2 !important;
    border-radius: 10px 0 0 10px !important;
}

.smartcool-main .progress-bar {
    background-color: #a3cadf;
    color: #000;
    border-radius: 0 10px 10px 0;
}

.savings-text {
    margin: 0;
}

.fnt-20 {
    font-size: 20px;
}

.bg-without-smart {
    background: #ffe4eb !important;
}

.bg-with-smart {
    background: #c0e5f8 !important;
}

.bg-white {
    background: #fff !important;
}

.power-text {
    text-align: right;
    font-size: 18px;
    color: #007bff;
}

.tem_hum_current {
    padding: 0 10px 10px;
    margin: 20px auto 0;
    max-width: 90%;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
}

.current_tem_hum {
    font-size: 4rem;
    line-height: normal;
    font-weight: bold;
}

.live_box_animation {
    height: 3px;
    width: 280px;
    background-color: green;
    animation: live_animation 5s linear infinite alternate;
    position: absolute;
    bottom: 4px;
    left: 0;
}

.tem_hum_icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

.th_room {
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.11), 0 5px 15px 0 rgba(0,0,0,.08);
    margin-bottom: 1rem;
}

    .th_room p {
        margin: 0;
    }

    .th_room h3 {
        margin: 0;
        font-size: 1rem;
        font-weight: bold;
        background: #f1f3f4;
        padding: 0.5rem 1rem;
    }

.th_date {
    text-align: center;
    padding: 0 0 5px;
}

.th_border_count {
    border: 1px solid #f1f3f4;
    padding: 0 10px 10px;
    text-align: center;
}

.th_count {
    font-size: 3rem;
    line-height: normal;
    font-weight: bold;
}

.th_date .fa-clock {
    color: #b9b9b9;
    padding-right: 5px;
}

.t_h_small {
    margin-left: 10px;
}

    .t_h_small img {
        max-height: 33px;
        line-height: normal;
    }

.th_head {
    font-weight: bold;
    line-height: normal;
}

.btn-success.toggle-on {
    border-color: #28a745;
    background: #28a745;
    color: #fff;
}

.left_nav:not(.active) .dropdown-toggle::after {
    display: none;
}

.left_nav:not(.active) .menu-label {
    display: none;
}

.top-menu svg {
    max-width: 24px;
    max-height: 24px;
    margin-right: 10px;
}

.top-menu:hover {
    text-decoration: none;
}

.temperature_head {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 10px !important;
}

.left_nav.active {
    width: 200px;
}

.page-wrapper.active {
    padding-left: 220px;
}

.left_nav.active .menu-icon img {
    max-width: 23px;
    margin-right: 10px;
}

.top-toolbar {
    border-bottom: 1px solid #d9e7ed;
    margin: 0 -20px 1rem;
    padding: 0.2rem 20px;
    position: sticky;
    top: 46px;
    background: #fff;
    z-index: 11;
}

.left_nav .dropdown-toggle::after {
    border: none;
    position: absolute;
    right: 13px;
    content: "\f053";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 12px;
    top: 14px;
    color: #8f9bb3;
}

.left_nav .dropdown.show .dropdown-toggle::after {
    border: none;
    transform: rotate(-90deg);
}

.top-icons {
    padding-left: 50px;
}

.top-img {
    position: absolute;
    left: 0;
    top: 0.4rem;
    max-width: 40px;
}

.savings-icon {
    max-width: 55px;
    position: absolute;
    right: 15px;
    top: -5px;
}

.count-s {
    font-size: 1.5rem;
    line-height: 1;
}

.price-c-i {
    font-size: 1.5rem;
    color: #CDDC39;
    line-height: 1;
}

.text-green {
    color: #4CAF50;
}

.rupee-icon:before {
    content: '\20B9';
    padding-right: 5px;
    font-weight: normal;
}

.days-count {
    position: absolute;
    left: 16px;
    top: 1.1rem;
    background: #607D8B;
    text-align: center;
    border-radius: 15px 0 15px 0;
    color: #fff;
    padding: 0.3rem;
    line-height: normal;
    font-size: 1.2rem;
    min-width: 42px;
}

.days-label {
    display: block;
    font-size: 0.8rem;
}

.days-main {
    padding-left: 55px;
}

.light-purple-card {
    background: #f7f2ff;
}

.yellow-card {
    background: #fff6e8;
}

.light-green-card {
    background: #eef9f7;
}

.light-gray-card {
    background: #efefef;
}

.card-title {
    margin-bottom: 0;
    font-size: .8125rem;
}

.swal2-icon.swal2-warning {
    font-size: 40px;
    line-height: 53px;
}

.swal2-icon {
    width: 50px;
    height: 50px;
    margin: 10px auto 10px;
}

.swal2-buttonswrapper .btn {
    margin: 0 5px;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    width: 17px;
    top: 23px;
}

.chip-link-main > a {
    border: 1px solid #ddd;
    color: #000;
    padding: 5px 15px;
    font-size: 0.85rem;
    vertical-align: middle;
}

    .chip-link-main > a:first-child {
        border-radius: 15px 0 0 15px;
    }

    .chip-link-main > a:last-child {
        border-radius: 0 15px 15px 0;
    }

    .chip-link-main > a.active, .btn-custom.active {
        background: #daebff;
        font-weight: bold;
    }

.zone-count {
    font-size: 2rem;
    vertical-align: baseline;
    line-height: normal;
}

.l_links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .l_links > li > a {
        border: 1px solid #d9e7ed;
        display: block;
        padding: 10px;
        color: #000;
    }

        .l_links > li > a.active {
            background: #daebff;
        }

    .l_links > li:not(:last-child) > a {
        border-bottom: none;
    }

.max-height-left-menu {
    max-height: 181px;
    overflow-y: auto;
}

.height-150 {
    height: 150px;
}

.height-223 {
    height: 223px;
}

.height-221 {
    height: 221px;
}

.height-241 {
    height: 241px;
}

.btn-custom {
    border: 1px solid #ddd;
    color: #000;
    padding: 3px 15px;
    font-size: 0.85rem;
    margin-left: -4px;
    border-radius: 0 15px 15px 0;
}

.chart-no-record {
    max-width: 50px;
    vertical-align: middle;
    margin-right: 5px;
}

.custom-select {
    height: calc(1.2em + 0.75rem + 0px);
    padding: 0.2rem 1.75rem 0.2rem 0.75rem;
    font-size: 0.875rem;
}

.alert-success {
    color: #fff;
    background-color: #31a745;
    border-color: #31a745;
}

.alert-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.alert-secondary {
    color: #fff;
    background-color: #00BCD4;
    border-color: #00BCD4;
}

.alert .close {
    opacity: 1;
    cursor: pointer;
}

.alert {
    padding-left: 60px;
}

.alert-icon {
    max-width: 30px;
    position: absolute;
    left: 17px;
    top: 10px;
}

.alert-close {
    max-width: 18px;
}

.power-icon:before {
    content: '\f0e7';
    padding-right: 5px;
    font-weight: normal;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes live_animation {
    0%, 100% {
        transform: translate(-280px, 0);
    }

    50% {
        transform: translate(280px, 0);
    }
}

@media (max-width: 991px) {
    .left_nav > .navbar-nav > .nav-item {
        margin-bottom: 0;
    }


    .page-wrapper.active {
        padding-left: 10px;
    }

    .left_nav {
        width: 0;
        margin-top: 45px;
        z-index: 111;
        margin-left: -1px;
    }

    .page-wrapper {
        padding: 40px 10px 40px 0px;
    }

    html {
        font-size: 0.8rem;
    }

    .top-toolbar {
        top: 45px;
    }

    .left_nav > .navbar-nav {
        min-height: 85vh;
        margin-top: 0;
    }

    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left;
    }
}

.custom-card {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.c-card-header {
    color: #333;
    background-color: #f5f5f5;
    padding: 5px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-align: center;
    border-color: #ddd;
}

.custom-card-body {
    padding: 0.5rem 1rem;
}

.count-s-t {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1;
}

.link-underline {
    text-decoration: underline
}

.list-view-link {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .list-view-link > li > a {
        padding: 0.2rem 1rem 0.2rem 2rem;
        border-top: 1px solid #ddd;
        display: block;
        color: #000;
    }

        .list-view-link > li > a:hover, .child-list-view > li > a:hover, .building-card a:hover, .floor-chip li a:hover {
            text-decoration: none;
            background: #f5f5f5;
        }

    .list-view-link > li.active > a {
        background: #d7f0fb;
    }

.child-list-view li.active > a {
    background: #e7f5fb;
}

.child-list-view {
    list-style-type: none;
    font-size: 0.9rem;
    padding: 0;
    margin: 0;
    display: none
}

    .child-list-view > li > a {
        padding: 0.1rem 1rem 0.1rem 2rem;
        border-bottom: 1px solid #ddd;
        display: block;
    }

.list-view-link li {
    position: relative;
}

.map-pointer {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 1.3rem;
    color: #9E9E9E;
}

.accordion-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.3rem;
    cursor: pointer;
    padding: 0.6rem;
    display: inline-block;
}

    .accordion-btn.active {
        transform: rotate(180deg);
    }

.building-card a {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #afdcef;
    display: block;
    padding: 0.5rem;
    color: #000;
}

.building-card.active a, .floor-chip li.active a {
    background: #d7f0fb;
}

.building-card a:hover {
    display: block
}

.building-card a:hover {
    text-decoration: none;
}

.floor-chip {
    list-style-type: none;
    margin-right: -10px;
    margin-left: -10px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 576px) {
    .login_wrap {
        padding-left: 0;
        padding-right: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 768px) {
    .floor-chip > li {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

.floor-chip > li {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.fa-bolt, .fa-rupee-sign {
    color: #9e9e9e;
}

.floor-chip li a {
    background: #fff;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 5px;
    color: #000;
}

.rupee-icon:before {
    color: #000
}

body .table-sm td, body .table-sm th {
    padding: .2rem;
}

.text-green {
    color: #8ACA2B;
}

.text-red {
    color: red;
}

body .k-calendar th, body .k-dropzone-hovered, body .k-footer-template td, body .k-grid-footer, body .k-group, body .k-group-footer td, body .k-grouping-header, body .k-pager-wrap, body .k-toolbar, body .k-widget .k-status, body .k-widget.k-popup {
    background-color: #fff;
}

body .k-pager-wrap {
    background-color: #fff;
    color: #000;
}

body .k-grid-footer td, .k-group-footer td, .k-grouping-row td {
    color: #000;
    border-color: #ddd;
    font-weight: 500;
}

body .k-gantt-toolbar .k-state-default, body .k-grid .k-grouping-header, body .k-grid-header, body .k-grid-header-wrap, body .k-grouping-header .k-group-indicator, body .k-header, body .k-pager-wrap, body .k-pager-wrap .k-link, body .k-pager-wrap .k-textbox {
    border-color: #ddd;
}

body .k-autocomplete.k-state-default, body .k-dropdown-wrap.k-state-default, body .k-numeric-wrap.k-state-default, body .k-picker-wrap.k-state-default {
    background: #ddd;
    border-color: #ddd;
}

body .k-draghandle.k-state-selected:hover, body .k-ghost-splitbar-horizontal, body .k-ghost-splitbar-vertical, body .k-list > .k-state-highlight, body .k-list > .k-state-selected, body .k-marquee-color, body .k-panel > .k-state-selected, body .k-scheduler .k-scheduler-toolbar .k-state-selected, body .k-scheduler .k-today.k-state-selected, body .k-state-selected, body .k-state-selected:link, body .k-state-selected:visited {
    color: #fff;
    background: #0076e4;
    border-color: #0076e4;
}

body .k-grid tr:hover {
    background: #f1f1f1;
}

.chart-h-205 {
    height: 205px;
}

h2, .h2 {
    font-size: 1.5rem;
    font-weight: normal
}

.d-w-m-y-list {
    margin: 0;
}

    .d-w-m-y-list > li {
        display: inline-block;
        margin-left: 2px;
    }

        .d-w-m-y-list > li > a {
            background: #96989b;
            border: 1px solid #96989b;
            padding: 2px 10px;
            display: inline-block;
            color: #fff;
            border-radius: 3px;
            position: relative;
        }

        .d-w-m-y-list > li.active > a {
            background: #fff;
            color: #000;
            border-color: #f19f29;
        }

            .d-w-m-y-list > li.active > a:after {
                content: '';
                position: absolute;
                top: 87%;
                left: calc(50% - 4px);
                border-right: solid 5px transparent;
                border: 1px solid transparent;
                border-left-color: #f19f29;
                border-bottom-color: #f19f29;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                width: 7px;
                height: 7px;
                background: #fff;
            }

.ui-datepicker.ui-widget-content {
    border: 1px solid #c5c5c5;
    padding: 5px;
}

.multiselect-container {
    border-color: #dadce0;
}

body .k-pager-wrap * {
    box-sizing: border-box !important;
    font-size: 0.9rem;
}

body .k-pager-wrap .k-link, body .k-pager-wrap .k-pager-nav {
    border: none;
}

/*.k-column-menu .k-sprite, .k-drop-hint, .k-gantt-views > .k-current-view > .k-link:after, .k-grid-mobile .k-resize-handle-inner:after, .k-grid-mobile .k-resize-handle-inner:before, .k-grouping-dropclue, .k-icon, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-tool-icon {
    background-image: url(Kendo/CSS/BlueOpal/sprite.png);
    border-color: transparent;
}*/

.k-pager-nav .k-icon {
    background-image: none;
}

.k-grid.k-widget {
    font-size: inherit;
}

.f-n-g {
    font-size: 0.9rem;
    color: #607D8B;
    font-weight: normal;
    margin-top: 8px;
    margin-left: 5px;
}

body .page-title-box {
    padding-top: 10px;
    padding-bottom: 10px;
}

.card-item {
    background: #eeeaea;
    padding: 1rem 1rem 0.7rem;
    height: 100%;
}

.card-item-title {
    margin: 0 0 10px;
    font-size: 1rem;
    line-height: normal;
}

.card-item-count {
    background: var(--themeColor);
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
    line-height: normal;
    border-radius: 3px;
    min-width: 85px;
    text-align: right;
}

.green-chip {
    background: #098501;
}

.red-chip {
    /* background: #ff0600;*/
    background: #e73c38;
    color: white;
}

.card-item-count span {
    font-size: 60%;
    font-weight: normal;
    margin-left: 1px;
}

.card-item-main .col-lg-4:nth-child(10n+1) .card-item {
    background: #eeeaea;
}

.card-item-main .col-lg-4:nth-child(10n+2) .card-item {
    background: #f0f4ff;
}

.card-item-main .col-lg-4:nth-child(10n+3) .card-item {
    background: #eefcef;
}

.card-item-main .col-lg-4:nth-child(10n+4) .card-item {
    background: #e5f5fa;
}

.card-item-main .col-lg-4:nth-child(10n+5) .card-item {
    background: #f6f6cf;
}

.card-item-main .col-lg-4:nth-child(10n+6) .card-item {
    background: #edecfd;
}


.card-item-main .col-lg-4:nth-child(10n+7) .card-item {
    background: antiquewhite;
}

.card-item-main .col-lg-4:nth-child(10n+8) .card-item {
    background: #e3eaef;
}

.card-item-main .col-lg-4:nth-child(10n+9) .card-item {
    background: #efebdd;
}

.card-item-main .col-lg-4:nth-child(10n+10) .card-item {
    background: #f9eef5;
}

.collapse-link {
    display: block;
    padding-left: 20px;
    position: relative
}

.collapse-icon {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 1rem;
}

.collapse-link[aria-expanded="false"] .collapse-icon {
    transform: rotate( -90deg );
}

.m-d-w-y-card {
    border: 1px solid var(--lightGray);
}

.m-d-w-y-top {
    border-bottom: 1px solid var(--lightGray);
    padding-right: 10px;
}

.m-d-w-y-body {
    padding: 10px;
}

.m-d-m-y-links a {
    padding: 10px 15px 8px;
    display: inline-block;
    border-bottom: 2px solid transparent;
}

    .m-d-m-y-links a.active {
        color: var(--themeColor);
        border-bottom-color: var(--themeColor);
        font-weight: bold
    }

.chip-link {
    background: var(--lightGray);
    display: inline-block;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

    .chip-link a {
        padding: 5px;
        display: inline-block;
    }

    .chip-link .active {
        font-weight: bold;
    }

.bg-gray-dropdown .multiselect-native-select {
    display: inline-block;
    width: 200px;
}

.bg-gray-dropdown .dropdown-toggle.multiselect {
    border: none;
    background: var(--lightGray);
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 1px;
    min-height: 31px;
}

.columns-to-show ul.multiselect-container {
    min-width: 230px;
}

.columns-to-show .multiselect-selected-text:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f884";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.filter-right {
    width: 330px;
    background-color: #fff;
    position: fixed !important;
    z-index: 1111;
    overflow: auto;
    position: relative;
    animation: animateright 0.4s;
    border: 1px solid var(--mediumGray);
    top: 102px;
}

.btn-default {
    background: var(--lightGray);
    color: #000;
}

.filter-btn-right {
    position: fixed;
    right: -22px;
    top: 125px;
    transform: rotate( 90deg );
    border-radius: 0;
    z-index: 1;
}

.filter-section {
    background: #FEF29C;
    padding: 5px 10px;
}

.k-grid .k-hierarchy-cell .k-icon, .k-scheduler-table .k-icon, .k-treeview .k-icon {
    background: initial;
    border-radius: 4px;
}

.filter-body {
    padding: 10px 0 10px 10px;
    min-height: 200px;
    max-height: 60vh;
    overflow-y: auto;
    width: 100%
}

.k-treeview .k-in {
    padding: 0.2rem .275rem !important;
    min-width: 80%;
}

.k-treeview .k-item[data-expanded="true"] .k-in {
    background-color: var(--lightGray);
}

.k-treeview .k-item[aria-selected="true"] .k-in {
    color: #fff;
    background-color: #007bff;
    border-color: #005dc2;
}

body .k-treeview .k-bot, body .k-treeview .k-mid, body .k-treeview .k-top {
    padding-top: 3px;
    padding-bottom: 3px;
}

.f-d-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 4px;
}

.location-icon {
    background: url('../Content/assets/images/location-icon.png') no-repeat center center;
}

.plant-icon {
    background: url('../Content/assets/images/plant-icon.png') no-repeat center center;
}

.utility-icon {
    background: url('../Content/assets/images/utility-icon.png') no-repeat center center;
}

.custom-date-main {
    border: 1px solid var(--lightGray);
    width: 388px;
    margin-bottom: 10px;
    position: relative  ;
    background-color:white;
}

.custom-date {
    border: none;
    text-align: center;
    width: 300px;
    cursor: pointer;
}

.custom-year {
    width: 300px;
    display: inline-block;
}

.custom-date {
    background: url('../Content/assets/images/date-icon.png') no-repeat right center;
}

.btn-border-left {
    border-left: 1px solid var(--lightGray);
}

.btn-border-right {
    border-right: 1px solid var(--lightGray);
}

.btn-l-r {
    border-radius: 0;
    min-height: 32px;
}

.logo {
    margin-left: 10px;
    max-height: 59px;
    max-width: 130px;
}

.logo-center {
    width: 140px;
    height: 40px;
    display: flex;
    align-items: center;
}

.sub-menu {
    position: absolute;
    z-index: 1111;
    left: 74px;
}

    .sub-menu .nav-link {
        padding: 0.15rem 1rem;
        font-size: 0.8rem;
    }

    .sub-menu li.nav-item {
        flex: 0 0 100%;
    }

.client-logo {
    max-width: 190px;
    max-height: 90px;
}

.card-d-title {
    font-size: 1rem;
    font-weight: normal;
    line-height: normal;
}

.card-c-items {
    font-size: 0.8rem;
}

.card-d-total {
    font-size: 1.9rem;
    line-height: normal;
    margin-bottom: 0.3rem;
}

.card-d-item {
    padding: 0.8rem;
    height: 100%;
}

.card-w-text, .card-w-text .card-d-title {
    color: #fff;
}

.card-d-blue {
    background: var(--colorlightBlue)
}

.card-d-green {
    background: var(--colorGreen)
}

.card-d-orange {
    background: var(--colorOrange)
}

.card-d-border {
    border: 1px solid var(--lightGray)
}

.chip-items a {
    background: #7E7F81;
    display: inline-block;
    padding: 0.1rem 0.3rem;
    border-radius: 5px;
    margin-left: 3px;
    border: 1px solid #7E7F81;
    position: relative;
    color: #fff;
    min-width: 70px;
    text-align: center;
}

    .chip-items a.active {
        background: transparent;
        color: var(--themeColor);
        border-color: var(--themeColor);
    }

        .chip-items a.active:after {
            content: '';
            position: absolute;
            top: 18px;
            left: calc(50% - 4px);
            width: 8px;
            height: 8px;
            border: 1px solid transparent;
            border-left-color: #0057b8;
            border-bottom-color: #0057b8;
            -webkit-transform: rotate( -45deg );
            transform: rotate( -45deg );
            background-color: #ffffff;
            z-index: 901;
        }



.link_dropdown_main .dropdown-toggle.multiselect {
    border: none;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 0;
    border-right: 1px solid var(--lightGray);
    line-height: normal;
    margin-right: 10px;
}

.link_dropdown_main .multiselect-selected-text {
    color: var(--themeColor);
    font-size: 1rem;
    min-width: 80px
}

.text-theme {
    color: var(--themeColor);
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

body .k-treeview .k-i-collapse, body .k-treeview .k-i-expand {
    background: none !important;
}

.card-item-main .card-item label {
    margin: 0;
}

.filter-parent {
    background: #f3f5f7;
    padding: 1rem 1rem 0;
    margin-bottom: 1rem;
    border-radius: 5px;
}

.collapse-parent-inline a {
    width: 100px;
    margin: auto;
    background: #7E7F81;
    color: #fff;
    border-radius: 12px;
    text-align: center;
    padding: 1px 10px;
    margin-bottom: -15px;
}

.collapse-parent-inline .collapse-icon {
    position: relative;
    top: 2px;
    left: initial;
    margin-right: 5px;
}

.card-d-total small {
    font-size: 12px;
}

.c-b-max-height {
    max-height: 150px;
    overflow-y: auto;
}

.k-selectable tbody tr {
    cursor: pointer;
}

.k-grid table {
    min-width: 100%;
}

body .ui-accordion-header label {
    line-height: normal;
    margin: 0;
}

body .ui-accordion .ui-accordion-header {
    padding: .2em .5em .2em .7em;
    background: #fff;
    margin-top: 10px;
}

body .ui-accordion .ui-accordion-header-active {
    background: #f18c42;
    border-color: #f18c42;
}

.ui-accordion .ui-accordion-header-active label {
    color: #fff;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #eaeaea;
}

body .ui-accordion .ui-accordion-content {
    padding: 1em;
}

.form-table thead th {
    background: #eaeaea;
    color: #000;
    font-weight: 600;
}

.t-b-t-none td {
    border-top: none;
    padding-top: 5px;
}

.config-head {
    font-weight: 600;
    color: #0057B8;
}

.accordion-main > h3:first-child {
    margin-top: 0;
}

.config-right {
    background: #eaeaea;
    padding: 1rem;
    border-radius: 18px;
    position: sticky;
    top: 73px;
}

.form-table td {
    border-top: none;
    padding-top: 5px !important;
}

.config-right hr {
    border-color: #000;
}

.local_Consumed.active {
    color: var(--themeColor);
}

.toggle .btn-small {
    padding-top: 2px;
}

.chip-item {
    border: 1px solid #feea90;
    padding: 5px 5px 2px;
    background: #fff3cd;
    border-radius: 5px;
}

.card {
    box-shadow: 0 0.4rem 0.7rem rgb(0 0 0 / 15%);
    border: 1px solid #d2d0ce;
}

.no-shadow {
    box-shadow: none;
    border: none !important;
}

.blue-light-card {
    background: #CAE9F5;
}

.orange-light-card {
    background: #ffeacb;
}

.green-light-card {
    background: #E1F8DC;
}

.gray-light-card {
    background: #eaece1;
}

.full-width {
    width: 100%;
}

.custom-full-width .custom-date {
    width: calc(100% - 55px);
}

.custom-full-width .btn-l-r {
    padding: 1px 6px 2px;
}

.selected-date {
    font-size: 0.9rem;
    font-weight: bold;
    float: right;
}

select.custom-form-control:not([size]):not([multiple]) {
    height: calc(1.6rem + 2px);
    font-size: 0.75rem;
    padding-top: 4px;
    line-height: normal;
}

.custom-date-small {
    font-size: 0.8rem;
}

    .custom-date-small .btn-l-r {
        min-height: 26px;
        padding: 0 6px 0;
        font-size: 0.8rem;
    }

.ui-tooltip {
    background: #000;
    color: #fff;
}

.ui-tooltip-content {
    padding: 3px 10px;
    font-size: 0.8rem;
}

.no-data-parent {
    display: flex;
    align-items: center;
    width: 100%;
}

.no-data-found {
    width: 100%;
}

.circle {
    background: #ddd;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}

.red-bg {
    background: red;
}

.green-bg {
    background: green;
}

.labelnames {
    font-weight: 400;
}

.navbar-custom {
    min-height: 40px;
}

.app-search {
    padding-top: 4px;
    margin-left: 15px;
}

.navbar-custom .nav-link {
    line-height: 40px;
    max-height: calc(40px - 1px);
}

.page-content-tab {
    margin-top: 40px;
}

.navbar-custom {
    font-size: .8125rem;
}

.app-search .form-control, .app-search .form-control:focus {
    color: #323130;
}

.nav-user-name .fa-user-circle {
    font-size: 1.5rem;
    color: rgba(0,0,0,0.4);
    margin-right: 5px;
    vertical-align: middle;
}

.rupee {
    padding-right: 3px;
    font-size: 1rem !important;
}

.humudity-tem {
    background: #EAEAEA;
    margin-bottom: 1rem;
    padding: 0.2rem 0 0.2rem 4rem;
    position: relative;
    border-radius: 6px;
    min-height: 63px;
}

    .humudity-tem .fas {
        position: absolute;
        left: 17px;
        top: 13px;
        opacity: 0.3;
        font-size: 2.5rem;
    }

.mt-m-5 {
    margin-top: -5px;
}

.t_h_icon {
    max-width: 19px;
    max-height: 22px;
}

.light-g-text {
    opacity: 0.5;
}

.h-t-l-label {
    min-width: 60px;
    display: inline-block;
}

#dvBranchData {
    min-height: 200px;
}

.a_u_icon {
    max-height: 26px;
    max-width: 24px;
}

#dvlabelname {
    font-weight: 500;
}

#selectedcomponent {
    font-weight: 500;
}

#dvMonthName {
    font-weight: 500;
}

#dvpielabel {
    font-weight: 500;
}

.refresh {
    font-size: 13px;
}


button.btn:hover {
    background-color: #494fb5;
    color: white;
}

.nav-filter h5 {
    font-weight: 600;
    margin: 0px 0px 0px 12px;
}


body .floor-drag .ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(../Content/assets/css/images/ui-icons_555555_256x240.png);
}

.vl {
    border-left: 2px solid blue;
    height: 50px;
}

#tempvalues_73 {
    padding: 0px 0px 0px 0px;
}

/*sweet alert css*/

.swal2-success-circular-line-right {
    display: none;
}

.swal2-success-circular-line-left {
    display: none;
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
}

    .swal2-icon.swal2-success .swal2-success-fix {
        display: none;
        height: 90px;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
        width: 32px;
        right: 3px;
        top: 25px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
        width: 20px;
        left: 4px;
        top: 31px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .swal2-icon.swal2-success .swal2-success-ring {
        display: none;
    }

.swal2-icon.swal2-info {
    font-family: 'Open Sans',sans-serif;
    color: #3fc3ee;
    border-color: #9de0f6;
    font-size: 60px;
    line-height: 53px;
    text-align: center;
}

.swal2-icon.swal2-question {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #87adbd;
    border-color: #c9dae1;
    font-size: 60px;
    line-height: 53px;
    text-align: center;
}

.inner-title {
    border-bottom: 1px solid #ddd;
}

.assets-main {
    background: #eaf1fb;
    padding: 0.5rem 1rem;
    min-height: 500px;
}

.sortable-main {
    min-height: 450px;
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
}

.btn-accordion {
    background: #fff;
    padding: 5px 10px 5px 26px;
    line-height: normal;
    font-weight: bold;
    color: #0057b8;
    position: relative;
    border-radius: .25rem;
    border: none
}

    .btn-accordion > .fas {
        position: absolute;
        left: 13px;
        top: 6px;
        font-size: 0.95rem;
    }

.draggable-main {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.draggable-list {
    font-size: 12px;
    line-height: normal;
    margin: 0;
    list-style-type: none;
    padding: 0;
    overflow: hidden
}

   
    .draggable-list > li {
        padding-bottom: 5px;
        position: relative;
        padding-left: 30px;
        cursor: move;
    }

        .draggable-list > li:before {
            content: "";
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii00NjcuOCAyNzYuMyA2LjUgOC44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC00NjcuOCAyNzYuMyA2LjUgOC44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojODA4MDgwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTQ2Ni41LDI3OC43YzAuNiwwLDEuMS0wLjUsMS4xLTEuMWMwLTAuNi0wLjUtMS4xLTEuMS0xLjFzLTEuMSwwLjUtMS4xLDEuMQ0KCUMtNDY3LjYsMjc4LjItNDY3LjEsMjc4LjctNDY2LjUsMjc4Ljd6IE0tNDYyLjUsMjc4LjdjMC42LDAsMS4xLTAuNSwxLjEtMS4xYzAtMC42LTAuNS0xLjEtMS4xLTEuMXMtMS4xLDAuNS0xLjEsMS4xDQoJQy00NjMuNiwyNzguMi00NjMuMSwyNzguNy00NjIuNSwyNzguN3ogTS00NjEuNCwyODAuOGMwLDAuNi0wLjUsMS4xLTEuMSwxLjFzLTEuMS0wLjUtMS4xLTEuMXMwLjUtMS4xLDEuMS0xLjENCglTLTQ2MS40LDI4MC4xLTQ2MS40LDI4MC44eiBNLTQ2Ni41LDI4MS45YzAuNiwwLDEuMS0wLjUsMS4xLTEuMXMtMC41LTEuMS0xLjEtMS4xcy0xLjEsMC41LTEuMSwxLjFTLTQ2Ny4xLDI4MS45LTQ2Ni41LDI4MS45eg0KCSBNLTQ2MS40LDI4My45YzAsMC42LTAuNSwxLjEtMS4xLDEuMXMtMS4xLTAuNS0xLjEtMS4xYzAtMC42LDAuNS0xLjEsMS4xLTEuMVMtNDYxLjQsMjgzLjMtNDYxLjQsMjgzLjl6IE0tNDY2LjUsMjg1DQoJYzAuNiwwLDEuMS0wLjUsMS4xLTEuMWMwLTAuNi0wLjUtMS4xLTEuMS0xLjFzLTEuMSwwLjUtMS4xLDEuMUMtNDY3LjYsMjg0LjUtNDY3LjEsMjg1LTQ2Ni41LDI4NXoiLz4NCjwvc3ZnPg0K) no-repeat center / cover;
            width: 7px;
            height: 10px;
            display: inline-block;
            position: absolute;
            left: 10px;
            top: 4px;
        }
.assets-main .collapse {
    background: #fff;
    border-radius: 0 0 .25rem .25rem;
    padding-bottom: 10px;
}

.btn-accordion[aria-expanded="true"] {
    color: #000;
}

    .btn-accordion[aria-expanded="true"] .fa-angle-right {
        transform: rotate(90deg);
    }

.columns-head {
    border-bottom: 2px solid #0057b8;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #0057b8;
    font-weight: 600;
    font-size: 14px;
}

.edit-column {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNzMgNjUgNDE1IDQxNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTczIDY1IDQxNSA0MTU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM4MDgwODA7fQ0KPC9zdHlsZT4NCjx0aXRsZT48L3RpdGxlPg0KPGcgaWQ9Il8xIj4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTgwLjcsMjEyLjljLTMuMSwwLTYuMS0wLjItOS4yLTAuNmMtMTcuOS0yLjQtMzUuNS0xMS41LTQ5LjYtMjUuNmwwLDBjLTE0LjEtMTQuMS0yMy4xLTMxLjctMjUuNi00OS42DQoJCWMtMi42LTE5LjEsMi45LTM3LjEsMTUuMS00OS4zczMwLjEtMTcuNyw0OS4zLTE1LjFjMTcuOSwyLjQsMzUuNSwxMS41LDQ5LjYsMjUuNnMyMy4xLDMxLjcsMjUuNiw0OS42YzIuNiwxOS4xLTIuOSwzNy4xLTE1LjEsNDkuMw0KCQlDMjEwLjYsMjA3LjQsMTk2LjMsMjEyLjksMTgwLjcsMjEyLjl6IE0xNDMuMiwxNjUuNWM5LjMsOS4zLDIxLjEsMTUuNSwzMi40LDE3YzkuOSwxLjMsMTguNS0xLDI0LTYuNnM3LjktMTQuMSw2LjYtMjQNCgkJYy0xLjUtMTEuMy03LjctMjMuMS0xNy0zMi40Yy0xOC4xLTE4LjEtNDQtMjIuOS01Ni40LTEwLjRTMTI1LDE0Ny40LDE0My4yLDE2NS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMzMuNiw0MjcuMmMtMy4xLDAtNi4xLTAuMi05LjEtMC42Yy0xNy45LTIuNC0zNS41LTExLjUtNDkuNi0yNS42cy0yMy4yLTMxLjctMjUuNi00OS42DQoJCWMtMi42LTE5LjEsMi45LTM3LjEsMTUuMS00OS4zYzUuOS01LjksMTUuNC01LjksMjEuMiwwczUuOSwxNS40LDAsMjEuMmwwLDBjLTUuNiw1LjYtNy45LDE0LjEtNi42LDI0YzEuNSwxMS4zLDcuNywyMy4xLDE3LDMyLjQNCgkJYzE4LjIsMTguMiw0NCwyMi45LDU2LjQsMTAuNWM1LjgtNiwxNS4zLTYuMSwyMS4yLTAuNHM2LjEsMTUuMywwLjQsMjEuMmMtMC4xLDAuMS0wLjIsMC4yLTAuNCwwLjRDLTMuOCw0MjEuNy0xOCw0MjcuMi0zMy42LDQyNy4yDQoJCXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTE1MS4zLDQ3NWMtOC4zLDAtMTUtNi43LTE1LTE1YzAtMS4xLDAuMS0yLjIsMC40LTMuMmMwLjMtMS4yLDYuNS0yOSwxNS4xLTU5LjcNCgkJYzE2LjItNTcuNiwyNS45LTcyLjcsMzIuNi03OS40TDExMS41LDg3LjljNS44LTYsMTUuMy02LjEsMjEuMi0wLjRzNi4xLDE1LjMsMC40LDIxLjJjLTAuMSwwLjEtMC4yLDAuMi0wLjQsMC40TC05Ny4xLDMzOC45DQoJCWMtMC45LDAuOS05LjMsMTAuNC0yNC45LDY2LjNjLTMuNSwxMi41LTYuNiwyNC43LTkuMSwzNC42YzEwLTIuNSwyMi4yLTUuNiwzNC44LTkuMWM1NS43LTE1LjYsNjUuMi0yNCw2Ni4xLTI0LjlMMTk5LjUsMTc2DQoJCWM1LjktNS45LDE1LjQtNS45LDIxLjIsMHM1LjksMTUuNCwwLDIxLjJsMCwwTC05LDQyN2MtNi43LDYuNy0yMS44LDE2LjQtNzkuNCwzMi42Yy0zMC43LDguNi01OC41LDE0LjgtNTkuNywxNS4xDQoJCUMtMTQ5LjEsNDc0LjktMTUwLjIsNDc1LTE1MS4zLDQ3NXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY4LjYsMTYwLjFjLTQsMC03LjgtMS42LTEwLjYtNC40bC01LTVjLTUuOC02LTUuNi0xNS41LDAuNC0yMS4yYzUuOC01LjYsMTUtNS42LDIwLjgsMGw1LDUNCgkJYzUuOSw1LjksNS45LDE1LjQsMCwyMS4yQzE3Ni40LDE1OC41LDE3Mi42LDE2MC4xLDE2OC42LDE2MC4xeiIvPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat center / cover;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.delete-column {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iSWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItNDY3IDI2OSAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtNDY3IDI2OSAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzgwODA4MDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS00NTQsMjY5aC0yYy0xLjcsMC0zLDEuMy0zLDN2MWgtNmMtMC42LDAtMSwwLjQtMSwxczAuNCwxLDEsMWgxdjE0YzAsMi4yLDEuOCw0LDQsNGgxMGMyLjIsMCw0LTEuOCw0LTR2LTE0aDENCgljMC42LDAsMS0wLjQsMS0xcy0wLjQtMS0xLTFoLTZ2LTFDLTQ1MSwyNzAuMy00NTIuMywyNjktNDU0LDI2OXogTS00NTcsMjcyYzAtMC42LDAuNC0xLDEtMWgyYzAuNiwwLDEsMC40LDEsMXYxaC00VjI3MnogTS00NDgsMjg5DQoJYzAsMS4xLTAuOSwyLTIsMmgtMTBjLTEuMSwwLTItMC45LTItMnYtMTRoMTRWMjg5eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS00NTUsMjc4Yy0wLjYsMC0xLDAuNC0xLDF2OGMwLDAuNiwwLjQsMSwxLDFzMS0wLjQsMS0xdi04Qy00NTQsMjc4LjQtNDU0LjQsMjc4LTQ1NSwyNzh6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTQ1MiwyODdjMCwwLjYsMC40LDEsMSwxczEtMC40LDEtMXYtOGMwLTAuNi0wLjQtMS0xLTFzLTEsMC40LTEsMVYyODd6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTQ1OSwyNzhjLTAuNiwwLTEsMC40LTEsMXY4YzAsMC42LDAuNCwxLDEsMXMxLTAuNCwxLTF2LThDLTQ1OCwyNzguNC00NTguNCwyNzgtNDU5LDI3OHoiLz4NCjwvc3ZnPg0K') no-repeat center / cover;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px
}

.add-header {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii00NjUuMyAyNzAuNiAyMC43IDIwLjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTQ2NS4zIDI3MC42IDIwLjcgMjAuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzgwODA4MDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS00NTUsMjcxYy01LjUsMC0xMCw0LjUtMTAsMTBzNC41LDEwLDEwLDEwczEwLTQuNSwxMC0xMFMtNDQ5LjUsMjcxLTQ1NSwyNzF6IE0tNDU1LDI4OWMtNC40LDAtOC0zLjYtOC04DQoJczMuNi04LDgtOHM4LDMuNiw4LDhTLTQ1MC42LDI4OS00NTUsMjg5eiBNLTQ1MSwyODBoLTN2LTNjMC0wLjYtMC40LTEtMS0xcy0xLDAuNC0xLDF2M2gtM2MtMC42LDAtMSwwLjQtMSwxczAuNCwxLDEsMWgzdjMNCgljMCwwLjYsMC40LDEsMSwxczEtMC40LDEtMXYtM2gzYzAuNiwwLDEtMC40LDEtMVMtNDUwLjQsMjgwLTQ1MSwyODB6Ii8+DQo8L3N2Zz4NCg==') no-repeat center / cover;
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
}

.sortable-main {
    margin: 0;
    padding: 0;
    list-style-type: none
}

    .sortable-main > li, .child-sortable > li {
        border-bottom: 1px solid #808080;
        padding-bottom: 3px;
        padding-top: 3px;
        background: #fff;
        padding-left: 5px;
    }

    .sortable-main > li {
        border-left: 2px solid transparent;
    }

.child-sortable {
    border-left-color: #0057b8;
    padding-left: 5px;
}

.sortable-main > li.header-parent {
    border-left-color: #0057b8;
    border-bottom: none !important
}

.sub-group-header {
    border-bottom: none !important
}

.arrow-icon {
    color: #808080;
}

.child-sortable > li.group-header {                      
    background: #eaf1fb;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 5px;
    font-weight: 600;
    color: #0057b8
}

.child-sortable {
    list-style-type: none;
    margin: -3px 0 -3px -5px;
    padding: 0;
}



/*New UI css Start*/
@media (max-device-width: 1024px) {
    .topbar .navbar-custom {
        margin-left: 0px;
    }
                                                       
    .leftbar-tab-menu {
        position: fixed;
        top: 60px;
        overflow-y: unset !important;
        z-index: 5;
        bottom: 0;
    }
}


@media (min-device-width: 360px) {
    .main-icon-menu-pane {
        margin-bottom: 0;
        display: none;
        padding: 10px;
        background: #ffffe9;
        border: 1px solid #ddd;
        min-width: 240px;
        max-height: 300px;
        overflow: auto;
    }
    /* width */
    ::-webkit-scrollbar {
        width: 5px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #bec4c4;
    }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
}
.container-fluid {
    position: relative;
  
}




/*New UI css end*/

.chip-custom {
    border: 1px solid #9b999a;
    border-radius: 16px;
    padding: 3px 35px 3px 15px;
    margin: 0 5px 5px 0;
    display: inline-block;
    position: relative
}

.chip-close {
    color: #7f7f7f;
    position: absolute;
    right: 13px;
    top: 4px;
}

.btn-dropdown {
    border: 1px solid #9b999a;
    border-radius: 16px;
    padding: 2px 15px;
}

.dropdown-menu-d-border {
    border-color: #9b999a;
    min-width: 300px;
}

.dropdown-divider {
    border-color: #9b999a;
}

.k-i-calendar, .k-i-clock {
    background: none !important;
}

.k-datetimepicker .k-state-default {
    border-color: #9b999a !important;
    background: transparent !important;
    font-size: .75rem;
    background-color: #fff !important;
}

.k-picker-wrap .k-input {
    height: calc(0.6rem + 1.5em);
}

.filter-sec {
    background: #eef7ff;
    border: 1px solid #0076e4;
    padding: 5px 10px;
    border-radius: 40px;
}

.max-w-40 {
    max-width: 40px
}

.filter-icon {
    color: #0076e4;
    font-size: 0.9rem;
}

.btn-filter {
    border-radius: 50%;
    padding: 0;
    width: 25px;
    height: 25px;
    line-height: 24px;
}
.multiselect-item .input-group-addon {
    padding: 0.375rem 0.5rem;
}
.multiselect-item .glyphicon {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    text-rendering: auto;
    line-height: 1;
    font-variant: normal;
}
.multiselect-item .glyphicon-search::before {
    content: "\f002";
}
.multiselect-item .btn {
    padding: 0.2rem 0.5rem;
    border-radius: 0px;
}
.multiselect-item .glyphicon-remove-circle::before {
    content: "\f00d";
}
.multiselect-container > li.multiselect-group label {
    padding: 5px 20px 0px 9px;
    color: #0076e4
}
.multiselect-filter {
    padding: 0px 8px 0px 0px !important;
}
#menu .k-item .k-animation-container {
    min-width: 260px;
}
.topbar {
    z-index: 9999;
}
.sub_menu_main .k-item .sidecnt img {
    margin-right: 5px;
}
.card-header-n {
    background: #efefef;
    padding: 6px 10px;
    border-bottom: 1px solid #d2d0ce;
}
.card-header-n h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    line-height: normal;
    font-size: 1rem
}
.top-search-bar {
    margin: 0 -22px;
    padding: 0 22px;
    background: #efefef;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
    border-bottom: 1px solid #d2d0ce;
    border-top: 1px solid #d2d0ce;
}
#menu {
    z-index: 999;
}
.k-menu-vertical .k-item > .k-link {
    padding: 1px 0 4px 1.3rem;
    font-size: 12px;
    white-space: normal;
}
@media (min-width: 1200px) {
    .tenant-abg.menu-open .page-content-tab {
        padding-left: 205px;
    }

    .tenant-abg .bg-light_head {
        background: none !important
    }
}
.filter-top {
    background: #efefef;
    padding: 0.4rem 1rem 0.3rem;
    border: 1px solid #d2d0ce;
    border-radius: 0.25rem;
    border-bottom: none;
    border-radius: 0.25rem 0.25rem 0 0;
    margin-bottom: -2px;
}
.k-menu-vertical .k-item.active a {
    background: #a6e6ff;
    font-weight: 600
}

.green-bg:before, .green-bg:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: lightblue;
    border-radius: 50%;
    z-index: 1;
    opacity: 0.5;
   
}
 .green-bg:before {
    animation: pulse 3s ease-out infinite;
}

 .green-bg:after {
    animation: pulse 3s 3s ease-out infinite;
}

@keyframes pulse {
    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}