/*=================== Fonts Cilents wise ============================ */



/* =========================== Headings and Pragraph font Size css ============================ */

h1 {
    font-size: 28px !important;
    font-weight: 400 !important;
}

h2 {
    font-size: 24px !important;
    font-weight: 400 !important;
}

h3 {
    font-size: 20px !important;
    font-weight: 400 !important;
}

h4 {
    font-size: 16px !important;
    font-weight: 400 !important;
}

h5 {
    font-size: 14px !important;
    font-weight: 400 !important;
}

h16 {
    font-size: 12px !important;
    font-weight: 400 !important;
}

p {
    font-size: 12px !important;
    font-weight: 400 !important;
}

a {
    color: #02164f;
    text-decoration: none;
}


/* ==================== LOGIN PAGE CSS========================*/

login-page-left-side-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50vw;
    height: 40vw;
}



.login-page-left-side-logo img {
    max-width: 100%;
    max-height: 100%;
    margin-left: 17% !important;
}




input.btn.btn-primary.btn-block.btn-flat {
    background: #d3977b !important;
    border: 1px solid #d3977b !important;
    margin-top: 15px !important;
}

.login-logo a {
    color: #1c1c1e;
    font-weight: 600;
}


/*======================== Map page css============================== */



a.slide-right.dropdown-toggle {
    background: #d3977b;
    display: inline-block;
    border-radius: 30px;
    padding: 7px 10px;
    width: 30px;
    height: 30px;
}

.slide-right.dropdown-toggle img {
    width: 12px;
    height: auto;
    filter: brightness(0) invert(1);
}


/* ====================== FOTTER CSS =========================*/


.main-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 5px;
    background: #1c1c1e;
}

    .main-footer a {
        color: #a4a4a5 !important;
    }

footer.main-footer a {
    color: #a4a4a5 !important;
}

/*========================== HEADER CSS ==================*/



.main-header {
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
    background: #1c1c1e !important;
}

nav.navbar.navbar-static-top {
    background: #1c1c1e !important;
}

span.logo-lg.logo {
    background: #1c1c1e !important;
}


img.deltaLogo.webm-devsecopscom {
    width: 165px !important;
    height: auto;
    margin-top: -8px !important;
}

#RightSideButtonId {
    margin-top: 10px;
    background: #d3977b !important;
    border: 1px solid #d3977b !important;
    
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: #fff !important;
    text-decoration: none;
    background-color: #d3977b;
    background-image: -moz-linear-gradient(top, #d3977b, #d3977b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3977b), to(#d3977b));
    background-image: -webkit-linear-gradient(top, #d3977b, #d3977bf);
    background-image: -o-linear-gradient(top, #d3977bf, #d3977b);
    background-image: linear-gradient(to bottom, #d3977b, #d3977b);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d3977b', endColorstr='#d3977b', GradientType=0);
}

img.networkLayout-icon {
    filter: brightness(0) invert(1) !important;
}

/*====================== side menu css ========================= */

.menuTogglerClick2 {
    background-color: #2c2c2e !important;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #d3977b !important;
}

i.fa.fa-dashboard.text-aqua {
    color: #ffffff !important;
}

i.fa.fa-industry.text-red {
    color: #ffffff !important;
}

i.fa.fa-users.text-orange {
    color: #ffffff !important;
}

i.fa.fa-sitemap.text-red {
    color: #ffffff !important;
}

i.fa.fa-circle-o.text-green {
    color: #ffffff !important;
}
.text-aqua {
    color: #ffffff !important;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c2c2e !important;
}



/*=======  All Button color change css ====================*/

.btn-info {
    background-color: #d3977b !important;
    border-color: #d3977b !important;
}

    .btn-info:hover {
        color: #fff;
        background-color: #724126 !important;
        border-color: #724126 !important;
    }

.btn-primary {
    background-color: #02164f !important;
    border-color: #02164f !important;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #042172 !important;
        border-color: #042172 !important;
    }

.btn-success {
    background: #34c759 !important;
    border-color: #34c759 !important;
}

    .btn-success:hover {
        background: #77d990 !important;
    }

/* ===================== ALL TAB CSS ========================*/

.nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    padding: 10px !important;
}



    .nav-tabs-custom > .nav-tabs > li {
        border-top: 3px solid transparent;
        margin-bottom: -2px;
        margin-right: 5px;
        background: #d8d5d5 !important;
    }

    .nav-tabs-custom .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 5px;
    }

    .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
        background-color: #d3977b !important;
        color: #fff !important;
        border-top: 1px;
    }

    .nav-tabs-custom > .nav-tabs > li.active > a {
        border-top-color: transparent !important;
        border-left-color: #f4f4f4;
        border-right-color: #f4f4f4;
    }

    .nav-tabs-custom > .nav-tabs > li {
        border-top: 0px;
        border-top-color: currentcolor;
        margin-bottom: -2px;
        margin-right: 4px;
        background: #d8d5d5 !important;
    }

    .nav-tabs-custom .nav-tabs > li {
        margin-bottom: -1px;
        display: inline-block;
    }

    .nav-tabs-custom > .nav-tabs > li {
        border-top: 0px;
        border-top-color: currentcolor;
        margin-bottom: 5px;
        margin-right: 5px;
        background: #d8d5d5 !important;
        max-height: 60px;
    }

