/*@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura-Thin.eot');
    src: url('fonts/Futura-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Futura-Thin.woff2') format('woff2'), url('fonts/Futura-Thin.woff') format('woff'), url('fonts/Futura-Thin.ttf') format('truetype'), url('fonts/Futura-Thin.svg#Futura-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'a_FuturaRound';
    src: url('fonts/AFuturaRound.eot');
    src: url('fonts/AFuturaRound.eot?#iefix') format('embedded-opentype'), url('fonts/AFuturaRound.woff2') format('woff2'), url('fonts/AFuturaRound.woff') format('woff'), url('fonts/AFuturaRound.ttf') format('truetype'), url('fonts/AFuturaRound.svg#AFuturaRound') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Bk';
    src: url('fonts/Futura-Book.eot');
    src: url('fonts/Futura-Book.eot?#iefix') format('embedded-opentype'), url('fonts/Futura-Book.woff2') format('woff2'), url('fonts/Futura-Book.woff') format('woff'), url('fonts/Futura-Book.ttf') format('truetype'), url('fonts/Futura-Book.svg#Futura-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'Futura-Bold';
    src: url('fonts/Futura-Bold.eot');
    src: url('fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Futura-Bold.woff2') format('woff2'), url('fonts/Futura-Bold.woff') format('woff'), url('fonts/Futura-Bold.ttf') format('truetype'), url('fonts/Futura-Bold.svg#Futura-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}*/


@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: 'Jost', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}


body, a, h1, h2, h3, h4, h5, h6, p, span, div, li, ul, th, td {
    /* font-family: 'Futura Bk' !important;
    font-weight: 600 !important; letter-spacing:1px; line-height:normal !important;*/
}



table.table td.dataTables_empty {
    border: none !important;
}


.fa {
    font-family: FontAwesome !important;
}


.m_10 {
    margin: 10px;
}

.m_t_10 {
    margin-top: 10px;
}

.m_b_10 {
    margin-bottom: 10px;
}

.m_l_10 {
    margin-left: 10px;
}

.m_r_10 {
    margin-right: 10px;
}

.m_20 {
    margin: 20px;
}

.m_t_20 {
    margin-top: 20px;
}

.m_b_20 {
    margin-bottom: 20px;
}

.m_l_20 {
    margin-left: 20px;
}

.m_r_20 {
    margin-right: 20px;
}

.text-center {
    text-align: center;
}

/********************* set alaram page css: start **********************/
.form-control.chosen-select#intcustomerid_chosen {
    width: 100px;
}







.chosen-container-single .chosen-single div b {
    width: 28px;
    height: 30px;
    position: absolute;
    top: 5px;
    right: 6px;
    transform: rotateZ(0deg);
    transition: all 0.5s;
    transform-origin: 50% 25%;
    background-image: url('../img/drop-down-arrow.png');
}

#header {
    z-index: 99999;
}

.modal {
    z-index: 999999;
}

#header .dropdown-form {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
    text-align: left;
}

#header .dropdownNew-form {
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
    text-align: left;
}
/********************* set alaram page css: end **********************/

.require {
    color: red;
    line-height: normal;
}

.modal1 {
    position: fixed;
    z-index: 1046;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.center {
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 20%;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .center img {
        height: 199px;
        width: 259px;
    }


.green-block .right-content {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-left: 9%;
}

.right-content .pull-right {
    float: right;
}

.alert-success {
    margin-bottom: 0px;
    background: #33009a;
    padding: 15px;
    color: #fff;
}

.alert-danger {
    margin-bottom: 0px;
    background: red;
    padding: 15px;
    color: #fff;
}

.alert-close {
    float: right;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}

.dropbtn {
    /*background-color: #3498DB;
            color: white;
            padding: 16px;*/
    font-size: 16px;
    border: none;
    cursor: pointer;
    color: #fff;
}



.dropdown2 {
    position: relative;
    display: inline-block;
}

.dropdown2-content {
    display: none;
    position: absolute;
    right: 10px;
    background-color: #ffffff;
    min-width: 200px;
    overflow: auto;
    z-index: 1;
    padding: 0;
    border: 1px #ced4da solid;
}

    .dropdown2-content a {
        color: black;
        padding: 12px 19px;
        text-decoration: none;
        display: block;
    }

    .dropdown2-content .pass a:hover {
        background-color: #b631e6;
        outline: none !important;
        text-decoration: none;
    }

    .dropdown2-content ul li button {
        padding: 0px;
        width: 100%;
        border-radius: 0px;
        color: #fff;
    }

.show {
    display: block;
}

.green-block .content ul.toggles {
    line-height: 3;
}



.clearfix {
    clear: both;
}

/********************* meter reading css: start **********************/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

#myTable_wrapper {
    overflow-y: auto;
    height: 400px;
}

.inline-fields.select-file-box img {
    display: inline-block;
    width: 34px;
    border: 1px solid #bababa;
    vertical-align: middle;
}
/********************* meter reading css: end **********************/

/********************* site consumption css: start **********************/
.ExcelButton {
    background: #33009a;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 20px;
    font-size: 14px;
    padding: 9px;
    padding-left: 21px;
    padding-right: 22px;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
}

#myTable th input {
    width: 100%;
}



