.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-active.chosen-with-drop .chosen-single div b {
    background-position: -17px 9px;
}

.chosen-container-single .chosen-single {
    border: 2px solid #e5e5e5;
    border-radius: 0;
}

.chosen-container .chosen-results li {
  
    line-height: 20px !important;

    font-size: 16px !important;
}

    .chosen-container-single .chosen-single span {
        color: #7e7975;
        font-size: 18px;
        font-weight: normal;
        text-align: left;
    }

    .chosen-container-single .chosen-single div b {
        background: url(../Chosen_Dropdown/chosen-sprite.png) no-repeat 0px 16px;
    }

#intcustomerid_chosen.chosen-container.chosen-container-single {
    width: 325px !important;
}

#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: 2;
}



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

    .center img {
        height: 90px;
        width: 90px;
    }


.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: #77bc22;
    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;
}



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

.dropdown2-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #fff;
    min-width: 200px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

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

    .dropdown2-content .pass a:hover {
        background-color: #ddd;
    }

    .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;
}

.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: #947ad1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 20px;
    font-size: 14px;
    padding: 9px;
    font-family: Muli, sans-serif;
    padding-left: 21px;
    padding-right: 22px;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
}

#myTable th input {
    width: 100%;
}

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

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

#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: #f1f1f1;
    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;
}

.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 #eee;
    border-top: none;
    min-height: 400px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
    width: 49%;
    overflow: auto;
}

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

.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: 100;
}

.details_blue {
    color: #947ad1;
}


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

#intSubUserId_chosen.chosen-container.chosen-container-single {
    width: 180px !important;
}

input#dteEventStartDate {
    width: 204px;
}

input#Fromdate, input#Todate {
    width: 195px;
}

.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;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    display: block;
    background-color: transparent;
    color: #00a0e3;
    width: 159px;
}

    .ExcelButton:hover {
        background-color: #00a0e3;
        color: #fff;
        font-size: 14px;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
        font-weight: normal;
    }

.dt-buttons {
    /*margin-left: 954px;*/
    text-align: right;
    margin-bottom: 2%;
}

#popintcustomerid_chosen {
    width: 60% !important;
}



.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;
}

#popintcustomerid_chosen.chosen-container.chosen-container-single {
    width: 500px !important;
}

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

header {
    width: 100%;
    background: #fff;
    margin-bottom: 30px;
    padding: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sign-btn {
    background-color: transparent;
    color: #00a0e3;
    font-size: 14px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    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: #197745;
        }

    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: #197745;
            padding: 10px;
            font-family: Muli, sans-serif;
        }

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

.btn.purple-button.ghost-button {
    background: 0 0;
    border: 2px solid #947ad1;
    color: #947ad1;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

    .btn.purple-button.ghost-button:hover {
        background: #947ad1;
        color: #fff;
    }

.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 ul {
    margin: 0;
    padding: 0 !important;
}

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

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

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

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

    #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(255 255 255 / 20%);
    filter: alpha(opacity=60);
}



main.main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background: #fff;
    width: -webkit-calc(100% - 155px);
    width: expression(100% - 155px);
    width: -moz-calc(100% - 155px);
    width: -o-calc(100% - 155px);
    width: calc(100% - 155px);
    padding: 30px;
    vertical-align: top;
    margin-bottom: 30px;
    min-height: 800px;
   
}

td, th {
    border: 1px solid #fff;
    text-align: left;
    padding: 8px;
}

.btn {
    background: #197745;
    border-radius: 20px;
    font-size: 13px;
    padding: 10px 15px;
    font-family: Muli, sans-serif;
    font-weight: 700;
    color: #fff;
    border: 1px solid transparent;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

.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-family: Muli,sans-serif;
    font-size: 13px;
}

    #footer .privacy table {
        font-family: Muli, sans-serif;
        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;
    }

    .toggles li {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 10px;
    }

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

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

@media (min-width: 1px) and (max-width: 900px) {
    main.main {
        width: -webkit-calc(100% - 0px);
        width: expression(100% - 0px);
        width: -moz-calc(100% - 0px);
        width: -o-calc(100% - 0px);
        width: calc(100% - 0px);
    }
}





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: 98%;
}