ul.nav.nav-tabs li.active a {
    background: #d3977b !important;
    border-bottom: 2px solid transparent;
    border-left: 2px transparent;
    border-right: 2px solid transparent;
}

    ul.nav.nav-tabs li.active a i.text-aqua {
        color: #ffffff !important;
    }

    ul.nav.nav-tabs li a i.text-aqua {
        color: #8e8e8f !important;
    }

.nav-tabs-custom .nav {
    padding-left: 10px !important;
    margin-bottom: 0;
    list-style: none;
}



.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #02164f !important;
}

.chargingStationBookingDetailsGridContainer {
    margin-top: -35px !important;
}

div#TariffBulkUploadFileInfo {
    height: auto !important;
}


/*============================================= ALL MODAL POPUP HEADER COLOR CHNAGE ==================================================*/

.modal-content .box-header.with-border {
    background: #2c2c2e !important;
    color: #fff;
}



.modal-content .modal-header {
    background: #02164f !important;
    color: #fff;
}

.modal-content .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
}

.modal-content .box.box-info {
    border-top-color: #2c2c2e !important;
}

/*==================== tab pills css ======================*/

.nav.nav-pills li {
    background: #d8d5d5 !important;
    color: #000;
    /* border-radius:45px !important;  Round css */
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    border-top-color: #02164f !important;
}

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    color: #fff;
    background: #02164f;
    /* border-radius:45px !important;  Round css */
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #02164f !important;
    /* border-radius:45px !important;  Round css */
}

.nav.nav-pills {
    margin-left: 12px;
}


/* ========================= Role permission box css ============================= */

.small-box .inner.employee {
    background: white !important;
    margin-top: 15px;
    color: #000 !important;
}

.small-box .inner.role {
    background: white !important;
    margin-top: 15px;
    color: #000 !important;
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #2c2c2e !important;
}


.callout.callout-info {
    border-color: #0d47ff !important;
}

/*========================= on-off switch options css ================================= */

input:checked + .slider {
    background-color: #02164f !important;
}


/* ========================================= Date range picker css =================================== */

#daterange-btn {
    background: #d3977b !important;
    color: #fff;
    border: #d3977b !important;
}

#chart-1-daterange-btn {
    background: #d3977b !important;
    color: #fff;
    border: #d3977b !important;
}

#daterange-btn:hover {
    color: #fff;
    background-color: #d3977b !important;
    border-color: #d3977b !important;
}

.ranges li.active {
    background-color: #d3977b !important;
    border: 1px solid #d3977b !important;
    color: #fff !important;
}

.ranges li:hover {
    background-color: #d3977b !important;
    border: 1px solid #d3977b !important;
    color: #fff !important;
}

 

.ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #042172 !important;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer;
}

/*==================== Box Modal CSS ===========================*/