table.table tr td {
    background: #fff !important;
    padding: 15px !important;
    border: 1px #E4E6F2 solid !important;
}



body.Light-Color table.table tr th {
    color: #141414;
}

.button_part {
    text-align: center;
    width: 20%;
    float: right;
}

#myDropdown ul {
    overflow-y: auto;
    max-height: 400px;
    min-height: 400px !important;
}

#myDropdown li {
    list-style: none;
    padding: 5px;
    width: 200px;
    display: inline-block;
}

    #myDropdown li span {
        padding-left: 5px;
    }

/*#myDropdownNew ul {
    margin: 0;
    padding: 0 !important;
    overflow-y: auto;
    max-height: 400px;
}*/

#myDropdownNew li {
    list-style: none;
    padding: 5px;
    width: 200px;
    display: inline-block;
}

    #myDropdownNew li span {
        padding-left: 5px;
    }

.lable {
    float: left;
    display: block;
    clear: both;
}

.ClmName {
    display: none;
    margin-bottom: 7px !important;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdownNew {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f7f8ff;
    min-width: 725px;
    min-height: 425px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 10px;
    border-radius: 12px;
}

.dropdownNew-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 725px;
    min-height: 286px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 10px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdownNew-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdownNew a:hover {
    background-color: #ddd;
}

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

#sortable1, #sortable2 {
    border: 1px solid #33009a !important;
    border-top: none;
    min-height: 400px;
    list-style-type: none;
    margin: -1px;
    padding: 5px 0;
    float: left;
    margin-right: 0px;
    width: 50%;
    overflow: auto;
    margin-bottom: 10px;
}

#sortableNew1, #sortableNew2 {
    border: 1px solid #33009a !important;
    border-top: none;
    min-height: 222px;
    list-style-type: none;
    margin: -1px;
    padding: 5px 0;
    float: left;
    margin-right: 0px;
    width: 50%;
    overflow: auto;
    margin-bottom: 10px;
}

/*.contentarea {
    border-top: 1px solid #eee;
    padding: 10px 0;
}*/ /*

.contentareaNew {
    border-top: 1px solid #eee;
    padding: 10px 0;
}
*/
#sortable1 li, #sortable2 li {
    line-height: 1;
    padding: 5px;
    font-size: 1.2em;
    width: 300px;
    margin: 0px 10px;
}

#sortableNew1 li, #sortableNew2 li {
    line-height: 1;
    padding: 5px;
    font-size: 1.2em;
    width: 300px;
    margin: 0px 10px;
}

.content img.dropbtn {
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 21px;
}

.contentNew img.dropbtn {
    vertical-align: middle;
    cursor: pointer;
    width: 20px;
    height: 21px;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.dropdown .inline-fields {
    line-height: 2.3;
    display: inline-block;
}

.dropdownNew .inline-fields {
    line-height: 2.3;
    display: inline-block;
}

/********************* site consumption css: end **********************/


/********************* customer site list css: start **********************/
.details, .details_blue {
    color: black;
    text-decoration: none;
    font-weight: 500;
}

.details_blue {
    color: #33009a;
}


/********************* customer site list css: end **********************/







.table_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    border-right: white;
    background-color: white;
    color: black;
}

/********************* holiday calendar page css: start **********************/

.ExcelButton {
    border: 1px solid #00a0e3;
    padding: 15px;
    display: block;
    background-color: transparent;
    color: #00a0e3;
    width: 159px;
}

    .ExcelButton:hover {
        background-color: #00a0e3;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
    }







.inline-fields label.main {
    display: inline-block;
    width: 140px;
    vertical-align: middle;
    float: left;
    height: 42px;
    line-height: 42px;
}

#responsive11.modal {
    padding-top: 20px !important;
}

.modal-content .left-content {
    text-align: left;
}


/********************* holiday calendar page css: end **********************/
/********************* esign page css: start **********************/
body.bg {
    background: #E4E6F2;
}

header {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sign-btn {
    background-color: transparent;
    color: #00a0e3;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #00a0e3;
    padding: 15px;
}

header .phone-number {
    display: inline-block;
    vertical-align: middle;
    line-height: 3;
}

    header .phone-number a {
        text-decoration: none;
        color: #202020;
        font-size: 16px;
    }

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

    header .phone-number img, header .phone-number span {
        display: inline-block;
        vertical-align: middle;
    }

    header .phone-number img {
        margin-right: 5px;
    }

.banner {
    background: #ffffff;
}

    .banner .modal-header {
        border: none;
    }

        .banner .modal-header .modal-title {
            color: #33009a;
            padding: 10px;
        }

    .banner .modal-content {
        box-shadow: none;
        border: none;
        border-radius: 0;
    }



.radio_label {
    line-height: 3;
}

/********************* esign page css: end **********************/

.ms-options-wrap .ms-options {
    min-height: auto !important;
}

.ms-options label {
    padding-left: 27px !important;
    line-height: 1.6 !important;
}

/********************* account page css: start **********************/
.editup {
    background: #fd5c04;
    color: #fff;
    margin-left: 0;
}

    .editup:hover {
        background: #b94505;
    }

button[type='button']:focus {
    outline: none;
}

.billbut {
    background: #f78141;
    border-color: #fd5c04;
}

    .billbut:hover {
        background: #fd5c04;
        border-color: #fd5c04;
    }



#myDropdown li {
    list-style: none;
    padding: 10px;
    width: 300px;
    display: inline-block;
    background: #fff;
    border-radius: 12px;
    font-weight: 500;
    color: #33009a;
    font-size: 16px;
}

    #myDropdown li span {
        padding-left: 5px;
    }