.bootstrap-datetimepicker-widget table {
    background: #FFF;
}

.bootstrap-datetimepicker-widget {
    background: #fff;
}

    .bootstrap-datetimepicker-widget td {
        padding: 7px;
    }

    .bootstrap-datetimepicker-widget th {
        padding: 7px;
    }

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

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

.view-contact-table-modal {
    height: 300px;
    overflow: auto;
    width: 98%;
}

.bootstrap-datetimepicker-widget table {
    background: #FFF;
}

.bootstrap-datetimepicker-widget {
    background: #fff;
    border: 1px #ddd solid;
}

    .bootstrap-datetimepicker-widget td {
        padding: 7px;
    }

    .bootstrap-datetimepicker-widget th {
        padding: 7px;
    }

  

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: 6px 12px;
        margin-left: -1px;
        line-height: 1.428571429;
        text-decoration: none;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        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: #947ad1;
        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: #947ad1;
    border-color: #428bca;
}

.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: #78ba31;
    width: 100%;
    float: left;
    color: #fff;
}

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

.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: #68a526;
    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 #68a526 solid;
}

.ans-titel-tab {
    border-bottom: 2px #68a526 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 #68a526 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;
    font-family: "Open Sans", sans-serif;
    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: #78ba31;
}

    .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 {
    width: 165px;
}

.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;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 7px 11px !important;
    font-size: 16px !important;
    margin-left: 4px !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
        color: #fff !important;
        background: #947ad1 !important;
        border-radius: 100px !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #ffffff !important;
        background: #947ad1;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
        background-color: transparent !important;
        color: #666 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
        color: #000000 !important;
    }

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



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

ol.pagination {
    float: right;
}



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

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

aside.sidebar ul li a img {
    height: 35px;
}

.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;
}

.btn {
    margin: 2px !important;
}

.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: #947ad1 !important;
    color: #fff !important;
}

.esign-contract-detail .form-control {
    border: 2px solid #bfbfbf !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;
}

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


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

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


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

.bootstrap-datetimepicker-widget th {
    background: #0b3850;
    color: #fff !important;
    font-weight: normal;
}


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

    .chosen-container.chosen-container-single a {
        border-radius: 0px !important;
    }

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

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

div#DivGas label.btn.purple-button {
    margin-top: 15px !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% !important;
}

.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-family: Arial, Helvetica, sans-serif;
        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-family: Arial, Helvetica, sans-serif;
            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: 10px;
        color: #5685bc;
    }

    .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%;
}




.container-tab { width:100%; float:left; margin:0px; padding:0px; 
}





.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;
            font-family: Muli, sans-serif;
            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-family: Muli, sans-serif;
            font-weight: bold;
            color: #fff;
            margin-bottom: 10px;
        }

        .sectors-loop .sector .sector-inner .content-container .content {
            height: 480px;
            font-family: Muli, sans-serif;
            padding: 15px 10px 20px;
        }
.content ul {
    list-style: none;
}

.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; 
}


.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;
}


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


.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');
}

.add-quick-page { margin:0px; padding:0px 30px;
}
    .add-quick-page table { margin-bottom:30px !important; 
    }
    .add-quick-page table tr td {
        font-weight: normal !important;
        border: 1px solid #9e9d9d !important;
    }

    .add-quick-page table tr td label {
        font-weight: normal !important;
        
    }



        .add-quick-page table tr th {
            background: #f5f5f5;
            font-weight: bold;
            color: #4b435d;
            border: 1px solid #c8c8c8 !important; color:#000 !important;
        }
        .add-quick-page table tr td {
            border: 1px solid #c8c8c8 !important;
            color: #000 !important;
        }

            .body-bg label.main .btn {
                font-size: 12px !important;
            }



input.map-btn {
    border: none;
    background: no-repeat;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #2e9c8e;
}
.nav-inner ul li a:hover {
    background-color: transparent !important;
}



.center {
    animation: animName 1s linear infinite; text-align:center; 
  
    
    
}

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

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