body,
html {
    width: 100%;
    height: 100%;
    background: #24272a;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: #24272a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

::-webkit-input-placeholder {
    color: #333333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    opacity: 0.3;
    font-weight: normal;
}

::-moz-placeholder {
    color: #333333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    opacity: 0.3;
    font-weight: normal;
}

:-ms-input-placeholder {
    color: #333333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    opacity: 0.3;
    font-weight: normal;
}

:-moz-placeholder {
    color: #333333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    opacity: 0.3;
    font-weight: normal;
}

.form-group ::-webkit-input-placeholder {
    color: #919191;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.49px;
    font-size: 15px;
    opacity: 1;
    font-weight: normal;
}

.form-group ::-moz-placeholder {
    color: #919191;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.49px;
    font-size: 15px;
    opacity: 1;
    font-weight: normal;
}

.form-group :-ms-input-placeholder {
    color: #919191;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.49px;
    font-size: 15px;
    opacity: 1;
    font-weight: normal;
}

.w_70x .red_txt {
    word-break: break-word;
}

.form-group :-moz-placeholder {
    color: #919191;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.49px;
    font-size: 15px;
    opacity: 1;
    font-weight: normal;
}

.login_wrap {
    float: left;
    width: 100%;
    position: relative;
}

.login_inner_wrap {
    float: left;
    width: 100%;
    position: relative;
}

.login_left {
    float: left;
    width: 40%;
    background: #24272a;
}

.logo {
    margin-top: 2px;
    float: left;
    width: auto;
    line-height: 34px;
    margin-right: 20px;
}

.logo a {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 6px;
    line-height: 26px;
}

.login_box_euro {
    float: left;
    width: 100%;
    padding-top: 100px;
}

.login_box_euro_inner {
    width: 400px;
    margin: 0 auto;
}

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

.inner_pad {
    float: left;
    width: 100%;
    padding: 80px 0 0 0;
}

.inner_pad .form-group {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    font-size: 23px;
}

.mar_zero {
    margin: 0 !important;
}

.inner_pad .form-group .form-control {
    float: left;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0;
    font-weight: normal;
    color: #ffffff;
    font-size: 23px;
    padding-left: 0;
    background: none;
    height: 45px;
}

.inner_pad .form-group .form-control:focus {
    outline: none;
    box-shadow: none;
}

.inner_pad .form_brntn {
    float: left;
    width: 100%;
    background: #4EB952;
    height: 45px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
    box-shadow: none;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1.88px;
    margin-top: 50px;
}

.inner_pad .form_brntn:hover {
    opacity: 0.8;
}

.login_right {
    float: left;
    width: 60%;
}

.login_right img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.custom-checkbox .custom-control-indicator {
    border-radius: 1px;
    width: 24px;
    height: 24px;
    background: none;
    border: 2px solid #ffffff;
    display: inline-block;
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator {
    background: #4EB952 url('../images/check.png') no-repeat center center;
}

.dataTables_empty {
    text-align: center !important;
}

.custom-control-description {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0.46px;
    line-height: 24px;
    font-weight: normal;
    top: -6px;
    left: 10px;
    position: relative;
}

.custom-control {
    cursor: pointer;
    padding-left: 0;
}


/* Home Css */
.wrap_main {
    float: left;
    width: 100%;
}

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

.board_body .header {
    left: 0;
    top: 0;
    position: fixed;
    z-index: 1;
    width: 100%;
}

.header_main {
    width: 100%;
    float: left;
    display: table;
}

.header {
    float: none;
    width: 100%;
    padding: 0 35px;
    /* background-color: #FFF; */
    background: #1C1E20;
    height: 83px;
    display: table-cell;
    vertical-align: middle;
    box-shadow: none;
}

.simple_hai {
    padding: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.nsmfgkl {
    padding: 0 !important;
}

.nsmfgkl .card-title {
    font-size: 18px !important;
}

.bold_style_fnt {
    font-weight: bold !important;
    font-size: 20px !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.simple_hai .dis_inline_rd {
    margin-top: 17px !important;
    float: right;
    padding: 0 22px 0 0;
}

.full_board_head {
    width: 1000px;
}

.board_body .main_wrap_content_part {
    margin-top: 66px;
}

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

.navigation_vn_menu ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.navigation_vn_menu ul li {
    display: inline-block;
    margin: 0 15px;
    padding: 0;
}

.navigation_vn_menu ul li a {
    display: inline-block;
    /* color: #000000; */
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 0;
    position: relative;
    text-transform: uppercase;
}

.navigation_vn_menu ul li:last-child {
    margin-right: 0;
}

.navigation_vn_menu ul li a:hover:before {
    position: absolute;
    width: 100%;
    content: '';
    left: 0;
    bottom: 0;
    height: 4px;
    background: #4EB952;
    top: -23px;
}

.navigation_vn_menu ul li a:hover,
.navigation_vn_menu ul li.active a:hover,
.navigation_vn_menu ul li.active a {
    color: #53B543;
}

.navigation_vn_menu ul li.active a:before {
    position: absolute;
    width: 100%;
    content: '';
    left: 0;
    bottom: 0;
    height: 4px;
    background: #4EB952;
    top: -23px;
}

.main_wrap_content_part {
    float: left;
    width: 100%;
    padding: 0 35px;
}

.top_title_page_main h2 {
    color: #747474;
    font-size: 22px;
    letter-spacing: 0.86px;
    line-height: 40px;
    font-style: normal;
    float: left;
    width: 100%;
}

.top_title_page_main p {
    float: left;
    width: 100%;
    color: #919191;
    font-size: 13px;
    letter-spacing: 0.43px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

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

.btn_bg {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #0076FF;
    box-shadow: 1px 0 0 0 rgba(231, 231, 231, 0.5);
    display: inline-block;
    border: 2px solid #0076FF;
}

.btn_bg:hover {
    background: #ffffff;
    color: #0076FF;
}

.hgt36 {
    height: 36px;
    line-height: 32px;
}

.fontsx {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.75px;
    text-transform: uppercase;
}

.padx {
    padding: 0 30px;
}

.filter_inner_main .form-group {
    float: left;
    width: 100%;
}

.filter_inner_main .form-group .searchcls {
    float: left;
    width: 100%;
    height: 36px;
    border: 1px solid #E0E0E0;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    padding: 8px 20px 8px 30px;
    background: #ffffff url('../images/icon-search@2x.png') no-repeat left 10px center;
    background-size: 13px 13px;
}

.mar25 {
    margin: 25px 0;
}

.select2-container--default .select2-selection--single {
    outline: 0 none;
    height: 48px;
    border: 1px solid #E0E0E0;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px;
    font-size: 14px;
    font-weight: 600;
    opacity: 0.6;
    color: #333333;
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #333333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    opacity: 0.8;
    font-weight: 400;
}

.form-group .select2-container {
    width: 100% !important;
}

textarea.form-control {
    width: 100%;
    height: 150px;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    resize: none;
}

.padBtm_40 {
    padding-bottom: 40px !important;
}

.right_side_bkl {
    font-weight: 700;
}

.coupan_code_widthx textarea.form-control {
    height: 140px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
    background: #ffffff url(../images/icon-accordion-arrow.png) no-repeat center center;
    width: 39px;
    border-left: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.data_main_tbls thead th {
    background: #f7f8f9;
    border: none;
    font-size: 14px;
    letter-spacing: 0.43px;
    font-weight: bold;
}

.red_clx {
    border-bottom: 1px solid #DADCE0;
}

.drop_down .data_main_tbls td {
    color: #000000;
    font-size: 16px;
    letter-spacing: 0.49px;
    line-height: 18px;
    padding: 17px 15px;
}

table tbody {
    border: none;
}
/*table.dataTable {
    border-collapse: collapse !important;
    margin-bottom: 30px !important;
    }*/

    .table-striped tbody tr:nth-of-type(odd) {
        background: #ffffff;
    }

    .table-striped tbody tr:nth-of-type(even) {
        background: #F8F8F8;
    }

    .data_main_tbls .container-fluid {
        padding: 0;
        margin: 0;
    }

    .pagination li.paginate_button {
        float: left;
    }
    .paginate_button .page-link {
        font-size: 13px;
        line-height: 30px;
        width: 30px;
        height: 30px;
        padding: 0 5px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-item.active .page-link {
        background-color: #4EB952;
        border-color: #4EB952;
    }

    .previous img {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }

    .dataTables_info {
        opacity: 0.56;
        color: #000000;
        font-size: 12px;
        letter-spacing: 0.4px;
        line-height: 14px;
        float: left;
        width: 33.33%;
    }

    .dataTables_paginate {
        width: 33.33%;
        float: none;
        /*display: table;*/
        margin: 0 auto !important;
    }

    .dataTables_paginate .page-link {
        color: rgba(0, 0, 0, 0.4);
        font-weight: bold;
    }

    .dt_footr {
        float: left;
        width: 100%;
        padding: 10px 15px;
    }

    .view_lnzk {
        float: right;
        width: 33.33%;
        text-align: right;
    }

    .view_lnzk a {
        display: inline-block;
        font-size: 12px;
        letter-spacing: 0.4px;
        line-height: 32px;
        color: #475CED;
        text-decoration: underline;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
        margin: 0;
    }

    .pagination li:first-child {
        margin: 0 5px 0 0;
    }

    .pagination li:last-child {
        margin: 0 0 0 5px;
    }

    a.ignmargin {
        margin: 0 8px 0 0;
    }

    .pagination li:first-child a {
        border-radius: 0.25rem;
    }

    .pagination li:last-child a {
        border-radius: 0.25rem;
    }

    .pagination li a {
        background: linear-gradient(180deg, #FFFFFF 0%, #F6F6F6 100%);
    }

    .pagination li.active a {
        background: #0076FF;
    }

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

    .pic {
        display: inline-block;
    }

    .pic img {
        width: 30px;
        height: 30px;
        object-fit: cover;
    }

    .tab_Euro_main .nav-tabs .nav-link {
        border-radius: 0;
        border: none;
        padding: 10px 0;
        color: #000000;
        opacity: 0.32;
        letter-spacing: 0.43px;
        font-size: 14px;
        line-height: 16px;
        font-weight: normal;
        position: relative;
    }

    .tab_Euro_main .nav-tabs .nav-item {
        margin: 0;
        padding: 0 20px;
    }

    .tab_Euro_main .nav-tabs .nav-link.active {
        opacity: 1;
    }

    .tab_Euro_main .nav-tabs .nav-link.active:before {
        position: absolute;
        bottom: -1px;
        height: 2px;
        width: 100%;
        background: #000000;
        left: 0;
        content: '';
    }

    .tab_Euro_main {
        float: left;
        width: 100%;
        margin: 30px 0;
    }

    .box_euro_content_dk {
        padding: 28px 0;
    }

    .dISd {
        display: inline-block;
    }

    .rsk .switch {
        position: relative;
        display: inline-block;
        width: 38px;
        height: 20px;
        margin: 0;
    }

    .rsk .switch input {
        display: none;
    }

    .rsk .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .rsk .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .form-group {
        margin-bottom: 20px !important;
    }

    .rsk input:checked+.slider {
        background-color: #2196F3;
    }

    .rsk input:focus+.slider {
        box-shadow: 0 0 1px #2196F3;
    }

    .rsk input:checked+.slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
    }


    /* Rounded sliders */

    .rsk .slider.round {
        border-radius: 34px;
    }

    .rsk .slider.round:before {
        border-radius: 50%;
    }

    .dISd img {
        position: relative;
        top: -5px;
    }

    .dISd {
        display: inline-block;
        padding: 0 10px;
    }

    .dISd a {
        display: inline-block;
    }

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

    .box_euro_content_dk .top_title_page_main {
        margin-bottom: 15px;
    }

    .box_euro_content_dk .top_title_page_main h2 {
        font-size: 20px;
    }

    .img_uplo_box {
        float: left;
        width: 30%;
        height: 122px;
        border: 1px dashed #979797;
        padding: 0 20px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .form-control {
        background-color: #FFFFFF;
        border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        height: 48px;
        padding: 5px 15px;
        border: none;
    }

    .widauto {
        min-width: auto !important;
        line-height: inherit !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 15px !important;
    }

    .datepicker-element {
        background-color: #FFFFFF;
        border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        height: 48px;
        padding: 5px 15px;
        border: none;
        width: 100%;
    }

    .img_uplo_box span {
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
        height: 122px;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 1px;
        color: #f7f7f7;
        text-transform: uppercase;
    }

    .upload_dkl {
        float: left;
        padding-left: 20px;
        width: 70%;
    }

    .upload_dkl p {
        float: left;
        font-size: 12px;
        letter-spacing: 0.4px;
        line-height: 14px;
        color: #919191;
        padding: 0;
        margin: 10px 0 0 0;
        width: 100%;
    }

    .colorpicker-element {
        float: left;
        width: 100%;
    }

    .colorpicker-element .form-control {
        border: none;
        border-radius: 5px 0 0 5px !important;
    }

    .colorpicker-element .form-control:focus {
        border: none;
        box-shadow: none;
        outline: none;
    }

    .colorpicker-element span.input-group-addon {
        display: inline-block;
        width: 36px;
        height: 48px;
    }

    .colorpicker-element span.input-group-addon i {
        width: 36px;
        height: 48px;
        vertical-align: baseline;
    }

    .colorpicker-element {
        display: block !important;
    }

    .colorpicker-element span.input-group-addon i {
        width: 100% !important;
        border-radius: 0 5px 5px 0 !important;
    }

    .colorpicker-element .input-group-addon {
        float: left;
        width: 48px !important;
    }

    .colorpicker-element .form-control {
        width: calc(100% - 48px);
        float: left;
    }

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

    .color_des label {
        color: #919191;
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 16px;
        color: #FFFFFF;
        margin-bottom: 8px;
        font-weight: 600;
        letter-spacing: 0.1px;
        float: left;
        width: 100%;
    }

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

    .gallery_pic_mnc ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .gallery_pic_mnc ul li {
        float: left;
        width: 24.2%;
        margin: 0;
        padding: 0;
        margin: 0 1% 1% 0;
    }

    .gallery_pic_mnc ul li:nth-child(4) {
        margin-right: 0;
    }

    .gallery_pic_mnc ul li img {
        width: 100%;
        height: 256px;
        object-fit: cover;
    }

    .upload_dkl .file {
        position: relative;
        overflow: hidden;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
        padding: 0 20px;
        margin-top: 30px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background: transparent !important;
        border-color: #4EB952 !important;
    }

    .file input {
        position: absolute;
        font-size: 50px;
        opacity: 0;
        right: 0;
        top: 0;
    }

    .mn_wrp_right_content_inner {
        float: left;
        width: 100%;
        padding: 50px 30px;
    }

    .containerx {
        width: 80%;
        margin: 0 auto;
    }

    .for_FRMKL label {
        float: left;
        width: 100%;
        color: #919191;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 16px;
        text-transform: capitalize;
    }

    .custom-checkbox {
        margin-bottom: 0 !important;
    }

    .separator {
        float: left;
        width: 100%;
        height: 1px;
        background: #D8DFE6;
        margin: 20px 0;
    }

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

    .for_FRMKL .form-control {
        float: left;
        width: 100%;
        height: 36px;
        border: 1px solid #E0E0E0;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
    }

    .btn_all_frm .btn_bg {
        margin: 0 20px;
    }

    .btn_all_frm .btn_bg:first-child {
        margin: 0;
    }

    .btn_bg.clx {
        background: none;
        color: #0076FF;
    }

    .dropzone_ {
        width: 100% !important;
        height: 150px !important;
        text-align: center;
        background: transparent url('../images/icon-upload.png') no-repeat top 30px center !important;
        position: relative;
        z-index: 22222;
        padding-top: 90px;
    }

    .nniicc-dropzoneParent {
        margin: 20px 0px !important;
    }

    .dragLbl {
        color: #ffffff;
        z-index: -1;
        position: relative;
    }

    .nniicc-dropzoneParent span {
        color: #0076FF;
        display: inline-block;
        margin: 0 10px;
    }

    .for_FRMKL textarea {
        float: left;
        width: 100%;
        height: 126px !important;
        border: 1px solid #E0E0E0;
        border-radius: 1px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        resize: none;
    }

    .page-item:last-child .page-link {
        border-radius: 0 !important;
    }

    .page-item:first-child .page-link {
        border-radius: 0 !important;
    }

    .col-cool-main_section {
        display: inline-block;
    }


    /* .for_FRMKL span {color: #0076FF; display: inline-block; margin: 0 5px;} */


    /* ------------------upload css------------------ */

    .btn-file {
        position: relative;
        overflow: hidden;
    }

    table td {
        border-bottom: 1px solid #DADCE0;
    }

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

    .dfre .custom-checkbox .custom-control-indicator {
        border-color: #555555;
        border-width: 1px;
    }

    .dfre .custom-control {
        display: inline-block;
    }

    .dfre .custom-control-description {
        color: #919191;
    }

    .toggle_icon {
        display: none;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
        top: auto;
        line-height: 14px;
        font-size: 14px;
    }

    table.dataTable>tbody>tr.child ul.dtr-details {
        width: 100%;
    }

    span.dtr-data {
        display: inline-block;
    }

    .form-control:focus {
        box-shadow: none;
    }

    .ssz {
        display: none;
    }


    /* New Css cool */

    .nw_all_faithfull.nav.nav-tabs {
        float: left;
        display: block;
        margin-right: 20px;
        border-bottom: 0;
        border-right: 1px solid #D8DFE6;
        padding-right: 15px;
        width: 250px;
    }

    .nw_all_faithfull.nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        background: #ccc;
    }

    .nw_all_faithfull.nav-tabs .nav-link.active {
        color: #222222;
        border-right: 1px solid #ffffff !important;
        position: relative;
        background: #ffffff;
        left: 1px;
    }

    .nw_all_faithfull.nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0rem!important;
        border-top-right-radius: 0rem!important;
        padding: 20px 25px;
        font-size: 16px;
        background: #f7f9fa;
        border-bottom: 1px solid #DADCE0;
        color: #363737;
        opacity: 0.8;
    }

    .nw_all_faithfull.nav-tabs .nav-link.active:before {
        display: none;
    }

    .tab-content>.active {
        display: block;
        min-height: 165px;
    }

    .nw_all_faithfull.nav.nav-tabs {
        float: left;
        display: block;
        margin-right: 0;
        border-bottom: 0;
        border-right: 1px solid transparent;
        padding-right: 15px;
    }

    .nw_all_faithfull.nav.nav-tabs .nav-item {
        padding: 0;
        width: 250px;
    }

    .nw_all_faithfull_main {
        border: 1px solid #DADCE0;
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
        background: #ffffff;
        border-radius: 4px;
    }

    .nw_all_faithfull_main .tab-content {
        float: right;
        width: calc(100% - 250px);
        padding: 40px;
        border-left: 1px solid #DADCE0;
    }

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

    .inner_cool_faith_tabs .nav-tabs {
        border-radius: 4px 0 0 0;
        overflow: hidden;
    }

    .inner_cool_faith_tabs .nav-tabs .nav-link {
        padding: 10px 30px;
        background: #354052;
        color: #ffffff;
        font-size: 18px;
        opacity: 1;
        float: left;
    }

    .inner_cool_faith_tabs .nav-tabs .nav-link.active {
        background: #6e7683;
        color: #ffffff;
    }

    .inner_cool_faith_tabs .nav-tabs {
        display: block;
    }

    .inner_cool_faith_tabs .nav-tabs .nav-link.active:before {
        display: none;
    }

    .inner_cool_faith_tabs .nav-tabs .nav-link:last-child {
        border-radius: 0 4px 0 0;
    }

    .inner_cool_faith_content {
        float: left;
        width: 100% !important;
        border: none !important;
    }

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

    .full_scr_display_cnt_inner {
        margin: 0;
        width: 60%;
        float: left;
    }

    .full_scr_display_cnt_inner table {
        border: 1px solid #DADCE0;
        border-radius: 3px;
    }

    .full_scr_display_cnt_inner table tr {
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
    }

    .full_scr_display_cnt_inner table tr th {
        padding: 17px 15px;
        border-bottom: 1px solid #DADCE0;
    }

    table tr th {
        font-weight: bold;
        font-size: 16px;
        line-height: normal;
        color: #BABABA;
    }

    .full_scr_display_cnt_inner table tr td input {
        background-color: #F7F9FA;
        border: 1px solid #D8DFE6;
        height: 34px;
        padding: 5px 15px;
        width: 80px;
    }

    .footrt_save_btnmnfaith {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .btn_faith {
        box-shadow: none;
        border: 1px solid #4EB952;
        background: #4EB952;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        height: 40px;
        padding: 0 15px;
        color: #FFFFFF;
        font-size: 14px;
        display: inline-block;
        line-height: 38px;
        min-width: 123px;
        cursor: pointer;
        text-align: center;
    }

    .mrrgtyfaith {
        margin-right: 15px;
    }

    .btn_faith:hover {
        opacity: 0.8;
        color: #FFFFFF;
    }

    .color_faith .colorpicker-element {
        height: 32px;
        width: 32px;
    }

    .color_faith .colorpicker-element .input-group-addon,
    .color_faith .colorpicker-element .input-group-addon i {
        width: 100%;
        height: 100%;
    }

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

    .new_pad_faith {
        padding: 20px 30px;
        background: #ffffff;
        box-shadow: 0 24px 32px 0 rgba(82, 97, 115, 0.1);
    }

    .tab-pane {
        float: left;
        width: 100%;
    }

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

    .mtpfaith {
        margin-top: 0;
    }

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

    table.dataTable {
        border-spacing: 0px;
    }

    table.dataTable th {
        background: transparent !important;
        border: none !important;
        font-weight: 400;
        font-size: 14px;
        text-transform: capitalize;
    }

    .roles-setting-content {
        padding: 0 !important;
    }

    .dataTables_wrapper.container-fluid {
        padding: 0 !important;
    }

    table.dataTable td {
        background: #2F3236;
        border: none;
        border-bottom: 1px solid #ffffff !important;
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.1px;
        padding: 20px 15px;
        vertical-align: top !important;
    }

    .drp_x .dropdown-toggle::after {
        display: none;
    }

    .drp_x .navbar-nav .nav-link {
        text-align: right;
        padding: 0 !important;
    }

    .drp_x .dropdown-menu {
        right: 0 !important;
        left: auto !important;
        top: auto !important;
        padding: 0 !important;
        background: #1C1E20;
        border-color: #323333;
        transform: none !important;
    }

    .drp_x .dropdown-menu .dropdown-item {
        color: #53B543;
        font-size: 15px;
        padding: 10px 15px;
        border-bottom: 1px solid #2F3236;
    }

    .drp_x .dropdown-menu .dropdown-item:hover,
    .drp_x .dropdown-menu .dropdown-item:focus {
        background: rgba(47, 50, 54, 0.6);
    }

    .drp_x .dropdown-menu .dropdown-item:last-child {
        border: none;
    }

    .dropselectclass {
        width: 200px;
    }

    .dropselectclass .select2-container--default .select2-selection--single {
        height: 40px;
    }

    .right_filter_faith ul li ul li {
        width: 100%;
    }

    .dropselectclass .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px;
    }

    .dropselectclass .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 38px;
    }

    @media (min-width: 992px) {
        .animate {
            animation-duration: 0.3s;
            -webkit-animation-duration: 0.3s;
            animation-fill-mode: both;
            -webkit-animation-fill-mode: both;
        }
    }

    @keyframes slideIn {
        0% {
            transform: translateY(1rem);
            opacity: 0;
        }
        100% {
            transform: translateY(0rem);
            opacity: 1;
        }
        0% {
            transform: translateY(1rem);
            opacity: 0;
        }
    }

    @-webkit-keyframes slideIn {
        0% {
            -webkit-transform: transform;
            -webkit-opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            -webkit-opacity: 1;
        }
        0% {
            -webkit-transform: translateY(1rem);
            -webkit-opacity: 0;
        }
    }

    .slideIn {
        -webkit-animation-name: slideIn;
        animation-name: slideIn;
    }

    .full_page_clr_main {
        float: left;
        width: 100%;
        padding: 44px 0;
    }

    .smtp_faith_config h2 {
        margin: 0;
        padding: 0;
        background: transparent;
        color: #ffffff;
        font-size: 18px;
        line-height: 40px;
        padding: 0;
        float: left;
    }

    .smtp_faith_config .nfaithpadd_sqr {
        float: left;
        width: 100%;
        padding: 20px 0;
    }

    .faith_nav_right {
        float: right;
        margin: 0;
        padding: 0;
    }

    .faith_nav_right li {
        display: inline-block;
    }

    .faith_nav_right li a {
        display: inline-block;
        color: #ffffff;
        font-size: 16px;
        padding: 0 10px;
        text-align: center;
    }

    .faith_nav_right li.add_faith_job {
        margin: 0 10px 0 20px;
    }

    .add_tom_job {
        border-right: 1px solid #4F4F4F;
    }

    .add_tom_job a {
        opacity: 1;
    }

    .for_mnt_heigth_faith {
        min-height: 400px;
    }

    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_desc:after {
        display: none;
    }

    table.dataTable thead .sorting:before,
    table.dataTable thead .sorting_asc:before,
    table.dataTable thead .sorting_desc:before,
    table.dataTable thead .sorting_asc_disabled:before,
    table.dataTable thead .sorting_desc_disabled:before {
        display: none;
    }

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after {
        display: none;
    }

    .sorting_disabled .sort-icon {
        display: none;
    }

    .sort-icon {
        position: relative;
        display: inline-block;
        width: 15px;
        height: 17px;
        top: 4px;
    }

    .sort-icon::before {
        position: absolute;
        content: "";
        top: 2px;
        right: 0;
        border-bottom: 5px solid #929297;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        width: 10px;
        height: 3px;
    }

    .sorting_asc .sort-icon::before {
        opacity: 0.5;
    }

    .sort-icon::after {
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        border-top: 5px solid #929297;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        width: 10px;
        height: 8px;
    }

    .dropdown_cover {
        float: right;
        position: relative;
    }

    .child .drop_down {
        z-index: 99;
        position: absolute;
        left: 0;
    }

    .drop_down {
        z-index: 99;
        position: absolute;
        right: 0;
        background: #fff;
        box-shadow: 0 0 16px 0 rgba(82, 97, 115, 0.18);
        padding: 12px 0;
        width: 200px;
        border-radius: 4px;
        display: none;
    }

    .drop_down ul {
        padding-bottom: 0;
        margin-bottom: 0;
        padding-left: 0;
    }

    .drop_down li {
        display: block;
        margin: 0!important;
        width: 100%;
    }

    .drop_down li a {
        display: block;
        color: #222222;
        font-size: 16px;
        line-height: 24px;
        padding: 6px 15px;
    }

    .top_filter_faith {
        float: left;
        width: 100%;
        margin: 10px 0 20px 0;
    }

    .left_total_faith {
        float: left;
        width: 100%;
        line-height: 35px;
        padding: 5px 0;
    }

    .left_total_faith span {
        display: inline-block;
        color: #000000;
        opacity: 0.6;
        font-size: 18px;
        padding: 0 10px;
    }

    .left_total_faith span:first-child {
        border-right: 1px solid rgba(0, 0, 0, 0.3);
    }

    .right_filter_faith ul {
        margin: 0;
        padding: 0;
        float: right;
    }

    .right_filter_faith ul li {
        float: left;
    }

    .search_filter_faith {
        display: inline-block;
        height: 40px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1.06px solid #DADCE0;
        background: #FFFFFF;
        padding: 0 45px 0 20px;
        width: 278px;
    }

    .right_filter_faith {
        float: right;
        width: 100%;
    }

    .search_filter_faith::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #000000;
        font-family: 'Open Sans';
        font-size: 14px;
        opacity: 0.4;
        font-weight: 600;
    }

    .search_filter_faith::-moz-placeholder {
        /* Firefox 19+ */
        color: #000000;
        font-family: 'Open Sans';
        font-size: 14px;
        opacity: 0.4;
        font-weight: 600;
    }

    .search_filter_faith:-ms-input-placeholder {
        /* IE 10+ */
        color: #000000;
        font-family: 'Open Sans';
        font-size: 14px;
        opacity: 0.4;
        font-weight: 600;
    }

    .search_filter_faith:-moz-placeholder {
        /* Firefox 18- */
        color: #000000;
        font-family: 'Open Sans';
        font-size: 14px;
        opacity: 0.4;
        font-weight: 600;
    }

    .marleft_C {
        margin-left: 15px;
    }

    .booking-innerContent_part {
        float: left;
        width: 100%;
    }

    .box_booking {
        background: #1C1E20;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .box_booking h5 {
        padding: 18px 20px;
        float: left;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #2F3236;
        font-size: 18px;
        color: #A7A7A7;
        font-weight: 600;
    }

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

    .box_booking_body {
        padding: 20px;
    }

    .text-clr {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 20px;
        text-transform: capitalize;
    }

    .fl_row_width {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .right_side_bkl i {
        color: #53B543;
    }

    i.fa-star {
        color: #53B543 !important;
    }

    i.fa-star.empty {
        color: #595C60 !important;
    }

    .title_CoolX {
        float: left;
        width: 100%;
        color: #A7A7A7;
        line-height: 40px;
        font-size: 22px;
        font-weight: 600;
        margin: 0;
        padding: 0;
    }

    .right_side_bkl i.empty {
        color: #595C60;
    }

    .skill_main_badge h4 {
        float: left;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    .cool_wth_modal .modal-dialog {
        max-width: 600px;
    }

    .skill_main_badge h4 span {
        background: #2F3236;
        font-weight: 400;
        color: #ffffff;
        padding: 8px 10px;
        font-size: 14px;
    }

    .borderX {
        border-bottom: 1px solid #595C60;
    }

    .fa-user {
        padding-right: 5px;
    }

    .address_filedTY h6 {
        padding: 0;
        float: left;
        width: 100%;
        margin: 0;
        font-size: 16px;
        color: #ffffff;
        font-weight: 400;
        padding: 15px 0;
    }

    .address_filedTY p {
        float: left;
        width: 100%;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 700;
        padding: 15px 0;
        margin: 0;
    }

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

    .total_price_box_DT {
        width: 100%;
        height: auto;
        float: left;
        box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.21);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #ffffff;
        text-align: center;
    }

    .total_price_box_DT h6 {
        float: left;
        width: 100%;
        font-size: 16px;
        color: #000000;
        font-weight: 800;
        margin: 22px 0 10px 0;
    }

    .total_price_box_DT h3 {
        float: left;
        width: 100%;
        font-size: 41px;
        font-weight: 700;
        color: #000000;
    }

    .total_price_box_DT h4 {
        float: left;
        width: 100%;
        font-size: 22px;
        font-weight: 700;
        color: #4EB952;
        margin: 12px 0 20px 0;
    }

    .box_c_footer {
        float: left;
        width: 100%;
        border-top: 1px solid #EAEAEA;
        padding: 12px 0;
    }

    .box_c_footer a {
        font-size: 16px;
        text-decoration: underline;
        color: #000000;
        display: inline-block;
    }

    /* ------------------------- padding and margin --------------------------- */

    .marleft_C40 {
        margin-left: 40px;
    }

    .marleft_C20 {
        margin-left: 20px;
    }

    .cool_pad_zr {
        padding: 0 !important;
    }

    .padtw20 {
        padding: 20px;
    }

    .cool_mar_zr {
        margin: 0 !important;
    }

    .cool_pad30 {
        padding: 30px 0 !important;
    }

    .cool_mar30 {
        margin: 30px 0 !important;
    }

    .cool_mar10 {
        margin: 10px 0 !important;
    }

    .cool_pad20 {
        padding: 20px 0 !important;
    }

    .mr_cool_btm {
        margin-bottom: 20px;
    }

    .pd_cool_btm {
        padding-bottom: 20px;
    }

    .cool_mar_btm30 {
        margin-bottom: 30px;
        margin-top: 0;
    }

    .dflolastPadd h5 {
        padding-bottom: 15px !important;
        margin-bottom: 15px;
    }

    .orders_fiesldet_faith_mian {
        float: left;
        width: 100%;
        margin: 20px 0;
    }

    .pad40pixc {
        padding-top: 40px;
    }

    .mar40pixc {
        margin-bottom: 40px;
    }

    .desincontent p {
        margin: 0 !important;
    }

    .orders_fiesldet_faith_mian fieldset {
        border: 1px solid #ddd !important;
        margin: 0;
        min-width: 0;
        padding: 10px;
        position: relative;
        border-radius: 4px;
        background-color: #ffffff;
        padding-left: 10px!important;
    }

    .orders_fiesldet_faith_mian legend {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0px;
        width: 35%;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 5px 5px 5px 10px;
        background-color: #f7f8f9;
    }

    .orders_fiesldet_faith_mian p {
        float: left;
        width: 100%;
        margin: 15px 0;
    }

    .orders_fiesldet_faith_mian p span {
        color: #585858;
        font-weight: 600;
    }

    .orders_fiesldet_faith_mian label {
        font-weight: 600;
    }

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

    .inline_select {
        float: left;
        width: 250px;
    }

    .inline_select_full h5 {
        float: left;
        margin: 0 15px;
        padding: 0;
        font-size: 16px;
        line-height: 36px;
    }

    .orders_fiesldet_faith_mian .form-group {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .custom-checkbox .custom-control-indicator {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .for_FRMKL label {
        font-weight: 600;
    }

    .for_FRMKL {
        height: auto;
    }

    .for_FRMKL .form-check-inline:first-child {
        margin-right: 24px;
    }

    .supplyAdd .modal-dialog {
        max-width: 1100px;
    }

    .modal-header {
        float: left;
        width: 100%;
        position: relative;
        margin: 0 !important;
        /*padding: 10px 15px !important;*/
        background: transparent;
        border: none;
    }

    .modal-content {
        background: #26282e;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border: 1px solid #ffffff !important;
        overflow: hidden;
    }

    .transBTN {
        background: transparent;
        color: #4EB952;
    }

    .modal-header .modal-title {
        float: left;
        width: auto;
        position: relative;
        color: #fff;
        line-height: 42px;
    }

    .modal-header .close {
        padding: 7px 15px;
        margin: 0 0 0 0;
        top: 0;
        font-size: 40px;
        position: relative;
        float: right;
        right: 0;
        color: #fff;
        text-shadow: none;
        z-index: 1;
        opacity: 1;
        display: inline-flex;
    }

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

    .full_scr_dixinput .int_fait_input {
        box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.21);
        background-color: #FFFFFF;
        border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        height: 48px;
        padding: 5px 15px;
        border: none;
        float: left;
        width: 100%;
    }

    .full_scr_dixinput .form-group {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        position: relative;
    }

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

    .full_faiths {
        float: left;
        width: 100%;
        text-align: right;
    }

    .full_faiths a {
        color: #1DA1F2;
        font-size: 17px;
    }

    .text_area_faith {
        float: left;
        width: 100%;
        border: none;
        border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        height: 110px;
        resize: none;
        padding: 15px;
    }

    .repeat_sections_inner {
        float: left;
        width: 100%;
        margin: 15px 0 0 0;
    }

    .mrfaithzero {
        margin: 0 !important;
    }

    .for_filter_selct_opfaith li:nth-child(1),
    .for_filter_selct_opfaith li:nth-child(2) {
        width: 200px;
        margin-right: 15px;
    }

    .for_filter_selct_opfaith li:nth-child(3) {
        margin-right: 15px;
    }

    .for_filter_selct_opfaith li .select2 {
        width: 100% !important;
    }

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

    .pagintionCls .dataTables_paginate {
        float: left;
        width: 100%;
        text-align: center;
    }

    .pagintionCls .dataTables_paginate .previous a {
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        line-height: 29px !important;
        margin: 0 !important;
    }

    .pagintionCls .dataTables_paginate .next a {
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        line-height: 29px !important;
        margin: 0 !important;
    }

    .pagintionCls .dataTables_paginate .page-item .page-link {
        width: 40px;
        height: 36px;
        text-align: center;
        line-height: 27px;
        margin: 0 5px;
    }

    .uplo_faithpic {
        float: left;
        width: 100%;
        position: relative;
    }

    .uplo_faithpic .profile-pic {
        display: block;
        object-fit: cover;
        height: 128px;
        width: 100%;
    }

    .uplo_faithpic .file-upload {
        display: none;
    }

    .uplo_faithpic .circle {
        overflow: hidden;
        width: 100%;
        height: 110px;
        border: 8px solid rgba(237, 236, 232, 0.7);
        background: url('../images/av-new.png') no-repeat center center;
    }

    .uplo_faithpic img {
        max-width: 100%;
        height: auto;
    }

    .uplo_faithpic .p-image {
        position: absolute;
        top: -8px;
        right: -9px;
        color: #666666;
        width: 35px;
        cursor: pointer;
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        height: 35px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .uplo_faithpic .p-image:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    }

    .uplo_faithpic .upload-button {
        font-size: 20px;
    }

    .uplo_faithpic .upload-button:hover {
        transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
        color: #999;
    }

    .uplo_faithpic_inner {
        float: left;
        width: 100%;
        position: relative;
    }

    .pass_faith_partM {
        position: relative;
    }

    .pass_faith_partM a {
        position: absolute;
        top: 33px;
        height: 32px;
        line-height: 32px;
        right: 0;
        padding: 0 10px;
        border-left: 1px solid #D8DFE6;
        color: #354052;
    }

    .full_scr_infaithyu {
        float: left;
        width: 100%;
        border-top: 1px solid #D8DFE6;
        border-bottom: 1px solid #D8DFE6;
        padding: 15px 0;
    }

    .full_scr_infaithyu .custom-control-description {
        font-size: 18px;
    }

    .full_scr_infaithyu .previewfaithy {
        float: right;
        color: #8c0101;
        font-weight: bold;
        font-size: 20px;
    }

    .toggleswitch_faith {
        float: left;
        width: 100%;
        /* margin-top: 33px; */
    }

    .toggleswitch_faith label.switch {
        float: left;
        width: auto !important;
        position: relative;
        display: inline-block;
        width: 48px !important;
        height: 28px;
        margin: 0;
    }

    .toggleswitch_faith p {
        float: left;
        width: auto;
        color: #222222;
        font-size: 18px;
        padding-left: 10px;
    }

    .toggleswitch_faith label.switch input {
        display: none;
    }

    .toggleswitch_faith label.switch input:checked+.slider {
        background-color: #4EB952;
    }

    .toggleswitch_faith label.switch .slider.round {
        border-radius: 34px;
    }

    .toggleswitch_faith label.switch input:checked+.slider:before {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    .toggleswitch_faith label.switch .slider.round:before {
        border-radius: 50%;
    }

    .toggleswitch_faith label.switch .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .dataTables_wrapper i {
        font-size: 20px;
        color: #4EB952 !important;
    }

    .toggleswitch_faith label.switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .swal2-popup .swal2-content {
        color: #ffffff !important;
    }

    .swal2-popup {
        background: #24272a !important;
        border: 1px solid #ffffff;
    }

    .toggleswitch_faith.job_toggleswitch_faith label.switch input:checked+.slider {
        background-color: #479a00;
    }

    .section_box_faith .job_internalNotes h4 {
        float: left;
        width: 60%
    }

    .job_toggleswitch_faith {
        float: right;
        width: 40%
    }

    .job_toggleswitch_faith span.witness_text {
        float: left;
        margin-right: 5px;
    }

    .eye_sh_pass_word {
        float: left;
        width: 100%;
        border-left: 1px solid #D8DFE6;
        height: 117px;
        margin-top: 32px;
        text-align: center;
        font-size: 25px;
        line-height: 117px;
    }

    .eye_sh_pass_word a {
        color: #8c0101;
    }

    .nothing_add_faith {
        width: auto !important;
    }

    .mrbottom15 {
        margin-bottom: 30px;
    }

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

    .upfaithload .upload_dkl .file {
        height: 36px !important;
    }

    .upfaithload .upload_dkl {
        float: left;
        width: 100% !important;
        text-align: center;
        padding: 0 0 15px 0;
        border-bottom: 1px solid #D8DFE6;
        margin-bottom: 15px;
    }

    .borfaithtop {
        border-top: 1px solid #D8DFE6;
        border-bottom: 1px solid #D8DFE6;
        padding: 15px 20px;
    }

    .borfaithtop p {
        margin: 0;
    }

    .fieldset_full_ff.orders_fiesldet_faith_mian legend {
        width: 80%;
    }

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

    .browser_tb_main p {
        float: left;
        width: 100%;
        font-size: 16px;
        padding: 20px 0;
    }

    .setting_main {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -wenkit-border-radius: 4px;
        border: 1px solid #D8DFE6;
        float: left;
        width: 100%;
    }

    .setting_main h3 {
        float: left;
        width: 100%;
        color: #282931;
        font-size: 18px;
        font-weight: bold;
        line-height: 57px;
        height: 57px;
        padding: 0 10px;
        border-bottom: 1px solid #D8DFE6;
    }

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

    .rgt_settings_board table {
        float: left;
        width: 100%;
        border: none;
    }

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

    .chj_checkall th {
        background: #354052 !important;
        color: #ffffff;
    }

    .chj_checkall th,
    .chj_checkall td {
        padding: 10px !important;
    }

    .chj_checkall .toggleswitch_faith {
        margin: 0 !important;
    }

    .full_faith_y th,
    .full_faith_y td {
        padding: 10px;
    }

    /* job Css cool */

    .faith_dropc .drop_down {
        width: 220px;
    }

    .faith_dropc .drop_down li a {
        font-size: 17px;
    }

    .faith_dropc .drop_down li a:hover {
        background: #f7f8f9;
    }

    .faith_box_b {
        border: 1px solid #DADCE0;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background-color: #FFFFFF;
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
        min-height: 121px;
        float: left;
        width: 161px;
        text-align: center;
        padding: 13px 10px;
    }

    .faith_box_b:first-child {
        margin-right: 20px;
    }

    .faith_box_b h5 {
        color: #999999;
        line-height: 20px;
        font-size: 16px;
        margin: 0;
    }

    .faith_box_b h3 {
        color: #354052;
        line-height: 40px;
        font-size: 50px;
        margin: 3px 0 8px 0;
        font-weight: bold;
    }

    .mrbtmfaith {
        margin-bottom: 15px;
    }

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

    .top_Search_filters .search_filter_faith {
        float: right;
    }

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

    .full_faith_cls .btn-secondary {
        background: none;
        font-size: 12px !important;
        color: #999999 !important;
        font-weight: normal !important;
        border: none;
        padding: 0;
        text-transform: capitalize;
        letter-spacing: 0.5px !important;
    }

    .full_faith_cls .show .btn-secondary {
        background: none !important;
        box-shadow: none !important;
    }

    .full_faith_cls .show .dropdown-menu.show {
        margin-left: -58px;
    }

    .full_faith_cls .btn-secondary:focus {
        background: none !important;
        box-shadow: none !important;
    }

    .full_faith_cls .dropdown-toggle::after {
        top: 3px;
        position: relative;
    }

    .maiN_fitler_fghOP {
        float: left;
        width: 100%;
        margin-top: 40px;
    }

    .maiN_fitler_fghOP ul {
        float: right;
        margin: 0;
        padding: 0;
    }

    .maiN_fitler_fghOP ul li {
        display: inline-block;
    }

    .maiN_fitler_fghOP ul li label {
        color: #BABABA;
        font-size: 16px;
        font-weight: normal;
        margin: 0;
        padding: 0;
        position: relative;
        top: 2px;
    }

    .maiN_fitler_fghOP ul li .select2 {
        width: 120px !important;
    }

    .maiN_fitler_fghOP ul li .select2-container--default .select2-selection--single {
        background: none;
        border: none;
    }

    .maiN_fitler_fghOP ul li .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #454F5C;
        font-size: 15px;
    }

    .maiN_fitler_fghOP ul li .select2-container--default .select2-selection--single .select2-selection__arrow {
        border: none;
    }

    .maiN_fitler_fghOP ul li:nth-child(3) .select2 {
        width: 150px !important;
    }

    .maiN_fitler_fghOP.new_sel_w ul li:nth-child(1) .select2 {
        width: 150px !important;
    }

    .maiN_fitler_fghOP.new_sel_w ul li:nth-child(3) .select2 {
        width: 120px !important;
    }

    .maiN_fitler_fghOP.new_sel_w ul li:nth-child(4) .select2 {
        width: 165px !important;
    }

    .msg_faith_alert {
        height: 37px;
        border-radius: 3px;
        padding: 7px 10px;
        font-size: 16px;
        float: left;
    }

    .msg_faith_alert i {
        font-size: 20px;
        position: relative;
        top: 1px;
    }

    .flt_first_col_color td:first-child {
        color: #057AFF;
    }

    .flt_first_col_color td.child {
        color: #212529;
    }

    .requested,
    .requested:hover {
        background-color: #fdf4df;
        color: #e8b849;
    }

    .Checked,
    .Checked:hover {
        background-color: #f0faff;
        color: #007acb;
    }

    table.dataTable td,
    table.dataTable th {
        vertical-align: middle;
    }

    .Return,
    .Return:hover {
        background-color: #F4FAEE;
        color: #397D00;
    }

    .Pending,
    .Pending:hover {
        background-color: #fae9e9;
        color: #CF2C28;
    }

    .for_listing_tbl_faith td {
        background: #ffffff;
    }


    /* details header Css */

    .top_head_euro {
        float: left;
        width: 100%;
        background: #ffffff;
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
        height: 110px;
        position: fixed;
        right: 0;
        z-index: 9;
        top: 0;
        padding: 25px 35px;
    }

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

    .header_fix_left_faith ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .header_fix_left_faith ul li {
        float: left;
        margin: 0 40px 0 0;
        padding: 0;
    }

    .header_fix_left_faith ul li:last-child {
        margin: 0;
    }

    .inline_details_section h4 {
        color: #AAAEB4;
        font-size: 22px;
        line-height: 28px;
        margin: 0;
        padding: 0;
        text-align: left;
        font-weight: normal;
    }

    .inline_details_section h6 {
        color: #000000;
        font-size: 22px;
        line-height: 28px;
        margin: 0;
        padding: 0;
        text-align: left;
        font-weight: normal;
    }

    .inline_details_section h5 {
        color: #057AFF;
        font-size: 22px;
        line-height: 28px;
        margin: 0;
        padding: 0;
        text-align: left;
        font-weight: normal;
    }

    .inline_details_section h6 a {
        color: #057AFF;
        font-size: 18px;
        line-height: 31px;
        font-style: italic;
        font-weight: normal;
    }

    .header_fix_right_faith ul {
        float: right;
        margin: 7px 0 0;
        padding: 0;
    }

    .header_fix_right_faith ul li {
        display: inline-block;
        margin: 0 15px;
    }

    .header_fix_right_faith ul li .msg_faith_alert {
        float: none;
        display: inline-block;
    }

    .dot_iemsfaith {
        display: inline-block;
        margin: 0 10px;
        padding: 0 10px;
    }

    .header_fix_right_faith ul li:last-child {
        margin-left: 50px;
    }


    /* details content Css */

    .mn_wrp_ontent_faith {
        float: left;
        width: 100%;
        padding-top: 87px;
    }

    .mn_wrp_ontent_faith_inner {
        float: left;
        width: 100%;
        padding: 29px 0 0 0;
    }

    .section_box_faith {
        float: left;
        width: 100%;
        border: 1px solid #DADCE0;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        background-color: #FFFFFF;
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
        padding: 34px 0;
    }

    .section_box_faith h4 {
        color: #454F5C;
        font-size: 22px;
        font-weight: bold;
        line-height: 28px;
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 0 0 34px;
    }

    .payment_row_fth {
        float: left;
        width: 100%;
        padding: 9.5px 34px;
    }

    .payment_row_fth .payment_method_name {
        width: 70%;
        float: left;
        text-align: left;
        color: #454F5C;
        font-size: 25px;
        line-height: 32px;
    }

    .payment_row_fth .payment_d_faith {
        width: 30%;
        float: right;
        text-align: right;
        color: #454F5C;
        font-size: 25px;
        line-height: 32px;
    }

    .payment_row_fth .payment_method_name p {
        float: left;
        width: 100%;
        color: #454F5C;
        font-size: 15px;
        font-style: italic;
        line-height: 31px;
        padding: 0;
        margin: 0;
    }

    .payment_row_fth .payment_method_name h4 {
        padding: 0;
    }

    .red-color.payment_d_faith {
        color: #CF2C28;
    }

    .nw_total_result_lt {
        border-bottom: 1px solid #D8D8D8;
        border-top: 1px solid #D8D8D8;
        padding: 20px 34px;
        margin: 9.5px 0;
    }

    .brNaN {
        border-top: none;
        margin-top: 0;
    }

    .brNaN a {
        color: #057AFF;
        font-size: 18px;
        font-style: italic;
        line-height: 31px;
        display: inline-block;
        font-weight: normal;
        margin-left: 15px;
    }

    .payment_row_fth ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #333333;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18px;
        opacity: 1;
        font-weight: normal;
    }

    .payment_row_fth ::-moz-placeholder {
        /* Firefox 19+ */
        color: #333333;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18px;
        opacity: 1;
        font-weight: normal;
    }

    .payment_row_fth :-ms-input-placeholder {
        /* IE 10+ */
        color: #333333;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18px;
        opacity: 1;
        font-weight: normal;
    }

    .payment_row_fth :-moz-placeholder {
        /* Firefox 18- */
        color: #333333;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18px;
        opacity: 1;
        font-weight: normal;
    }

    .payment_row_fth textarea {
        float: left;
        width: 100%;
        border: none;
        padding: 19px 0;
        resize: none;
        height: 70px;
    }

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

    .box_footer_faith ul {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        text-align: center;
        margin: 19px 0;
    }

    .box_footer_faith ul li {
        display: inline-block;
        margin: 0 7.5px;
    }

    .box_footer_faith ul li a {
        width: auto;
        display: inline-block;
        height: 45px;
        border: 1px solid #057AFF;
        border-radius: 45px;
        line-height: 43px;
        font-size: 16px;
        padding: 0 20px;
        background-color: #FFFFFF;
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
        color: #057AFF;
        text-align: center;
        opacity: 1;
        font-weight: 600;
    }

    .box_footer_faith ul li:first-child {
        margin-left: 0;
    }

    .box_footer_faith ul li:last-child {
        margin-right: 0;
    }

    .btn_simplopr h4 {
        padding: 0 34px;
        line-height: 45px;
    }

    .btn_simplopr a {
        width: 138px;
        display: inline-block;
        height: 45px;
        border: 1px solid #057AFF;
        border-radius: 45px;
        line-height: 43px;
        padding: 0 20px;
        font-weight: 600;
        font-size: 16px;
        background-color: #FFFFFF;
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
        color: #057AFF;
        text-align: center;
        opacity: 1;
    }

    .minhgfaith {
        min-height: 900px;
    }

    .minhgfaith_last {
        min-height: 610px;
    }

    .martop_fith {
        margin-top: 24px;
    }

    .for_padf_hlko p {
        padding: 0 34px;
        color: #454F5C;
        font-size: 18px;
        line-height: 25px;
        float: left;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 0;
        padding-bottom: 30px;
        border-bottom: 1px solid #D8D8D8;
    }

    .mafaith24 {
        margin-top: 24px;
    }

    p.nsfaith {
        padding-bottom: 0;
        border: none;
    }

    .brNaNx a {
        color: #057AFF;
        font-size: 18px;
        font-style: italic;
        line-height: 31px;
        display: inline-block;
        font-weight: normal;
        margin-left: 15px;
    }

    .selec_check_boxes_mnfaith {
        float: left;
        width: 100%;
        padding: 0 34px;
        margin-top: 15px;
    }

    .selec_check_boxes_mnfaith .form-check {
        float: left;
        width: 100%;
        margin: 0 0 5px 0 !important;
    }

    .selec_check_boxes_mnfaith .for_FRMKL {
        height: auto;
    }

    .selec_check_boxes_mnfaith .form-check .custom-checkbox .custom-control-indicator {
        width: 35px;
        height: 35px;
    }

    .selec_check_boxes_mnfaith .custom-control-description {
        font-size: 16px;
        line-height: 35px;
        height: 35px;
        color: #454F5C !important;
        padding-left: 10px;
        top: -12px;
    }

    .mr_r_nwe {
        margin-bottom: 9.5px !important;
    }

    .selec_check_boxes_mnfaith .for_FRMKL label {
        width: auto;
    }

    .timeline_section_faith {
        float: left;
        width: 100%;
        margin-top: 51px;
        position: relative;
    }

    .timeline_section_inner {
        float: left;
        width: 100%;
        position: relative;
    }

    .timeline_section_row {
        float: left;
        width: 100%;
        padding: 0;
    }

    .pro_row {
        float: left;
        width: 100%;
        padding: 13px 0 20px;
        border-bottom: 1px solid #D8D8D8;
        margin-bottom: 0;
        position: relative;
    }

    .pro_row:before {
        position: absolute;
        content: "";
        left: 30%;
        width: 5px;
        height: 100%;
        background: #D8D8D8;
    }

    .pro_left {
        width: 30%;
        float: left;
        padding: 0 35px 0 15px;
        box-sizing: border-box;
        position: relative;
    }

    .pro_left:before {
        border: 6px solid #D8D8D8;
        background-color: #F7F8F9;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        position: absolute;
        content: "";
        right: -14px;
        top: -1px;
    }

    .pro_row:first-child .pro_left:before {
        top: 0;
    }

    .pro_row:last-child {
        border-bottom: 0;
    }

    .pro_row:last-child:before {
        height: 13px;
    }

    .pro_right {
        width: 70%;
        float: left;
        padding: 0 15px 0 35px;
        box-sizing: border-box;
    }

    .pro_row span {
        font-size: 18px;
        line-height: 23px;
        color: #454F5C;
        float: left;
        width: 100%;
    }

    .pro_left span {
        text-align: right;
    }

    .op_5 {
        opacity: 0.5;
    }


    /* Board Module */

    .board_content_part.main_wrap_content_part {
        position: relative;
        padding: 0;
    }

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

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

    .board_box_inner {
        float: left;
        width: 100%;
        border: 1px solid #DADCE0;
        border-radius: 3px;
        background-color: #FFFFFF;
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
        margin: 0 0 30px 0;
    }

    .board_box_head {
        float: left;
        width: 100%;
        margin: 0 0 35px 0;
    }

    .truck_title {
        color: #354052;
        opacity: 0.5;
        font-size: 16px;
        line-height: 20px;
        padding: 6px 10px;
        display: inline-block;
    }

    .driver_name {
        color: #454F5C;
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        padding: 0 10px;
    }

    .board_box_drag {
        float: left;
        width: 100%;
        padding: 0 25px;
    }

    .board_box_drag ul {
        margin: 0;
        padding: 0;
    }

    .board_box_drag li {
        border: 1px solid #DADCE0;
        border-radius: 3px;
        background-color: #FFFFFF;
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
        margin: 0 0 25px;
        height: 67px;
        padding: 0 25px;
        text-align: center;
        display: table;
        width: 100%;
        background: url('../images/darg-icon.png') no-repeat left 10px center / 10px 14px;
    }

    .board_box_drag li:last-child {
        margin-bottom: 0;
    }

    .board_box_drag li span {
        color: #109D59;
        display: block;
    }

    .verti_md {
        display: table-cell;
        height: 67px;
        vertical-align: middle;
    }

    .board_box_add {
        float: left;
        width: 100%;
        margin: 50px 0;
        padding: 0 25px;
        box-sizing: border-box;
        text-align: center;
    }

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

    .note_section .board_box_inner {
        padding: 20px;
    }

    .note_head {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
    }

    .md_title {
        color: #354052;
        font-size: 16px;
        line-height: 20px;
    }

    .add_note_link {
        color: #057AFF;
        font-size: 16px;
        line-height: 20px;
    }

    .add_note_link:hover {
        color: #057AFF;
    }

    .note_des {
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        color: #354052;
        opacity: 0.5;
        float: left;
        width: 100%;
    }

    .md_minH {
        min-height: 185px;
    }

    .work_duty {
        width: 100px;
        float: left;
        border: 1px solid #DADCE0;
        border-right: 0;
        background-color: #FFFFFF;
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
        padding: 25px;
        box-sizing: border-box;
        position: absolute;
        right: 1px;
        top: 90px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .workD_toggle {
        position: absolute;
        left: 0;
        top: 0;
        width: 100px;
        height: 100px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .arrow_icon {
        opacity: 0.2;
        font-size: 14px;
        display: inline-block;
        margin-right: 25px;
    }

    .user_icon {
        color: #007BFF;
        font-size: 16px;
    }

    .user_icon:hover {
        color: #007BFF;
    }

    .work_duty_cnt {
        float: left;
        width: 100%;
        display: none;
    }

    .work_duty_cnt h4 {
        color: #354052;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        margin: 0 0 30px 0;
    }

    .work_duty_cnt ul {
        margin: 0;
        padding: 0;
    }

    .work_duty_cnt ul li {
        float: left;
        width: 100%;
        border-bottom: 1px solid rgba(151, 151, 151, 0.2);
        padding: 8px;
    }

    .work_duty_cnt ul li:first-child {
        border-top: 1px solid rgba(151, 151, 151, 0.2);
    }

    .drv_name {
        color: #333333;
        font-size: 16px;
        line-height: 20px;
    }

    .drv_name:hover {
        color: #333333;
    }

    .del_icon,
    .del_icon:hover {
        color: #FF5C5B;
        font-size: 12px;
        line-height: 22px;
    }

    .add_drv {
        color: #057AFF;
        font-size: 16px;
        line-height: 45px;
        font-weight: 600;
        display: inline-block;
    }

    .add_drv i {
        float: left;
        margin-right: 10px;
        line-height: 45px;
    }

    .add_drv:hover {
        color: #057AFF;
    }

    .work_duty_main {
        height: auto;
        width: 410px;
        min-height: 410px;
        display: inline-block;
    }

    .work_duty_main .work_duty_cnt {
        display: block;
    }

    .work_duty_main .workD_toggle {
        height: 72px;
    }

    .work_duty_main .workD_toggle .arrow_icon {
        transform: rotate(-180deg);
    }

    .add_drv_pop .modal-header {
        border-bottom: 0;
        display: inline-block;
    }

    .add_drv_pop .modal-title {
        line-height: 32px !important;
    }

    .add_drv_pop .modal-content {
        border-radius: 0;
    }

    .add_drv_pop .modal-footer {
        border-top: 0;
    }

    .add_drv_form_main {
        float: left;
        width: 100%;
        padding: 0 15px;
        margin-top: 20px;
    }

    .add_drv_form_main .progress_cnt_main .select2-container--default .select2-selection--single {
        height: 47px;
    }

    .add_drv_form_main .progress_cnt_main .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 45px;
    }

    .add_drv_form_main .progress_cnt_main .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 43px;
    }

    .assign_DRV_CL .modal-dialog {
        max-width: 775px !important;
    }

    .assign_DRV_CL .req_pop_btn {
        width: 170px;
    }

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

    .req_ass_ttl {
        float: left;
        width: 100%;
        color: #454F5C;
        font-size: 18px;
        line-height: 23px;
    }

    .req_ass_tbl .custom-checkbox .custom-control-indicator,
    .order_ass_tbl .custom-checkbox .custom-control-indicator {
        width: 18px;
        height: 18px;
        border-color: #000;
    }

    .req_ass_tbl .custom-checkbox .custom-control-input:checked~.custom-control-indicator,
    .order_ass_tbl .custom-checkbox .custom-control-input:checked~.custom-control-indicator {
        background-size: 12px;
        border-color: #8c0101;
    }

    .req_ass_tbl td,
    .order_ass_tbl td {
        outline: 0 none;
    }

    .req_ass_tbl th.nosort.sorting_asc .sort-icon,
    .order_ass_tbl th.nosort.sorting_asc .sort-icon {
        display: none;
    }

    .req_ass_tbl .blue_bg td {
        background: #cee0fd;
    }

    .mrgtp5 {
        margin-top: 8px;
    }

    .on_d_ttl {
        margin: 0;
        font-size: 18px;
        line-height: 23px;
        font-weight: 600;
        color: #109D59;
    }

    .on_d_time {
        margin: 0;
        font-size: 15px;
        line-height: 19px;
        font-weight: 700;
        color: #454F5C;
    }

    .drv_dt_cnt {
        border-top: 1px solid #DADCE0;
        padding: 0;
    }

    .drv_dt_cnt ul {
        margin: 0;
        padding: 0;
    }

    .drv_dt_cnt ul li {
        float: left;
        width: 100%;
        display: table;
        vertical-align: middle;
        border-bottom: 1px solid #DADCE0;
    }

    .drv_dt_cnt ul li:last-child {
        border-bottom: 0;
    }

    .drv_dt_cnt_inner {
        height: 100px;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

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

    .drv_count {
        width: auto;
        float: left;
        margin: 0 30px 0 0;
        font-size: 40px;
        line-height: 50px;
        text-align: center;
        font-weight: 600;
        color: #82061B;
        min-height: 75px;
        display: flex;
        align-items: center;
    }

    .drv_inner_left_cnt {
        width: auto;
        float: none;
        display: table-cell;
        height: 75px;
        vertical-align: middle;
    }

    .drv_inner_left_cnt p {
        font-size: 15px;
        line-height: 19px;
        color: #454F5C;
        margin: 0;
    }

    .drv_dt_inner_right {
        width: auto;
        float: right;
        display: flex;
        height: 75px;
        align-items: center;
        justify-content: flex-end;
    }

    .right_arrow {
        display: inline-block;
        margin-left: 35px;
        padding: 6px 0;
    }

    .drv-darg-icon {
        float: left;
        margin-right: 28px;
        line-height: 50px;
        display: flex;
        align-items: center;
        height: 75px;
    }


    /* Cremation Module */

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

    .cremation_main .nav-tabs {
        border-radius: 3px;
        border-bottom: 0;
        border: 1px solid #057AFF;
        width: auto;
        float: left;
        box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
        margin: 0 0 30px 0;
    }

    .cremation_main .nav-tabs .nav-item.show .nav-link,
    .cremation_main .nav-tabs .nav-link.active,
    .cremation_main .nav-tabs .nav-link.active:hover {
        color: #fff;
        background-color: #057AFF;
        border-color: #057AFF;
    }

    .cremation_main .nav-tabs .nav-link {
        border: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 10px 30px;
        font-size: 16px;
        line-height: 20px;
        color: #057AFF;
    }

    .cremation_main .nav-tabs .nav-link:hover {
        color: #057AFF;
    }

    .cremation_main .nav-tabs .nav-link i {
        display: inline-block;
        margin-right: 10px;
    }

    .cremation_main .nav-tabs .nav-link:focus,
    .cremation_main .nav-tabs .nav-link:hover {
        border-color: transparent;
    }

    .cremation_tab_head .cremation_head_left {
        width: auto;
        padding: 0;
    }

    .cre_ttl {
        color: #454F5C;
        font-size: 42px;
        line-height: 48px;
        float: left;
        margin-right: 30px;
    }

    .cremation_head_right {
        float: right;
        width: auto;
    }

    .w235 {
        width: 235px;
        margin: 0 15px 0 0;
        float: left;
    }

    .h45 {
        height: 45px;
        line-height: 43px;
        float: left;
        margin: 2px 0;
    }

    .big_btn {
        text-transform: capitalize;
        height: 50px;
        line-height: 50px;
        font-size: 25px;
        text-align: center;
        font-weight: bold;
        padding: 0 35px;
        color: #fff;
        border-radius: 30px;
        box-shadow: 0 2px 4px 0 #E9E9E9;
        display: inline-block;
        margin: 0 0 0 30px;
    }

    .big_btn:hover {
        color: #fff;
    }

    .crem_bg_blue {
        background: #0479FE;
    }

    .crem_bg_green {
        background: #109D59;
    }

    .crem_bg_red {
        background: #DB4437;
    }

    .w190 {
        width: 190px;
    }

    .cremation_tbl_main {
        float: left;
        width: 100%;
        margin: 30px 0;
        border: 1px solid #DADCE0;
        border-radius: 3px;
        background-color: #FFFFFF;
        box-shadow: 0 10px 22px 0 rgba(0, 0, 0, 0.1);
    }

    .cremation_tbl_main th {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0.71px;
        text-transform: uppercase;
        color: #BABABA;
        padding: 25px;
        border-bottom: 1px solid #999999;
    }

    .cremation_tbl_main td {
        color: #333333;
        font-size: 26px;
        line-height: 33px;
        padding: 25px;
        border-bottom: 1px solid #999999;
    }

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

    .c_c_inner {
        float: left;
        width: 100%;
        padding: 35px 0;
    }

    .c_c_title {
        padding: 0 80px;
        font-size: 42px;
        line-height: 52px;
        color: #454F5C;
        text-align: center;
        margin: 0 0 70px 0;
    }

    .c_c_box {
        max-width: 1040px;
        width: 100%;
        margin: 0 auto;
        display: table;
    }

    .c_c_box_inner {
        text-align: center;
    }

    .c_c_box_inner .form-group {
        width: 18%;
        margin: 0 2% 0 0;
        float: none;
        display: inline-block;
    }

    .c_c_box_inner .form-group label {
        color: #333333;
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        float: left;
        width: 100%;
    }

    .c_c_box_inner .form-group:last-child {
        margin-right: 0;
    }

    .c_c_box .back_btn {
        font-size: 25px;
        height: 50px;
        line-height: 46px;
        font-weight: bold;
        width: 275px;
    }

    .prv_box {
        max-width: 1370px;
        width: 100%;
        margin: 0 auto;
        display: table;
    }

    .prv_right {
        float: left;
        width: 100%;
        padding: 35px;
        box-sizing: border-box;
        border-bottom: 1px solid #DADCE0;
    }

    .prv_right:last-child {
        border-bottom: 0;
    }

    .prv_right_head {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
        position: relative;
    }

    .prv_right_head h2 {
        color: #454F5C;
        font-size: 22px;
        font-weight: bold;
        line-height: 28px;
        display: inline-block;
        margin-right: 15px;
    }

    .prv_right_head a {
        font-size: 18px;
        color: #057AFF;
    }

    .short_des {
        float: left;
        width: 100%;
        color: #454F5C;
        font-size: 18px;
        line-height: 23px;
        margin: 0;
    }

    .prv_right_head .toggleswitch_faith {
        position: absolute;
        right: 0;
        top: 5px;
        width: auto;
    }

    .prv_right_head .toggleswitch_faith p {
        margin: 0 8px 0 0;
        padding: 0;
        font-size: 15px;
        line-height: normal;
        color: #454F5C;
    }

    .prv_right_head .toggleswitch_faith label.switch {
        width: 30px !important;
        height: 20px;
    }

    .prv_right_head .toggleswitch_faith label.switch .slider:before {
        height: 14px;
        width: 14px;
        left: 4px;
        bottom: 3px;
    }

    .prv_right_head .toggleswitch_faith label.switch input:checked+.slider:before {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    .pad165 {
        padding-right: 165px;
    }

    .min287 {
        min-height: 287px;
    }

    .prv_jb_dt {
        float: left;
        width: 100%;
        margin: 0 0 30px 0;
    }

    .prv_jb_dt label {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0.8px;
        line-height: 28px;
        color: #BABABA;
        display: block;
        margin: 0;
        text-transform: uppercase;
    }

    .prv_jb_dt span {
        color: #333333;
        font-size: 30px;
        line-height: 38px;
        display: inline-block;
    }

    .report_form.progress_cnt_main .form-group {
        margin-bottom: 30px;
    }

    /* Board 2 */

    .full_board_content_part {
        float: left;
        width: 100%;
        padding: 0;
        background: #F8F9FA;
    }

    .bd_eq_sec {
        width: 150px;
        float: left;
        border-top: 1px solid #9A9FAA;
        min-height: 55px;
        position: relative;
    }

    .bd_inner_hd {
        padding: 2px 8px;
        background-color: #E9EAEC;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

    .bd_inner_hd span {
        float: right;
        color: #354052;
        font-size: 18px;
        line-height: 23px;
    }

    .bd_inner_hd .dropdown_cover {
        float: right;
        position: relative;
        width: 15px;
        text-align: center;
        margin-left: 8px;
    }

    .bd_inner_hd .drop_down li a {
        text-align: left;
    }

    .bd_ttl {
        float: left;
        width: 100%;
        font-size: 18px;
        line-height: 23px;
    }

    .verti_cnt {
        height: 51px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bd_add_icon,
    .bd_add_icon:hover {
        color: #9A9FAA;
        font-size: 14px;
    }

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

    .bd_inner_cnt ul {
        padding: 0;
        margin: 0;
    }

    .bd_inner_cnt ul li {
        display: table;
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        color: #354052;
        cursor: pointer;
        background: #FFF;
        border-bottom: 1px solid #DADCE0;
    }

    .bd_inner_cnt ul li .bd_verti_cnt {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 80px;
        padding: 0 8px;
    }

    .bd_inner_cnt .bd_add_icon {
        color: #D2D5DA;
    }

    .bd_inner_cnt .verti_cnt {
        padding: 0 8px;
        height: 55px;
    }

    .bd_verti_cnt .w_70x {
        display: table-cell;
        width: 100px;
        vertical-align: middle;
    }

    .bd_verti_cnt .w_30x {
        width: 32px;
        text-align: right;
        display: table-cell;
        vertical-align: middle;
    }

    .bd_verti_cnt .w_30x a {
        display: inline-block;
    }

    .bg_trans {
        background: transparent;
        box-shadow: none;
    }

    .dark_gray {
        color: #354052;
        font-weight: bold;
    }

    .red_txt {
        color: #C40005;
        font-weight: bold;
    }

    .red_txt_nw {
        color: #C40005;
    }

    .green_txt {
        color: #397D00;
    }

    .bd_eq_sec {
        border-left: 1px solid #9A9FAA;
        border-bottom: 1px solid #9A9FAA;
    }

    .bottom_sec {
        width: 100%;
        position: absolute;
        bottom: 1px;
        left: 0;
        right: 0;
        padding: 8px;
        background: #F8F9FA;
    }

    .note_ttl {
        color: #354052;
        opacity: 0.5;
        font-size: 16px;
        line-height: 20px;
        font-style: italic;
    }

    .edit_bd {
        color: #354052;
        opacity: 0.5;
        font-size: 16px;
        line-height: 20px;
        font-style: italic;
        text-decoration: underline;
    }

    .edit_bd:hover {
        color: #354052;
        opacity: 0.5;
        text-decoration: underline;
    }

    .turn_sign {
        color: #354052;
        font-size: 14px;
        line-height: 20px;
        font-style: italic;
        float: left;
        width: 100%;
        margin: 0;
    }

    .w_70 {
        width: 100%;
        display: inline-block;
    }

    .board_content_main .bd_eq_sec:first-child {
        border-left: none;
    }

    .board_content_main .bd_eq_sec:last-child {
        border-right: 1px solid #9A9FAA;
    }

    .same_che .form-check {
        width: 18%;
        margin: 0 2% 15px 0 !important;
        float: left;
    }

    .same_che .custom-checkbox .custom-control-indicator {
        float: left;
    }

    .same_che .custom-control-description {
        float: left;
        top: 0;
        left: 5px;
    }

    .cl_dt_head ul {
        float: left;
        width: auto;
    }

    .cl_dt_ttl {
        font-size: 32px;
        line-height: 60px;
        color: #000000;
        float: left;
        width: auto;
        margin: 0 70px 0 0;
    }

    table.dataTable.price_tbl,
    table.dataTable.invoice_tbl {
        margin: 0 !important;
    }

    .min_SM {
        min-height: 465px;
    }

    .cl_bx h4 {
        padding-right: 34px;
    }

    .cl_bx .req_pop_btn {
        font-weight: normal;
        display: inline-block;
        box-shadow: none;
    }

    .cl_bx .req_pop_btn img {
        display: inline-block;
        margin-left: 5px;
    }

    .cl_bx .dropdown_cover {
        margin-right: 5px;
    }

    .cl_bx .selec_check_boxes_mnfaith {
        margin-top: 0;
    }

    .cl_bx .table td,
    .cl_bx .table th {
        padding: 7px 10px 7px 0;
    }

    .cl_bx .table.invoice_tbl td:last-child {
        padding-right: 15px;
    }

    .min_XS {
        min-height: 290px;
    }

    .loc_img {
        width: 100%;
        float: left;
        margin: 0 0 15px 0;
    }

    .loc_img img {
        height: 175px;
        width: 80%;
        object-fit: cover;
    }

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

    .add_cover ul {
        margin: 0 0 15px 0;
        padding: 0;
        float: left;
        width: 100%;
    }

    .add_cover ul:last-child {
        margin-bottom: 0;
    }

    .add_cover ul li {
        font-size: 18px;
        line-height: 23px;
        color: #454F5C;
    }

    .clinic_btn {
        height: 45px;
        line-height: 43px;
        padding: 0 20px;
        color: #057AFF;
        font-size: 16px;
        font-weight: 600;
        border: 1px solid #057AFF;
        border-radius: 30px;
        display: inline-block;
    }

    .clinic_btn:hover {
        color: #057AFF;
    }

    .clinic_btn i {
        font-size: 20px;
        float: left;
        line-height: 43px;
        margin-right: 10px;
    }

    .dd_style_select .select2-container--default .select2-selection--single {
        height: auto;
        border: 0;
    }

    .dd_style_select .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: normal;
        font-size: 12px;
        color: #999999;
        display: inline-block;
        padding-right: 12px;
    }

    .dd_style_select .select2-container--default .select2-selection--single .select2-selection__arrow {
        position: relative;
        top: 0;
    }

    .dd_style_select .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: auto;
        width: auto;
        background: transparent;
        border-left: 0;
    }

    .dd_style_select .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #BABABA transparent transparent transparent;
    }

    .dd_style_select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #BABABA transparent
    }

    .dd_style_select .select2-results__option[aria-selected] {
        font-size: 12px;
    }

    .dd_style_select .select2-container--default .select2-results__option--highlighted[aria-selected] {
        font-size: 12px;
    }

    .select2-results__option[aria-selected] {
        display: block;
    }

    .select2-container--default .select2-results>.select2-results__options {
        width: 100%;
    }

    .issue_RF_Cl label {
        width: 65%;
        margin: 0 5% 0 0;
        text-align: right;
        float: none;
        font-size: 16px;
        line-height: 34px;
        max-width: 170px;
        display: inline-block;
    }

    .issue_RF_Cl span {
        width: 30%;
        float: none;
        font-size: 16px;
        font-weight: 700;
        line-height: 34px;
        position: relative;
        max-width: 120px;
        margin: 0 auto;
        display: inline-block;
        text-align: center;
    }

    .issue_RF_Cl .form-control {
        width: 30%;
        float: none;
        font-size: 16px;
        font-weight: 700;
        max-width: 120px;
        display: inline-block;
        margin: 0 auto;
        text-align: left;
    }

    .issue_RF_Cl .form-group:last-child label,
    .issue_RF_Cl .form-group:last-child span {
        padding-top: 10px;
    }

    .issue_RF_Cl .form-group:last-child span:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        border-top: 2px solid #D8DFE6;
        width: 100%;
        height: 2px;
    }

    .hori_center {
        margin: 0 auto;
        max-width: 355px;
        display: table;
    }


    /*new css start for payment*/

    .left_top_hdr ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .left_top_hdr>ul>li {
        display: inline-block;
        margin-right: 30px;
    }

    .top_header_payment {
        margin: 30px 0;
    }

    .tab_Euro_main.payments_custom {
        margin: 0;
    }

    .modal-footer {
        background: #1C1E20;
        justify-content: center;
    }

    .export_mdl_new .modal-footer .btn_faith:first-child {
        background: #F7F9FA;
        border: 1px solid #D8DFE6;
        color: #212529;
        cursor: pointer;
    }

    .export_mdl_new .payment_slctm .select2 {
        width: 45% !important;
    }

    .export_mdl_new .payment_slctm .select2-results__options li {
        margin-right: 0 !important;
    }

    .left_top_hdr .custom-checkbox .custom-control-indicator {
        vertical-align: middle;
    }

    .left_top_hdr .custom-control-description {
        top: 0;
    }

    .date_range_new {
        padding: 10px 0 30px;
    }

    .payments_data_table .cc_tools {
        float: left;
        width: 55%;
        border: 1px solid #dee2e6;
    }

    .payments_data_table tr th:last-child .sort-icon {
        display: none;
    }

    .payments_data_table .cc_tools tr th {
        background-color: #f7f9fa;
        border-right: 1px solid #dee2e6;
    }

    .payments_data_table .cc_tools tr th:last-child,
    .payments_data_table .cc_tools tr td:last-child {
        border-right: 0;
    }

    .payments_data_table .cc_tools tr td {
        border-right: 1px solid #dee2e6;
    }

    .export_mdl_new .modal-header {
        padding: 10px;
    }

    .export_mdl_new .modal-header .modal-title {
        font-size: 22px;
    }

    .view_nots:hover {
        color: #057aff;
    }

    .down_arrow {
        display: inline-block;
        background: url('../images/down-arrow.png') 0px 10px no-repeat;
        width: 19px;
        height: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-left: 5px;
    }

    .export_mdl_new .modalbody-title {
        float: left;
        width: 100%;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .payments_data_table .checked_btn i {
        margin: 0 5px 0 0;
    }

    .payments_inner_tbl {
        padding: 30px;
        float: left;
        width: 100%;
    }

    .payment_modal_body {
        margin-bottom: 20px;
    }

    .qe_input {
        width: 45% !important;
        float: left !important;
    }

    .payment_modal_body span {
        width: 10%;
        float: left;
        padding: 0 5px;
        line-height: 34px;
        text-align: center;
    }

    .payment_location_filter .select2 {
        width: 200px !important;
    }

    .datepicker-days tbody {
        border: 0;
    }

    /* .datepicker-days .datepicker-switch, .datepicker th {
        color: #000;
    } */

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

    .xsas {
        margin-top: 90px;
        margin-bottom: 33px;
    }

    .xsas span:first-child {
        float: left;
        font-size: 25px;
        font-weight: bold;
        line-height: 32px;
        color: #333333;
    }

    .xsas span:last-child {
        float: right;
        color: #454F5C;
        font-size: 25px;
        font-weight: bold;
        line-height: 32px;
    }

    .mrg_btn_30 {
        margin-bottom: 30px;
    }

    .mrg_btn_15 {
        margin-bottom: 15px;
    }

    .bd_eq_sec {
        padding-bottom: 113px;
    }

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

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

    .main_setting_header {
        float: left;
        width: 100%;
        color: #A7A7A7;
        line-height: 40px;
        font-size: 14px;
        padding: 20px 0;
        text-align: left !important;
    }

    .main_setting_inner_DIV {
        float: left;
        width: 100%;
        background: #1C1E20;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.21);
        padding: 80px 50px;
    }

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

    .status_top_row h4 {
        margin: 0;
        font-size: 25px;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.5);
        line-height: 40px;
    }

    .f_topBooking {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .f_topBooking li {
        float: right;
    }

    .f_topBooking li p {
        color: #ffffff;
        font-size: 20px;
        line-height: 40px;
        font-weight: 400;
        margin-bottom: 0;
        padding: 0;
    }

    .f_topBooking li p span.booked {
        background: #BF811B;
        margin: 0;
        padding: 0;
        height: 29px;
        border-radius: 29px;
        font-size: 16px;
        line-height: 29px;
        color: #ffffff;
        min-width: 158px;
        text-align: center;
        display: inline-block;
    }

    .status_top_row {
        padding-bottom: 25px;
        border-bottom: 1px solid #53B543;
    }

    .f_topBooking li .print_icon {
        display: inline-block;
        line-height: 40px;
    }

    .col-cool-main_section {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .col-cool-main {
        display: inline-flex;
        margin: 18px 18px;
        width: 254px;
        height: 228px;
        border-radius: 5px;
        border: 1px solid #FFFFFF;
        box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.21);
    }

    .col-box_clcol {
        display: flex;
        align-items: center;
        width: 100%;
        height: 228px;
    }

    .col-cool-main:hover {
        opacity: 0.6;
    }

    .col-box_clcol a {
        font-size: 20px;
        color: #ffffff;
        font-weight: 600;
        cursor: pointer;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .col-box_clcol a span {
        display: flex;
        justify-content: center;
    }

    .col-box_clcol a span:last-child {
        margin-top: 20px;
    }

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

    .breadcrumb_clx span:first-child a {
        color: #53B543;
    }

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

    .breadcrumb_clx span:nth-child(2) {
        padding: 0 4px;
    }

    .breadcrumb_clx span {
        display: inline-block;
    }

    .Tab_H_C_K {
        background-color: #1C1E20;
        padding: 0;
        box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.21);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .Tab_H_C_K .nav-tabs {
        border-bottom: 1px solid #2F3236;
        padding: 0 10px;
    }

    .Tab_H_C_K .tab-pane {
        padding: 20px;
    }

    .Tab_H_C_K .tab-content {
        border-top: 0;
        float: left;
        width: 100%;
    }

    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        border: none;
    }

    .setting-tabs a.nav-item {
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
        border: none;
        font-weight: 400;
        padding: 20px 0;
        margin: 0 10px;
        position: relative;
    }

    .setting-tabs a.nav-item.active {
        background: transparent;
        position: relative;
        color: #53B543;
    }

    .setting-tabs a.nav-item.active:before {
        height: 1px;
        background: #53B543;
        content: '';
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .setting-tabs a.nav-item:hover::before {
        height: 1px;
        background: #53B543;
        content: '';
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

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

    .cool_table th {
        background: transparent !important;
        border-bottom: 1px solid #ffffff !important;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 0.43px;
        color: #ffffff;
        padding: 10px 0;
        border-top: none !important;
    }

    .cool_table td {
        background: transparent !important;
        border: none !important;
        font-weight: 400;
        font-size: 16px;
        color: #ffffff;
        border-bottom: 1px solid #ffffff !important;
        padding: 10px 0;
    }

    .address_filedTY {
        padding: 10px 20px;
    }

    .address_filedTYx {
        float: left;
        width: 100%;
        padding: 0 20px;
    }

    .cool_table td:last-child {
        text-align: right;
        font-weight: 700;
    }

    .cool_table th:last-child {
        text-align: right;
    }

    .anchr_color a {
        color: #4EB952 !important;
        text-decoration: none;
    }

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

    .left_property_pic {
        width: 350px;
        float: left;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        overflow: hidden;
    }

    .left_property_pic img {
        width: 100%;
        height: 220px;
        object-fit: cover;
    }

    .setting-tabs-new a.nav-item.active {
        background: transparent;
        position: relative;
        color: #53B543;
    }

    .setting-tabs-new a.nav-item {
        font-size: 14px;
        text-transform: uppercase;
        border: none;
        font-weight: 600;
        padding: 20px 0;
        margin: 0 10px;
        color: #ffffff;
    }

    .setting-tabs-new a.nav-item.active:before {
        height: 1px;
        background: #53B543;
        content: '';
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .right_Property_details h2 {
        font-size: 25px;
        line-height: 34px;
        color: #FFFFFF;
        margin: 10px 0 20px 0;
        font-weight: 400;
        padding: 0;
    }

    .right_Property_details {
        float: left;
        width: calc(100% - 350px);
        padding-left: 20px;
    }

    .right_Property_details h4 {
        color: #A7A7A7;
        line-height: 24px;
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        padding: 0;
    }

    .right_Property_details p {
        font-size: 16px;
        line-height: 20px;
        color: #FFFFFF;
    }

    .select_Green .select2-container--default .select2-selection--single {
        background: #4EB952;
        height: 40px;
        border: none;
    }

    .select_Green .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
        letter-spacing: 0.5px;
        color: #FFFFFF !important;
        opacity: 1 !important;
    }

    .select_Green .select2-container--default .select2-selection--single .select2-selection__arrow {
        border-left: 1px solid #24272A;
        height: 38px;
        background: transparent url(../images/icon-accordion-arrow_white.png) no-repeat center center;
    }

    .select_Green .select2-selection__placeholder {
        color: #FFFFFF !important;
        opacity: 1 !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        letter-spacing: 0.5px;
    }

    .linkanchorxz a {
        float: right;
    }

    .select_Green .select2 {
        width: 200px !important;
        float: right;
    }

    .R_C .box_booking_body {
        padding: 10px 20px;
    }

    .R_C .right_side_bkl {
        font-weight: 700;
    }

    .R_C {
        float: right;
        width: 420px;
        margin: 20px 0 0 0;
    }

    .R_C .box_booking_body .fl_row_width:last-child {
        margin: 0;
    }

    .small_text {
        font-size: 14px !important;
        float: left;
        width: 100%;
        margin-bottom: 10px !important;
    }

    .map_class iframe {
        float: left;
        width: 100%;
        height: 229px !important;
        margin-top: 24px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        overflow: hidden;
    }


    /* -------------------chekboxs------------- */

    .funkyradio input[type="radio"]:empty,
    .funkyradio input[type="checkbox"]:empty {
        display: none;
    }

    .funkyradio input[type="radio"]:empty~label,
    .funkyradio input[type="checkbox"]:empty~label {
        position: relative;
        line-height: 40px;
        text-indent: inherit;
        margin: 0.5rem 0;
        color: rgba(40, 41, 49, 0.3);
        font-size: 15px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .funkyradio input[type="radio"]:empty~label:before,
    .funkyradio input[type="checkbox"]:empty~label:before {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        height: 40px;
        border-radius: 0;
        width: 100%;
        left: 0;
        content: '';
        background: transparent;
        border: 1px solid #53B543;
        z-index: -1;
    }

    .funkyradio input[type="radio"]:hover:not(:checked)~label,
    .funkyradio input[type="checkbox"]:hover:not(:checked)~label {
        color: #888;
    }

    .funkyradio input[type="radio"]:hover:not(:checked)~label:before,
    .funkyradio input[type="checkbox"]:hover:not(:checked)~label:before {
        content: '';
        text-indent: .9em;
        color: #C2C2C2;
    }

    .funkyradio input[type="radio"]:checked~label,
    .funkyradio input[type="checkbox"]:checked~label {
        color: #777;
    }

    .funkyradio input[type="radio"]:checked~label:before,
    .funkyradio input[type="checkbox"]:checked~label:before {
        content: '';
        text-indent: .9em;
        color: #333;
        background-color: #ccc;
    }

    .funkyradio input[type="radio"]:focus~label:before,
    .funkyradio input[type="checkbox"]:focus~label:before {
        box-shadow: 0 0 0 3px #999;
    }

    .funkyradio-default input[type="radio"]:checked~label:before,
    .funkyradio-default input[type="checkbox"]:checked~label:before {
        color: #333;
        background-color: #4EB952;
    }

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

    .funkyradio .funkyradio-default {
        width: 100%;
        float: left;
    }

    .funkyradio_in {
        float: left;
        width: 50%;
        padding: 0 5px;
        text-align: center;
    }

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

    .funkyradio_mnc .funkyradio {
        float: left;
        width: 100%;
    }

    .funkyradio_mnc .funkyradio .funkyradio_in {
        float: left;
        width: 100%;
        text-align: left;
        padding: 0;
        border-bottom: 1px solid #C4C4C4;
    }

    .funkyradio_mnc .funkyradio .funkyradio_in:last-child {
        border: none;
    }

    .funkyradio_mnc .funkyradio .funkyradio_in label {
        margin: 0 !important;
        font-size: 19px;
        color: rgba(40, 41, 49, 1) !important;
    }

    .padd50btm {
        padding: 30px 0 40px 0;
    }

    .funkyradio_mnc .funkyradio input[type="radio"]:checked~label {
        color: rgba(40, 41, 49, 1) !important;
        font-size: 15px;
        background: #f5f5f5;
    }

    .funkyradio input[type="checkbox"]:checked~label {
        color: #ffffff !important;
    }

    .funkyradio_mnc .funkyradio input[type="radio"]:empty~label,
    .funkyradio input[type="checkbox"]:empty~label {
        font-size: 15px;
        color: #ffffff;
        z-index: 1;
        width: 100%;
    }

    .funkyradio_mnc .funkyradio label {
        text-align: left;
        padding: 0 30px;
    }

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

    .booking_process_main .head_sticky {
        display: flex;
        align-items: center;
        padding: 0 50px;
        width: 100%;
        height: 86px;
        background: #1C1E20;
        justify-content: space-between;
    }

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

    .book_title_x {
        display: inline-flex;
        justify-content: flex-start;
        color: #ffffff;
        font-size: 24px;
        font-weight: 600;
    }

    .ic_close_c {
        display: inline-flex;
        justify-content: flex-end;
    }

    .padd80 {
        padding: 0 80px;
    }

    .body_without_header {
        background: url(../images/bg_loginheaderx.png) no-repeat center center;
        background-size: cover;
        width: 100%;
    }

    .process_section_Bookin_g {
        float: left;
        width: 100%;
        padding: 50px 0;
    }

    .process_section_Bookin_g .select2-container--default .select2-selection--single {
        height: 68px;
        border: none !important;
    }

    .process_section_Bookin_g .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 68px;
        padding: 0 20px;
    }

    .process_section_Bookin_g .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 66px;
    }

    .coupan_code_widthx .modal-dialog {
        max-width: 800px;
    }

    .navigation_arrow_bx_next {
        position: fixed;
        width: 100px;
        height: 100px;
        right: 40px;
        top: calc(50% - 86px);
    }

    .navigation_arrow_bx_prev {
        position: fixed;
        width: 100px;
        height: 100px;
        left: 40px;
        top: calc(50% - 86px);
    }

    .navigation_arrow_bx_prev a {
        display: inline-block;
    }

    .op_steps {
        opacity: 0.3;
    }

    .next_active {
        opacity: 1;
    }

    .navigation_arrow_bx_next a {
        display: inline-block;
    }

    .process_section_Bookin_g .color_des label {
        font-size: 18px;
        font-weight: 600;
        float: left;
        width: 100%;
        color: #A7A7A7;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .for_tiOPGHKL {
        float: left;
        width: 100%;
        padding: 30px 0 40px 0;
        font-size: 25px !important;
        color: #7B7D7F !important;
        text-transform: capitalize;
        font-weight: 500 !important;
    }

    .process_section_Bookin_g .color_des {
        margin-bottom: 30px;
    }

    #calendar {
        max-width: 100%;
        margin: 0;
    }

    .cal_bookingProcess_inner {
        width: 700px;
        margin: 0 auto;
    }

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

    .col-left_booking {
        float: left;
        width: 250px;
        background: #ffffff;
        height: 480px;
        position: relative;
        padding: 22px 20px;
    }

    .col-right_booking {
        float: left;
        width: 450px;
        position: relative;
        background: #1C1E20;
        height: 480px;
    }

    .nonex {
        display: none;
    }

    .col-right_booking .datepicker-inline {
        float: left;
        width: 100% !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .col-right_booking table {
        width: 100%;
    }

    .col-right_booking table thead th {
        background: #2F3236;
        border-radius: 0 !important;
        padding: 10px;
        text-align: center;
        font-size: 24px !important;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.5);
    }

    .col-right_booking table thead tr:last-child th {
        color: #ffffff;
        font-size: 15px !important;
    }

    .col-right_booking table td {
        border-radius: 0 !important;
        padding: 15px 10px;
        color: #ffffff;
        position: relative;
    }

    .col-right_booking table thead {
        background: #2F3236;
    }


    /*Radio box*/

    .radio_cool_xv input[type="radio"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .radio_cool_xv .label-text {
        font-size: 13px !important;
        font-weight: 400;
    }

    .col-right_booking table thead tr:first-child th {
        font-size: 24px !important;
        font-weight: 600 !important;
    }

    .date_sls_titlr_df {
        float: left;
        width: 100%;
        font-size: 18px;
        font-weight: 600;
        color: #A7A7A7;
    }

    .col-right_booking .daterangepicker .calendar-table .next span,
    .daterangepicker .calendar-table .prev span {
        border-color: #ffffff;
    }

    .daterangepicker .calendar-table .next span,
    .daterangepicker .calendar-table .prev span {
        border-color: #ffffff;
    }

    .col-right_booking table thead tr .next img {
        transform: rotate(-90deg);
    }

    .col-right_booking table thead tr .prev img {
        transform: rotate(90deg);
    }

    .radio_cool_xv input[type="radio"]+.label-text:before {
        content: "\f10c";
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-size: 20px;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        width: 1em;
        display: inline-block;
        margin-right: 5px;
        position: relative;
        top: 2px;
    }

    .col-left_booking ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .col-left_booking ul li {
        float: left;
        width: 100%;
        color: #000000;
        font-size: 16px;
        margin: 7px 0;
    }

    .col-left_booking ul li a {
        float: right;
    }

    .radio_cool_xv input[type="radio"]:checked+.label-text:before {
        content: "\f192";
        color: #53B543;
        animation: effect 250ms ease-in;
    }

    .radio_cool_xv input[type="radio"]:disabled+.label-text {
        color: #aaa;
        cursor: pointer;
    }

    .radio_cool_xv {
        float: left;
        width: 100%;
        text-align: center;
        background: #2F3236;
        padding: 20px 0 0 0;
    }

    .radio_cool_xv .form-check {
        display: inline-block;
    }

    .radio_cool_xv input[type="radio"]:disabled+.label-text:before {
        content: "\f111";
        color: #ccc;
        font-size: 20px;
    }

    @keyframes effect {
        0% {
            transform: scale(0);
        }
        25% {
            transform: scale(1.3);
        }
        75% {
            transform: scale(1.4);
        }
        100% {
            transform: scale(1);
        }
    }

    .col-right_booking .datepicker-inline .datepicker-days table td.old,
    .col-right_booking .datepicker-inline .datepicker-days table td.new {
        visibility: hidden;
    }

    .col-right_booking .datepicker table tr td.day.focused,
    .col-right_booking .datepicker table tr td.day:hover {
        background: transparent;
        position: relative;
        z-index: 1;
    }

    .datepicker table tr td.ckh_datepicker_span {
        position: relative;
        z-index: 1;
    }

    .datepicker table tr td.ckh_datepicker_span.active {
        background: transparent;
    }

    .col-right_booking .datepicker table tr td.active.active,
    .col-right_booking .datepicker table tr td.active.disabled,
    .col-right_booking .datepicker table tr td.active.disabled.active,
    .col-right_booking .datepicker table tr td.active.disabled.disabled,
    .col-right_booking .datepicker table tr td.active.disabled:active,
    .col-right_booking .datepicker table tr td.active.disabled:hover,
    .col-right_booking .datepicker table tr td.active.disabled:hover.active,
    .col-right_booking .datepicker table tr td.active.disabled:hover.disabled,
    .col-right_booking .datepicker table tr td.active.disabled:hover:active,
    .col-right_booking .datepicker table tr td.active.disabled:hover:hover,
    .col-right_booking .datepicker table tr td.active.disabled:hover[disabled],
    .col-right_booking .datepicker table tr td.active.disabled[disabled],
    .col-right_booking .datepicker table tr td.active:active,
    .col-right_booking .datepicker table tr td.active:hover,
    .col-right_booking .datepicker table tr td.active:hover.active,
    .col-right_booking .datepicker table tr td.active:hover.disabled,
    .col-right_booking .datepicker table tr td.active:hover:active,
    .col-right_booking .datepicker table tr td.active:hover:hover,
    .col-right_booking .datepicker table tr td.active:hover[disabled],
    .col-right_booking .datepicker table tr td.active[disabled] {
        background: transparent;
    }

    .daterange-parent .datepicker table tr td.ckh_datepicker_span:hover:after {
        width: 40px;
        height: 40px;
        position: absolute;
        content: '';
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #109D59;
        z-index: -1;
        top: 7px;
        left: 12px;
    }

    .daterange-parent .datepicker table tr td.ckh_datepicker_span.active:after {
        width: 40px;
        height: 40px;
        position: absolute;
        content: '';
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #109D59;
        z-index: -1;
        top: 7px;
        left: 12px;
    }

    .daterange-parent .datepicker table tr td.day:hover span.ckh_datepicker_span:hover,
    .daterange-parent .datepicker table tr td.day:hover span.ckh_datepicker_span:focus {
        background: transparent !important;
    }

    .daterange-parent .datepicker table tr td {
        text-align: center;
    }

    .daterange-parent .daterangepicker {
        background: none !important;
        border: none !important;
    }

    .daterange-parent .daterangepicker.opensright:before,
    .daterange-parent .daterangepicker.opensright:after {
        display: none;
    }

    .daterange-parent .daterangepicker {
        margin: 0 !important;
        padding: 0 !important;
    }

    .daterange-parent .daterangepicker.show-calendar .drp-calendar {
        padding: 0;
    }

    .daterange-parent .daterangepicker .calendar-table {
        background: none !important;
        border: none !important;
        border-radius: 0;
    }

    .daterange-parent .daterangepicker .calendar-table th {
        border-radius: 0 !important;
        border: none !important;
        font-size: 15px !important;
        padding: 10px;
        font-family: 'Open Sans', sans-serif;
    }

    .daterange-parent .daterangepicker .calendar-table tr:first-child th {
        font-size: 24px !important;
    }

    .in-range {
        background: #109D59 !important;
    }

    .daterange-parent .daterangepicker .calendar-table td {
        width: auto !important;
        height: auto !important;
        min-width: auto !important;
        min-height: auto !important;
        padding: 15px 10px !important;
        border-radius: 0 !important;
        color: #ffffff;
        position: relative;
        border: none !important;
        font-size: 15px;
        font-family: 'Open Sans', sans-serif;
    }

    .daterange-parent .daterangepicker .drp-calendar.left .calendar-table {
        padding: 0 !important;
    }

    .daterange-parent .daterangepicker .off.ends {
        visibility: hidden;
        background: transparent !important;
    }

    .datepicker .datepicker-switch:hover,
    .datepicker .next:hover,
    .datepicker .prev:hover,
    .datepicker tfoot tr th:hover {
        background: transparent !important;
    }

    .daterange-parent .drp-buttons {
        display: none !important;
    }

    .daterange-parent table thead th {
        background: #2F3236;
        border-radius: 0 !important;
        text-align: center;
        line-height: inherit !important;
    }

    .badgebox {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
    }

    .badgebox+.badge {
        /* Move the check mark away when unchecked */
        text-indent: -999999px;
        /* Makes the badge's width stay the same checked and unchecked */
        width: 33px;
        height: 33px;
        border: 2px solid #D5D5D5;
        border-radius: 50%;
        background: #ffffff;
        color: #ffffff;
        line-height: 21px;
        text-align: center;
    }

    .badgebox+.badge {
        position: absolute;
        right: 12px;
        top: 30px;
    }

    .badgebox:focus+.badge {
        /* Set something to make the badge looks focused */
        /* This really depends on the application, in my case it was: */
        /* Adding a light border */
        box-shadow: 0;
        /* Taking the difference out of the padding */
    }

    .badgebox:checked+.badge {
        /* Move the check mark back when checked */
        text-indent: 0;
        border-color: #53B543;
        background: #53B543 url(../images/tick-icon.png) no-repeat center center;
    }

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

    .s_ta_RX i {
        font-size: 12px;
    }

    .badgebox:checked+.badge+.box_checkboxesd {
        border-color: #53B543;
    }

    .box_checkboxesd {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background-color: #FFFFFF;
        border: 4px solid #ffffff;
        text-align: left;
        padding: 15px;
    }

    .box_checkboxesd h3 {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 700;
        color: #000000;
        text-transform: capitalize !important;
    }

    .myChk_box {
        border: none !important;
        border-radius: 0 !important;
        padding: 0;
        position: relative;
        margin-bottom: 10px;
    }

    .box_checkboxesd p {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        text-transform: capitalize !important;
    }

    .Process_box_frm_H_C_K .process-step .btn:focus {
        outline: none
    }

    .Process_box_frm_H_C_K .process {
        display: table;
        width: 100%;
        position: relative
    }

    .Process_box_frm_H_C_K .process-row {
        display: table-row;
        border: none !important;
    }

    .Process_box_frm_H_C_K .process-step button[disabled] {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important
    }

    .Process_box_frm_H_C_K .process-row:before {
        top: 30px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 100%;
        height: 1px;
        background-color: #ccc;
    }

    .Process_box_frm_H_C_K .process-step {
        display: table-cell;
        text-align: center;
        position: relative
    }

    .Process_box_frm_H_C_K .process-step p {
        margin-top: 4px
    }

    .Process_box_frm_H_C_K .btn-circle {
        width: 60px !important;
        height: 60px !important;
        text-align: center !important;
        font-size: 20px !important;
        border-radius: 50% !important;
    }

    .Process_box_frm_H_C_K .process-step .btn-info {
        background: #4EB952!important;
        border: 1px solid #4EB952 !important;
        color: #ffffff !important;
    }

    .Process_box_frm_H_C_K .process-step .btn-default {
        background: #ffffff;
        border: 1px solid #4EB952;
        color: #4EB952;
    }

    .hgt-self_center {
        min-height: 300px;
        padding: 60px 0 30px 0;
    }

    .new_fterfooter {
        display: block;
    }

    .step_p_r_c_1 h5 {
        float: left;
        width: 100%;
        margin: 20px 0;
        color: #ffffff;
        font-size: 25px;
    }

    .client_image_section {
        float: left;
        width: 100%;
        position: relative;
    }

    .image_cl_pr {
        width: 150px;
        height: 150px;
        position: relative;
        border: 2px solid #1C1E20;
        border-radius: 5px;
        background: #ccc;
        overflow: hidden;
    }

    .image_cl_pr img {
        width: 150px;
        height: 150px;
        object-fit: cover;
    }

    label.dl_label {
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 16px;
        color: #FFFFFF;
        margin-bottom: 8px;
        font-weight: 600;
        letter-spacing: 0.1px;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .btnx_file {
        position: absolute;
        margin: 0;
        padding: 0;
        top: -11px;
        left: 130px;
        width: 40px;
        height: 40px;
        background: #26282e;
        border: 2px solid #ffffff;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
    }

    .btnx_file img {
        position: relative;
        left: 1px;
        top: 3px;
    }

    .btnx_file input[type="file"] {
        position: absolute;
        top: -9999999;
        filter: alpha(opacity=0);
        opacity: 0;
        width: 0;
        height: 0;
        outline: none;
        cursor: inherit;
    }

    .step_p_r_c_1 h6 {
        float: left;
        width: 100%;
        background: #1C1E20;
        padding: 15px 15px;
        color: #ffffff;
        margin-bottom: 20px;
        font-weight: 700;
        border-bottom: 1px solid #4EB952;
    }

    .steps_iner_row_div_main {
        float: left;
        width: 100%;
        padding: 0 7.5px;
    }

    .steps_iner_row_div_main .steps_iner_row_div {
        float: left;
        width: 22%;
        padding: 0 7.5px;
    }

    .steps_iner_row_div .custom-control {
        margin: 12px 0 0 0;
    }

    .steps_iner_row_div_main .steps_iner_row_div:last-child {
        float: left;
        width: 12%;
        padding: 0 7.5px;
        text-align: center;
    }

    .dashboard_box_main_cool {
        float: left;
        width: 100%;
        padding-bottom: 25px;
    }

    .dashboard_box_self {
        float: left;
        width: 20%;
        padding: 0 15px;
    }

    .dashboard_box_self_inner {
        float: left;
        height: 166px;
        background-color: #2F3236;
        width: 100%;
        padding: 18px 0;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    }

    .dashboard_box_self_inner h1 {
        font-size: 60px;
        color: #FFFFFF;
        font-weight: 600;
        margin: 0;
        padding: 0;
        line-height: 82px;
    }

    .dashboard_box_self_inner h5 {
        font-size: 20px;
        opacity: 0.5;
        color: #FFFFFF;
        font-weight: 400;
        margin: 0;
        padding: 0;
        line-height: 27px;
    }

    .dashboard_box_main_cool_wrap {
        padding: 35px 0;
    }
    .dashboard_box_main_cool_wrap .box_bg_sc_X, .ji_nw_dt_cl .box_bg_sc_X{
        min-height: 535px;
    }
    .box_bg_sc_X {
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
        background-color: #2F3236;
        min-height: 520px;
    }

    .box_bg_sc_X_top {
        float: left;
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid #D8D8D8;
    }

    .col_clZ {
        float: left;
        width: 70%;
        padding: 0 15px;
    }

    .col_clZ h6 {
        float: left;
        width: 100%;
        color: #FFFFFF;
        font-size: 20px;
        opacity: 1;
        margin: 0;
        line-height: normal;
        min-height: 40px;
        display: flex;
        align-items: center;
    }

    .cgtblpadding .mCustomScrollBox {
        padding-right: 0;
    }

    .col_clZ_inner {
        width: 80%;
        float: left;
    }

    .anpmwcr a {
        color: #4EB952;
    }

    table.anpmwcr th {
        border-bottom: 1px solid #D8D8D8 !important;
    }

    .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
        background: transparent !important;
    }

    .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #D8D8D8 !important;
    }

    .col_clZ_inner .select2-container--default .select2-selection--single {
        background: none;
        border: none;
    }

    .col_clZ_inner .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 20px;
        color: #FFFFFF;
        font-weight: 500;
        background: transparent url(../images/filldrop.png) no-repeat right 15px center;
    }

    .col_clZ_inner .select2-container--default .select2-selection--single .select2-selection__arrow {
        display: none;
    }

    .col_clZ_inner_left {
        width: 9%;
        line-height: 48px;
    }

    .col_clZ_inner_left a {
        display: inline-block;
    }

    .dhgjt {
        width: 200px;
    }

    .blck {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: #1C1E20;
        box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.21);
    }

    .title_sc {
        color: #A7A7A7;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .border_f_C_K {
        border-bottom: 1px solid #383A3D;
    }

    .clrow p {
        float: left;
        width: 100%;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        margin: 0;
    }

    .pad10x {
        padding: 0 10px;
    }

    .pad15x {
        padding-bottom: 15px;
    }

    .mar15btx {
        margin-bottom: 15px;
    }

    .pad65 {
        padding: 40px 65px;
    }

    .sec_title_toTal {
        float: left;
        width: 100%;
        background-color: #2F3236;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.57);
        padding: 26px 20px;
    }

    .mktopc {
        margin-top: 20px;
    }

    .spfont {
        color: #FFFFFF;
        font-size: 18px;
        font-weight: 600;
    }

    .btn_x_subit {
        width: 100%;
        height: 60px;
        border-radius: 60px;
        border: 2px solid #53B543;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
        color: #53B543;
    }

    .btn_x_subit:hover {
        opacity: 0.8;
    }

    .btn_x_subit.frwd_submit {
        background: #53B543 url(../images/icon-forw_white.png) no-repeat right 20px center;
        color: #ffffff;
    }

    .btn_x_subit.frwd_submit:hover {
        color: #ffffff;
    }

    .btn_x_subit.bck_back:hover {
        color: #53B543;
    }

    .btn_x_subit.bck_back {
        background: #24272A url(../images/icon-back.png) no-repeat left 20px center;
    }

    .w45 {
        width: 45%;
    }

    .Review_booking_mnc_x h6 {
        float: left;
        width: 100%;
        margin-top: 0;
        padding: 0;
        color: #7B7D7F;
        font-size: 25px;
        font-weight: 400;
    }

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

    .for_c_calendar .fc-day-header {
        padding: 15px 0;
    }

    .for_c_calendar .fc-day-top {
        text-align: center;
        color: #ffffff;
    }

    .dropzone_:before {
        color: #4EB952 !important;
    }

    .select2-dropdown {
        z-index: 99999 !important;
    }

    .dash_board_top_head {
        background-color: #2F3236;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
        margin-bottom: 35px;
    }

    .dashboard_box_inner_T h3 {
        color: #FFFFFF;
        font-size: 40px;
        line-height: 55px;
        text-align: center;
        margin-bottom: 3px;
    }

    .dashboard_box_inner_T h5 {
        opacity: 0.5;
        color: #FFFFFF;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
    }

    .dash_left_top .select2-container--default .select2-selection--single {
        height: 40px;
    }

    .dash_left_top .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 39px;
    }

    .dash_left_top .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 38px;
        width: 38px;
    }

    .mar_B_30u {
        margin-bottom: 30px;
    }

    .action_dash_f {
        padding: 20px 0px 0 20px;
    }

    .fix_li_hgt {
        height: 360px;
    }

    .dashboard_box_main_cool_wrap .fix_li_hgt{
        height: 430px;
    }

    .action_dash_f li {
        display: inline-block;
        width: 99%;
        background-color: #FFFFFF;
        border-radius: 4px;
        height: 50px;
        line-height: 50px;
        color: #000200;
        font-size: 16px;
        margin: 0 0 20px 0;
        padding: 0 15px;
    }

    .action_dash_f ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .right_yut {
        float: right;
    }

    .tp_rgt_a {
        float: right;
        padding: 0 15px;
    }

    .tp_rgt_a a {
        color: #4EB952;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.1px;
        line-height: 47px;
        display: inline-block;
    }

    .right_yut .dropdown-menu .dropdown-item {
        line-height: 25px;
    }

    .bordr_dey tr td {
        border-bottom: 1px solid #D8D8D8 !important;
    }

    .bordr_dey tr th {
        border: none !important;
    }

    .bordr_dey tr:first-child td {
        border-top: 1px solid #D8D8D8 !important;
    }

    .cusom_slct_dash {
        width: 205px;
        margin-right: 20px;
        float: left;
    }

    .cusom_slct_dash:last-child {
        margin-right: 0;
    }

    .top_bar_dashbord {
        padding: 20px 22px;
    }

    .bottom_bar_dashbord {
        padding: 22px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        ;
    }

    .dash_right_top {
        float: left;
        width: 12.5%;
    }

    .col_clZ_right_pl {
        float: right;
        padding: 0 15px;
        line-height: 48px;
    }

    .rghty_th {
        text-align: right;
    }

    .tab_paymentdxv .cstom_checkbn.sz_sizeRadio .badgebox+.badge {
        top: auto;
        left: 12px;
    }

    .tab_paymentdxv .cstom_checkbn .badgebox:checked+.badge {
        text-indent: 0;
        border-color: #53B543;
        background: #53B543;
        font-size: 18px;
        font-weight: 600;
        color: #FFFFFF;
    }

    .tab_paymentdxv .sz_sizeRadio .box_checkboxesd p span {
        font-size: 16px;
        color: #000000;
        line-height: 26px;
        float: left;
    }

    .tab_paymentdxv .card-header {
        padding: 0;
        background: #ffffff;
        border: none !important;
    }

    .tab_paymentdxv .card-header:first-child {
        border-radius: 4px !important;
    }

    .tab_paymentdxv .card {
        border-radius: 4px !important;
        border: none !important;
        margin-bottom: 10px;
    }

    .tab_paymentdxv .sz_sizeRadio .box_checkboxesd p span:first-child {
        width: 46px;
        height: 26px;
        border: 1px solid #CDCDCD;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }

    .tab_paymentdxv .sz_sizeRadio .full_width {
        float: none;
        display: flex;
        align-items: center;
    }

    .tab_paymentdxv .sz_sizeRadio .myChk_box {
        margin: 0;
    }

    .tab_paymentdxv .cstom_checkbn.sz_sizeRadio .box_checkboxesd {
        padding: 15px 15px 15px 55px;
    }

    .tab_paymentdxv .cstom_checkbn.sz_sizeRadio .badgebox:checked+.badge {
        background: #53B543 url(../images/tick-icon.png) no-repeat center center;
        /* background: #53B543; */
    }

    .margn_T_5 {
        margin-top: 5px;
    }

    .tab_paymentdx .cstom_checkbn .myChk_box {
        margin: 0 !important;
    }

    table.dataTable>tbody>tr.child span.dtr-title {
        padding-right: 10px;
    }

    .forMap_cool {
        float: left;
        width: 100%;
        height: 300px;
        border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        background: #ffffff;
        padding: 15px;
    }

    .forMap_cool_inner {
        height: 100%;
        width: 100%;
        border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
    }

    .for_flwwidthx {
        float: left;
        width: 100% !important;
        padding: 0 !important;
    }

    /*
    #infowindow-content .title {
        font-weight: bold;
    }

    #infowindow-content {
        display: none;
    }

    #map #infowindow-content {
        display: inline;
    }

    .pac-card {
        margin: 10px 10px 0 0;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        background-color: #fff;
        font-family: Roboto;
    }

    #pac-container {
        padding-bottom: 12px;
        margin-right: 12px;
    }

    .pac-controls {
        display: inline-block;
        padding: 5px 11px;
    }

    .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }

    #pac-input {
        background-color: #fff;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        text-overflow: ellipsis;
        width: 100%;
    } */

    .pac-container {
        z-index: 11111111111 !important;
    }

    /*
    #pac-input:focus {
        border-color: #4d90fe;
    }

    #title {
        color: #fff;
        background-color: #4d90fe;
        font-size: 25px;
        font-weight: 500;
        padding: 6px 12px;
    } */

    /*datepicker css start 16-9*/

    .datepicker {
        width: 500px;
    }

    .datepicker table {
        width: 100%;
    }

    .datepicker table tr td {
        border-radius: 0 !important;
        color: #ffffff;
        position: relative;
        font-size: 15px !important;
        padding: 15px 10px;
    }

    .datepicker table tr th {
        border-radius: 0 !important;
        padding: 15px 10px;
        color: rgba(255, 255, 255, 0.5);
        position: relative;
        font-size: 24px !important;
        font-weight: 600;
    }

    .datepicker table tr td.day.focused,
    .datepicker table tr td.day:hover,
    .datepicker table tr td.day.active {
        background: transparent !important;
        position: relative;
        z-index: 1;
    }

    .datepicker table tr td.ckh_datepicker_span {
        position: relative;
        z-index: 1;
    }

    .datepicker table tr td.ckh_datepicker_span.active:after {
        width: 40px;
        height: 40px;
        position: absolute;
        content: '';
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50% !important;
        background: #109D59;
        z-index: -1;
        top: 7px;
        left: 15px;
    }

    .datepicker table tr td.ckh_datepicker_span:hover:after {
        width: 40px;
        height: 40px;
        position: absolute;
        content: '';
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #109D59;
        z-index: -1;
        top: 7px;
        left: 15px;
    }

    .datepicker table tr td.active {
        background: #109D59 !important;
    }

    .datepicker-dropdown::before {
        border-bottom: 7px solid #212529;
    }

    .datepicker .datepicker-days table thead tr:last-child th {
        color: #ffffff;
        font-size: 15px !important;
    }

    .datepicker table thead tr .next img {
        transform: rotate(-90deg);
    }

    .datepicker table thead tr .prev img {
        transform: rotate(90deg);
    }

    .datepicker table tr td span.month.focused,
    .datepicker table tr td span.month:hover,
    .datepicker table tr td span.year.focused,
    .datepicker table tr td span.year:hover {
        background: #109D59 !important;
        color: #fff;
    }

    .datepicker .datepicker-months table thead tr:first-child th {
        border-radius: 0 !important;
        padding: 15px 10px !important;
        color: rgba(255, 255, 255, 0.5) !important;
        position: relative !important;
        font-size: 24px !important;
        font-weight: 600 !important;
    }

    @media (max-width: 1500px) {
        .main_setting_inner_DIV {
            padding: 40px 0;
        }
    }

    .daterange-parent .daterangepicker .calendar-table tr:first-child th {
        font-size: 24px !important;
    }

    .daterangepicker .calendar-table thead tr:first-child th {
        height: 56px !important;
    }

    /*member css start 24-9*/

    .top_set_days{
        margin-bottom: 30px;
    }
    .top_set_days a{
        display: inline-block;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        line-height: 20px;
        border: 1px solid #ccc;
        font-size: 18px;
        color: #A7A7A7;
        font-weight: 600;
        padding: 13px 5px;
    }
    .left_lbl{
        color: #fff;
        text-transform: capitalize;
        font-size: 19px;
        line-height: 40px;
        margin: 0;
        width: 100%;
    }
    .last_box_main{
        background: #212529;
        border-radius: 5px;
        margin: 30px 0 0 0;
    }
    .last_box_main h3{
        padding: 15px 20px;
        float: left;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #2F3236;
        font-size: 18px;
        color: #A7A7A7;
        font-weight: 600;
        text-transform: uppercase;
    }
    .last_box_bodyk{
        padding: 15px 0px 15px 20px;
    }
    .mdl_drop_main .select_Green .select2{
        width: 140px !important;
    }
    .cmnbx_hg{
        height: 850px;
    }
    .last_box_bodyk ul{
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .last_box_bodyk ul li{
        display: inline-block;
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 1px solid #2F3236;
        margin-bottom: 15px;
        padding-right: 10px;
    }
    .last_box_bodyk ul li label{
        color: #fff;
        font-size: 18px;
        line-height: 20px;
        width: 100%;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 6px;
        opacity: 0.5;
    }
    .last_box_bodyk ul li p{
        color: #fff;
        font-size: 15px;
        line-height: 20px;
        width: 100%;
        margin-bottom: 10px;
    }
    .tbl_gh_footr{
        margin: 30px 0 0 0;
    }
    .left_icon_avlbl ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .left_icon_avlbl ul li{
        display: inline-block;
        margin-right: 30px;
    }
    .right_icon_avlbl{
        float: right;
    }
    .reg_text{
        font-size: 16px;
        line-height: 18px;
        color: #FFFFFF;
        padding-left: 5px;
        display: inline-block;
        text-transform: capitalize;
    }
    .padd_side_20{
        padding: 0 20px;
    }
    .mar_btm_inactive{
        margin-top:5px;
    }
    .reg_bx_ft{
        height: 22px;
        width: 22px;
        background-color: #fff;
        border-radius: 50%;
        display: inline-block;
        vertical-align: top;
    }
    .avlble_btn{
        background-color: #ccc;
        opacity: .5;
    }
    .booked_btn{
        background-color: #009e0f;
        opacity: .5;
    }
    .unavlble_btn{
        background-color: #cc0000;
        opacity: .5;
    }
    .notifications-container li .btn-group{
        display: inline-block;
    }

    /*smalldatepicker css start*/
    .modal_with_datepicker .datepicker table tr th{padding: 5px;font-size: 17px !important;}
    .modal_with_datepicker .datepicker table tr td{padding: 5px 5px 12px;font-size: 13px !important;}
    .modal_with_datepicker .datepicker{max-width: 270px;width: 100%;}
    .modal_with_datepicker .datepicker table tr td.ckh_datepicker_span:hover::after{top: 0;left: 5px;width: 30px;height: 30px;}
    .modal_with_datepicker .datepicker-dropdown.datepicker-orient-top::after{border-top: 6px solid #1C1E20 !important;}
    .modal_with_datepicker .datepicker table tr td.ckh_datepicker_span.active::after{
        top: 0;
        left: 5px;
        width: 30px;
        height: 30px;
        position: absolute;
        content: '';
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #109D59;
        z-index: -1;
    }
    .modal_with_datepicker .ckh_datepicker_span.today.day::after{
        top: 0;
        left: 5px;
        width: 30px;
        height: 30px;
        position: absolute;
        content: '';
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #109D59;
        z-index: -1;
    }
    .modal_with_datepicker .datepicker table tr td.today{
        background: transparent;
        color: #fff;
    }
    .modal_with_datepicker .datepicker table tr td.today:hover:hover{
        color: #fff;
    }
    .right_filter_faith .membersDt-custom-filters li{
        display: inline-flex;
    }
    /*.dashboard-custom-width-rows th:nth-child(1), .dashboard-custom-width-rows td:nth-child(1) {
        width: 15% !important;
    }
    .dashboard-custom-width-rows th:nth-child(2), .dashboard-custom-width-rows td:nth-child(2) {
        width: 15% !important;
    }
    .dashboard-custom-width-rows th:nth-child(3), .dashboard-custom-width-rows td:nth-child(3) {
        width: 20% !important;
    }
    .dashboard-custom-width-rows th:nth-child(4), .dashboard-custom-width-rows td:nth-child(4) {
        width: 20% !important;
    }
    .dashboard-custom-width-rows th:nth-child(5), .dashboard-custom-width-rows td:nth-child(5) {
    width: 30% !important;
    }*/

    table.dataTable.j_tbl {
        border-collapse: collapse !important;
    }

    .total_price_box_DT_new {
        width: 100%;
        height: auto;
        float: left;
        box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.21);
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #ffffff;
        text-align: center;
    }

    .total_price_box_DT_new h6 {
        float: left;
        width: 100%;
        font-size: 16px;
        color: #000000;
        font-weight: 800;
        margin: 22px 0 10px 0;
    }

    .total_price_box_DT_new h3 {
        float: left;
        width: 100%;
        font-size: 41px;
        font-weight: 700;
        color: #000000;
    }

    .total_price_box_DT_new h4 {
        float: left;
        width: 100%;
        font-size: 22px;
        font-weight: 700;
        color: #4EB952;
        margin: 12px 0 20px 0;
    }

    .dtr-inline.collapsed .dropdown-menu{
        top: 30px !important;
        transform: none !important;
    }
    .dtr-inline.collapsed tr:nth-child(1)  .dropdown-menu,
    .dtr-inline.collapsed tr:nth-child(2)  .dropdown-menu,
    .dtr-inline.collapsed tr:nth-child(3)  .dropdown-menu {
        transform: none !important;
    }
    table.dataTable>tbody>tr.child ul.dtr-details>li {
        position: relative;
    }
    table.dataTable > tbody > tr.child ul.dtr-details > li .btn-group.dropup {
        position: relative;
    }
    .switch_row {float: left; width: 100%; margin-bottom: 20px;}
    .switch_label {width: 220px; float: left; font-size: 15px; line-height: 28px; color: #fff; font-weight: 600; text-transform: capitalize;}
    .switch_row .toggleswitch_faith {width: calc(100% - 220px);}
    .pop_switch .toggleswitch_faith label.switch{float: right;}
    .color_des.padtop20 {padding-top: 20px;}
    .color_des.padtop20 .form-group > label {margin-bottom: 20px;}

    #rolesModal .color_des {margin-bottom: 15px;}
    #rolesModal .color_des label {margin: 0; line-height: 26px;}
    #rolesModal .color_des .custom-control {padding-top: 0 !important;}
    .pop_pad_lf .mdl-lbl {padding-left: 20px;}
    .br_btm { border-bottom: 1px solid #ffffff; }

    /* 10/12/2019 */
    .cs_pad {padding: 0 15px; border-top: 1px solid #EAEAEA;}
    .cs_pad .col-sm-5 {padding-right: 0;}
    .cs_pad .col-sm-7 {padding-left: 0;}
    .cs_pad .box_c_footer {text-align: left; border-top: 0;}

    #bookingRefundModal .modal-dialog {max-width: 980px;}
    .refund_cnt {float: left; width: 100%; padding: 10px;}
    .refund_row {float: left; width: 100%; padding: 15px; border: 2px solid #fff; margin-bottom: 20px;}
    .refund_row:last-child {margin-bottom: 0;}
    .refund_row .check_txt {margin-left: 15px; float: left; width: calc(100% - 40px);}
    .refund_row .check_txt > span {display: inline-block; color: #fff; font-size: 20px; line-height: 24px; margin-bottom: 5px;}
    .refund_row .check_txt p {font-size: 16px; line-height: 20px; float: left; width: 100%; margin:0 0 10px; color:rgba(255,255,255,0.5);}
    .refund_row .check_txt p:last-child {margin-bottom: 0;}
    .refund_row .inner_check .check_txt > span {font-size: 16px; color:rgba(255,255,255,0.5);}
    .refund_row .inner_check .check_txt .sm_txt {font-size: 16px; height: 28px; line-height: 28px; text-align: left; padding: 0 10px; width: 150px;}
    .refund_cnt .color_des label {font-size: 20px; font-weight: normal;}
    .refund_cnt .color_des .text_area_faith {height: 150px;}

    .refund_note_pop .color_des p {color: rgba(255,255,255,0.5); font-size: 16px; line-height: 20px; width: 100%; margin: 0;}
    .refund_note_pop .refund_row {padding: 0; border: 0;}
    .refund_note_pop .refund_row .check_txt {margin-left: 0; width: 100%;}
    .refund_note_cl {color: #4EB952; display: inline-block; font-size: 16px;}
    .refund_note_cl:hover {color: #4EB952;}

    .page_ttl {font-size: 28px; color: #4EB952; margin-bottom: 10px;}
    .dark_bg {background: #1C1E20;}
    .pad10 {padding: 10px;}
    .hours_ttl {font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 5px; text-align: center;}
    .total_hours {float: left; width: 100%; color: #4EB952; text-align: center; font-size: 50px; line-height: 44px; font-weight: bold;}

    .tb_st {float: left; width: 100%;}
    .tb_st ul {list-style: none; padding: 0; margin: 0;}
    .tb_st ul li {float: left; margin-right: 15px;}
    .tb_st ul li a {font-size: 20px; color: #fff; font-weight: 600; border-bottom: 2px solid #fff; padding-bottom: 0; display: block;}
    .tb_st ul li a span {color: #fff; opacity: 1; border-right: 0 !important; padding: 0 !important; font-size: 15px;}
    .tb_st ul li a.active {color: #4EB952; text-transform: uppercase; border-bottom-color: #4EB952;}
    .tb_st ul li a.active span {color: #4EB952;}

    .time_manager_main .left_total_faith {padding: 0;}
    .check_app_bx .site_color_font {float: left; display: flex; align-items: center; height: 40px; font-size: 14px;}
    .check_app_bx .custom-checkbox .custom-control-indicator{float: left;}

    .time_tbl .custom-checkbox .custom-control-indicator {float: left;}
    table.dataTable.time_tbl td {border-bottom: 0 !important; padding: 12px 15px;}

    .time_cricle {width: 20px; height: 20px; display: inline-block; border-radius: 100%;}
    .yellow_bg_c {background: #ddfd1d;}
    .green_bg_c {background: #6bb860;}
    .gray_bg_c {background: #a4a4a4;}
    .red_bg_c {background: #f1601d;}

    .HT140 {height: 140px;}
    .google_map {width: 100%; float: left;}
    .google_map iframe {width: 100%; float: left; height: 250px;}

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {background: #4EB952;}

    .noti_cover {float: left; width: 100%; max-width: 920px;}
    .noti_cover .color_des .form-group > label {font-size: 18px !important; color: #fff !important; margin-bottom: 15px;}
    .noti_cover .site_color_font label {width: auto;}
    .noti_cover .check_app_bx .full_width {margin-bottom: 10px;}
    .noti_cover .check_app_bx .full_width:last-child {margin-bottom: 0;}
    .day_check ul {margin: 0; padding: 0;}
    .day_check ul li {float: left; margin: 0 4px 0 0;}
    .day_check ul li .custom-control-indicator {width: auto; height: auto; border-radius: 0; padding: 15px 20px; background: #fff; color: #1C1E20; font-weight: bold; font-size: 15px;}
    .day_check ul li .custom-checkbox .custom-control-input:checked~.custom-control-indicator {background: #4EB952; border-color: #4EB952; background-image: none; color: #fff;}
    .clck_reminder .site_color_font {float: left; margin-right: 20px; min-width: 215px;}
    .clck_reminder .time_sec {width: 250px; float: left;}
    .clck_reminder .time_sec .search_filter_faith {width: 100%; padding: 0 10px;}
    .time_sec .select2-container--default .select2-selection--single {height: 40px;}
    .time_sec .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 38px;}
    .time_sec .select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px;}

    .dashboard_box_main_cool_wrap .dataTables_info, .ji_nw_dt_cl .col-sm-4 .dataTables_info {width: 100%; margin: 0 !important; text-align: center;}
    .dashboard_box_main_cool_wrap div.dataTables_wrapper div.dataTables_paginate, .ji_nw_dt_cl .col-sm-4 div.dataTables_wrapper div.dataTables_paginate {width: 100%; float: left;}
    .action_dash_f.notifications-main-scroll {padding: 20px;}
    .login_inner_wrap .inner_pad .form-group .form-control {border-radius: 0 !important;}
    .box_booking .table td ul {margin: 0; padding-left: 20px;}

    .nw_align {padding: 15px 0;}
    .nw_align h6 {width: auto; padding: 0 15px;}
    .nw_align ul li {line-height: normal;}
    .nw_align .site_color_font {margin: 8px 0 0;}

    .members-listing-status-filter {width: 250px; margin-left: 20px;}
    .members-listing-status-filter .select2-container--default .select2-selection--single {height: 40px;}
    .members-listing-status-filter .select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px;}
    .members-listing-status-filter .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 38px;}
    .members-listing-status-filter .select2-container--default .select2-search--dropdown .select2-search__field {line-height: normal;}
    .members-listing-status-filter .select2-results__option[aria-selected] {line-height: normal;}
    
    .mil_new .col-sm-12.mar_B_30u .col_clZ.nw_align.unique {width: 100% !important;}