/*#myDropdownNew ul {
    margin: 0;
    padding: 0 !important;
}*/

#myDropdownNew li {
    list-style: none;
    padding: 10px;
    width: 300px;
    display: inline-block;
    background: #fff;
    border-radius: 12px;
    font-weight: 500;
    color: #33009a;
    font-size: 16px;
}

    #myDropdownNew li span {
        padding-left: 5px;
    }
/********************* account page css: end **********************/

/********************* Raise query page css: Start **********************/
.inline-fields #innerlength {
    width: 100%;
    vertical-align: top;
}

.style_label {
    color: #7d8484;
    vertical-align: top;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
}

.content #blah {
    display: inline-block;
    height: 34px;
    width: 34px;
    border: 1px solid #bababa;
}

.modal1 {
    position: fixed;
    z-index: 99999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 50%);
    opacity: 1;
}

body .modal1 .center {
    z-index: 1000;
    margin: 206px auto;
    padding: 10px;
    width: 250px !important;
    background-color: rgb(255 255 255 / 50%);
    border-radius: 10px;
    min-width: 250px !important;
}

    body .modal1 .center img {
        height: 199px !important;
        width: 230px !important;
    }






.inline-fields .content .text-input#TicketTitle {
    width: 280%;
}

.unique .inline-fields .content {
    width: 100% !important;
}

.content textarea.text-input {
    width: 578px;
}

/********************* Raise query page css: end **********************/
/********************* privacy popup page css: start **********************/
#footer .privacy, #footer .term {
    height: 400px;
    overflow-y: scroll;
    font-size: 13px;
}

    #footer .privacy table {
        font-size: 13px;
    }

        #footer .privacy table td {
            padding: 10px;
            border: 1px solid #343434;
            font-weight: bold;
        }

            #footer .privacy table td ul {
                text-align: left;
                line-height: 1.5em;
            }


#footer .left-content ul li {
    display: inline-block;
    margin-right: 25px;
}

#footer .privacy table td ul li, #footer .privacy .mystyle li, #footer #tnc .mystyle li {
    display: block;
    line-height: 1.5;
    margin-right: 0;
    list-style: disc;
}

#tnc strong {
    font-weight: bold;
    font-size: 22px;
}


/********************* privacy popup page css: end **********************/
/*.ui-button .ui-icon:hover, .ui-button:hover, button:hover {
    background-image: url(../images_New/close.png) !important;
    background:none !important;
}*/
/********************* Media query part : start  **********************/

@media (min-width: 768px) and (max-width: 1023px) {

    .inline-fields .text-input {
        width: 185px;
        margin-bottom: 10px;
    }

    input#dteEventStartDate, input#Fromdate {
        width: 185px;
    }

    .green-block .right-content, .green-block .left-content {
        width: 50%;
        display: block;
        margin-left: 0px;
    }

        .green-block .right-content .pull-right {
            float: none;
            text-align: right;
        }

    .user-dropdown {
        display: inline-block;
        margin-top: 0;
    }

    .user-dropdownNew {
        display: inline-block;
        margin-top: 0;
    }



    .content textarea.text-input {
        width: 533px !important;
    }

    .inline-fields .content .text-input#TicketTitle {
        width: 189%;
    }
}






ul.submenu li a img {
    height: 30px;
}

.add-holiday-calendar br {
    clear: both;
}

select::-ms-expand {
    display: none;
}

.view-contact-table-modal {
    height: 300px;
    overflow: auto;
    width: 100%;
    padding: 15px !important;
}



.add-holiday-calendar br {
    clear: both;
}

select::-ms-expand {
    display: none;
}

.view-contact-table-modal {
    height: 300px;
    overflow: auto;
    width: 100%;
    background: #f7f7f7;
}




br {
    clear: both;
}

pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    cursor: pointer;
}