.box-info {
    border-top-color: #042172 !important;
}

.box.box-info {
    margin-top: 10px;
}


/* =================== question Mark css =====================  */

.questionMark a {
    color: #f36f25 !important;
}



/* ================================  KENDO GRID TABLE CSS ======================================= */


.k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap,
.k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item,
.k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-color: #d3977b !important;
}

.k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #e2c5b4 !important;
}


/*=============== EXPORT, IMPRT BUTTON BACKGROUND CSS ========================== */

.k-button.k-button-icontext {
    border-radius: 4px;
    border-color: #1c1c1e !important;
    color: #fff;
    background-color: #1c1c1e !important;
    background-position: 100%;
    background-image: url(../lib/kendo-ui/styles/textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.45)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
}
    /*=============== EXPORT, IMPRT BUTTON HOVER CSS ========================== */

    .k-button.k-button-icontext .k-state-hover, .k-button:hover {
        color: #fff;
        border-color: #d3977b !important;
        background-color: #d3977b !important;
        background-image: url(../lib/kendo-ui/styles/textures/highlight.png);
        background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    }

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical, .k-list > .k-state-highlight {
    background-color: #d7f59f !important;
    border-color: #d7f59f !important;
}

.k-pager-wrap .k-marquee-color, .k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected,
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    background: #02164f !important;
    color: white !important;
    border-color: #02164f !important;
}

.k-pager-wrap .k-dropdown {
    width: 5.5em;
}

/*=============== TABLE GRID TR TD HOVER CSS ========================== */
.k-grid tr:hover {
    background-color: #f6eae5 !important;
}


/*=============== TABLE  BOTTOM PAGERS    CSS ========================== */

.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em;
    background: #724126 !important;

    border: 1px solid #724126 !important;
}


/* ================== items per page css ======================== */

span.k-widget.k-dropdown.k-header .k-input {
    color: #fff !important;
}

span.k-widget.k-dropdown.k-header .k-select {
    color: #fff !important;
}

span.k-dropdown-wrap.k-state-default {
    background: #724126 !important;
}

.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-recur-view .k-check:active, .k-pager-wrap .k-link:hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-state-hover, .k-state-hover:hover {
    color: #fff !important;
    background-color: #724126 !important;
    border-color: #724126 !important;
}

.k-link.k-pager-nav {
    border: 1px solid #724126;
    line-height: 58px;
}

.k-icon.k-i-arrow-60-right {
    line-height: 45px;
    margin-top: 4px !important;
}

.k-icon.k-i-arrow-end-right {
    margin-top: 4px !important;
}

.k-icon.k-i-arrow-60-down {
    margin-top: 3px !important;
}

.k-icon.k-i-arrow-end-left {
    margin-top: 4px !important;
}

.k-icon.k-i-arrow-60-left {
    margin-top: 4px !important;
}

.k-icon.k-i-reload {
    margin-top: 4px !important;
}

.k-filter-menu span.k-dropdown-wrap.k-state-default {
    background-position: 50% 50%;
    background-color: #deeef5 !important;
    border-color: #f8bfa8 !important;
    color: #000 !important;
}

.k-filter-menu div span.k-input {
    color: #000 !important;
}

.k-filter-menu .k-icon.k-i-arrow-60-down {
    color: #000;
}

.k-filter-menu span.k-widget.k-dropdown.k-header .k-input {
    color: #000 !important;
}

.k-icon.k-i-calendar {
    color: #fff !important;
}

.k-icon.k-i-clock {
    color: #fff !important;
}


input.k-textbox {
    background: #fff !important;
}

.k-button.k-primary {
    background: #d3977b !important;
}
.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    color: #fff;
    background-color: #d3977b !important;
    border-color: #d3977b;
}

/* DATE 21-2-2023 EDIT */

.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: auto !important;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px;
}



.input-group.topPosition {
    position: absolute;
    right: 25px;
    top: 83px !important;
}


.k-link.k-link-increase .k-i-arrow-60-up::before {
    content: "\e004";
    color: #fff !important;
}

