/* body {
    background: #f1f8fa;
}

header {
    border: 1px solid #2ea1cd;
}

    header .phone-number a:hover {
        color: #2ea1cd;
    }

.c-layout-page .menu {
    background: #2ea1cd;
}


.content_part {
    -webkit-box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08);
    box-shadow: 0px 1px 15px 1px rgba(69,65,78,0.08)
}
.notification-container .count {
    background: #2ea1cd;
}

.svg {
    filter: brightness(100);
}

    .svg:hover {
        filter: brightness(0.1);
    }

.phone-number .svg {
    filter: brightness(0.1) !important;
}

.btn.green-button {
    background: #2ea1cd;
    border: 1px solid #2ea1cd;
}

    .btn.green-button:hover {
        background: #fcfcfc;
        color: #2ea1cd;
        border: 1px solid #2ea1cd;
    }

.btn.purple-button {
    background: #2ea1cd;
}

    .btn.purple-button:hover {
        background: #fcfcfc;
        color: #2ea1cd;
        border: 1px solid #2ea1cd;
    }

.c-layout-page .menu ul li a.title, .sidenav .menu ul li a.title {
    color: #ffffff;
}

.submenu a:hover {
    background-color: transparent;
    color: #313131;
}

.submenu a {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}

.table th {
    background: #2ea1cd !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #2ea1cd;
    border-color: #2ea1cd;
}

footer {
    background: rgb(46,161,205);
    background: linear-gradient(90deg, rgba(46,161,205,1) 0%, rgba(76,193,237,1) 100%);
}

.c-layout-page .title {
    color: #2ea1cd;
}

.green-block {
    background: rgba(115,201,234,.2);
}
.modal-header {
    background: #2ea1cd;
}
.bootbox .btn.btn-default, .bootbox .btn.btn-primary {
    background: #2ea1cd;
    border: 1px solid #2ea1cd;
}

    .bootbox .btn.btn-default:hover, .bootbox .btn.btn-primary:hover {
        background: #fff;
        border: 1px solid #2ea1cd;
        color: #2ea1cd;
    }

.with-nav-tabs.panel-primary .nav-tabs > li > a, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #0f0f11;
    font-weight: bold;
    letter-spacing: 1px;
    border: 1px solid #2ea1cd;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: transparent;
    border-bottom-color: #2ea1cd;
}

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #ffffff;
    background-color: #2ea1cd;
    border-color: #2ea1cd;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #2ea1cd;
    border-color: transparent;
}

.po-head a .polink {
    color: #fff;
    background: #2ea1cd;
}

.section-part .panel-heading.panel-title.form-group 
{ background-color: #2ea1cd; color: #fff; margin-bottom: 30px; }
.section-part 
{ border: 1px #2ea1cd solid; border-radius: 6px; }




.section-part-titel a.btn.purple-button {
    color: #2ea1cd;
}
 
.section-part-titel {
    background: #2ea1cd;
}



 

h4.table-titel 
{ color: #2ea1cd; border-bottom: 1px #2ea1cd solid; }
.new-table-deta a.paginate_button.current 
{ background: #2ea1cd !important; color: #FFF !important; }
.new-table-deta a.paginate_button.next 
{ background: #2ea1cd url(../img/right-arrow.svg) no-repeat center center; }
.new-table-deta a.paginate_button.previous 
{ background: #2ea1cd url(../img/left-arrow.svg) no-repeat center center; }
.new-table-deta .paginate_button:hover 
{ background: #2ea1cd; color: #fff !important; }
.new-table-deta a.paginate_button 
{ color: #2ea1cd !important; }









.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover 
{ background-color: #2ea1cd !important; background: #2ea1cd !important; border: 1px #2ea1cd solid !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover 
{ background-color: #2ea1cd !important;  background: #2ea1cd !important;   border: 1px #2ea1cd solid !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.next 
{ border: 1px #2ea1cd solid !important; color: #2ea1cd !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous 
{ border: 1px #2ea1cd solid !important; color: #2ea1cd !important; }


.sidenav 
{ background-color: #2ea1cd; }



 float: none; */


/*-------------------------- SideMenu CSS start -----------------------------------*/

/*=================left navibar begin=========================================*/


/*-------------------------- SideMenu CSS end*/

.col-md-4.my-details-bg {
    margin-top: 20px;
}