.pagination > li {
    display: inline;
}

    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        float: left;
        padding: 0.75em 1em;
        margin-left: -1px;
        text-decoration: none;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        margin-left: 0;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        background-color: #b631e6;
        color: #fff;
    }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #33009a;
    border-color: #33009a;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999999;
    cursor: not-allowed;
    background-color: #ffffff;
    border: none;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}

    .pager:before,
    .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager:before,
    .pager:after {
        display: table;
        content: " ";
    }

    .pager:after {
        clear: both;
    }

    .pager li {
        display: inline;
    }

        .pager li > a,
        .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-radius: 15px;
        }

            .pager li > a:hover,
            .pager li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

    .pager .next > a,
    .pager .next > span {
        float: right;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: left;
    }

    .pager .disabled > a,
    .pager .disabled > a:hover,
    .pager .disabled > a:focus,
    .pager .disabled > span {
        color: #999999;
        cursor: not-allowed;
        background-color: #ffffff;
    }




.raise-query-page .panel-body {
    width: 100%;
    float: left;
    border: 1px #ccc solid;
}

.raise-query-page .panel-heading {
    background: #33009a;
    width: 100%;
    float: left;
    color: #fff;
}

    .raise-query-page .panel-heading span {
        float: left;
        padding: 8px 12px;
        background: #33009a;
    }

.raise-query-page .left-content {
    width: 100%;
    float: left;
    display: block;
    padding: 15px;
    box-sizing: border-box;
}

.raise-query-table thead tr th {
    background: #ffffff;
    color: #33009A;
    font-weight: bold;
}

.raise-query-table thead tr th {
    background: #666;
    color: #fff;
    font-weight: bold;
}

.content.content-raise-query {
    margin-bottom: 30px !important;
    border-left: 2px #33009A solid;
}

.ans-titel-tab {
    border-bottom: 2px #33009A solid;
    padding-bottom: 11px;
}

.content.admin-replay {
    margin-bottom: 30px;
    border-left: 2px #000 solid;
}


    .content.admin-replay .ans-titel-tab {
        border-bottom: 2px #000 solid;
        padding-bottom: 11px;
    }


table.raise-query-table.attach-file-table span {
    font-size: 14px;
    color: #646464;
    font-weight: normal;
}

table.raise-query-table.attach-file-table a {
    text-decoration: none;
}

.panel-body.description-row {
    border: 2px #33009A solid;
}

.content-01 {
    width: 90%;
    margin: 0px auto;
}

.buttons.m_10 {
    text-align: center;
    clear: both;
    padding-bottom: 20px;
}



input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}



/*.not-showing-arrow select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 60px;
    background: linear-gradient(45deg, transparent 50%, #202020 50%), linear-gradient(135deg, #202020 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
    background-position: calc(100% - 7px) calc(1em - 2px), calc(100% - 2px) calc(1em - 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 3px 10px;
    font-size: 14px;
   
    border: 2px solid #bfbfbf !important;
    border-radius: 2px;
}


*/

body.intro .bootstrap-datetimepicker-widget {
    z-index: 1 !important;
}


/*.new-timepicker 
{ width:100%; float:left; position:relative;
}
.new-timepicker .input-group-addon {
        width: 100%;
        float: left; top:0; left:0; height:100%; font-size:0px; 
        position: absolute;
    }
    */




.bootstrap-datetimepicker-widget .timepicker-picker td span {
    height: auto;
    line-height: normal;
}

.bootstrap-datetimepicker-widget .timepicker-picker td a.btn {
    width: 100%;
    border-radius: 0;
    background: #33009a;
}

    .bootstrap-datetimepicker-widget .timepicker-picker td a.btn span.glyphicon-chevron-up {
        background: url(../images_New/icons/time-chevron-up.svg) no-repeat center center;
        height: 13px;
        background-size: 15px;
    }

    .bootstrap-datetimepicker-widget .timepicker-picker td a.btn span.glyphicon-chevron-down {
        background: url(../images_New/icons/time-chevron-down.svg) no-repeat center center;
        height: 13px;
        background-size: 15px;
    }

body.intro .bootstrap-datetimepicker-widget td.separator {
    display: none;
}

body.intro .bootstrap-datetimepicker-widget td {
    background: none !important;
}

.bootstrap-datetimepicker-widget td.hour {
    height: auto !important;
    line-height: normal !important;
    width: 54px;
}

.bootstrap-datetimepicker-widget td.minute {
    height: auto !important;
    line-height: normal !important;
    width: 54px;
}

.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody tr td.separator {
    font-weight: bold;
}

.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody tr td span.timepicker-hour {
    padding: 10px 0 !important;
}

.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody tr td span.timepicker-minute {
    padding: 10px 0 !important;
}

.timepicker-picker table.table-condensed tr td {
    line-height: normal;
    height: auto;
}

ol.pagination a {
    border: none;
    border-radius: 100px !important;
    margin: 2px;
}

ol.pagination {
    margin-top: 30px;
}

select::-ms-expand {
    display: none;
}

div#logo {
    text-align: center;
}


.dataTables_scrollHeadInner table.datatable {
    margin: 0px;
    padding: 0px;
}

ol.pagination {
    float: right;
}

.ms-options-wrap button {
    font-size: 16px !important;
    font-weight: bold;
}