.k-link.k-link-decrease .k-i-arrow-60-down::before {
    color: #fff !important;
}

.box-title.pull-left.ElectricityTariff {
    color: #fff !important;
}

select#CPOId {
    width: 100% !important;
    height: 45px !important;
}

.filtertype input[type="radio"] {
    vertical-align: baseline;
    margin-right: 10px;
}


.VehicleTab.active a {
    color: #fff !important;
}

/*  24-2-2023 SHAKIB ISSUES */

.empty-grid {
    margin-top: 10px !important;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 26px !important;
}


.phoneDetails {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    margin-top: 50px;
    min-height: 195px !important;
    margin-bottom: 20px;
    padding: 5px !important;
}

select.input-sm {
    height: 30px;
    line-height: 20px !important;
}

#MyFormView2 .switch {
    top: 0px !important;
}

.input-group.tarrif-select {
    left: 43px;
}

Assam-line {
    margin-top: 3px;
    width: 50px !important;
    background: blue;
    height: 3px;
    float: left;
    margin-left: 48px !important;
}


/* MAHINDRA CSS THEME CHANGE */


.skin-blue .main-header .navbar .nav > li > a {
    color: #a4a4a5 !important;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #a4a4a5 !important;
}

 

 

input#IsGuestUser {
    margin-top: -2px;
    vertical-align: middle;
}


#rightMenuToggler .fa.fa-question {
    line-height: 25px !important;
}

.fa.fa-gear {
    line-height: 25px;
}

.parentHilighter {
    background-color: #d3977b !important;
    color: #fff !important;
}

#okButton.btn-primary {
    background: #d3977b !important;
}

.fa.text-aqua img {
    width: 16px !important;
    margin-top: 0.5px;
}
input#LoginId {
    width: 100% !important;
}

.fa.text-aqua img {
    filter: grayscale(90%);
}

li.active .fa.text-aqua img {
    filter: brightness(0) invert(1);
}

.switch {
    position: absolute;
    display: inline-block;
    width: 45px;
    height: 24px;
    left: 0;
    top: -27px;
    right: 25px !important;
}

.renderbody111 {
    margin-top: 10px !important;
}

.direction {
    background: #49494b !important;
    height: 40px;
}

    .direction .bg-olive {
        background-color: #d3977b !important;
    }

.btn.btn-primary.fa-pull-right, 
.btn.btn-primary.pull-right {
    background: #d3977b !important;
    border: #d3977b !important;
}       

.btn-app:hover {
    background: #d3977b !important;
    color: #fff !important;
    border-color: #aaa;
}

.modal-content .modal-header {
    background: #49494b !important;
    color: #fff;
}

.callout.callout-success {
    border-color: #0d47ff !important;
}
/*=================== Fonts Cilents wise ============================ */




/* =========================== Headings and Pragraph font Size css ============================ */

h1 {
    font-size: 28px !important;
    font-weight: 400 !important;
}

h2 {
    font-size: 24px !important;
    font-weight: 400 !important;
}

h3 {
    font-size: 20px !important;
    font-weight: 400 !important;
}

h4 {
    font-size: 16px !important;
    font-weight: 400 !important;
}

h5 {
    font-size: 14px !important;
    font-weight: 400 !important;
}

h16 {
    font-size: 12px !important;
    font-weight: 400 !important;
}

p {
    font-size: 12px !important;
    font-weight: 400 !important;
}

a {
    color: #02164f;
    text-decoration: none;
}


/* ==================== LOGIN PAGE CSS========================*/

login-page-left-side-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50vw;
    height: 40vw;
}



.login-page-left-side-logo img {
    max-width: 100%;
    max-height: 100%;
    margin-left: 17% !important;
}




input.btn.btn-primary.btn-block.btn-flat {
    background: #d3977b !important;
    border: 1px solid #d3977b !important;
    margin-top: 15px !important;
}

.login-logo a {
    color: #1c1c1e;
    font-weight: 600;
}


/*======================== Map page css============================== */



