/*---------- Energy Dasboard ---------*/

.energy-dashboard-wrapper .nav-tabs .nav-link.active,
.energy-dashboard-wrapper .nav-tabs .nav-item.show .nav-link,
.energy-dashboard-wrapper .nav-tabs .nav-link:hover {
    background: transparent;
}

.energy-dashboard-wrapper .white-box {
    margin-bottom: 0;
    height: 100%;
}

.energy-dashboard-wrapper .col-md-4,
.energy-dashboard-wrapper .col-md-8 {
    margin-bottom: 30px;
}


/*---------- Energy Dasboard ---------*/


/*---------- Smart Home Dasboard ---------*/

.total-consumption {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #127ec0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.total-consumption h2 {
    font-size: 30px;
    line-height: 32px;
    text-align: center;
}

.total-consumption h2 strong {
    display: block;
}

.total-consumption h2 span {
    font-size: 16px;
    line-height: 20px;
}


/*---------- Smart Home Dasboard ---------*/

.w-20 {
    width: 20%;
}

.w-40 {
    width: 40%;
}

.w-100 {
    width: 100%;
}

.btn-primary,
.btn-success {
    color: #fff !important;
}

.action-dropdown-warpper .fa-file-excel-o {
    color: #28a745 !important;
}

.action-dropdown-warpper .fa-trash-o {
    color: #f33155 !important;
}

.custom-switch .custom-control-label::before {
    left: 0;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem;
    border: #adb5bd solid 1px;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem);
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: 0.1rem;
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
}

.dashboard-number h4 {
    font-size: 3rem;
    font-weight: 700;
}

.dashboard-number h4.fault {
    color: #ff6161;
}

.dashboard-panel .total-meter-panel .white-box {
    text-align: center;
    padding-top: 15px;
}

.dashboard-panel .total-meter-panel .white-box h3 {
    color: #828282;
    padding-bottom: 10px;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #127ec0;
}

.dashboard-panel .white-box h3 span {
    display: block;
    font-size: 0.7rem !important;
    color: #828282;
}

.total-payment-panel .white-box {
    padding: 0;
    border: none;
    height: 100%;
}

.total-payment-panel .white-box h4 {
    color: #828282;
    font-size: 1.8rem;
    line-height: 1.4rem;
    color: #fff;
    padding: 0;
    margin: 0;
}

.total-payment-panel .dashboard-number {
    background-color: #127ec0;
    border-radius: 0 100px 100px 0;
    display: flex;
    align-items: center;
    padding: 25px 15px;
    margin-right: 15px;
    color: #fff;
    flex-shrink: 0;
}

.total-payment-panel .box-title {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1rem;
    line-height: 1.4rem;
}

.total-payment-panel .total-wrapper {
    height: 100%;
    align-items: center;
}

.mb-30 {
    margin-bottom: 30px;
}

.hide-sidebar #side-menu li a {
    padding: 10px 0px 15px;
}

.sidebar {
    background: url(../images/page/nav-bg.png) #0b5651;
    background-size: cover;
}
#side-menu {
    margin-top: 20px;
}
#side-menu li a {
    color: #ffffff;
}

#side-menu li a i {
    color: #fff;
}

#side-menu>li>a.active {
    border-left-color: #199d93;
    background: #1ba89e;
    color: #fff;
    border-radius: 50px;
}
#side-menu li.dropdown .dropdown-menu.show a.selected {
    background: #fefefe;
}

.navbar-header {
    background: #1ba89e;
}

.white-box {
    border-top: 2px solid #1ba89e;
    border-radius: 0.35rem;
}

.navbar-top-links>li>a:hover {
    background: #199d93;
}

.small,
.hide-sidebar .big {
    display: none;
}

.top-left-part a {
    display: block;
    text-align: center;
    line-height: 60px;
    padding: 0;
}

.top-left-part .light-logo {
    max-height: 35px;
}

.hide-sidebar .top-left-part .logo span.small,
.hide-sidebar .top-left-part span.small .light-logo {
    display: block;
    text-align: center;
    margin: 13px auto;
}