/*
.dataTables_wrapper .dataTables_filter input {
    border: 2px solid #bfbfbf !important;
}

.dataTables_wrapper .dataTables_length select {
    border: 2px solid #bfbfbf !important;
}*/


.ui-dialog.ui-corner-all button.ui-button.ui-corner-all.ui-widget {
    background-image: none !important;
}

iframe#divEmailContent {
    padding: 10px !important;
    width: 98.5% !important;
}

table.js-table .btn {
    margin: 2px !important;
    clear: both;
}


.js-table {
    margin: 0px !important;
}

.js-table-main {
    overflow: auto;
    max-height: 450px;
}


/*.js-table th.Payments {
        width: 250px !important;
        display: inline-block;
        padding: 10px 0 !important
    }

.js-table .PaymentIn span {
    background: none !important;
    width: 125px !important;
    display: inline-block;
    padding: 10px 0;
}
th.PaymentIn.sorting {
    width: 250px !important;
    display: inline-block;
}

td.PaymentIn {
    width: 250px !important; display:inline-block;
}

.js-table th.PaymentIn {
    padding: 0px !important
}

.js-table td.PaymentIn {
    padding:15px 0px !important
}

span.table-boder-right {
    border-left: 1px #fff solid;
}
         
.dataTables_scrollBody th {
    background:none !important; height:0px !important; 
}


.dataTables_scrollBody th.Payments 
{ padding:0px !important;
}

    .dataTables_scrollBody th.Payments {
        padding: 0px !important;
    }



.js-table td.PaymentIn span {
    padding: 0px; 
}

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


span.table-boder-right.td-body 
{ border:none !important; 
}


td.Payments 
{ padding:15px 0px !important; width: 250px !important; 
}*/
.js-table th.PaymentIn {
    width: 100px !important;
    /*display: inline-block;*/
}

.js-table td.PaymentIn {
    width: 200px !important;
    /*display: inline-block;
    padding: 15px 0px !important*/
}


.js-table th.PaymentOut {
    width: 100px !important;
    /*display: inline-block;*/
}

.js-table td.PaymentOut {
    width: 200px !important;
    /*display: inline-block;
    padding: 15px 0px !important*/
}






button.active-btn {
    background: #b631e6 !important;
    color: #fff !important;
}

.esign-contract-detail .form-control {
    border: 1px solid #ced4da !important;
    border: 2px solid #f2f2f2;
    margin-left: 0;
    font-size: 14px;
    outline: 0 !important;
    padding: 10px 15px !important;
    border-radius: 0px;
    height: 45px;
    box-shadow: none;
    border-radius: 12px;
}

.mt-30 {
    margin-top: 30px;
}


.esign-contract-detail .detail-label {
    font-weight: 500 !important;
}

.esign-contract-detail label {
    font-weight: 500 !important;
}


.esign-contract-detail .modal-footer.top-sign-but.mt-30 {
    float: left;
    display: block;
    width: 100%;
}


main.main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: calc(100% - 275px);
    padding: 30px;
    vertical-align: top;
    margin-bottom: 30px;
    float: right;
    min-height: 76vh;
}

aside.sidebar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background: #fff;
    width: 260px;
    margin: 15px;
    border-radius: 12px;
    padding: 0px;
    vertical-align: top;
    border-right: 1px #E4E6F2 solid;
    float: left;
    margin-right: 0px;
}


.chosen-container.chosen-container-single {
    width: 100% !important;
    border-radius: 0px !important;
}



main.main form.form-horizontal .col-sm-12.text-center .btn.purple-button:hover {
    background-color: #33009a !important;
    background: #33009a !important;
}

div#DivElect label.btn.purple-button {
    margin-top: 15px !important;
}

div#DivGas label.btn.purple-button {
    margin-top: 15px !important;
}


body div#myDropdown2 {
    margin-right: 0px !important;
}
/*.dataTables_filter  
{  margin:0px; padding:0px; display:flex; }

.form-control.chosen-select#intcustomerid_chosen 
{ flex:inherit; direction:ltr; flex-direction:initial; margin
}

.chosen-container-single .chosen-single span 
{ float: left; margin:0px; padding:0px; text-align:center; padding:10px;  
}



@media (min-width:1px) and (max-width: 768px) 
{
    .right-content 
    { width: 100% !important; float: left !important; }
    body 
    { padding: 0px !important;}
    .left-content 139
    { width: 100% !important;  float: left !important;     }
    header#header {
        padding: 0;
        float: left;
        position: inherit !important;
        padding: 0 0 10px 0;
    }
    .dropdown-form 
    { width: 51%; margin: 0px !important; padding: 0px !important;    float: left; }
        .dropdown-form .chosen-container.chosen-container-single 
        {   width: 79% !important;   border-radius: 0px !important;  }


}*/
.user-dropdown {
    cursor: pointer;
}

.right-content {
    position: relative;
}


.inline-fields label.main.linght-normal {
    line-height: normal;
    margin: 10px 0 0 0;
}


.dataTables_wrapper .dataTables_filter {
    margin-right: 0px;
}