a.slide-right.dropdown-toggle {
    background: #d3977b;
    display: inline-block;
    border-radius: 30px;
    padding: 7px 10px;
    width: 30px;
    height: 30px;
}

.slide-right.dropdown-toggle img {
    width: 12px;
    height: auto;
    filter: brightness(0) invert(1);
}


/* ====================== FOTTER CSS =========================*/


.main-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 5px;
    background: #1c1c1e;
}

    .main-footer a {
        color: #a4a4a5 !important;
    }

footer.main-footer a {
    color: #a4a4a5 !important;
}

/*========================== HEADER CSS ==================*/



.main-header {
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
    background: #1c1c1e !important;
}

nav.navbar.navbar-static-top {
    background: #1c1c1e !important;
}

span.logo-lg.logo {
    background: #1c1c1e !important;
}


img.deltaLogo.webm-devsecopscom {
    width: 165px !important;
    height: auto;
    margin-top: -8px !important;
}

#RightSideButtonId {
    margin-top: 10px;
    background: #d3977b !important;
    border: 1px solid #d3977b !important;
    
}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: #fff !important;
    text-decoration: none;
    background-color: #d3977b;
    background-image: -moz-linear-gradient(top, #d3977b, #d3977b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3977b), to(#d3977b));
    background-image: -webkit-linear-gradient(top, #d3977b, #d3977bf);
    background-image: -o-linear-gradient(top, #d3977bf, #d3977b);
    background-image: linear-gradient(to bottom, #d3977b, #d3977b);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d3977b', endColorstr='#d3977b', GradientType=0);
}

img.networkLayout-icon {
    filter: brightness(0) invert(1) !important;
}

/*====================== side menu css ========================= */

.menuTogglerClick2 {
    background-color: #2c2c2e !important;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #d3977b !important;
}

i.fa.fa-dashboard.text-aqua {
    color: #ffffff !important;
}

i.fa.fa-industry.text-red {
    color: #ffffff !important;
}

i.fa.fa-users.text-orange {
    color: #ffffff !important;
}

i.fa.fa-sitemap.text-red {
    color: #ffffff !important;
}

i.fa.fa-circle-o.text-green {
    color: #ffffff !important;
}
.text-aqua {
    color: #ffffff !important;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c2c2e !important;
}



/*=======  All Button color change css ====================*/

.btn-info {
    background-color: #d3977b !important;
    border-color: #d3977b !important;
}

    .btn-info:hover {
        color: #fff;
        background-color: #724126 !important;
        border-color: #724126 !important;
    }

.btn-primary {
    background-color: #02164f !important;
    border-color: #02164f !important;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #042172 !important;
        border-color: #042172 !important;
    }

.btn-success {
    background: #34c759 !important;
    border-color: #34c759 !important;
}

    .btn-success:hover {
        background: #77d990 !important;
    }

/* ===================== ALL TAB CSS ========================*/

.nav-tabs-custom {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 3px;
    padding: 10px !important;
}



    .nav-tabs-custom > .nav-tabs > li {
        border-top: 3px solid transparent;
        margin-bottom: -2px;
        margin-right: 5px;
        background: #d8d5d5 !important;
    }

    .nav-tabs-custom .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 5px;
    }

    .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
        background-color: #d3977b !important;
        color: #fff !important;
        border-top: 1px;
    }

    .nav-tabs-custom > .nav-tabs > li.active > a {
        border-top-color: transparent !important;
        border-left-color: #f4f4f4;
        border-right-color: #f4f4f4;
    }

    .nav-tabs-custom > .nav-tabs > li {
        border-top: 0px;
        border-top-color: currentcolor;
        margin-bottom: -2px;
        margin-right: 4px;
        background: #d8d5d5 !important;
    }

    .nav-tabs-custom .nav-tabs > li {
        margin-bottom: -1px;
        display: inline-block;
    }

    .nav-tabs-custom > .nav-tabs > li {
        border-top: 0px;
        border-top-color: currentcolor;
        margin-bottom: 5px;
        margin-right: 5px;
        background: #d8d5d5 !important;
        max-height: 60px;
    }

ul.nav.nav-tabs li.active a {
    background: #d3977b !important;
    border-bottom: 2px solid transparent;
    border-left: 2px transparent;
    border-right: 2px solid transparent;
}

    ul.nav.nav-tabs li.active a i.text-aqua {
        color: #ffffff !important;
    }

    ul.nav.nav-tabs li a i.text-aqua {
        color: #8e8e8f !important;
    }

.nav-tabs-custom .nav {
    padding-left: 10px !important;
    margin-bottom: 0;
    list-style: none;
}



.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #02164f !important;
}