aside#sidebar_left {
    position: fixed !important;
}
.visible{
    display: block !important;
}
.sidenav .menu ul li {
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #3c3f61;
}
.c-layout-page .menu ul li a.title, .sidenav .menu ul li a.title{
   color: #fff !important;
}


body.patner-login.ensar-black-login .btn:hover {
    background-color: #1c1e3a !important;
}
body.patner-login.ensar-black-login .btn:focus {
    background-color: #1c1e3a !important;
}


.my-details-table {
    overflow: auto;
    display: block;
}

table .table{
    overflow: auto;
    display: block;
}

.c-layout-page .menu {
    padding: 0;
    margin: 0 !important;
}


a.btn.success.p-add{
    padding: 0 !important;
}

body.patner-login.ensar-black-login .margin-btn {
    margin: -30px 0 0 16px !important;
}

.modal1{
    z-index: 999999 !important;
}

body.patner-login.ensar-black-login .content_part .green-block{
    padding: 15px !important;
}

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

.col-md-12 .col-md-12.text-center{
    margin: 10px 0 !important;
}

body.patner-login.ensar-black-login .table.table-bordered thead tr th{
    white-space: nowrap;
}

.nav-tabs > li.active > a{
    color: #fff;
}
.nav-tabs > li.active > a:focus {
    color: #fff;
}
.nav-tabs > li.active > a:hover {
    color: #fff;
}

.visibility_table{
    display: block;
    overflow: auto;
}

.sp_button{
    width: 100%;
    float: left;
    margin-top: 10px;
}

.director_part {
    width: 50% !important;
    float: left;
    padding: 0;
    margin: 0 ;
}

    .director_part label{
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
    }
    .director_part .padd_null {
        padding: 0 !important;
    }
    .director_part .padd_1{
        padding: 0 15px 0 0 !important;
    }
    .director_part .padd_2 {
        padding: 0 !important;
    }

    .director_part .row{
        width: 100%;
        float: left;
    }

    .director_part input{
        width: 100%;

    }

.owner_padd{
    padding: 15px 0 !important;
}

h6.cimpass-form {
    padding: 0 !important;
}

.row_lable_full label {
    padding: 0 !important;
}
.dob_padd{
    padding: 0!important;
}

.panel-primary.acc_cv {
    padding: 15px !important;
}

.table_100{
    display: block;
    overflow: auto;
}

.modal-dialog {
    overflow: auto !important;
    display: block !important;
    margin: 0 auto !important;
    max-width: 90% !important;
    height: 80vh !important;
}
.modal {
    top: 0;
    margin-top: 5% !important;
    margin-bottom: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
}

.mb-2{
    margin-bottom: 10px;
}

.credit_panel {
    margin: 15px !important;
}
.credit_model #responsive2 {
  background: #fff;
}

#EcosDiv{
    height: 400px;
    background: #fff;
}

.h2_head {
    width: 100%;
    float: left;
    padding: 0 0 3px;
    margin: 0;
    border-bottom: 2px #1c1e3a solid !important;
}

body.patner-login.ensar-black-login .h2_head h2.title {
    border-bottom: none !important;
}

.panel-padd.panel-padd {
    padding: 15px 0 !important;
}

.request-quote-design .bg-block.block-padd{
    padding: 15px !important;
}
.container.lead-container{
    width: 100% !important;
}

.set_div1{
    padding-left: 0px !important;
}

.set_div2 {
    padding-right: 0px !important;
}