.hide-sidebar .top-left-part {
    height: 60px;
    width: 100px;
}
.table-user-types{
    padding: 0;
    margin: 0;
}
.table-user-types tr td{
    width: calc(100% / 2);
}
.table-user-types tr td:first-child{
    border-right: 1px solid #e4e7ea;
}
.table-user-types tr:last-child td{
    border-bottom: 1px solid #e4e7ea;
}
.success{
    color: #43a279;
}
.sidebar .sidebar-head{
    padding: 4px 20px 0;
}
.sidebar .sidebar-head h3{
    margin-top: 6px;
    margin-bottom: 0;
}
.attachfile{
    background: #eeeeea; display: inline; padding: 5px 10px;
}
.attachfile i{
    margin-left:5px; color:#c43962;
}
.navbar-top-links .dropdown-user .dw-user-box{
    display: flex;
}
.navbar-top-links .dropdown-user .dw-user-box .u-img{
    flex-shrink: 0;
}
.navbar-top-links .dropdown-user .dw-user-box .u-text p{
    word-break: break-word;
    line-height: 20px;
}
.login-wrapper{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    background: url(../images/page/nav-bg.png) no-repeat;
    background-size: cover;
}
.login-wrapper::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(27,168,158,1);
    background: -moz-linear-gradient(top, rgba(27,168,158,1) 0%, rgba(82,59,147,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(27,168,158,1)), color-stop(100%, rgba(82,59,147,1)));
    background: -webkit-linear-gradient(top, rgba(27,168,158,1) 0%, rgba(82,59,147,1) 100%);
    background: -o-linear-gradient(top, rgba(27,168,158,1) 0%, rgba(82,59,147,1) 100%);
    background: -ms-linear-gradient(top, rgba(27,168,158,1) 0%, rgba(82,59,147,1) 100%);
    background: linear-gradient(to bottom, rgba(27,168,158,1) 0%, rgba(82,59,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e04a5b', endColorstr='#523b93', GradientType=0 );
    z-index: 0;
    opacity: 0.8;
}
.login-wrapper .login-logo{
    width: 200px;
    background: #fff;
    padding: 15px;
    border-radius: 20px;
    position: relative;
    z-index: 99; 
}
.login-wrapper .login-flds{
    max-width: 350px;
    z-index: 99;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}
.login-wrapper .login-btn a{
    background: #e04a5c;
    padding: 10px 50px;
    border-radius: 50px;
    border-color: #e04a5c;
    display: inline-block;
    text-transform: uppercase;
}
.login-wrapper .form-material .form-control{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)),-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0.2)));
    background-image: linear-gradient(#ffffff, #ffffff),linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2));
}
.login-flds .form-group input::placeholder{
    color: #fff;
}
.login-wrapper .login-text p{
    color: #fff;
}
.login-wrapper .login-text p a{
    color: #ffd2d7;
}
@media (max-width: 767px){
    .nav.navbar-top-links.navbar-right.pull-right{
        float: right;
    }
    .navbar-top-links .profile-pic img {
        margin-right: 8px;
    }
}

.nav li.selected a {
    font-weight: 600;
}
#side-menu li.dropdown .dropdown-menu.show a.active{
    background: #9cc7e0 !important;
    color: #fff !important;
}
.onoffswitch {
    position: relative; width: 100px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;margin: 0;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Active";
    padding-left: 10px;
    background-color: #1ba89e; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Inactive";
    padding-right: 5px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/* ---7.11.22--- */
.logo b{
    padding-left: 0 !important;
    padding-right: 10px !important;
}
.small img{
    margin-left: 10px;
}
.u-text .btn-danger {
    background: #1ba89e !important;
    border-color: #1ba89e !important;
}
.login-btn .btn-success {
    background: #1ba89e !important;
    border-color: #1ba89e !important; 
}

/* 16.3.23 start*/
.logo b{
    float: initial;
}
#side-menu>li>a{
    font-size: 14px;
}
#side-menu>li>a>i {
    margin-right: 8px;
}
.white-box .card{
    padding: 0;
    margin: 10px 10px 10px 10px;
}
.white-box .card-body .btn-primary{
    background-color: #199d93;
    padding: 5px 12px;
    font-size: 12px !important;
}
.white-box .card-body h5{
    margin-top: 0;
    font-size: 13px;
    font-weight: 500;
    color: #495057;
}
label{
    font-size: 13px;
    font-weight: 500;
    color: #495057;
}
.btn-primary, .btn-success{
    font-size: 12px !important;
}
body, .dropdown-menu, .form-control, .btn {
    font-size: 12px !important;
}
.white-box{
    padding: 25px 20px;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
}
.onoffswitch-switch {
    right: 66px;
}
.table{
    margin: 0;
}
.btn-primary {
    background: #199d93;
    border-color: #199d93;
}
.table>thead>tr>td, .table>thead>tr>th {
    padding: 10px 8px;
}
.table>tbody>tr>td, .table>tbody>tr>th{
    padding: 10px 8px;
}
.hide-sidebar #side-menu>li>a.active{
    border-radius: 0;
}
.card{
    border-radius: 0.35rem;
}
/* 16.3.23 end*/
/* 31.3.23 start */
.login-flds .msg{
    color: #ffd2d7;
    font-size: 14px;
    margin:0 0 15px 0;
    text-align: center;
}
/* 31.3.23 end */