.chargingStationBookingDetailsGridContainer {
    margin-top: -35px !important;
}

div#TariffBulkUploadFileInfo {
    height: auto !important;
}


/*============================================= ALL MODAL POPUP HEADER COLOR CHNAGE ==================================================*/

.modal-content .box-header.with-border {
    background: #02164f !important;
    color: #fff;
}



.modal-content .modal-header {
    background: #02164f !important;
    color: #fff;
}

.modal-content .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
}

.modal-content .box.box-info {
    border-top-color: #02164f !important;
}

/*==================== tab pills css ======================*/

.nav.nav-pills li {
    background: #d8d5d5 !important;
    color: #000;
    /* border-radius:45px !important;  Round css */
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    border-top-color: #02164f !important;
}

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    color: #fff;
    background: #02164f;
    /* border-radius:45px !important;  Round css */
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #02164f !important;
    /* border-radius:45px !important;  Round css */
}

.nav.nav-pills {
    margin-left: 12px;
}


/* ========================= Role permission box css ============================= */

.small-box .inner.employee {
    background: white !important;
    margin-top: 15px;
    color: #000 !important;
}

.small-box .inner.role {
    background: white !important;
    margin-top: 15px;
    color: #000 !important;
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #02164f !important;
}


/*========================= on-off switch options css ================================= */

input:checked + .slider {
    background-color: #02164f !important;
}


/* ========================================= Date range picker css =================================== */

#daterange-btn {
    background: #02164f !important;
    color: #fff;
    border: #02164f !important;
}

#chart-1-daterange-btn {
    background: #02164f !important;
    color: #fff;
    border: #02164f !important;
}

#daterange-btn:hover {
    color: #fff;
    background-color: #042172 !important;
    border-color: #042172 !important;
}

.ranges li.active {
    background-color: #042172 !important;
    border: 1px solid #042172 !important;
    color: #fff !important;
}

.ranges li:hover {
    background-color: #042172 !important;
    border: 1px solid #042172 !important;
    color: #fff !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #f37022 !important;
    border-color: transparent;
    color: #fff !important;
}

.ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #042172 !important;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer;
}

/*==================== Box Modal CSS ===========================*/

.box-info {
    border-top-color: #042172 !important;
}

.box.box-info {
    margin-top: 10px;
}


/* =================== question Mark css =====================  */

.questionMark a {
    color: #f36f25 !important;
}



/* ================================  KENDO GRID TABLE CSS ======================================= */


.k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap,
.k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item,
.k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-color: #02164f !important;
}

.k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #c4f567 !important;
}


/*=============== EXPORT, IMPRT BUTTON BACKGROUND CSS ========================== */

.k-button.k-button-icontext {
    border-radius: 4px;
    border-color: #a3d0e4;
    color: #fff;
    background-color: #02164f;
    background-position: 100%;
    background-image: url(../lib/kendo-ui/styles/textures/highlight.png);
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.45)),to(rgba(255,255,255,0)));
    background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
    background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
}
    /*=============== EXPORT, IMPRT BUTTON HOVER CSS ========================== */

    .k-button.k-button-icontext .k-state-hover, .k-button:hover {
        color: #fff;
        border-color: #f37022 !important;
        background-color: #f37022 !important;
        background-image: url(../lib/kendo-ui/styles/textures/highlight.png);
        background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.4)),to(rgba(255,255,255,0)));
        background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
        background-image: none,linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%);
    }

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical, .k-list > .k-state-highlight {
    background-color: #d7f59f !important;
    border-color: #d7f59f !important;
}