@media only screen and (max-width: 1300px) {
    .patner-login .ensar-black-login span.select2.select2-container.select2-container--default {
            width: 100% !important;
        }

        .patner-login .ensar-black-login .form-control.input-btn-box {
            height: 44px !important;
        }

        body.patner-login.ensar-black-login .sp_span span {
            width: 100% !important;
        }

        .patner-login.ensar-black-login span.select2 {
            width: 100% !important;
        }

        .patner-login.ensar-black-login .green-block .col-sm-1 {
            width: calc(100%/10);
            float: left;
        }

        body.patner-login.ensar-black-login .sp_span span b {
            left: 96% !important;
        }

        .meter_table {
            overflow: auto;
            display: block;
        }


        .remove-br br {
            display: none;
        }

        .customer-table {
            width: 100% !important;
            float: left;
        }

        .remove-br {
            width: 20% !important;
            padding: 10px 0 !important;
        }

        .customer-table table {
            width: 100% !important;
        }

        /*.dataTables_scrollHeadInner {
        width: 100% !important;
    }*/
    }



    @media only screen and (max-width: 1100px) {
        /* toggle menu bar respomnsive*/
        .sidenav {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: #ffffff;
            overflow-x: hidden;
            transition: 0.5s;
        }

        aside#sidebar_left {
            position: unset !important;
        }

        .c-layout-page .menu {
            margin: 15px 0 0;
        }

        a.closebtn {
            display: block;
        }

        .sidenav .closebtn {
            color: #000;
            position: absolute;
            top: -4px;
            right: 4px;
            font-size: 28px;
        }

        span.responsive-menu-btn {
            display: block;
        }

        .sidenav {
            z-index: 999999;
        }

        span.responsive-menu-btn {
            display: block !important;
        }

        /* right-side full width-without toggle menu*/
        .col-md-11.col-lg-11.nopadding.pull-right.right-part {
            width: 100% !important;
        }
        /* footer full width-without toggle menu*/
        footer {
            width: 100% !important;
        }

        .chat-sidebar {
            margin: 10px 15px !important;
        }
        /*common top padding*/
        .c-layout-page {
            padding-top: 13px;
            margin: 20px 10px 0;
        }

        .content_part {
            margin-left: 0 !important;
        }

        div#dvResponsiveMenu {
            padding-top: 30px !important;
        }
    }

    @media only screen and (max-width: 1024px) {
        .market_graph {
            overflow: auto !important;
            display: block !important;
        }

        body.login.ensar-black-login .logo {
            width: 100% !important;
        }
    }





    @media only screen and (max-width: 992px) {
        .add-prospect .panel-default .panel-heading {
            margin-top: 10px !important;
            margin-bottom: 30px !important;
        }

        .tab-content .tab-content {
            padding: 0px !important;
        }

        div#responsive2 {
            margin: 5% auto 0 !important;
        }

        .lead-full {
            width: 100%;
        }

        .patner-login.ensar-black-login.col-md-4.m-bottom {
            margin-bottom: 20px !important;
        }


        /*body.patner-login.ensar-black-login .col-md-4 label {
            margin: 15px 0 5px 0 !important;
        }*/

        body.patner-login.ensar-black-login .col-md-4 label.control.control--radio {
            margin: 0 !important
        }

        body.patner-login.ensar-black-login .col-md-4 .form-control {
            float: left !important;
            display: block !important;
            margin-top: 0 !important;
        }



        #divdata .col-md-4 {
            padding-right: 0px;
        }

            #divdata .col-md-4 span.select2 {
                margin-bottom: 10px;
                width: 100%;
            }

        #divdata button#btnSubmit {
            margin-left: 15px !important;
        }

        /*button.btn.success {
            margin-top: 10px;
        }*/

        body.patner-login.ensar-black-login .select2-selection__arrow b {
            left: 60% !important;
        }

        body.patner-login.ensar-black-login #tab1_1 .col-md-4 label.field {
            margin: 0 0 5px 0 !important;
        }

        .patner-login.ensar-black-login .green-block .col-sm-1 {
            width: calc(100%/8);
            float: left;
        }

        ul.nav-right li {
            margin-top: 0 !important;
        }

        #supply_price {
            width: 100% !important;
            float: left !important;
        }

        .customer-btn {
            margin-left: 0 !important;
            text-align: center !important;
        }

        .submit-btn {
            width: 100% !important;
            float: left !important;
        }

        .search-text {
            margin-left: 0 !important;
        }

        #dvListOuter {
            width: 100%;
            float: left;
        }

        body.patner-login.ensar-black-login .sp_span span b {
            left: 98% !important;
        }

        /*.modal {
            width: 95% !important;
            max-height: 80vh;
            overflow: auto !important;
            left: 0% !important;
            margin: 8% auto 0 !important;
        }*/


        .option-group {
            padding-left: 0;
        }

        .group_dash .col-md-6 {
            padding: 0 15px !important;
            width: 100%;
        }

        .tab-content .col-md-4 {
            width: 100%;
            float: left;
        }

        .sidenav .closebtn:hover {
            background: #fff !important;
        }

        .table-responsive {
            overflow-x: unset !important;
        }

        .text-right .btn-primary {
            margin-top: 10px;
        }

        .simple-text .text-right {
            text-align: left !important;
            padding: 0 15px !important;
        }


        .customer-table {
            width: 100% !important;
        }


        .left-btn button {
            margin-top: 10px !important;
        }


        .market-i {
            top: 40px !important;
        }

        .price_btn .text-center {
            margin-top: 0 !important;
        }
        /*.market_price .col-md-4 {
            float: left;
        }*/
        .market_lable {
            margin: 0 !important;
        }

        .credit_table table {
            overflow: auto;
            display: block;
        }

        .credit_model {
            width: 100% !important;
            margin: 0 !important;
        }



        .log_label {
            margin-left: 0 !important;
        }

        .view_btn {
            margin-top: 10px;
        }

        .view_lable {
            margin-left: 0 !important;
        }

        .view_button {
            margin-left: 15px;
        }

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

        .cust_width {
            width: 70% !important;
        }

        body.login.ensar-black-login .logo {
            width: 100% !important;
        }

        .table-modal {
            overflow: auto !important;
            /*display: block !important;*/
        }

        select.get_select {
            display: none !important;
        }

        .full_lable {
            width: 100%;
        }

        .panel_zero {
            padding: 0 !important;
        }

        .row_lable_full label {
            width: 100% !important;
            padding: 0 !important;
        }

        .row_lable_full .cimpass-form label {
            width: auto !important;
        }

        .padd_d_991 {
            padding: 0 !important;
        }

        .padd_add_991 {
            padding: 0 0 0 15px !important;
        }

        .dob_padd {
            padding: 0 !important;
            width: 100% !important;
        }

        .col-md-6.option-group.field.padd_zero {
            padding: 0 !important;
        }

        .panel-primary.acc_cv {
            padding: 15px 0 !important;
        }

        .full_btn {
            float: left;
            width: 100%;
        }

        .label_991 {
            width: 100%;
            float: left;
            margin-bottom: 15px !important;
            min-height: auto !important;
            height: auto !important;
        }
            .label_991 #strCompanyName{
                margin-bottom: 0 !important;
            }

            .or_tag {
                width: 100% !important;
                padding: 0 !important;
            }

        .label_991 .ml-0 {
            margin-left: 0 !important;
        }

        .mt-0 {
            margin-top: 0px !important;
        }

        .price_btn {
            width: 100%;
            float: left;
        }

        .crdt_btn {
            margin-left: 0 !important
        }

        .label_991 .post_mar {
            margin-top: 15px;
        }
    }

    @media only screen and (max-width: 991px) {
        .range_slider {
            width: 1095px;
            white-space: nowrap;
            float: left;
        }

        .range_slider-scroll {
            width: 100%;
            overflow: scroll;
            overflow: auto;
            float: left;
            white-space: nowrap;
        }
        .set_div1 {
            padding-left: 0px !important;
            padding-right:  0px !important;
        }

        .set_div2 {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }
    }