.input-container input.form-control.detail-input[type="file"] {
    width: 100% !important;
}




div#divMainChartList {
    clear: both !important;
}

div#divDataResidualProfileList {
    clear: both !important;
}


.hidechart {
    clear: both !important;
}



div#pagination {
    margin: 10px 0 !important;
}



.green-block.add-tried .left-content {
    width: 54%;
}

.green-block.add-tried .right-content {
    margin-left: 5% !important;
}


@media (min-width:1px) and (max-width: 768px) {
    div#spnEsign1 {
        width: 100% !important;
        float: left !important;
        margin: 0PX !important;
    }

    div#spnEsign2 {
        width: 100% !important;
        float: left !important;
        margin: 0PX !important;
    }
}

@media (min-width:767px) and (max-width:992px) {
    .form-group.sign-form1 .form-group.row .form-group .col-sm-3 {
        width: 50% !important;
    }
}






#tabs {
    width: 100%;
    height: auto;
    border-bottom: solid 1px #CCC;
    padding-right: 2px;
    margin-top: 10px;
    float: left;
}

a {
    cursor: pointer;
}

#tabs li {
    float: left;
    list-style: none;
    margin-right: 5px;
    outline: none;
}

    #tabs li a {
        font-size: small;
        font-weight: bold;
        color: #ffffff;
        padding-top: 12px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 12px;
        display: block;
        background: #76bc21;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        text-decoration: none;
        outline: none;
        border: none !important;
        border-radius: 0px !important;
    }



        #tabs li a.inactive {
            font-size: small;
            font-weight: bold;
            color: #ffffff;
            padding-top: 12px;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 12px;
            display: block;
            background: #666;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            text-decoration: none;
            outline: none;
            border: none !important;
            border-radius: 0px !important;
        }


            #tabs li a:hover, #tabs li a.inactive:hover {
                color: #fff;
                outline: none;
            }

.container {
    clear: both;
    width: 100%;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    text-align: left;
    padding-top: 20px;
}

    .container h2 {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 20px;
        color: #33009a;
    }

    .container p {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.3;
        font-size: small;
    }

    .container ul {
        margin-left: 25px;
        font-size: small;
        line-height: 1.4;
        list-style-type: disc;
    }

    .container li {
        padding-bottom: 5px;
        margin-left: 5px;
    }








h4.Merchant-titel {
    width: 86%;
    float: left;
    text-align: left;
    padding: 10px 0;
    margin-bottom: 15px;
    border-bottom: 2px #ddd solid;
    font-weight: bold;
    color: #76bc21;
    font-size: 16px;
}


select.text-input {
    width: 100%;
}

#footer {
    background: #33009a;
    width: 100%;
    padding: 10px 15px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    float: left;
}

    #footer ul {
        margin: 0px;
        padding: 0px;
    }

        #footer ul a {
            margin: 0px;
            padding: 0px;
        }

.container-tab {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}
/*body.en-new {
    padding: 30px;
    padding-bottom: 0;
   
    position: relative;
}*/


/*body.en-new:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 700px;
        background-image: url(../images/Planet.svg);
        background-size: contain;
        background-repeat: no-repeat;
        right: 0;
        top: 0;
        z-index: -1;
    }*/


.container-insurance .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px !important;
    margin-left: -15px !important;
    box-sizing: border-box !important;
}

    .container-insurance .row .col-md-6.sector {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
        margin-top: 30px;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

.sectors-loop .sector .sector-inner {
    height: 480px;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}



    .sectors-loop .sector .sector-inner .content-container {
        background: rgba(0,125,150,.9);
        position: absolute;
        left: 0;
        top: calc(100% - 15px);
        width: 100%;
        color: #fff;
        transition: top ease-in-out .2s;
    }

        .sectors-loop .sector .sector-inner .content-container .title-container {
            position: relative;
        }

        .sectors-loop .sector .sector-inner .content-container .content {
            height: 480px;
            padding: 15px 10px 20px;
        }

        .sectors-loop .sector .sector-inner .content-container .title-container .title-inner {
            padding-left: 10px;
            padding-right: 10px;
            position: absolute;
            top: -9px;
            left: 0;
            width: 100%;
            z-index: 99;
            font-size: 20px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 10px;
        }

        .sectors-loop .sector .sector-inner .content-container .content {
            height: 480px;
            padding: 15px 10px 20px;
        }

.content ul {
    list-style: none;
}

table.dataTable thead td,
table.dataTable thead th {
    color: #141414;
    padding: 10px 18px;
    border-bottom: none;
    border-right: none;
    border-left: 0;
}

.sectors-loop .sector .sector-inner:hover .content-container {
    top: 60px;
}
/*.content ul li:before {
    content: "\2022 \00A0";
    color: #1fc49d;
    margin-right: 0.5em;
}
*/


.sectors-loop ul {
    margin-bottom: 1rem;
    width: 100%;
    float: left;
    margin-top: 0px;
}

.sectors-loop .sector .sector-inner .content-container .title-container::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 55' fill='rgb(0,125,150)' fill-opacity='0.9'%3E%3Cpolygon points='0,55 100,55 0,0'%3E%3C/polygon%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: '';
    height: 60px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
    top: -60px;
}