.k-pager-wrap .k-marquee-color, .k-panel > .k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected,
.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    background: #02164f !important;
    color: white !important;
    border-color: #02164f !important;
}

.k-pager-wrap .k-dropdown {
    width: 5.5em;
}

/*=============== TABLE GRID TR TD HOVER CSS ========================== */
.k-grid tr:hover {
    background-color: #d7f59f !important;
}


/*=============== TABLE  BOTTOM PAGERS    CSS ========================== */

.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em;
    background: #02164f !important;
}


/* ================== items per page css ======================== */

span.k-widget.k-dropdown.k-header .k-input {
    color: #fff !important;
}

span.k-widget.k-dropdown.k-header .k-select {
    color: #fff !important;
}

span.k-dropdown-wrap.k-state-default {
    background: #02164f !important;
}

.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-recur-view .k-check:active, .k-pager-wrap .k-link:hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-state-hover, .k-state-hover:hover {
    color: #fff !important;
    background-color: #02164f !important;
    border-color: #02164f !important;
}


.k-filter-menu span.k-dropdown-wrap.k-state-default {
    background-position: 50% 50%;
    background-color: #deeef5 !important;
    border-color: #a3d0e4 !important;
    color: #000 !important;
}

.k-filter-menu div span.k-input {
    color: #000 !important;
}

.k-filter-menu .k-icon.k-i-arrow-60-down {
    color: #000;
}

.k-filter-menu span.k-widget.k-dropdown.k-header .k-input {
    color: #000 !important;
}

.k-icon.k-i-calendar {
    color: #fff !important;
}

.k-icon.k-i-clock {
    color: #fff !important;
}


input.k-textbox {
    background: #fff !important;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
    color: #fff;
    background-color: #d7f59f !important;
    border-color: #146b90;
}

/* DATE 21-2-2023 EDIT */

.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: auto !important;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px;
}



.input-group.topPosition {
    position: absolute;
    right: 25px;
    top: 83px !important;
}


.k-link.k-link-increase .k-i-arrow-60-up::before {
    content: "\e004";
    color: #fff !important;
}

.k-link.k-link-decrease .k-i-arrow-60-down::before {
    color: #fff !important;
}

.box-title.pull-left.ElectricityTariff {
    color: #fff !important;
}

select#CPOId {
    width: 100% !important;
    height: 45px !important;
}

.filtertype input[type="radio"] {
    vertical-align: baseline;
    margin-right: 10px;
}


.VehicleTab.active a {
    color: #fff !important;
}

/*  24-2-2023 SHAKIB ISSUES */

.empty-grid {
    margin-top: 10px !important;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 26px !important;
}


.phoneDetails {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    margin-top: 50px;
    min-height: 195px !important;
    margin-bottom: 20px;
    padding: 5px !important;
}

select.input-sm {
    height: 30px;
    line-height: 20px !important;
}

#MyFormView2 .switch {
    top: 0px !important;
}

.input-group.tarrif-select {
    left: 43px;
}

Assam-line {
    margin-top: 3px;
    width: 50px !important;
    background: blue;
    height: 3px;
    float: left;
    margin-left: 48px !important;
}


/* MAHINDRA CSS THEME CHANGE */


.skin-blue .main-header .navbar .nav > li > a {
    color: #a4a4a5 !important;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #a4a4a5 !important;
}

 

 

input#IsGuestUser {
    margin-top: -2px;
    vertical-align: middle;
}


#rightMenuToggler .fa.fa-question {
    line-height: 25px !important;
}

.fa.fa-gear {
    line-height: 25px;
}

.parentHilighter {
    background-color: #d3977b !important;
    color: #fff !important;
}

#okButton.btn-primary {
    background: #d3977b !important;
}

.fa.text-aqua img {
    width: 16px !important;
    margin-top: 0.5px;
}
input#LoginId {
    width: 100% !important;
}
.usermanual-icon 
{
    display:none;
}

.networkLayout-icon
{
    display:none;
}