@media only screen and (min-width: 991px) and (max-width: 1346px) {
    .input_450{
        height: 60px !important;
    }
}


    @media only screen and (max-width: 768px) {
        .tab-content .tab-content {
            padding: 15px !important;
        }

        .add-prospect .panel-default .panel-heading {
            margin-bottom: 0px !important;
        }

        .filter-label .col-sm-12, .col-sm-11 {
            padding: 0;
        }

        .filter-label .col-sm-11 {
            padding: 0;
        }

        .filter-label .col-sm-1 {
            padding: 0;
        }

        .filter-label .form-control {
            margin: 0 0 0 10px;
            display: block;
            float: left;
        }

        .filter-label .col-sm-11 input {
            width: 85% !important;
            display: inline-block;
        }

        .filter_span span {
            margin: 0 0 0 5px;
            width: 100%;
        }

        .filter_span .col-sm-11 span:nth-child(2) {
            width: 85% !important;
        }

            .filter_span .col-sm-11 span:nth-child(2) b {
                left: 98% !important;
            }

        aside#sidebar_left {
            display: block;
        }

        .c-layout-page .menu {
            margin: 25px 0 0 0 !important;
        }

        .sidenav .closebtn {
            top: -5px;
            right: 10px;
        }

        .col-sm-1.control-label.msn-m {
            margin-top: 0px;
        }

        #CCLAmountOnBill .col-md-6 {
            margin-bottom: 18px;
        }

        .c-layout-page .content_part .panel-body {
            padding: 15px !important;
        }

            .c-layout-page .content_part .panel-body.owner_padd {
                padding: 0 !important;
            }

        .full-width {
            width: 100% !important;
        }

        .mpan-table table {
            overflow: auto !important;
            display: block !important;
        }

        .market_price .col-md-4 {
            width: 100%;
            float: left;
        }

        .carbon_table {
            overflow: auto;
            display: block;
        }

        body.login.ensar-black-login .logo {
            width: 100% !important;
        }

        .price_padd {
            padding: 0 !important;
        }

            .price_padd .col-md-12 {
                padding: 0 !important;
            }

        /*.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
            float: right !important;
        }*/

        body.patner-login.ensar-black-login .content_part .green-block.sub-zero {
            padding: 0 !important;
        }

        .c-layout-page .content_part .panel-body.sub-zero {
            padding: 0 !important;
        }

        .padd_zero {
            padding: 0 !important;
        }

        .c-layout-page .content_part .panel-body.panel_zero {
            padding: 0 !important;
        }

        .director_part {
            width: 100% !important;
        }

            .director_part .padd_1 {
                padding: 0 !important;
            }

            .director_part .padd_2 {
                padding: 0 !important;
            }

        .history_full {
            width: 100% !important;
        }

        .c-layout-page .content_part .panel-body.cred_padd {
            padding: 15px 0 !important;
        }

        .tab-content .tab-content.cred_padd {
            padding: 15px 0 !important;
        }
    }

    @media only screen and (max-width: 767px) {
        .col-md-11.col-lg-11.nopadding.pull-right.right-part {
            width: 100%;
            margin-top: 65px;
        }

        .sidenav {
            padding-top: 15px !important;
        }
    }

    @media only screen and (max-width: 680px) {
        .table_680 {
            display: block;
            overflow: auto;
        }
    }

    @media only screen and (max-width: 640px) {
        .dataTables_length {
            text-align: left !important;
        }

        .c-layout-page .content_part .padd_zero .panel-body .add_padd {
            padding: 15px !important;
        }

        .tab-content.change_padd {
            padding: 0 !important;
        }

        .change_width input {
            width: 100% !important;
        }

        .form_padd {
            padding: 0 15px;
        }

        .cust_width {
            width: 100% !important;
        }

        body.patner-login.ensar-black-login .padd_dec .col-xs-12 {
            padding: 0 !important;
        }

            body.patner-login.ensar-black-login .padd_dec .col-xs-12 .col-md-4 {
                padding: 0 !important;
            }

        body.patner-login.ensar-black-login .padd_dec .col-md-8 {
            padding: 0 !important;
        }

        .add_panel {
            float: left !important;
        }

        .view_padd {
            padding: 15px 0 !important;
        }

        body.patner-login.ensar-black-login .content_part .green-block.view_padd {
            padding: 15px 0 !important;
        }

        .tab-content .tab-content.view_padd {
            padding: 15px 0 !important;
        }




        .padd_zero .panel-heading {
            padding: 10px 0 !important;
        }

        .c-layout-page .content_part .padd_zero .panel-body {
            padding: 15px 0 !important
        }

        body.login.ensar-black-login .logo {
            width: 100% !important;
        }

        .dataTables_wrapper .dataTables_filter {
            margin-top: 0 !important;
        }

        .credit_model #responsive1 {
            height: 400px;
        }
        #sample_1_filter {
            float: right !important;
        }

        .dataTables_filter{
            float: right !important;
        }


    }



    @media only screen and (max-width: 576px) {
        .patner-login.ensar-black-login .green-block .col-sm-1 {
            width: calc(100%/7);
            float: left;
        }

        .p-down {
            margin-left: 7px !important;
            padding: 0 !important;
        }

        .panel-heading {
            overflow: auto;
        }

        .customer-table table {
            width: auto !important;
            overflow: auto;
            display: block;
        }

        .message-view {
            padding: 0 !important;
        }

        .chat-sidebar {
            margin: 10px 0px !important;
            padding: 15px !important;
            width: 100% !important;
        }

        body.login.ensar-black-login .logo {
            width: 100% !important;
        }

        .direct {
            float: left !important;
        }

        .calling input {
            margin: 5px 0;
        }

        .c-layout-page .content_part .panel-body.cred_padd {
            padding: 15px 0 !important;
        }

        .table_576 {
            display: block;
            overflow: auto;
        }

        .credit_panel {
            margin: 10px 15px !important;
        }

            .credit_panel #FileUploader {
                width: 100%;
            }

        #lblIntCredit {
            margin-top: 10px !important;
        }
        .btn_576{
            margin-bottom: 5px !important;
        }
    }