.sectors-loop ul li {
    width: 100%;
    float: left;
    margin-top: 20px;
    font-size: 16px;
}

aside.sidebar ul li a .fa-icon {
    width: 50px;
    height: 50px;
    background: #33009a;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
    color: #ffffff;
    float: left;
    font-size: 20px;
}

.mainmenu a {
    display: block;
    padding: 10px 15px;
    border-bottom: none;
    color: #000;
    width: 100%;
    float: left;
    text-decoration: none;
    border-bottom: 1px #cbceda solid;
}

body.Light-Color aside.sidebar ul li a h4 {
    color: #141414;
}




aside.sidebar ul li a:hover .fa-icon {
    background: #b631e6 !important;
}

aside.sidebar ul li a:hover h4 {
    color: #b631e6 !important;
}



.sectors-loop .btn, .sectors-loop a.btn {
    width: 262px;
    max-width: 100%;
    background: #212121;
    color: #1fc49d !important;
    font-size: 18px;
    border-radius: 22.5px;
    margin: 0;
    font-weight: bolder;
    box-shadow: unset;
    letter-spacing: 2px;
}

aside.sidebar ul li a h4 {
    /* float: left; */
    vertical-align: middle;
    height: 50px;
    /*    color: #fff;
*/ display: table-cell;
    font-size: 16px;
    text-align: left;
    width: 175px;
    padding: 0 0 0 15px;
    font-weight: 500;
}

.sectors-loop .btn:hover, .sectors-loop a.btn:hover {
    color: #fff !important;
}


ul.toggles {
    margin: 0;
}

.h-9 {
    height: 100px;
}


.container-new {
    width: 1170px !important;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');
    src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}


body {
    zoom: 100%
}


@media (max-width: 1399px) {
    body {
        zoom: 90%;
    }
}





.green-block.add-tried.new-design-change .left-content {
    width: 100% !important;
}


    .green-block.add-tried.new-design-change .left-content .inline-fields label {
        width: 100%;
        float: left;
    }

.green-block.add-tried.new-design-change .inline-fields .content {
    width: 100% !important;
    float: left;
}

.green-block.add-tried.new-design-change .left-content .inline-fields {
    width: 31%;
    float: left;
    margin: 0;
    padding: 1%;
    display: inline-block;
}


body .green-block.add-tried.new-design-change .inline-fields .content .chosen-container.chosen-container-single {
    min-width: 100% !important;
    float: left;
}

.green-block.add-tried.new-design-change .inline-fields .content .text-input {
    width: 100% !important;
}



body .btn.btn-green {
    background: #33009a;
    color: #fff;
    text-align: center;
    text-decoration: none;
    letter-spacing: 4px;
    padding: 10px 25px !important;
}


body .btn.btn-purple {
    background: #33009a;
    color: #fff;
    text-align: center;
    text-decoration: none;
    letter-spacing: 4px;
    text-transform: uppercase;
    padding: 10px 25px !important;
    border: 2px #33009a solid !important;
    font-weight: bold !important;
}

table {
    border-collapse: collapse !important;
}

    table.table tr td {
        font-size: 16px !important;
    }

    table tr.odd {
    }


ol.pagination a {
    border-radius: 100px !important;
}






/*
.tab button.btn.green-button {
    background: #fff;
    color: black;
    border: 2px solid #000 !important;
}*/


.tab button.btn.green-button.active {
    background: #b631e6 !important;
    color: #fff;
}



button.multiselect {
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
    padding: 10px;
    padding-left: 12px;
    padding-right: 12px;
    font-weight: 700;
    color: #202020;
    border: 2px solid #bfbfbf;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    text-align: left;
}

/*header#header .dropdown-form button.btn.green-button {
    background-color: #000;
    border-color: #000 !important;
}

    header#header .dropdown-form button.btn.green-button:hover {
        background-color: #000;
        border-color: #000 !important;
    }
*/

.Editbtn {
    color: #33009a !important;
}



.right-content .dropdown2-content .btn.purple-button {
    text-align: center;
    background: #9FFFBD;
    color: black;
    background: linear-gradient(90deg, #9FFFBD, #36C6CD);
    border: none !important;
    padding: 12px 22px !important;
}

    .right-content .dropdown2-content .btn.purple-button:hover {
        text-align: center;
        background: #9FFFBD;
        color: black;
        background: linear-gradient(90deg, #9FFFBD, #36C6CD);
        border: none !important;
        text-transform: uppercase;
    }

.tree-multiselect .title {
    font-size: 16px !important;
    padding: 4px 4px 10px 7px !important;
    height: auto !important;
}


.notification-container .notification-bell {
    width: 30px;
    height: 39px;
    position: relative;
    cursor: pointer;
}

body {
    padding: 0;
    margin: 0;
}


.float-left {
    float: left;
}


label.label .require {
    line-height: 0px !important;
}



td.dataTables_empty {
    text-align: left !important;
    background: #fff !important;
    border: none !important;
}


table.display tr td {
    background: #fff;
    border: 1px #cbceda solid !important;
}


.button-aline label {
    float: left;
    margin: 3px 21px 0 10px;
}

.dt-buttons {
    width: 100%;
    text-align: right;
}



.row {
    clear: both;
}

.col-md-12 {
    clear: both;
}


aside.sidebar ul li.active a h4 {
    color: #b631e6 !important;
}

aside.sidebar ul li.active a .fa-icon {
    background: #b631e6;
}

ul.toggles.text-input.float-left {
    padding: 10px 0 5px 10px !important;
}


div.text-input {
    padding: 8px 15px !important;
    height: 40px;
}


td a, th a {
    color: #33009a;
    font-weight: 500;
    cursor: pointer;
}


    td a:hover, th a:hover {
        color: #b631e6;
    }

.input-group-date span.fa.fa-calendar {
    background: #33009a;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 100px;
    position: absolute;
    right: 6px;
    top: 6px;
    color: #fff;
    font-size: 13px;
}

.input-group-date {
    position: relative !important;
    width: 100%;
    float: left;
}

.select-disabled {
    pointer-events: none;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #fff !important;
    text-decoration: none !important;
}


ul.notifications .btn.purple-button.block-button {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

div#pagination, div#divPagination {
    color: #333;
}


.ui-dialog-titlebar .ui-button:active {
    border: 1px solid #cccccc !important;
    background: #f6f6f6 !important;
}

.ui-dialog-titlebar .ui-button:hover {
    border: 1px solid #cccccc !important;
    background: #f6f6f6 !important;
}

ui-dialog-titlebar .ui-button {
    border: 1px solid #cccccc !important;
    background: #f6f6f6 !important;
}

input[type="text"]:focus {
    border: 1px #33009a solid !important;
}

ul {
    list-style-type: none;
    padding: 3px;
}

body .ms-options-wrap, body .ms-options-wrap * {
    color: #33009a !important;
}

.content.selet-new {
    width: 50%;
}


.CT-Customer .btn-group {
    width: 100% !important;
}

.CT-Customer button.multiselect.dropdown-toggle.btn.btn-default {
    position: relative !important;
    width: 100% !important;
    text-align: left !important;
    border: 1px solid #ced4da !important;
    background-color: #fff !important;
    padding: 10px 15px !important;
    margin-top: 1px !important;
    font-size: 16px !important;
    color: #333 !important;
    border-radius: 12px !important;
    font-weight: 500 !important;
}

.CT-Customer .dropdown-menu {
    width: 100% !important;
}


.CT-Customer .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.CT-Customer button.multiselect.dropdown-toggle.btn.btn-default b.caret {
    content: ' ';
    width: 33px;
    height: 34px;
    position: absolute;
    top: 4px;
    right: 6px;
    transform: rotateZ(0deg);
    transition: all 0.5s;
    transform-origin: 50% 25%;
    background-image: url(../img/drop-down-arrow.png);
    background-repeat: no-repeat;
    COLOR: #FFF;
}

.CT-Customer .multiselect-container > li > a > label {
    font-weight: 500;
    padding: 3px 20px 3px 10px;
    COLOR: #33009a;
}

.CT-Customer .dropdown-menu > li > a {
    white-space: normal !important;
}

    .CT-Customer .dropdown-menu > li > a:hover {
        color: #ffffff !IMPORTANT;
        text-decoration: none;
        background-color: #33009a !IMPORTANT;
    }

        .CT-Customer .dropdown-menu > li > a:hover label {
            color: #FFF;
        }


label {
    font-weight: 500 !important;
}

b {
    font-weight: 500 !important;
    color: #333;
}


input.text-input[readonly='readonly'] {
    background-color: rgba(255, 255, 255, 50%) !important;
}


    input.text-input[readonly='readonly']:focus {
        border: 1px solid #ced4da !important
    }


/*.input-group-date input.text-input[readonly='readonly'] {
    background-color: #fff !important;
}

*/

.input-read-remove input.text-input[readonly='readonly'] {
    background-color: #fff !important;
}


    .input-read-remove input.text-input[readonly='readonly']:focus {
        border: 1px #33009a solid !important;
    }


table.display tr td.dataTables_empty {
    border: none !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}




div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, table.DTFC_Cloned tr.even {
    background-color: #E4E6F2 !important;
}


span.name a {
    max-width: 150px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

a:hover {
    text-decoration: none !important;
}

footer.footer table tr td span {
    color: #33009a;
}


table.js-table .btn {
    display: inline-block;
}

a:active {
    color: #33009a !important;
}



div.tree-multiselect div.title {
    background: #fff !important;
    color: #333 !important;
}


div.tree-multiselect span.remove-selected, div.tree-multiselect span.description {
    background: #33009a !important;
}

div.tree-multiselect > div.selected > div.item {
    background: #fff !important;
}