@media only screen and (max-width: 545px) {
    .form-control.input_545 {
        height: 60px !important;
    }
    .credit_panel {
        margin: 15px 0 !important;
        padding: 15px 0 !important;
    }

    .form-control.input_550 {
        height: 50px !important;
    }
}

    @media only screen and (max-width: 485px) {
        #lblIntCredit {
            margin-top: 10px !important;
        }
    }



@media only screen and (max-width: 450px) {
    

    .form-control.input_450 {
        height: 60px !important;
    }
}

   

    @media only screen and (max-width: 425px) {
        .patner-login.ensar-black-login .green-block .col-sm-1 {
            width: 25%;
            float: left;
        }

        .notice_button {
            white-space: normal;
            float: left;
        }

        body.patner-login.ensar-black-login .sp_span span b {
            left: 97% !important;
        }

        .termination_button button {
            white-space: inherit;
        }

        .doc_a_button a {
            margin: 10px 0 0;
        }

        .title a {
            float: none !important;
        }

        .col-sm-1.control-label.msn-m {
            margin-top: 7px;
        }

        .big-table {
            min-width: 100% !important;
        }

        body.login.ensar-black-login .logo {
            width: 100% !important;
        }

        .add_space {
            float: left !important;
        }

        body.patner-login.ensar-black-login .margin-btn {
            margin: 15px 0 0 16px !important;
        }


        h4.welcome-login {
            width: 320px !important;
        }
    }

    @media only screen and (max-width: 375px) {
        body .patner-login.ensar-black-login.newClass .panel-heading label.pull-right {
            float: none !important;
        }

        .meter-reading-tab-btn input {
            white-space: inherit;
        }

        .pull-right {
            float: left !important;
        }

        div#datetimepicker2 {
            float: left;
        }

        .cimpass-form {
            float: left;
        }

        body.login.ensar-black-login .logo {
            width: 100% !important;
        }

        .logo img {
            height: 60px !important;
        }

        .col-md-12 .col-md-12.text-center button {
            margin: 5px 0 !important;
        }

        button#btnsampleCommissionFile{
            font-size: 15px !important;
        }
        label#msgIdSucessG{
            font-size: 12px !important;
        }
    }

    @media only screen and (max-width: 350px) {
        .table_350 {
            display: block;
            overflow: auto;
        }
        .form-control.input_545 {
            height: 85px !important;
        }
    }


    .visible {
        display: block !important;
    }

    .c-layout-page .menu ul li, .sidenav .menu ul li {
        padding: 0;
    }

        .c-layout-page .menu ul li a.title, .sidenav .menu ul li a.title {
            color: #fff;
        }

            .c-layout-page .menu ul li a.title, .sidenav .menu ul li a.title:hover {
                color: #fff;
            }


    .range_slider-scroll {
        width: 100%;
    }






    li.init-un-active.active a {
        background: #1c1e3a !important;
    }

    .gw-container.gw-main-container .gw-sidebar.gw-sidebar-fixed,
    .gw-container.gw-main-container .gw-sidebar.gw-sidebar-fixed:before {
        left: auto
    }

    .gw-sidebar {
        width: 320px;
        position: fixed;
        border: 1px solid #e5e5e5;
        border-width: 0 1px 0 0;
        background-color: #F2F2F2;
        bottom: 0;
        top: 0;
        left: 0;
    }

        .gw-sidebar .nano-pane {
            background: rgba(255, 255, 255, 0);
            font-size: 15px;
        }

        .gw-sidebar .gw-nav-list {
            border-right: 1px solid #CCC;
        }

            .gw-sidebar .gw-nav-list li a {
                padding-left: 20px;
            }

    .gw-nav-list {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .gw-nav-list > li:first-child {
            border-top: 0;
        }

        .gw-nav-list > li {
            display: block;
            padding: 0;
            margin: 0;
            border: 0;
            background: #1c1e3a !important;
            position: relative;
            text-decoration: none;
        }
            /*li.init-un-active.arrow-up.active a {
    background: #1c1e3a !important;

}*/

            /*li.active {
    background: #1c1e3a !important;
    color: #fff;
}*/
            .gw-nav-list > li .gw-submenu > li > a {
                background: #2a2c48 !important;
                color: #fff !important;
                font-weight: normal !important;
                font-size: 12px !important;
            }

    li.active:active {
        background: #1c1e3a !important;
    }


    li.arrow-down:after {
        content: '+';
        font-size: 20px;
        position: absolute;
        right: 12px;
        top: 3px;
        /*border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;*/
        -webkit-transform: rotate(45deg);
        -webkit-animation: arrow-slide .5s 0s ease both;
        color: #fff;
    }

    li.init-arrow-down:before {
        content: '+';
        font-size: 20px;
        position: absolute;
        right: 12px;
        top: 3px;
        /*border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;*/
        -webkit-transform: rotate(45deg);
        color: #fff;
    }

    li.arrow-up:after {
        content: '+';
        font-size: 20px;
        position: absolute;
        right: 12px;
        top: 3px;
        /*border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;*/
        /*-webkit-transform: rotate(45deg);*/
        -webkit-animation: arrow-slide1 .5s 0s ease both;
        color: #fff;
    }

    li.init-arrow-up:after {
        content: '+';
        font-size: 20px;
        position: absolute;
        right: 12px;
        top: 3px;
        /*border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;*/
        /*-webkit-transform: rotate(45deg);*/
        color: #fff;
    }


    @-webkit-keyframes arrow-slide {
        0% {
        }

        100% {
            -webkit-transform: rotate(0deg);
            z-index: 3
        }
    }

    @-webkit-keyframes arrow-slide1 {
        0% {
        }

        100% {
            -webkit-transform: rotate(45deg);
            z-index: 3
        }
    }

    .gw-nav-list > li.active {
        background-color: #fff;
    }



    .gw-nav-list > li > a {
        display: block;
        height: auto;
        line-height: 16px;
        padding: 8px 4px;
        /*background-color: #f9f9f9;*/
        color: #fff;
        text-shadow: none !important;
        font-size: 12px;
        text-decoration: none;
    }

        .gw-nav-list > li > a i {
            width: 28px;
            float: left;
            line-height: 18px;
            font-size: 15px;
            text-align: left;
            padding: 0;
        }

    .gw-submenu > li > a i {
        width: 28px;
        float: left;
        line-height: 18px;
        font-size: 16px;
        text-align: left;
        padding: 0px 0 0;
    }



    .gw-open > a {
        outline: 0;
    }

    .gw-nav-list > li.gw-open {
        border-bottom-color: #e5e5e5
    }

        .gw-nav-list > li.gw-open > a {
            background-color: #fafafa;
            color: #1963aa
        }

    .gw-nav-list .gw-open > a,
    .gw-nav-list .gw-open > a:hover,
    .gw-nav-list .gw-open > a:focus {
        background-color: #fafafa
    }

    .gw-nav .gw-open > a,
    .gw-nav .gw-open > a:hover,
    .gw-nav .gw-open > a:focus {
        background-color: #eee;
        border-color: #428bca;
    }

    .gw-nav-list > li.active > a,
    .gw-nav-list > li.active > a:hover,
    .gw-nav-list > li.active > a:focus,
    .gw-nav-list > li.active > a:active {
        color: #fff;
        font-weight: normal;
        font-size: 12px;
    }

    .gw-nav-list > li > a,
    .gw-nav-list .gw-nav-header {
        margin: 0;
        font-family: 'Open Sans', sans-serif;
      
    }



    .gw-nav-list > li.active > a:hover:before {
        display: none
    }

span.gw-menu-text {
    width: 155px;
    display: block;
}





    .gw-nav-list > li.active:before {
        display: inline-block;
        content: "";
        position: absolute;
        right: -2px;
        top: -1px;
        bottom: 0;
        z-index: 1;
        border: 2px solid #dd4814;
        border-width: 0 2px 0 0
    }

    .gw-nav-list li.gw-open > a:after {
        display: none
    }

    .gw-nav-list > li a > .gw-arrow {
        display: inline-block;
        width: 14px !important;
        height: 14px;
        line-height: 14px;
        text-shadow: none;
        font-size: 18px;
        position: absolute;
        right: 11px;
        top: 11px;
        padding: 0;
        color: #666
    }

    .gw-nav-list > li a:hover > .gw-arrow,
    .gw-nav-list > li.active > a > .gw-arrow,
    .gw-nav-list > li.gw-open > a > .gw-arrow {
        color: #1963aa
    }

    .gw-nav-list > li > a > [class*="icon-"]:first-child {
        display: inline-block;
        vertical-align: middle;
        min-width: 30px;
        text-align: center;
        font-size: 18px;
        font-weight: normal;
        margin-right: 2px
    }

    .gw-nav-list > li.active .gw-submenu {
        display: block -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.13);
        -moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.13);
        box-shadow: inset 0px 0px 5px rgba(0,0,0,0.13);
    }

    .gw-nav-list > li .gw-submenu {
        font-size: 13px;
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        background-color: #fff;
    }

        .gw-nav-list > li .gw-submenu > li {
            margin-left: 0;
            position: relative
        }

            .gw-nav-list > li .gw-submenu > li > a {
                display: block;
                position: relative;
                color: #616161;
                padding: 7px 0 9px 22px;
                margin: 0;
                /*border-top: 1px dotted #e4e4e4;*/
                font-size: 14px;
                text-decoration: none;
            }

                .gw-nav-list > li .gw-submenu > li > a:focus {
                    text-decoration: none
                }

                .gw-nav-list > li .gw-submenu > li > a:hover {
                    text-decoration: none;
                    color: #dd4814;
                    background-color: rgba(25,25,50,0.1);
                }

            /*.gw-nav-list > li .gw-submenu > li.active:after {
            display: none !important;
            content: "";
            position: absolute;
            right: -1px;
            top: -1px;
            bottom: 0;
            z-index: 1;
        }*/

            .gw-nav-list > li .gw-submenu > li.active > a {
                color: #dd4814
            }

            .gw-nav-list > li .gw-submenu > li a > [class*="icon-"]:first-child {
                display: none;
                font-size: 12px;
                font-weight: normal;
                width: 18px;
                height: auto;
                line-height: 12px;
                text-align: center;
                position: absolute;
                left: 10px;
                top: 11px;
                z-index: 1;
                background-color: #FFF
            }

            .gw-nav-list > li .gw-submenu > li.active > a > [class*="icon-"]:first-child,
            .gw-nav-list > li .gw-submenu > li:hover > a > [class*="icon-"]:first-child {
                display: inline-block
            }

            .gw-nav-list > li .gw-submenu > li.active > a > [class*="icon-"]:first-child {
                color: #c86139
            }

    .gw-nav-list > li > .gw-submenu > li:first-child > a {
        border-top: 0px;
    }

    .gw-nav-list li .gw-submenu {
        overflow: hidden
    }

    .gw-nav-list li.active.gw-open > .gw-submenu > li.active.gw-open > a.dropdown-toggle:after {
        display: none
    }

    .gw-nav-list li.active > .gw-submenu > li.active > a:after {
        display: none
    }

    .gw-nav-list li.active.gw-open > .gw-submenu > li.active > a:after {
        display: block
    }

    .gw-nav-tabs li[class*=" icon-"],
    .nav-tabs li[class^="icon-"] {
        width: 1.25em;
        display: inline-block;
        text-align: center
    }

    ul.gw-nav.gw-nav-list {
        width: 100%;
        float: left;
    }



    .gw-nav-list > li .gw-submenu > li > a {
        background: #2a2c48 !important;
        padding: 12px 4px 12px 30px;
        border-left: solid 6px transparent;
        background: #2a2c48 !important;
    }

        .gw-nav-list > li .gw-submenu > li > a:hover {
            border-left: solid 6px #fff;
        }

    ul .gw-submenu li a i {
        display: none !important;
    }

    .gw-nav-list > li .gw-submenu > li > a {
        background-color: #2a2c48 !important;
    }

    .gw-nav-list > li .gw-submenu > li:first-child {
        border-top: 1px solid #3c3f61;
    }

    li.active a {
        background: #1c1e3a !important;
        /*background: #f07d00;*/
    }

    .gw-nav-list > li .gw-submenu > li:last-child {
        border: 0;
    }