body *{
font-family: 'Inter', sans-serif;    
}

.body-wrapper {
    /*min-height: 100vh;
    min-width: 100%;*/
}

.body-wrapper header {}

.body-wrapper header .navbar {
    box-shadow: none;
    background: #FFFFFF;
    padding: 0 15px;
    min-height: 80px;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 5%);
    z-index: 99;
}

.navbar-brand {
    padding: 0;
    margin: 0;
}

.login-wrapper {
    min-height: 100vh;
    max-height: 100vh;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background: #fff;
    margin-top: 0;
    overflow: hidden;
}

.login-wrapper .form-wrapper {
        padding: 27px;
    margin: 0;
    border-radius: 0px;
    width: 60%;
}

.form-wrapper h4.form-title {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
/* identical to box height */
    color: #FFFFFF;
    margin-bottom: 14px;
}

.form-wrapper .form-section {
    margin-bottom: 12px;
}

.form-wrapper .form-label {
    font-weight: normal;
    font-size: 11.1826px;
    line-height: 13px;
    color: #555555;
    margin-bottom: 6px;
}

.form-wrapper .bmd-form-group {
    padding: 0;
}

.form-wrapper .form-control {
        border-radius: 0px;
    line-height: 38px;
    padding: 0 15px;
    color: #333;
    font-size: 14px;
    background: #F2F2F2;
}

.btn.btn-primary {
    background: #000000;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 12px;
    min-width: 72px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
}

.form-wrapper .btn.btn-primary {
    width: 100%;
    margin-top: 8px;
    padding: 15px !important;
    background: #F1B645 !important;
    border-radius: 0px;
    color: #333333 !important;
}

.login-wrapper .form-wrapper a {
    font-weight: normal;
    font-size: 14px;
    line-height: 13px;
    color: #F1B645;
}

.login-wrapper .form-wrapper span.text {
    font-weight: normal;
    font-size: 11.1826px;
    line-height: 13px;
    color: #555555;
}

.form-wrapper .form-section:last-child {
    margin-bottom: 0;
}

.btn.btn-primary:hover, .btn.btn-primary:focus {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
label.error {
    color: red;
}

.content-wrapper {
    background: #F8F8F8;
    min-height: calc(100vh - 80px);
    max-width: 100%;
    overflow-x: hidden;
    padding: 8px 24px 16px;
    position: relative;
        margin-top: 80px;
}

.main-menu .main-menu-content ul {
    position: fixed;
    min-height: 100%;
    top: 81px;
    left: 0;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 67px;
    background: #000000;
    transition: all 0.2s ease;
    filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.04));
    height: 100%;
    padding-bottom: 100px;
    scrollbar-color: auto;
    scrollbar-width: thin;
}

.main-menu .main-menu-content {
}

.content-wrapper .app-content.content {
    margin-left: 64px;
    transition: all 0.2s ease;

}
.content-wrapper .app-content.content.hover {
    margin-left: 230px;
    transition: all 0.2s ease;
    
}

.main-menu .main-menu-content ul li {}

.main-menu .main-menu-content ul li a {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none !important;
}

.main-menu .main-menu-content ul li a .menu-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    /* transition: all 0.2s ease; */
}

.main-menu .main-menu-content ul li a .menu-title {
    font-weight: normal;
    font-size: 13px;
    
/* identical to box height */
    line-height: normal;
    color: #FFFFFF;
    display: none;
    opacity: 0;
    min-width: 166px;
    /* transition: all 0.3s ease; */
}

.ic-clubs {
    background-image: url(../images/icons/club-management.svg);
}

.main-menu .main-menu-content ul:hover {
    width: 230px;
    transition: all 0.2s ease;
}

.main-menu .main-menu-content ul:hover li a .menu-title {
    display: block;
    opacity: 1;
    /* transition: all 0.3s ease; */
}

.ic-membership {
    background-image: url(../images/icons/membership-plans.svg);
}

.ic-members {
    background-image: url(../images/icons/members.svg);
}

.ic-payments {
    background-image: url(../images/icons/payments.svg);
}

.ic-refunds {
    background-image: url(../images/icons/refunds.svg);
}

.ic-settlement {
    background-image: url(../images/icons/settlements.svg);
}

.ic-settings {
    background-image: url(../images/icons/settings.svg);
}
.ic-dashboard {
    background-image: url(../images/icons/dashboard.svg);
}
.ic-accounts {
    background-image: url(../images/icons/accounts.svg);
}
.ic-member-profile {
    background-image: url(../images/icons/member-profile.svg);
}
.ic-event {
    background-image: url(../images/icons/event.svg);
}
.ic-doc-cat {
    background-image: url(../images/icons/document-catagory.svg);
}
.ic-discount {
    background-image: url(../images/icons/discount.svg);
}
.ic-report {
    background-image: url(../images/icons/report.svg);
}
.ic-dataimport {
    background-image: url(../images/icons/data-import.svg);
}
.ic-order {
    background-image: url(../images/icons/orders.svg);
}
.ic-event-reg {
    background-image: url(../images/icons/event-reg.svg);
}
.ic-plan {
    background-image: url(../images/icons/purchase.svg);
}

.main-menu .main-menu-content ul li.active a .ic-dashboard,.main-menu .main-menu-content ul li a:hover .ic-dashboard {
    background-image: url(../images/icons/dashboard-active.svg);
    /* transition: all 0.2s ease; */
}

.main-menu .main-menu-content ul li.active a .ic-clubs,.main-menu .main-menu-content ul li a:hover .ic-clubs {
    background-image: url(../images/icons/club-management-active.svg);
    /* transition: all 0.2s ease; */
}

.main-menu .main-menu-content ul li.active a,.main-menu .main-menu-content ul li a:hover {
    background: #F6F6F6;
}

.main-menu .main-menu-content ul li.active a .menu-title,.main-menu .main-menu-content ul li a:hover .menu-title {
    color: #000000;
    /* transition: all 0.3s ease; */
}

.main-menu .main-menu-content ul li.active a .ic-membership,.main-menu .main-menu-content ul li a:hover .ic-membership {
    background-image: url(../images/icons/membership-plans-active.svg);
}

.main-menu .main-menu-content ul li.active a .ic-members,.main-menu .main-menu-content ul li a:hover .ic-members {
    background-image: url(../images/icons/members-active.svg);
}

.main-menu .main-menu-content ul li.active a  .ic-payments,.main-menu .main-menu-content ul li a:hover  .ic-payments {
    background-image: url(../images/icons/payments-active.svg);
}

.main-menu .main-menu-content ul li.active a .ic-refunds,.main-menu .main-menu-content ul li a:hover .ic-refunds {
    background-image: url(../images/icons/refunds-active.svg);
}

.main-menu .main-menu-content ul li.active a  .ic-settlement,.main-menu .main-menu-content ul li a:hover  .ic-settlement {
    background-image: url(../images/icons/settlements-active.svg);
}

.main-menu .main-menu-content ul li.active a  .ic-settings,.main-menu .main-menu-content ul li a:hover  .ic-settings {
    background-image: url(../images/icons/settings-active.svg);
}
.main-menu .main-menu-content ul li.active a  .ic-accounts,.main-menu .main-menu-content ul li a:hover  .ic-accounts {
    background-image: url(../images/icons/accounts-active.svg);
}
.main-menu .main-menu-content ul li.active a  .ic-member-profile,.main-menu .main-menu-content ul li a:hover  .ic-member-profile {
    background-image: url(../images/icons/member-profile-active.svg);
}
.main-menu .main-menu-content ul li.active a .ic-event,
.main-menu .main-menu-content ul li a:hover .ic-event {
    background-image: url(../images/icons/event-active.svg);
}
.main-menu .main-menu-content ul li.active a .ic-doc-cat,
.main-menu .main-menu-content ul li a:hover .ic-doc-cat {
    background-image: url(../images/icons/document-catagory-active.svg);
}
.main-menu .main-menu-content ul li.active a .ic-discount,
.main-menu .main-menu-content ul li a:hover .ic-discount {
    background-image: url(../images/icons/discount-active.svg);
}
.main-menu .main-menu-content ul li.active a .ic-report,
.main-menu .main-menu-content ul li a:hover .ic-report {
    background-image: url(../images/icons/report-active.svg);
}
.main-menu .main-menu-content ul li.active a .ic-dataimport,
.main-menu .main-menu-content ul li a:hover .ic-dataimport {
    background-image: url(../images/icons/data-import-active.svg);
}
.main-menu {}
.card .card-header {
    padding: 8px 12px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #DCDCDC;
    min-height: 48px;
}

.card-header h4.card-title {
    margin: 0;
    flex: 1;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #333333;
}

.app-content .btn.btn-primary {
        background: #000000;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 12px;
    min-width: 72px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    /*letter-spacing: 0.5px;*/
}

div.dataTables_wrapper div.dataTables_length label {
    margin: 12px 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    color: #555555;
}

div.dataTables_wrapper div.dataTables_filter label {
    margin: 12px 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    color: #555555;
}

div.dataTables_wrapper div.dataTables_length label select.form-control {
    -webkit-appearance: none;
    padding: 0 15px !important;
    max-height: 40px;
    background: #F8F8F8;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 2px;
    line-height: 40px;
    font-size: 13px;
    
/* identical to box height */
    color: #000000;
    margin: 0 5px;
}

div.dataTables_wrapper div.dataTables_filter label input.form-control {
    padding: 0 15px !important;
    max-height: 40px;
    background: #F8F8F8;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 2px;
    line-height: 40px;
    font-size: 13px;
    color: #000000;
}

table.dataTable {
    margin: 0 !important;
    border: 1px solid #DCDCDC !important;
    border-collapse: separate;
    border-radius: 4px;
    border-spacing: 0;
    border-left: none !important;
}

table.dataTable thead tr th {
    padding: 11px 10px;
    background: #F8F8F8;
    text-align: left;
    font-weight: 700;
    font-size: 10.5px;
    line-height: 20px;
    color: #222222;
    border-right: 1px solid #EBEBEB;
    border-bottom: none;
}
table.dataTable thead tr th:last-child{
    border-right: none;
}

table.dataTable tbody tr td {
    padding: 8px 10px !important;
    background: #FFFFFF;
    border-right: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    vertical-align: middle;
    text-align: left;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #222222;
}
table.dataTable tbody tr td{
    /*border-right: none;*/
}

table.dataTable thead tr th:before,table.dataTable thead tr th:after {
    bottom: calc(50% - 6px) !important;
}

table.dataTable tfoot tr th {
    padding: 20px 10px;
    background: #F8F8F8;
    border: 1px solid #F1F1F1;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #555555;
}

div.dataTables_wrapper div.dataTables_info {
    padding: 0;
    margin: 12px 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 25px;
    color: #555555;
    
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 4px 0 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .previous {}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .previous a {}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item.active {}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item {
    margin: 0 6px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .next {}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .next a {}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item a {
    background: #FFFFFF;
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #999999;
    transition: all 0.3s ease;
    padding: 0;
    margin: 0;
    min-width: 18px;
    
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item.active a,div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item a:hover {
    border: 1px solid transparent;
    transition: all 0.3s ease;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item.disabled a {
        background: transparent;
    color: #C4CDD5;
    border: 1px solid transparent;
}
table.dataTable thead>tr>th.sorting.text-center {
    padding-right: 10px;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    padding-right: 20px;
}

table.dataTable thead>tr>th.sorting.text-center {
    padding-right: 10px;
}

table.dataTable tbody tr td span {
    /*padding: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #555555;*/
}

table.dataTable tbody tr td span.active {
    color: #58BE99
}

table.zero-configuration.dataTable.no-footer {
    border-collapse: collapse !important;
}
.dataTables_length,.dataTables_filter {
    display: none;
}

.card-body.card-dashboard {
    padding: 0;
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
    padding: 0 !important;
    display: flex;
    align-items: center;
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{
    padding: 0 !important;
}
.card-header * {
    
}

table.dataTable * {
    
}
.card-dashboard .nav-tabs {
        width: 100%;
    padding: 0 15px 20px;
    border-radius: 0;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    border: none;
}

.card-dashboard .nav-tabs li.nav-item.active {
    color: #1322B8;
}

.card-dashboard .nav-tabs li.nav-item {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    display: flex;
    align-items: center;
    color: #555555;
    margin-right: 24px;
}

.card-dashboard .nav-tabs li.nav-item a {
    border: none;
    padding: 0 !important;
    color: #555555 !important;
}

.card-dashboard .nav-tabs li.nav-item.active a {
        color: #1322B8 !important;
}

.form-content {
    padding: 24px 0 0;
}

.form-content label.control-label {
    margin-bottom: 8px;
    
    flex: 1;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #555555;
}

.form-content .form-control {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-weight: 400;
    font-size: 13px;
    border: 1px solid #EDEEF1;
    box-sizing: border-box;
    border-radius: 4px;
    background-image: none;
    
    display: inline-block;
    width: 100%;
    color: #333333;
    
/* identical to box height */
    color: #333333;
}

.form-content .col-md-6, .form-content .col-md-12, .form-content .col-md-4, .form-content .col-md-8, .form-content .col-md-2 {
    padding-bottom: 22px;
}
.card-dashboard .nav-tabs li.nav-item a {
        border: none;
    padding: 0 !important;
    color: #555555 !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    text-transform: capitalize;
    transition: all 0.2s ease;
    position: relative;
    
}

.card-dashboard .nav-tabs li.nav-item.active a {
        color: #1322B8 !important;
}
.form-content  .position-relative .form-control {
    padding-right: 40px;
    z-index: 3;
    position: relative;
}

.form-content  .position-relative .field-icon {
    position: absolute;
    width: 36px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
}
.card-dashboard .nav-tabs li.nav-item a.active {
    font-weight: 600;
    transition: all 0.2s ease;
}

.card-dashboard .nav-tabs li.nav-item a .ripple-container {
    display: none;
}

.card-dashboard .nav-tabs li.nav-item a:before {content: "";position: absolute;width: 0;height: 2px;background: #555555;bottom: -15px;transition: all 0.2s ease;}

.card-dashboard .nav-tabs li.nav-item a.active:before {
    transition: all 0.2s ease;
    width: 100%;
}
form.edit-form {
    margin: 0;
    height: 100%;
}
.flex-rowblock {
    padding: 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.flex-rowblock .left-flexbox {
    max-width: calc(100% - 240px);
    min-width: calc(100% - 240px);
    padding-right: 30px;
    border-right: 1px solid #EEEEEE;
}

.flex-rowblock .right-flexbox {
}

.upload-imgblock {
    display: flex;
    align-items: center;
    /*width: 180px;*/
    padding-left: 0;
}
select.custom-file-control:not([size]):not([multiple]), select.form-control:not([size]):not([multiple]) {
    height: 32px;
    line-height: 32px;
    /*-webkit-appearance: auto;*/
}
.upload-imgblock .upload-field {
    width: 84px;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.upload-imgblock .upload-field img.uploaded-img {
        width: 84px;
    height: auto;
}

.upload-imgblock .upload-field .position-relative {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.upload-imgblock .upload-field .position-relative input[type="file"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    position: relative;
    display: none;
}

.upload-imgblock .upload-field .position-relative .icon-img {
    /*position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 0;*/
}

.upload-imgblock  p.text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    text-align: center;
    color: #333333;
    margin: 25px 0 0;
    
}
.card {
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #DCDCDC;
}
.filter-block {
    margin: 0;
    /*padding: 0 15px 20px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter-block label {
    margin: 0;
}

.filter-block .select-block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
}

.filter-block .checkbox-block {
        margin-right: 15px;
    margin-left: 15px;
    line-height: 10px;
   /* width: 75px;*/
    text-align: center;

}

.filter-block .select-block .text {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
}

.filter-block .select-block .bmd-form-group {
    padding: 0;
}

.filter-block .select-block select.form-control {
    width: 220px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    
}

.filter-block .select-block .position-relative {
    /*flex: 1;*/
    min-width: 25%;
    /*padding-left: 15px;*/
}

.filter-block .select-block .position-relative input.form-control.search-input {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    
    padding-left: 35px;
}

.filter-block .select-block .position-relative .btn-transparent {
    background: transparent;
    border: none;
    position: absolute;
    left: 13px;
    top: 0;
    padding: 0;
    width: 40px;
    height: 100%;
    line-height: 40px;
    pointer-events: none;
    cursor: initial;
}

.filter-block .select-block .position-relative input.form-control.search-input::placeholder {
    font-weight: normal;
    font-size: 12px;
}

table.dataTable tbody tr td:first-child, table.dataTable thead tr th:first-child {
    /*width: 70px !important;*/
    text-align: center;
    /*padding: 10px !important;*/
    border-left: 1px solid #EBEBEB;
    /*max-width: 70px;*/
}
table.dataTable thead tr th:first-child:before,table.dataTable thead tr th:first-child:after{
    display: none;
}
.maindashboard-wrapper {}

.maindashboard-wrapper .top-row * {
    
}

.maindashboard-wrapper .top-row .card-body {}

.maindashboard-wrapper .top-row .card-body .text-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.maindashboard-wrapper .top-row .card-body .text-block .bold-text {font-weight: bold;font-size: 20px;line-height: 27px;color: #000000;margin-bottom: 25px;}

.maindashboard-wrapper .top-row .card-body .text-block .text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    color: #333333;
    margin-bottom: 15px;
}

.maindashboard-wrapper .top-row .card-body .text-block .sub {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    text-align: right;
    color: #6B6B6B;
    margin-bottom: 15px;
}

.maindashboard-wrapper .top-row  .card-body.flex-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.maindashboard-wrapper .top-row  .card-body.flex-card .left-box {
    flex: 1;
    padding-right: 40px;
}

.maindashboard-wrapper .top-row  .card-body.flex-card .right-box {}

.maindashboard-wrapper .top-row .card-body.flex-card .right-box .btn.btn-primary {
    padding: 20px 40px;
    min-width: 200px;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    text-transform: capitalize;
    background: #000000;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.maindashboard-wrapper .chart-row {}

.maindashboard-wrapper .chart-row .card-header {
    border-bottom: none;
}

.maindashboard-wrapper .chart-row .card-header .card-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #000000;
    text-transform: capitalize;
}

.maindashboard-wrapper .chart-row  .card-content {
    padding: 20px;
}

.maindashboard-wrapper .chart-row  .chart-pointers {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
}

.maindashboard-wrapper .chart-row  .chart-pointers > div {
    margin: 0 12px;
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;

/* Components / Caption color (grey) */
    color: #9C9C9C;
}

.maindashboard-wrapper .chart-row  .chart-pointers > div .box-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.box-icon.green {
    background: #A6D8B4;
}

.box-icon.yellow {
    background: #E9B381;
}

.box-icon.red {
    background: #E75466;
}

.box-icon.black {
    background: #242424;
}

.box-icon.gray {
    background: #CECECE;
}

.maindashboard-wrapper .top-row {
    margin-bottom: 30px;
}

.maindashboard-wrapper .chart-row .card-content .chart-block {
    text-align: center;
}

.maindashboard-wrapper .chart-row .card-content .chart-block img {
    width: 100%;
}
.maindashboard-wrapper .card {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}
.login-wrapper .left-block {
    width: 50%;
}

.login-wrapper .right-block {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-wrapper .left-block .bg-image {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.login-wrapper .form-wrapper h4 {
        margin-bottom: 15px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 143.1%;
    text-transform: uppercase;
    color: #555555;
}
.body-wrapper header .navbar ul.nav-right {
    margin: 0;
    padding: 0;
}

.body-wrapper header .navbar ul.nav-right li {
    list-style: none;
    position: relative;
}

.body-wrapper header .navbar ul.nav-right li .profile-dropdown img {
        width: 30px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    border-radius: 100%;
    margin-right: 8px;
}
.body-wrapper header .navbar ul.nav-right li .profile-dropdown .ripple-container {
    display: none;
}

.body-wrapper header .navbar ul.nav-right li .profile-dropdown  {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    cursor: pointer;
}

.body-wrapper header .navbar .row {
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.body-wrapper header .navbar ul.nav-right li .profile-dropdown:after {
    position: absolute;
    top: 47%;
    right: -15px;
    /*border: none;*/
}

.body-wrapper header .navbar ul.nav-right li .profile-dropdown + .dropdown-menu {
    right: 0 !important;
    left: unset !important;
    top: calc(100% + 15px);
}

.dropdown-menu {
    background: #FFFFFF;
    box-shadow: 4px 4px 30px rgb(0 0 0 / 5%);
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.12);
    padding: 0;
}

.dropdown-menu a {
    
    font-size: 14px;
}
.dropdown-menu a {
    border-bottom: none;
    min-width: 200px !important;
    color: #555;
}

.dropdown-menu a:last-child {
    border: none;
}
.dropdown-menu a svg {margin-right: 10px;font-size: 12px;color: #666;}
.dropdown-block {
    display: inline-block;
    cursor: pointer;
}

.dropdown-block a.dropdown-toggle:after {
    border: none;
    display: none;
}

.dropdown-block .dropdown-menu {
    left: unset !important;
    right: 0;
    top: calc(100% + 4px) !important;
}

.dropdown-block .dropdown-menu a {
    font-size: 12px;
    color: #555;
    padding: 13px 20px;
    min-height: initial;
}
.login-wrapper .form-wrapper .img-block {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
ul.breadcrumb {
    padding: 0;
    background: transparent;
    margin-bottom: 6px;
    border-radius: 0;
}

ul.breadcrumb li {
    list-style: none;
    line-height: 10px;
}

ul.breadcrumb li a,ul.breadcrumb li span {
    position: relative;
    font-weight: 400;
    font-size: 10.5px;
    line-height: 13px;
    color: #777777;
    margin-right: 15px;
    padding-right: 15px;
}

ul.breadcrumb li span {}

ul.breadcrumb li a:before {
    content: " ";
    position: absolute;
    right: -5px;
    top: 1px;
    color: #999999;
    width: 9px;
    height: 12px;
    display: inline-block;
    background-image: url(../images/icons/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
}

ul.breadcrumb li a:hover {
    color: #333;
    text-decoration: none;
}
.login-wrapper .form-wrapper h1.clubname {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    line-height: 33px;
/* identical to box height */
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 15px;
}   
.navbar .navbar-brand .second-img {
    position: relative;
    display: inline-block;
    margin-left: 20px;
    padding-left: 20px;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    color: #333333;
    position: relative;
    top: 3px;
}
.navbar .navbar-brand .second-img img {
    margin-right: 8px;
    position: relative;
    top: -2px;
}

.navbar .navbar-brand .second-img:before {content: "";position: absolute;left: 0;top: 25%;height: 50%;width: 1px;background: #999;}
.form-content textarea.form-control {
    height: auto;
}
.img-upload-block {
    align-items: stretch;
}

.img-upload-block .card-box {
    height: 100%;
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.img-upload-block .card-box:before {content: "";display: block;padding-bottom: calc(100% - 6px);}

.img-upload-block .card-box.add-img {
    border: 1px solid #C4C4C4;
}

.img-upload-block .card-box.add-img input.img-upload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
}

.img-upload-block .card-box.add-img img {
    position: absolute;
    width: 27px;
    height: 27px;
    left: calc(50% - 13.5px);
    top: calc(50% - 13.5px);
    z-index: 0;
}

.img-upload-block .card-box.add-img p.text {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    color: #333333;
}

.row {}

.img-upload-block .card-box .img-box {
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
}

.img-upload-block  .card-box.viewmore {
    border: 1px solid #C4C4C4;
}

.img-upload-block .card-box.viewmore .img-box {}

.img-upload-block .card-box.viewmore span.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #F3F3F3;
}
.app-content .btn.btn-secondary, .btn.btn-secondary {
    background: #ffffff;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 12px;
    height: 32px;
    min-width: 72px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    /* letter-spacing: 0.5px; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn.btn-secondary svg {
    margin-right: 4px;
}
.button-block {
    padding: 0 30px;
}
.flex-rowblock.last-block {
    padding-top: 22px;
    margin-top: 22px;
    position: relative;
}

.flex-rowblock.last-block:before {content: "";position: absolute;top: 0;width: calc(100% - 60px);left: 30px;height: 1px;background: rgba(153, 153, 153, 0.5);}
table.dataTable tbody tr td .checkbox-block label {
    font-weight: normal;
    font-size: 12px;
    
/* identical to box height */
    color: #555555;
    line-height: 15px;
    margin: 0;
}

/*table.dataTable tbody tr td .checkbox-block input {
    margin-right: 10px;
    position: relative;
    top: 2px;
}*/
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.paginate_button.page-item a:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.custom-popup {
    background: #FFFFFF;
    
    position: fixed;
    top: 80px;
    right: -400px;
    min-height: calc(100vh - 80px);
    width: 326px;
    transition: all 0.3s ease;
box-shadow: -6px 0px 8px rgba(0, 0, 0, 0.1);}
.daterangepicker {
    width: auto;
    min-width: 500px;
}


.custom-popup form {
    margin: 0;
}

.custom-popup .popup-header {
    padding: 12px;
    border-bottom: 1px solid #EAEAEA;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.custom-popup .popup-content {
    padding: 4px 0;
    max-height: calc(100vh - 180px);
    min-height: calc(100vh - 180px);
    overflow-y: auto;
overflow-x: hidden;}

.custom-popup .popup-footer {
    padding: 12px;
}

.custom-popup .popup-header h4.title {
    
    
    
/* identical to box height */
    
    color: #222;
    margin: 0;
font-weight: 700;
font-size: 14px;
line-height: 21px;}

.custom-popup .popup-closebtn {
    position: absolute;
    right: 12px;
    top: 18px;
    border: none;
    background: transparent;
    padding: 0;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.custom-popup .popup-closebtn:before {content: "";position: absolute;/* left: 0; */top: 0;width: 1px;height: 100%;background: #000;transform: rotate(45deg);}

.custom-popup .popup-closebtn:after {
    content: "";
    position: absolute;
    /* left: 0; */
    top: 0;
    width: 1px;
    height: 100%;
    background: #000;
    transform: rotate(
-45deg
);
}

.custom-popup .popup-content .form-section {
    padding: 0 12px 10px;
margin-bottom: 4px;border-bottom: 1px solid #EBEBEB;display: inline-block;width: 100%;}

.custom-popup .popup-content label.control-label {
    
    
    
/* identical to box height */
    
    color: #555555;
    margin-bottom: 10px !important;
font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}

.custom-popup .popup-content span.bmd-form-group {
    padding: 0;
}

.custom-popup .popup-content .form-control {height: 32px;line-height: 32px;padding: 0 12px;font-weight: 400;
font-size: 13px;color: #333333;border: 1px solid #EDEEF1 !important;box-sizing: border-box;border-radius: 5px;background-image: none;color: #333333;}

.custom-popup .popup-content textarea.form-control {
    height: initial;
    line-height: 21px;
    padding: 12px;
}

.custom-popup .popup-footer .btn.btn-primary {
    background: #000000;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 12px;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin-right: 0;
}

.custom-popup .popup-content .form-section.line-divider {
    border-top: 1px solid #DDDDDD;
}

.custom-popup .popup-content .form-section span.amount {
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    align-items: center;
    color: #333333;
    margin-top: 5px;
}

.custom-popup.show {
    right: 0;
    transition: all 0.3s ease;
    z-index: 999;
}
table.dataTable tbody tr td:nth-child(2) {
    /*cursor: pointer;*/
}
.custom-popup.popup-dark {}

.custom-popup.popup-dark .popup-header {
    background: #000;
}

.custom-popup.popup-dark .popup-header h4.title {
    color: #fff;
}

.custom-popup.popup-dark a.popup-closebtn:before,.custom-popup.popup-dark a.popup-closebtn:after {
    background: #fff;
}

.custom-popup .popup-content .form-section p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    color: #333333;
    margin: 0;
    padding-top: 5px;
}

.custom-popup.popup-dark .form-section {
    margin-bottom: 14px;
    display: inline-block;
    width: 100%;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;
}
table.dataTable tbody tr td.planname01:hover {
    transition: all 0.3s ease;
    /*color: #000;
    font-weight: 600;*/
}

table.dataTable tbody tr td.planname01 {
    transition: all 0.3s ease;
    font-weight: 400;
}

.maindashboard-wrapper .top-row .col-md-7.col-xs-12 .card-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px 14px;
}

.maindashboard-wrapper .top-row .col-md-7.col-xs-12 .card-content .card-body {
    flex: 0 0 50%;
    max-width: calc(50% - 12px);
    padding: 20px;
    margin: 0 6px;
        background: #F8F8F8;
    border-radius: 8px;
}
.maindashboard-wrapper .top-row .card {}

.maindashboard-wrapper .top-row .card .card-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 20px;
    border-top: 1px solid rgba(153, 153, 153, 0.25);
}



.app-content .btn.btn-block {
    background: #F1B645;
    border: 1px solid #F1B645;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 12px;
    min-width: 72px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    display: inline-block;
    width: auto;
}

.maindashboard-wrapper .top-row .card .card-btn > * {
    margin-right: 8px;
    margin-bottom: 0;
}
.yellow {
    color: #F1B645 !important;
}
.maindashboard-wrapper .top-row .card-body.club-details {}

.maindashboard-wrapper .top-row .card-body.club-details .club-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.maindashboard-wrapper .top-row .card-body.club-details .club-box .img-block {
    margin-right: 12px;
}

.maindashboard-wrapper .top-row .card-body.club-details .club-box .club-section {
    flex: 1;
}

.maindashboard-wrapper .top-row .card-body.club-details .club-box .count {
    flex: 1;
}

.maindashboard-wrapper .top-row .card-body.club-details .club-box p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
/* identical to box height, or 150% */
    text-transform: lowercase;
    color: #555555;
    margin: 0;
}

.maindashboard-wrapper .top-row .card-body.club-details .club-box .club-section p.club-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
/* identical to box height */
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
}

.maindashboard-wrapper .top-row .card-body.club-details .club-box .club-section p.text {}

.maindashboard-wrapper .top-row .card-body.club-details .club-box .count p.text.yellow {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 4px;
}

.maindashboard-wrapper .top-row .card {
    height: 100%;
}

.maindashboard-wrapper .top-row .card-body.club-details .club-box .count p.text {
    text-transform: capitalize;
}
.maindashboard-wrapper .chart-row .row.top-row {
    margin-bottom: 0;
    height: 100%;
    display: flex;
}

.maindashboard-wrapper .chart-row .row.top-row .card-content {
    padding: 0;
}

.maindashboard-wrapper .chart-row .row.top-row .card {
    margin-bottom: 0;
    height: 100%;
}

.maindashboard-wrapper .chart-row .row.top-row .col-md-6.col-xs-12 {
    height: calc(50% - 15px);
    display: inline-block;
}

.maindashboard-wrapper .chart-row .row.top-row .col-md-6.col-xs-12:nth-child(3) {
    margin-top: 25px;
}

.maindashboard-wrapper .chart-row .row.top-row .col-md-6.col-xs-12:nth-child(4) {
    margin-top: 25px;
}

.maindashboard-wrapper .chart-row .col-md-6.col-xs-12 > .card {
    height: 100%;
}
.card .card-header a.back {
    margin-right: 16px;
    text-decoration: none;
    position: relative;
    top: -1px;
}

.card .card-header .btn.btn-secondary {
    margin: 0 8px 0 0;
}




.switch div#container
  {
    background: #fff;
    border-radius: 50px;
    height: 16px;
    width: 24px;
    padding: 0;
    border: 1px solid #E5E5EA;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.5s;
    cursor: pointer;
  }

.switch input
  {
    display: none;
  }

.switch input + label
  {
    display: inline-block;
    position: absolute;
    border-radius: 100%;
    height: 12px;
    width: 12px;
    padding: 0 !important;
    top: 2px;
    left: 1px;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    background: #FFFFFF;
    box-shadow: 0px 0px 1.33593px rgba(0, 0, 0, 0.05), 0px 1.33593px 0.445311px rgba(0, 0, 0, 0.0510643), 0px 0.890623px 0.890623px rgba(0, 0, 0, 0.1), 0px 1.33593px 1.33593px rgba(0, 0, 0, 0.05);
    transition: left 0.5s;
    cursor: pointer;
    margin: 0 !important;
  }

.switch input:checked + label
  {
  left: 11px;
  }

.switch input:checked + label + div#container
  {
    background: #4bd865;
  }

.form-content  .notification-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
}

.form-content .notification-block p.text {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
/* identical to box height, or 167% */
    color: #777777;
    padding-right: 15px;
}
.switch {
    position: relative;
    cursor: pointer;
}
.form-content  .position-relative .form-control {
    background: transparent;
    cursor: pointer;
}

.form-content  .position-relative .date-icon {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    z-index: 0;
}
.form-content .notification-block img {
    position: relative;
    top: -1px;
}
.dynamic-form {
    /*padding: 0 15px;*/
}
.dynamic-form .page-content {padding: 0 12px;}

.dynamic-form .form_subitem > .row {margin-bottom: 0;}

.dynamic-form h4.sub-heading {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #999999;
    margin-bottom: 22px;
}

.dynamic-form .row {
    margin-bottom: 22px;
}

.dynamic-form + .button-block {
    padding: 12px;
}

.dynamic-form + .button-block .btn.btn-secondary {
    background: #222;
    border-radius: 4px;
    border: none;
    padding: 8px 12px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.dynamic-form + .button-block .btn.btn-secondary .add-icon {
    width: 10px;
    height: 10px;
    position: relative;
    display: inline-block;
    margin-right: 6px;
    transform: rotate(45deg);
    top: 2px;
}

.dynamic-form + .button-block .btn.btn-secondary .add-icon:before {content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #fff;transform: rotate(45deg);}
.dynamic-form + .button-block .btn.btn-secondary .add-icon:after {content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #fff;transform: rotate(-45deg);}
.dynamic-form + .button-block .dropdown-menu a {flex-flow: initial;align-items: center;justify-content: center;font-weight: normal;font-size: 12px;line-height: 16px;text-align: center;color: #333333;border: none;}

.card-dashboard .nav-tabs.maincontent-tabs {
    box-shadow: none;
    padding-bottom: 10px;
}

.card-dashboard .nav-tabs.maincontent-tabs li.nav-item a {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #131313;
}

.card-dashboard .nav-tabs.maincontent-tabs li.nav-item a.active {
    font-weight: 600;
}

.card-dashboard .nav-tabs.maincontent-tabs li.nav-item a.active:before {}

.card-dashboard .nav-tabs.maincontent-tabs li.nav-item a:before {
    bottom: -10px;
    height: 3px;
}

.card-dashboard .nav-tabs.maincontent-tabs + .form-content {
    padding: 15px 0 0;
}
table.dataTable tbody tr td a {
    /*font-weight: normal;
    font-size: 12px;
    line-height: 15px;*/
    color: #222;
/*    text-align: left;
    text-decoration: none;*/
}
.memberdetails-wrapper {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.memberdetails-wrapper .member-account {
    padding-right: 30px;
}

.memberdetails-wrapper .member-profiles {
    padding-left: 30px;
    border-left: 1px solid rgba(153, 153, 153, 0.5);
}

.memberdetails-wrapper .member-account .card {
    background: #F8F8F8;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 8px;
}

.memberdetails-wrapper .member-account .card .card-content {
    padding: 20px;
    position: relative;
}

.memberdetails-wrapper .member-account .card a.edit {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 13px;
    top: 13px;
    z-index: 1;
}

.memberdetails-wrapper .member-account .card .card-content .img-block {
    margin: 0 auto;
    position: relative;
    text-align: center;
    margin-bottom: 33px;
}

.memberdetails-wrapper .member-account .card .card-content .img-block > img {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 100%;
}

.memberdetails-wrapper .member-account .card .card-content .img-block .club-logo {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 1px;
    overflow: hidden;
    bottom: -15px;
    left: calc(50% - 15px);
}

.memberdetails-wrapper .member-account .card .card-content .img-block .club-logo img {
    width: 100%;
}

.memberdetails-wrapper .member-account .card .card-content  .member-account-details {}

.memberdetails-wrapper .member-account .card .card-content .member-account-details p.name {}

.memberdetails-wrapper .member-account .card .card-content  p.text.bold {}

.memberdetails-wrapper p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
/* identical to box height, or 200% */
    text-align: center;
    color: #333333;
    margin-bottom: 0px;
}

.memberdetails-wrapper  .line-divider {
    background: rgba(153, 153, 153, 0.5);
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
    height: 1px;
}

.memberdetails-wrapper .member-account .card .card-content  .line-divider {}

.memberdetails-wrapper .member-account .card .card-content .card-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.memberdetails-wrapper .member-account .card .card-content .card-box .child {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0;
}

.memberdetails-wrapper .member-account .card .card-content p.text.font-lg {}

.memberdetails-wrapper .member-account .card a.edit img {
    width: 100%;
}

.memberdetails-wrapper p.name {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
/* or 144% */
    text-align: center;
    color: #333333;
    margin-bottom: 0px;
}

.memberdetails-wrapper p.text.bold {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
/* or 200% */
    text-align: center;
    color: #333333;
    margin-bottom: 0px;
}

.memberdetails-wrapper .member-account .card .card-content p.text {}

.memberdetails-wrapper .member-account .card .card-content .card-box .child p.text {
    text-align: left;
    margin-bottom: 12px;
}

.memberdetails-wrapper .member-account .card .card-content .card-box .child p.text.bold {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 13px;
    margin-bottom: 6px;
}

.memberdetails-wrapper .member-profiles .title-block {}

.memberdetails-wrapper .member-profiles .title-block h4 {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 16px;
}

.memberdetails-wrapper .member-profiles .member-profile-details {}

.memberdetails-wrapper .member-profiles .member-profile-details a.card {
    text-decoration: none;
    padding: 15px;
    background: #FFFFFF;
    box-shadow: 0px 8px 50px rgb(0 0 0 / 5%);
    border-radius: 4px;
    margin-bottom: 12px;
    padding-bottom: 15px;
    cursor: default;
}
.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-leftbox .img-box > span {
    display: inline-block;
    cursor: pointer;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-leftbox .profile-container p > span {
     cursor: pointer;
}
.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .line-divider {
    margin-bottom: 15px;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-leftbox {
    flex: 1;
    display: flex;
    align-items: stretch;
    padding: 0 12px;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-leftbox .img-box {
    border-radius: 8px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 12px;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-leftbox .profile-container {
    flex: 1;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-leftbox .img-box img {}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-leftbox .profile-container p {
    text-align: left;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-commonbox {
    flex: 0 0 50%;
    padding: 0 6px 0 6px;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-commonbox .card-body {
    background: rgba(241, 182, 69, 0.12);
    border-radius: 4px;
    padding: 10px 20px;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-commonbox .card-body p.bold-text {
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
/* identical to box height */
    text-transform: uppercase;
    color: #555555;
    margin-bottom: 11px;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-commonbox .card-body .text-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-commonbox .card-body p.text,.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-commonbox .card-body p.sub {
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
/* identical to box height */
    text-transform: uppercase;
    color: #555555;
    margin-bottom: 8px;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .card-box {
    padding: 0 10px;
    margin-right: 8px;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .card-box p.text.bold {
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
/* identical to box height */
    text-transform: uppercase;
    color: #555555;
    text-align: left;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .profile-commonbox .card-body .text-block:last-child p {
    margin-bottom: 0;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card > *:nth-child(1) {
    margin-bottom: 15px;
}

.memberdetails-wrapper .member-profiles .member-profile-details a.card .card-content .card-box p.text {
    margin: 0;
    text-align: left;
}
.memberprofile-history {}

.memberprofile-history .card-content {
    display: flex;
    margin-bottom: 30px;
}

.memberprofile-history .card-content .card-block {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    margin-right: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 28%;
    padding: 10px;
}

.memberprofile-history .card-content .card-block p.text {
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    text-transform: uppercase;
    color: #555555;
    margin: 0;
}

.memberprofile-history .card-content .card-block p.textlast-child {}

.memberprofile-history .nav-tabs {
    padding: 0 0 20px;
}

.memberprofile-history .nav-tabs li a {
    text-transform: uppercase !important;
}

.plan-history-box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #999999;
}

.plan-history-box .left-block {}

.plan-history-box .right-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.plan-history-box .left-block .row-box {
    margin-bottom: 8px;
}

.plan-history-box .left-block .row-box .text-box {
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
/* identical to box height, or 182% */
    display: flex;
    align-items: center;
    color: #555555;
}

.plan-history-box .left-block .row-box .text-box .text {
    margin: 0 5px;
}

.plan-history-box .active {
    color: #58BE99 ;
}

.orange {
    color: #FF9417 !important;
}

.red {
    color: #E75466 !important;
}

.plan-history-box .left-block .row-box .text-box .text.bold {
    font-weight: 800;
}

.plan-history-box .left-block .row-box .text-box .link {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-decoration-line: underline;
    color: #333333;
    margin: 0 5px;
}

.plan-history-box .left-block .row-box .text-box .cancel {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-decoration-line: underline;
    color: #999999;
    margin: 0 5px;
}

.plan-history-box .right-block p.amount {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    color: #555555;
    margin-bottom: 8px;
}

.plan-history-box .right-block .amount-paid {
    background: #DDFBCF;
    border-radius: 4px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 200px;
    margin-bottom: 8px;
}

.plan-history-box .right-block div > span {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    color: #555555;
}

.plan-history-box .right-block  .amount-pending {
    background: #FBCFCF;
    border-radius: 4px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 200px;
    margin-bottom: 8px;
}

.plan-history-box .right-block  .btn-block {
    display: inline-block;
    width: auto;
}

.plan-history-box .right-block  .btn-block .btn.btn-secondary {
    margin: 0;
    min-width: 200px;
}

.plan-history-box .left-block .row-box:last-child {
    margin-bottom: 0;
}
.upload-imgblock .upload-field .position-relative:before {
    content: "";
    /*position: absolute;
    width: 28px;
    height: 28px;
    display: inline-block;
    left: 4px;
    bottom: 4px;
    background: #fff;
    border-radius: 4px;*/
}
 .checkbox-block01 input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  -webkit-appearance: none;
}
 .checkbox-block01 label {
  position: relative;
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
/* identical to box height */
  color: #444444;
}

.checkbox-block01 label:before {
    content: '';
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    top: -1px;
    box-sizing: border-box;
    background-image: url(../images/icons/radio.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50px;
}
.checkbox-block01 input:checked + label:after {
    content: '';
    display: block;
    top: 0px;
    left: 0;
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(../images/icons/radio_active.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox-block01 {
    display: flex;
    align-items: center;
    line-height: 32px;
}

.checkbox-block01 .position-relative {
    margin-right: 16px;
}


::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    border-radius: 0px;
    background-color: transparent;
}

::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
    background-color: #ddd;
}






.form-content p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #333333;
    margin-bottom: 0;
}

.form-check {
    display: inline-block;
    padding-right: 1.25rem;
}

.form-content .form-group .form-check {
   /* margin-right: 16px;*/
}

.form-content .form-group .form-check label.form-check-label {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

.form-content .form-group .form-control {
    /* background: transparent; */
}

.form-content  .flex-block {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.new-block, .new-block:hover, .form-element:hover, .page-title:hover {
}

.form-content .flex-block > div {
    /*display: flex;*/
}

.form-content .flex-block a.btn {}

.form-content .flex-block a.btn.btn-sm.btn-outline-danger {
    padding: 0;
    margin: 0;
    border: none;
    height: auto;
    width: auto;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #ff5722;
    margin: 0 0 8px 10px !important;
    background: transparent !important;
}

.form-content .flex-block a.btn.btn-sm.btn-outline-warning {
    color: #ABB5CE;
    padding: 0;
    margin: 0;
    border: none;
    height: auto;
    width: auto;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    margin: 0 0 8px 10px !important;
    background: transparent !important;
}
.new-block, .new-block:hover, .form-element:hover, .page-title:hover {
    background: #fcfcfc !important;
}
.form-content .form-group .form-control {
    background: transparent;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
}
.dynamic-form .row .col-md-5 p {
    text-decoration: none;
    font-size: 14px;
    line-height: 19px;
    color: #333333;
}
.login-wrapper .mb-4 {
    background: #FEDCE0 !important;
    border: 1px solid #F1C6C3 !important;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px;
}

.login-wrapper .mb-4 .font-medium.text-red-600 {
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    color: #BB5C67;
    margin-bottom: 8px;
}

.login-wrapper .mb-4 ul.mt-3 {
    margin: 0 !important;
    padding: 0;
}

.login-wrapper .mb-4 ul.mt-3 li {
    list-style: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    color: #BB5C67;
}
label.error {
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
}
.datepicker.dropdown-menu {
    opacity: 1 !important;
    transform: initial !important;
}
.app-content .btn.btn-primary:hover, .app-content .btn.btn-primary:focus {
    /*background: transparent !important;
    color: #000000 !important;
    transition: all 0.3s ease;*/
}
.daterangepicker.dropdown-menu {
    opacity: 1;
    transform: initial;
}
.daterangepicker .daterangepicker_input {
    position: relative;
    padding: 0 !important;
}
.calendar.left .daterangepicker_input {
    margin-right: 12px;
}
.daterangepicker_input svg {
    position: absolute;
    left: 9px;
    top: 5px;
    color: #c4c4c4;
}
.daterangepicker.ltr .ranges {
    float: none !important;
    text-align: right;
}
.applyBtn.btn.btn-sm.btn-success {
    background: #000000;
    border-radius: 8px;
    padding: 5px 20px;
    color: #fff;
    border: 1px solid #26126f;
    font-size: 12px;
    margin-top: 10px;
}
.cancelBtn.btn.btn-sm.btn-default {
    background: #dfdfdf;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px 16px;
    margin-top: 10px;
}
.daterangepicker table {
    font-size: 12px;
}
.daterangepicker .input-mini {
    font-size: 13px;
}
.daterangepicker td.start-date {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #000000 !important;
}
.daterangepicker .input-mini {
    background: #fff !important;
}
.daterangepicker {
    background-color: #eff0f2 !important;
}
.dropdown-menu {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0), 0 3px 11px -2px rgba(0, 0, 0, 0.2), 0 1px 15px 0 rgba(0, 0, 0, 0.09) !important;
}
.daterangepicker::after {
    border-bottom: 6px solid #eff0f2 !important;
}
.daterangepicker .input-mini.active {
    border: 1px solid #26126f !important;
}

.filter-block .select-block .position-relative > span.bmd-form-group {
    width: 100% !important;
    float: unset !important;
}
.filter-block .select-block .position-relative .btn-transparent img {
    width: 15px;
    position: relative;
    top: -1px;
}
.filter-block .select-block input.form-control {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #CACEDA;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    
    min-width: 270px;
}

.filter-block .select-block input.form-control::placeholder {
    color: #555555;
    font-weight: normal;
    font-size: 12px;
}
.card-body.card-dashboard > .table-responsive {
    padding: 0 10px;
    overflow: initial;
}
.card-body.card-dashboard .tab-pane > .col-12 {
    padding: 0;
}
table.dataTable tbody tr td .dropdown-menu {
    max-width: 160px !important;
    min-width: 160px !important;
    right: calc(100% + 30px);
    transform-origin: top right !important;
}

table.dataTable tbody tr td .dropdown-menu a.dropdown-item {
    max-width: 158px !important;
    min-width: 158px !important;
}
table.table tr td, table.table tr th {
    color: #555555;
}
.custom-popup .popup-content  .radio-group {
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #333333;
    margin: 12px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.custom-popup .popup-content .radio-group input.control-label {
    position: relative;
    top: -1px;
    margin-right: 10px;
    cursor: pointer;
}

.custom-popup .popup-content .radio-group:last-child {
    margin-bottom: 0;
}
.modal-body table.table.table-bordered td {
    font-size: 14px;
    vertical-align: middle;
}
table.table tr td .profile-status {
    display: flex;
}

table.table tr td .profile-status p {
    margin: 0;
    margin-right: 10px;
}

table.table.yajra-datatable td {
    vertical-align: middle;
}
table.dataTable tbody tr td:last-child {
    /*text-align: center;*/
}

.dataTables_wrapper > .row {
    position: relative;
}

.dataTables_wrapper > .row > .col-sm-12.col-md-5 {
    flex: 0 0 45%;
    max-width: 45%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.dataTables_wrapper > .row > .col-sm-12.col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
}
.fake-element {
    margin-top: 0px !important;
    max-width: 70%;
}

.fake-element ul.nav.nav-tabs {
    padding-bottom: 10px;
}

.fake-element ul.nav.nav-tabs li.nav-item a {
    font-size: 12px;
    font-weight: bold;
}

.fake-element ul.nav.nav-tabs li.nav-item {}

.fake-element ul.nav.nav-tabs li.nav-item a:before {bottom: -10px;}

.fake-element .fake-element-wrapper {
    padding: 30px 20px !important;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    border-radius: 4px;
}

.fake-element .fake-element-wrapper .form-control {
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-weight: normal;
    font-size: 14px;
    color: #333333;
}

.fake-element .fake-element-wrapper .form-control::placeholder {
    font-size: 14px;
    color: #333333;
}

.fake-element .fake-element-wrapper .form-group {
    margin: 0;
}

.fake-element  .row.mb-2.mt-2 {
    margin: 16px -15px !important;
}

.fake-element .row.mb-2.mt-2 .btn.btn-default {
    margin: 0 !important;
    min-width: 110px;
    margin-right: 16px !important;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    height: 40px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
}

.fake-element .row.mb-2.mt-2 .btn.btn-primary {
    margin: 0 !important;
    min-width: 110px;
    height: 40px;
}

.fake-element .row.mb-2.mt-2 .btn.btn-default:hover {
}

.fake-element .fake-element-wrapper .fake-element-options {}

.fake-element .fake-element-wrapper .fake-element-options .form-check {}

.fake-element .fake-element-wrapper .fake-element-options .form-check input {
    margin-top: 1px;
}

.fake-element .fake-element-wrapper .fake-element-options .form-check .form-check-label {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
/* identical to box height */
    display: flex;
    align-items: center;
    color: #005E62;
}

.fake-element .fake-element-wrapper .fake-element-options  .mt-3 {
    margin-top: 12px !important;
}

.fake-element .fake-element-wrapper .fake-element-options .mt-3 .form-label {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
/* identical to box height */
    display: flex;
    align-items: center;
    color: #005E62;
    margin: 0 !important;
}

.fake-element .fake-element-wrapper .fake-element-options .mt-3 textarea.form-control {margin-top: 12px;padding: 7px 14px;line-height: 21px;font-size: 13px;}
.fake-element .fake-element-wrapper .form-group > .row {
    margin: 12px 0 0 !important;
}

.fake-element .fake-element-wrapper .form-group > .row > .col-10 {
    padding-left: 25px;
}

.fake-element .fake-element-wrapper .form-group > .row .form-group {
    margin: 0 !important;
}

.fake-element .fake-element-wrapper .form-group > .row >  .col-2 {
    display: flex;
}

.fake-element .fake-element-wrapper .form-group > .row >  .col-2 .btn.btn-sm.btn-outline-primary {
    margin: 0 !important;
    margin-right: 16px !important;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
}

.fake-element .fake-element-wrapper .form-group > .row >  .col-2 .btn.btn-sm.btn-outline-danger {
    margin: 0 !important;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
}

.fake-element .fake-element-wrapper .form-group > .row > .col-10 input.form-check-input {
    margin-top: 0 !important;
    top: 12px;
    left: 0 !important;
    margin-left: -25px !important;
}

.fake-element .fake-element-wrapper .form-group > .row > .col-10 input.form-control {}
.fake-element .fake-element-wrapper .form-group > .row > .col-2 .btn.btn-sm:hover, .fake-element .fake-element-wrapper .form-group > .row > .col-2 .btn.btn-sm:focus {
    outline: none;
    border: 1px solid #F1F1F1 !important;
    box-shadow: none !important;
}
#edit-tabcontent {
    width: 100%;
    padding: 0;
}
.dataTables_wrapper > .row .col-sm-12.col-md-6 {
    padding-bottom: 0;
}
.alert {
    margin-left: 64px;
    font-size: 12px;
}
.content-wrapper .app-content.content .alert {
    margin-left: 0;
}
.upload-imgblock .upload-field .customimagecls {
    position: relative;
    height: 84px;
}

.upload-imgblock .upload-field .customimagecls img {
    width: 100%;
    max-width: 180px;
}

.upload-imgblock .upload-field .customimagecls span.closethumbnailimage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    font-size: 18px;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: 0;
    transition: all 0.2s ease;
}
.upload-imgblock .upload-field .customimagecls:hover span.closethumbnailimage {
    opacity: 1;
    transition: all 0.2s ease;
}

.memberdetails-wrapper .member-account .card .card-content .card-box .child p.text:last-child {
    margin: 0;
}

.memberdetails-wrapper .member-account .card .card-content p.text:last-child {
    margin: 0;
}
.custom-popup .popup-content select {
    margin: 0 !important;
}

.custom-popup .popup-content label {
    margin: 0 !important;
}

.custom-popup .popup-content .col-md-12 {}

.custom-popup .popup-content .col-md-12 +  label {
    padding-left: 15px;
    margin-top: 6px !important;
}

.custom-popup .popup-content .radio-group input {
    margin-left: 0 !important;
}
.flex-rowblock .left-flexbox .row.form-element.page-questions_1 {
    width: 100%;
    margin: 0;
}
table.table.table-bordered tr td, table.table.table-bordered tr th,table.table.table-bordered tr td .btn {
    vertical-align: middle;
    font-size: 12px;
    margin: 0;
}
.card-dashboard .nav-tabs + .tab-content{
    padding: 24px 0 0 !important;
}
.content-wrapper .app-content.content .details-wrapper {
    margin-bottom: 20px;
}
.sa-button-container button.cancel {
    background: transparent !important;
    border: 1px solid #000000 !important;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 11px 36px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    transition: all 0.3s ease;
    min-width: 120px;
}

.sa-button-container button.confirm {
    background: #000000 !important;
    border: 1px solid #000000 !important;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 11px 36px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
    transition: all 0.3s ease;
    min-width: 120px;
    box-shadow: none !important;
    margin-right: 0;
}

.sa-button-container button.cancel:hover,.sa-button-container button.cancel:focus {
    /*border: 1px solid #000000 !important;
    color: #fff !important;
    background: #000000 !important;*/
}

.sa-button-container button.confirm:hover,.sa-button-container button.confirm:focus {
    /*border: 1px solid #000000 !important;
    background: transparent !important;
    color: #000000 !important;*/
}
.upload-imgblock a.text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #333333;
    margin: 14px 0 0;
    width: 100%;
    display: inline-block;
    width: auto;
}
.modal-body .form-control {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-weight: normal;
    font-size: 13px;
    color: #333333;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    color: #222;
}
.modal_sml .modal-content .modal-body .form-group .form-control::placeholder {
    font-size: 13px;
    color: #888;
}

.modal-body .form-group.bmd-form-group {
    padding: 0;
    margin-bottom: 16px !important;
}

.modal-body label {
    flex: 1;
    position: relative !important;
    top: 0 !important;
    font-weight: 600;
    font-size: 12px !important;
    line-height: 16px !important;
    text-transform: capitalize;
    color: #555555 !important;
    margin-bottom: 8px;
}

.modal-body .form-group.bmd-form-group a.inside-btn, .modal-body .form-group.bmd-form-group a.inside-btn-confirmation {
    position: absolute;
    right: 13px;
    top: 7px;
    font-size: 14px;
    color: #000;
}

.modal-body .form-group.bmd-form-group label.error {
    text-transform: initial;
    margin-top: 9px;
    color: red !important;
    font-size: 12px !important;
    font-weight: normal;
}
.dropdown-menu form {
    margin: 0 !important;
}

.dropdown-menu form a {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    min-width: 7rem;
    max-width: 17.5rem;
    min-height: 3rem;
    overflow: hidden;
    line-height: 1;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 12px;
    color: #555;
    padding: 13px 20px !important;
    min-height: initial;
}

.dropdown-menu form a:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
.flex-rowblock .left-flexbox .col-md-4.col-xs-12.col-12 a.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #333333;
    margin-bottom: 0;
}
.flex-rowblock .table-responsive {
    overflow: initial;
}
.filter-block .select-block .position-relative input.form-control.search-input::placeholder {
    line-height: 32px;
}
.filter-block input.form-control::placeholder {
    line-height: 32px !important;
}
.form-content .form-group .form-control::placeholder {
    line-height: 32px !important;
}
.form-content .bmd-form-group {
    padding: 0 !important;
}
.filter-block .select-block .position-relative span.clear-date {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border-left: 1px solid #CACEDA;*/
    transition: all 0.3s ease;
    z-index: 3;
}

.filter-block .select-block .position-relative span.clear-date img {
    width: 10px;
}
.filter-block .select-block .position-relative span.clear-date:hover {
    transition: all 0.3s ease;
    background: rgba(0,0,0,0.05);
}
table.dataTable tbody tr td {
    /*max-width: 400px;*/
}
.custom-popup .popup-content .combined {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-popup .popup-content .combined > .form-section {
    flex: 1;
}

.custom-popup .popup-content .combined > .form-section:first-child {
    padding-right: 12px;
}

.custom-popup .popup-content .combined > .form-section:last-child {
    padding-left: 12px;
}
.card-body.card-dashboard > .pt-4 .filter-block {
    padding-bottom: 0;
}
.form-control:focus {
    transition: all 0.3s ease;
    /*border-bottom: 1px solid #F1B645 !important;*/
}

 .form-control {
    transition: all 0.3s ease;
}
.login-wrapper .form-wrapper .form-section {
    position: relative;
}

.login-wrapper .form-wrapper .form-section a.inside-btn {
    position: absolute;
    right: 15px;
    bottom: 11px;
    color: #000;
}

.login-wrapper .form-wrapper .form-control {
    border-bottom: 1px solid transparent;
}
.form-content .position-relative .form-control::placeholder {
    line-height: 40px !important;
}
.custom-popup .popup-content label.control-label b {font-weight: bold;}

.custom-popup .popup-content .col-md-12 input.form-control.error {
    margin-left: 0 !important;
}

.custom-popup .popup-content .col-md-12 span.amount {
    width: 100%;
    display: inline-block;
    font-weight: bold;
}
.form-content .form-control::placeholder {
    line-height: 40px !important;
}
.custom-popup .popup-content .form-section .form-control {
    margin-left: 0 !important;
}
.custom-popup .popup-content .form-control {
    margin-left: 0 !important;
}
.dataTables_wrapper > .row .col-sm-12 {
    position: relative;
}

.dataTables_wrapper > .row .col-sm-12 .dataTables_processing.card {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    box-shadow: none;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dataTables_wrapper > .row .col-sm-12 .dataTables_processing.card svg {
    margin: 0 auto;
    width: 100%;
    /* height: 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.title-block {}

.title-block nav {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.title-block nav ul.pagination {
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
}

.title-block nav ul.pagination li.page-item {
    margin: 0 6px;
}

.title-block nav ul.pagination li.page-item a.page-link {
    background: transparent;
    color: #C4CDD5;
    border: 1px solid transparent;
    color: #999999;
    transition: all 0.3s ease;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}

.title-block nav ul.pagination li.page-item.active {}

.title-block nav ul.pagination li.page-item.active span.page-link,.title-block nav ul.pagination li.page-item:hover .page-link {
    background: transparent;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

.title-block nav ul.pagination li.page-item.disabled {
}

.title-block nav ul.pagination li.page-item.disabled span.page-link {
    background: transparent;
    color: #C4CDD5;
    border: 1px solid transparent;
    pointer-events: none;
}

.title-block nav ul.pagination li.page-item .page-link {
    padding: 0;
    min-width: auto;
}
.custom-popup .popup-content .col-md-12.col-xs-12.col-12 {
    /*padding: 0;
    margin-top: .5rem!important;*/
}

.custom-popup .popup-content > .form-section {
    /*margin-top: .5rem!important;*/
}

.custom-popup .popup-content .col-md-12.col-xs-12.col-12 + label.error {
    padding: 0;
}
.dataTables_wrapper > .row:last-child {
    margin-top: 10px;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
}
table.dataTable thead tr th:before, table.dataTable thead tr th:after {
    bottom: calc(50% - 6px) !important;
    cursor: pointer;
}
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 {
    right: 1rem;
    content: "\2191";
}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    opacity: 1;
}
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 {
    right: 0.5em;
    content: "\2193";
}

table.dataTable thead tr th {
    position: relative;
}
table.dataTable thead>tr> th.no-sort:before,table.dataTable thead>tr> th.no-sort:after {content: " ";}

.modal-body .form-group.bmd-form-group {
    width: 100% !important;
    float: unset !important;
}

.modal-body .form-group.bmd-form-group label.error {
    line-height: 15px !important;
}

.modal-body .form-group .btn.btn-primary {
    /*padding: 20px !important;*/
}
.modal-body .btn.btn-secondary {
    /*padding: 20px !important;*/
}
.card .card-header .btn-group {
    position: relative;
}

.card .card-header .btn-group .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}




.checkbox-block01 label:before {
    /*border: 1px solid #EDEEF1;
    border-radius: 50px;*/
}
.checkbox-block01 input:checked + label:after {
    border-radius: 50px;
}
input.form-check-input {
    cursor: pointer;
}
.form-check {
    display: inline-block;
    padding-right: 1.25rem;
}

.form-check label.form-check-label {
    position: relative;
    cursor: pointer;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #444444;
}

.form-check input.form-check-input {
    top: 1px;
}
.doc-up-note {
    font-size: 10px;
    color: gray;
}
.customecls {
    position: relative;
    width: auto;
    height: 100px;
    margin-right: 20px;
    margin-bottom: 20px !important;
}
.customecls img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.removeimg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    background: #f1b645;
    height: 20px;
    width: 20px;
    padding-left: 3px;
    cursor: pointer;
}
#appendiv .card {
    border: 0;
    box-shadow: none;
}
.drop-menu .nav-item+.sub-menu {
    height: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    transition: .5s ease-in-out;
    background: #fff;
}
.drop-menu .sub-menu .nav-item {
    height: 0;
    opacity: 0;
}
.sub-menu .nav-item a span {
    color: #000 !important;
}
.drop-menu .sub-menu.active .nav-item {
    height: initial;
    opacity: 1;
}
.drop-menu .nav-item+.sub-menu.active {
    height: initial;
    opacity: 1;
    visibility: visible;
}
.drop-menu .nav-item.active {
    border-bottom: 1px solid #d2d2d2;
}
.sub-menu .nav-item.active {
    border-bottom: 0;
}
.drop-icon {
    position: absolute;
    right: 15px;
    color: #fff;
    display: none;
    opacity: 0;
}
.drop-menu .nav-item.active .drop-icon {
    color: #000 !important;
}
.drop-menu:hover .drop-icon {
    color: #000;
    display: block;
    opacity: 1;
}
.main-menu .main-menu-content ul:hover li a .drop-icon{
    display: block;
    opacity: 1;
}
.sub-menu .nav-item a {
    padding: 13px 20px !important;
}
/* my cart */

.cart-header,
.amount-sec .card-header {
    height: 58px;
    background: #F5F5F5;
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
    padding: 0 15px;
    align-items: center;
    border: 1px solid #E7E7E7;
}
.cart-header h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
}
.cart-header a {
    font-size: 12px;
    height: 32px;
    padding:0 .7rem !important;
    display: flex;
    align-items: center;
    background-color: #fff !important;
}
.cart-header a img {
    height: 14px;
    margin-right: 5px;
}
.cart-item {
    border: 1px solid rgba(153, 153, 153, 0.5);
    position: relative;
    height: 100%;
    min-height: 116px;
}
.cart-item-logo {
    float: left;
    height: 110px;
    width: 110px;
}
.cart-item-details {
    padding: 10px;
}
.cart-item-details .event-date span {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.ticket-dtl {
    font-size: 14px;
    font-weight: 400;
    color: #999;
}
.cart-item-details .event-date span:nth-child(2) {
    padding-left: 10px;
    border-left: 1px solid rgba(153, 153, 153, 0.5);
}
.cart-item-details a {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
}
.cart-item-details h3 {
    margin-bottom: 2px;
}
.cart-item-details a svg {
    transform: rotate(90deg);
    position: relative;
    left: -4px;
}
.cart-item-details label {
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    color: #555;
    text-transform: uppercase;
}
.cart-item-details {
    padding: 10px;
}
.cart-item-details select,
.cart-item-details input,
.cart-item-details textarea {
    border: 1px solid rgba(187, 187, 187, 0.75);
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none !important;
    font-size: 14px;
    font-weight: 400;
}
.cart-item-details h2 {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}
.cart-body {
    position: relative;
    margin-bottom: 15px;
}
.remove-item {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 9;
}
.custom-file-control:focus,
.form-control:focus {
    border-color: rgba(187, 187, 187, 0.75);
}
.cart-item-details .form-control:focus {
    border-bottom: 1px solid rgba(187, 187, 187, 0.75) !important;
}
.cart-item-logo {
    float: left;
    height: 115px;
    width: 110px;
}
.cart-item-logo img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.amount-sec .card-header {
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: #fff;
    background: #333333;
    border: none;
    border-radius: 4px 4px 0 0;
}
.amount-sec .card {
    box-shadow: none;
    border: 1px solid rgba(153, 153, 153, 0.5);
    border-radius: 4px;
}
.amount-sec .card-body {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    padding: 1.25rem 15px;
}
.total-amout {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
.amounts,
.sub-total,
.dis-amounts {
    margin-bottom: 15px;
}
.coupon-model h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
}
.coupon-model .modal-body .form-group label {
    font-size: 14px !important;
    font-weight: 400;
    text-transform: initial;
    color: #333 !important;
    padding-bottom: 5px;
}
.coupon-model .event-model .modal-header::before {
    border-bottom: none;
}
.coupon-model input {
    height: 56px !important;
    background: #F4F4F4;
    border: 1px dashed #999 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.coupon-model button{
    height: 56px !important;
}
.save-amount div {
    font-size: 12px;
    font-weight: 400;
    color: #4a4a4a;
}
.save-amount div:last-child {
    color: #57A978;
    font-size: 18px;
    font-weight: 600;
}
.coupon-added {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #1CAF68;
}
.coupon-added a {
    padding: 0 !important;
    margin-left: 5px;
    background: none !important;
}
.cart-item-details .row {
    min-height: 95px;
}
.second-img span {
    display: block !important;
    white-space: break-spaces;
    width: 160px;
}

/* checkout */

.progress-sec {
    height: 95px;
    background-color: #F5F5F5;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkout-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.checkout-status span div {
    height: 27px;
    width: 27px;
    background: whitesmoke;
    border: 2px solid #99999991;
    border-radius: 30px;
    margin-bottom: 5px;
    position: relative;
    z-index: 99;
}
.checkout-status span {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #bdbdbd;
}
.checkout-status::before {
    content: "";
    position: absolute;
    width: calc(100% - 80px);
    height: 2px;
    background-color: rgba(153, 153, 153, 0.65);
    top: 13px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;
}
.checkout-status.first span:nth-child(1) div,
.checkout-status.second span:nth-child(2) div,
.checkout-status.third span:nth-child(1) div,
.checkout-status.third span:nth-child(2) div,
.checkout-status.third span:nth-child(3) div,
.checkout-status.fourth span:nth-child(1) div,
.checkout-status.fourth span:nth-child(2) div,
.checkout-status.fourth span:nth-child(3) div {
    border-color: #57A978;
}
.checkout-status.second span:nth-child(1) div,
.checkout-status.third span:nth-child(2) div,
.checkout-status.third span:nth-child(1) div,
.checkout-status.fourth span:nth-child(2) div,
.checkout-status.fourth span:nth-child(1) div,
.checkout-status.fourth span:nth-child(3) div {
    background-color: #57A978;
    border-color: #57A978;
}
.checkout-status.first span:nth-child(1) div::before,
.checkout-status.second span:nth-child(1) div::before,
.checkout-status.second span:nth-child(2) div::before,
.checkout-status.third span:nth-child(3) div::before,
.checkout-status.third span:nth-child(1) div::before,
.checkout-status.third span:nth-child(2) div::before,
.checkout-status.fourth span:nth-child(1) div::before,
.checkout-status.fourth span:nth-child(2) div::before,
.checkout-status.fourth span:nth-child(3) div::before {
    content: "";
    height: 17px;
    width: 17px;
    position: absolute;
    background-color: #57A978;
    border-radius: 30px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.checkout-status.second::after,
.checkout-status.third::after,
.checkout-status.fourth::after {
    content: "";
    position: absolute;
    width: calc(50% - 30px);
    height: 2px;
    background-color: rgb(87, 169, 120);
    top: 13px;
    left: 40px;
    right: 0;
    margin: initial;
    z-index: 9;
}

.checkout-status.third::after,
.checkout-status.fourth::after {
    width: calc(90% - 30px);
}

.checkout-status.third span:nth-child(1) div::before,
.checkout-status.third span:nth-child(2) div::before,
.checkout-status.second span:nth-child(1) div::before,
.checkout-status.fourth span:nth-child(1) div::before,
.checkout-status.fourth span:nth-child(2) div::before,
.checkout-status.fourth span:nth-child(3) div::before {
    background-image: url('../../images/status-tick.png');
    background-repeat: no-repeat;
    background-position: center;
}
.checkout-title {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.checkout-title h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #333;
}
.checkout input,
.checkout select {
    height: 40px;
    padding: 5px 10px;
}
.checkout-title span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #333;
}
.amount-sec button {
    justify-content: center;
    border-radius: 4px;
}
.amount-sec button:hover {
    color: #F1B645 !important;
}
.checkout-title a:hover {
    text-decoration: none;
}
.order-details .progress-sec {
    height: auto;
    justify-content: center;
    padding: 20px;
}
.order-header {
    display: flex;
    align-items: center;
    height: 100%;
}
.order-header h5,
.payment-mode h5 {
    font-size: 14px;
    font-weight: 700;
    color: #2C2E30;
    text-transform: uppercase;
}
.order-header p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0;
}
.order-header div {
    padding: 0 40px;
    border-right: 1px solid #999;
    border-bottom: 0px;
    border-top: 0px;
}

.order-header div:first-child {
    padding-left: 0 !important;
}
.order-header div:last-child {
    border: 0;
    padding-right: 0 !important;
}
.order-header a {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #57A978;
    text-decoration: underline;
}
.order-details .cart-header {
    padding: 0 33px;
    background: #fff;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}
.order-details .membership {
    border: 1px solid #E7E7E7;
}
.order-details .cart-item {
    border: 0;
    margin-bottom: 15px;
    min-height: 95px;
}
.order-details .cart-body {
    padding: 15px 33px;
    margin: 0;
    background: #fff;
}
.order-details .cart-item-logo {
    height: 95px;
    border-radius: 10px;
    overflow: hidden;
}
.order-details .cart-item-details {
    padding: 0;
}
.order-details .cart-item:last-child {
    margin: 0;
}
.order-details .cart-item-details a {
    margin-top: 25px;
}
.event-two p {
    text-align: center;
}
.member-two p,
.event-two p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: #999;
}
.member-two span{
    color: #333;
}
.order-details .cart-item-details h2 {
    font-size: 15px;
    font-weight: 400;
    text-align: right;
    margin: 0;
    color: #333;
    line-height: 46px;
}
.quantity-box{
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.quantity-box input {
    border: 0 !important;
}
.quantity-box input,
.quantity-box button {
    height: 30px !important;
    width: 30px;
    margin: 0;
    padding: 5px !important;
    text-align: center;
}
.quantity-box button {
    border: 1px solid #999999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    font-size: 25px;
    color: #999;
    font-weight: 300;
}
.quantity-box input {
    color: #000 !important;
    font-size: 18px !important;
    width: 40px;
}
.payment-mode img {
    float: left;
    height: 40px;
    margin-right: 10px;
}
.payment-mode p {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #4A4A4A;
    margin: 0;
}
.payment-mode span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #999999;
}
.payment-mode h5 {
    margin-bottom: 15px;
}
.payment-mode h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #333;
}
.payment-mode hr {
    margin: 1.5rem 0;
}
.number-cart.cartcount {
    background: var(--primary);
    height: 16px;
    width: 16px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    position: absolute;
    right: 6px;
    top: 6px;
}

.order-details .btn.btn-primary {
    border: 1px solid #F1B645;
    font-weight: 600;
    font-size: 12px;
    padding: 13px 20px;
    border-radius: 4px;
}
.order-details .btn.btn-primary:focus {
    color: #F1B645 !important;
}
.member-two {
    text-align: center;
}
.order-details {
    margin-bottom: 50px;
}
.order-details:last-child {
    margin-bottom: 0px;
}
.quantity-box input {
    background-color: #fff !important;
}
.order-header a {
    font-size: 12px;
    height: 40px;
    padding: .5rem 1.4rem !important;
    display: flex;
    align-items: center;
    background-color: #fff !important;
    text-decoration: none;
}
.sub-menu .menu-icon {
    width: 20px !important;
    height: 20px !important;
}
.tags-btn {
    position: relative;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    background: rgba(34, 34, 34, 0.06);
    border: 1px solid #222222;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 2px 4px;
}
.tags-btn.admn-tag-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 7px 10px;
    margin-right: 10px;
}
.tags-btn.admn-tag-btn a{
    position: relative !important;
    margin-left: 10px !important;
    color: #db0202 !important;
    top: 0;
    right: 0;
}
.tags-btn p {
    margin: 0;
}
.tags-btn a {
    margin-left: 5px;
    font-size: 10px;
    padding: 1px 5px;
    color: #000;
    position: relative;
    cursor: pointer;
}

/*aditional-info*/

.card.card-act .sub-head {
    padding: 0 15px;
}

.card.card-act .sub-head p {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
/* or 144% */
    display: flex;
    align-items: center;
    color: #666666;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ECECEC;
}
.card.card-act .card-content .card-box p.text-bold {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #555555;
    margin-bottom: 5px;
}
.card.card-act .card-content p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #555555;
    margin: 0;
}
.card.card-act .card-content.display-nowrap .card-box {
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 0px !important;
}

.card.card-act .card-content.display-nowrap {
    padding-bottom: 0;
    margin: 15px 5px;
}
.card.card-act .card-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between !important;
    flex-wrap: wrap;
}

.card.card-act .card-content .card-box {
    padding: 0 10px;
}
.card.card-act .card-content .card-box {
    margin-bottom: 16px;
}
.adtnal-info{
    margin-top: 15px;
}
/*aditional-info*/



/*08-10-2021*/


.memberdetails-wrapper .member-profiles .member-profile-details a.card.pointer-event {
    pointer-events: none;
}
/*27-09-2021*/

.accounts-section .linked-profiles .addnew-profile {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.accounts-section .linked-profiles .addnew-profile .edit {
    text-decoration: none;
    padding: 13px 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
}

.accounts-section .linked-profiles .addnew-profile .edit img {
    margin-right: 5px;
}
.accounts-section .linked-profiles .profile-list ul li a:before {content: "";position: absolute;right: 0;width: 1px;height: 60%;background: #E6E6E6;top: 20%;}

.accounts-section .linked-profiles .profile-list ul li:last-child a:before {
    background: transparent;
}
.accounts-section .linked-profiles .card  .card-content.display-nowrap {
    margin: 0 -10px;
    padding-bottom: 0;
}

.accounts-section .linked-profiles .card .card-content.display-nowrap .card-box {
    flex: 1;
}

.accounts-section .linked-profiles .card .card-content.display-nowrap .card-box p.text {}

.accounts-section .linked-profiles .card  .sub-head {
    padding: 0 15px;
}

.accounts-section .linked-profiles .card .sub-head p {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
/* or 144% */
    display: flex;
    align-items: center;
    color: #666666;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ECECEC;
}
.accounts-section .linked-profiles .card .card-content.display-top a.edit {
    margin-left: 30px;
}
.accounts-section .linked-profiles .card .card-content.display-top .card-box {
    margin-right: 8px;
}
.accounts-section .linked-profiles  .tabs-container {}

.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills {
    margin-bottom: 22px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li {
    margin-right: 24px;
}

.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li a.active {
    border-bottom: 2px solid #F1B645;
}

.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
/* identical to box height, or 125% */
    color: #666666;
    padding-bottom: 8px;
    text-decoration: none;
}

.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills:before {content: "";position: absolute;bottom: -8px;left: 0;width: 100%;background: rgba(153, 153, 153, 0.5);height: 1px;}

table.table.plan-table {
    border-spacing: 0px 8px;
    border-collapse: separate;
    margin: 0;
}

table.table.plan-table thead tr {
    background: #FFFFFF;
    box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

table.table.plan-table tbody tr {
    background: #FFFFFF;
    box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

table.table.plan-table thead tr th {
    border: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
/* or 167% */
    text-transform: uppercase;
    color: #2C2E30;
    padding: 12px 8px;
}

table.table.plan-table thead tr th:first-child, table.table.plan-table tbody tr td:first-child {
    border-radius: 4px 0 0 4px;
}

.content-wrapper.plan-bg {
    background: #F8F8F8;
}

table.table.plan-table thead tr th:last-child, table.table.plan-table tbody tr td:last-child {
    border-radius: 0 4px 4px 0;
}

table.table.plan-table tbody tr td {
    padding: 16px 8px;
    vertical-align: middle;
}

table.table.plan-table  .plan-details {
    text-align: left;
    display: block;
}

table.table.plan-table  .plan-details p.name {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
/* or 167% */
    color: #000000;
    margin-bottom: 4px;
    text-align: left;
}

table.table.plan-table .plan-details p:last-child {
    margin: 0;
}

table.table.plan-table   p.text {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
/* or 182% */
    color: #555555;
    margin-bottom: 4px;
    text-align: left;
}

table.table.plan-table  .plan-status {
    text-align: center;
}

table.table.plan-table  p.sub {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: rgba(85, 85, 85,0.5);
}





table.table.plan-table  p.text.bold {
    font-weight: bold;
    font-size: 14px;
    line-height: 46px;
/* or 329% */
    color: #555555;
}

table.table.plan-table p.text.bold.due-amount {
    color: #DC2121;
}

table.table.plan-table  .btn.plan-button {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
/* identical to box height, or 18px */
    letter-spacing: 0.01em;
    color: #57A978;
    padding: 8px 12px;
    border: 1px solid #57A978;
    border-radius: 4px;
    margin: 0 8px 0 0;
}

table.table.plan-table tbody tr td.bg-color {
    background: #F4F4F4;
}

table.table.plan-table tbody tr td.bg-color1 {
    background: #F9F9F9;
}

table.table.plan-table tbody tr td.bg-color2 {
    background: #FCFCFC;
}

table.table.plan-table  a.btn.btn-borderonly {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333;
    padding: 8px 12px;
    border: 1px solid #333;
    border-radius: 4px;
    margin: 0;
}

table.table.plan-table tbody tr td .fullwidth {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 80px 0;
}

table.table.plan-table tbody tr td .fullwidth p.text {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #B8B8B8;
    margin-bottom: 5px;
}

table.table.plan-table tbody tr td .fullwidth a {
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #F1B645;
}
table.table.plan-table .plan-status p img {
    position: relative;
    top: -2px;
}

table.table.plan-table a.btn.btn-borderonly:hover {
    color: #fff;
}
.wallet-wrapper {}

.wallet-wrapper .view-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.wallet-wrapper .wallet-wrapper-view {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0 -8px;
}

.wallet-wrapper .wallet-wrapper-view.box {}

.wallet-wrapper .wallet-wrapper-view.box .item {}

.wallet-wrapper .wallet-wrapper-view .item {
    padding: 0 8px;
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: 16px;
}

.wallet-wrapper .wallet-wrapper-view .item a {
    display: inline-block;
    width: 100%;
    background: #f8f8f8;
    padding: 24px 14px;
    text-decoration: none;
}

.wallet-wrapper .wallet-wrapper-view .item a span.count {
    font-weight: 600;
    font-size: 10px;
    line-height: 20px;
/* or 200% */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #666666;
    margin-bottom: 6px;
}

.wallet-wrapper .wallet-wrapper-view .item a .img-box {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

.wallet-wrapper .wallet-wrapper-view .item a .img-box .img-box img {}

.wallet-wrapper .wallet-wrapper-view .item a .img-box p.text {}

.wallet-wrapper .view-switch .add {
    flex: 1;
    text-align: right;
}

.wallet-wrapper .view-switch .add a.edit {
    text-decoration: none;
    padding: 13px 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    color: #333333;
}

.wallet-wrapper .view-switch button {
    border: none;
    background: transparent;
    padding: 0;
    margin-right: 16px;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.2s ease;
}

.wallet-wrapper .view-switch button.on {
    opacity: 1;
    transition: all 0.2s ease;
}

.wallet-wrapper .wallet-wrapper-view .item a p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    color: #666666;
    text-align: center;
    margin-bottom: 16px;
    margin-top: 8px;
}

.wallet-wrapper .wallet-wrapper-view .item a .img-box img {
    max-width: 100%;
    width: auto;
}

.wallet-wrapper .wallet-wrapper-view.list {
    flex-direction: column;
}

.wallet-wrapper .wallet-wrapper-view.list .item {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 8px;
}

.wallet-wrapper .wallet-wrapper-view.list .item a {
    padding: 10px 18px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
}

.wallet-wrapper .wallet-wrapper-view.list .item a .img-box {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wallet-wrapper .wallet-wrapper-view.list .item a span.count {
    display: inline-block;
    flex: 1;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
/* or 167% */
    color: #666666;
}

.wallet-wrapper .wallet-wrapper-view.list .item a p.text {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 8px;
}

.wallet-wrapper .wallet-wrapper-view.list .item a .img-box img {
    max-width: 28px;
}
.upload-modal {
}

.upload-modal .modal-dialog {
    max-width: 80%;
    margin: auto;
    margin-top: 20px;
}

.upload-modal .modal-content {}

.upload-modal .modal-header {
    /*background: #F5F5F5;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05);
    text-align: center;
    padding: 27px;
    display: flex;
    align-items: center;
    justify-content: center;*/
}

.upload-modal .modal-header h4 {
    /*margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;*/
}

.upload-modal .modal-header .close {
    position: absolute;
    right: 27px;
}

.upload-modal  .modal-body {
    padding: 20px 24px;
    background: #FDFDFD;
}

.upload-modal  .modal-body .upload-form {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.upload-modal  .modal-body .dropzone {
    width: 50%;
    background: #FFFFFF;
    border: 1px dashed #BEB9B9;
    position: relative;
    padding: 18px;
    margin-bottom: 24px;
    min-height: 110px;
}

.upload-modal  .modal-body .dropzone input[type="file"] {
    opacity: 0;
    display: none;
}

.upload-modal  .modal-body .dropzone label {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-modal  .modal-body .dropzone label .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.upload-modal  .modal-body .dropzone label p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    color: rgba(0, 0, 0, 0.51);
    margin-left: 16px;
    margin-bottom: 0;
    text-transform: initial;
}

.upload-modal .modal-body .dropzone label .item .browse-btn {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #333333;
    padding: 12px 36px;
    background: #FFFFFF;
    border: 1px solid #BEB9B9;
    border-radius: 4px;
}

.upload-modal .modal-body .dropzone label .item p.sub {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #999999;
    margin-top: 5px;
    text-transform: initial;
    margin-bottom: 0;
}

.upload-modal .modal-body .dropzone label .item .browse-btn span {}

.upload-modal .modal-body  .table-doclist {
    border-collapse: separate;
    /*border-spacing: 0px 10px;*/
    width: 100%;
}

.upload-modal .modal-body .table-doclist thead tr th {
    /*font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #555555;
    border: none !important;
    padding: 8px 16px;
    background: #F2F2F2;
    text-align: center;*/
}

.upload-modal .modal-body .table-doclist tbody tr td {
    padding: 10px 16px;
    /*border: 1px solid #BBBBBB;*/
    /*border-right: none;
    border-left: none;*/
    vertical-align: middle;
}

.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control {
    font-weight: normal;
    font-size: 12px;
    line-height: 28px;
    color: #555555;
    padding: 0;
    border: none;
    border-bottom: 1px solid #BBBBBB;
    border-radius: 0;
    height: 28px;
}

.upload-modal .modal-body .table-doclist tbody tr td .field-section {}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-icon {
    margin-right: 8px;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .delete-btn {
    margin-left: 30px;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename p.name {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    margin: 0;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename .doc-progress {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename span.sub {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #999999;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename .doc-progress .progress-scale {
    display: inline-block;
    flex: 1;
    position: relative;
    height: 3px;
    margin-right: 12px;
    width: 100%;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename .doc-progress img {
    /* width: 18px; */
}

.progress-scale.progress-success .p-percent {
    background: #57A978;
}

.progress-scale.progress-fail .p-percent {
    background: #DC2121;
}

.upload-modal .modal-body .table-doclist tbody tr {
    background: #fff;
}

.upload-modal .modal-body .table-doclist tbody tr.row-error td {
    border: 1px solid #DC2121;
    border-right: none;
    border-left: none;
}

.upload-modal .modal-body  .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 30px 0 0;
}

.upload-modal .modal-body  .modal-footer .button-block {
    display: flex;
    align-items: center;
    padding: 0;
}

.upload-modal .modal-body  .modal-footer .button-block .btn.btn-borderonly {
    margin-right: 16px;
    min-width: 120px;
    text-transform: uppercase;
}

.upload-modal .modal-body  .modal-footer .button-block .btn.btn-primary {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    text-transform: uppercase;
    padding: 8px 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: 1px solid #000;
    min-width: 120px;
}

.upload-modal .modal-body .table-doclist thead tr th:first-child {
    text-align: left;
}

.upload-modal .modal-body .table-doclist tbody tr td:last-child {
    border-right: 1px solid #BBBBBB !important;
}

.upload-modal .modal-body .table-doclist tbody tr td:first-child {
    /*border-left: 1px solid #BBBBBB !important;*/
}

.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control::placeholder {
    font-size: 12px;
    line-height: 28px;
    color: rgba(85, 85, 85, 0.5);
}

.progress-scale.progress-success:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #E3E3E3;}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename .doc-progress .progress-scale .p-percent {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}

.sub.red {
    color: #DC2121 !important;
    font-weight: normal;
    font-size: 10px !important;
    line-height: 12px !important;
}

.upload-modal .modal-body .table-doclist tbody tr.row-error td:last-child {
    border-right: 1px solid #DC2121 !important;
}

.upload-modal .modal-body .table-doclist tbody tr.row-error td:first-child {
    border-left: 1px solid #DC2121 !important;
}

.upload-modal .modal-body .table-doclist tbody tr.no-data {}

.upload-modal .modal-body .table-doclist tbody tr.no-data td {
    border: none !important;
    text-align: center;
}

.upload-modal .modal-body .table-doclist tbody tr.no-data td .no-files {
    padding: 80px 0;
}

.upload-modal .modal-body .table-doclist tbody tr.no-data td .no-files img {
    margin-bottom: 12px;
}

.upload-modal .modal-body .table-doclist tbody tr.no-data td .no-files p.text {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-transform: uppercase;
    color: #999999;
    margin-bottom: 4px;
}

.upload-modal .modal-body .table-doclist tbody tr.no-data td .no-files p.sub {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    color: #999999;
    margin: 0;
}
.upload-modal .modal-body .dropzone label:hover .browse-btn {
    transition: all 0.3s ease;
    background: #333333;
    color: #fff;
}

.upload-modal .modal-body .dropzone label .browse-btn {
    transition: all 0.3s ease;
} 
table.table.plan-table.doc-table .file-cell {
    display: flex;
    align-items: center;
}

table.table.plan-table.doc-table .file-cell p.name {
    margin: 0;
    margin-left: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
/* identical to box height, or 167% */
    color: #666666;
}


table.table.plan-table.doc-table tr td {
    padding: 8px;
}

table.table.plan-table.doc-table  p.text {
    font-size: 12px;
    line-height: 20px;
/* identical to box height, or 167% */
    color: #666666;
    margin: 0;
}
.wallet-wrapper .wallet-wrapper-view.mywallet.box .item {
    flex: 0 0 14.28%;
    max-width: 14.28%;
}


.linked-profiles.member-profiles {}

.linked-profiles.member-profiles .profile-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.linked-profiles.member-profiles .profile-list ul {
    display: flex;
    max-width: 100%;
    overflow-x: auto;
    background: #fff;
    /* box-shadow: 0px 8px 50px rgb(0 0 0 / 5%); */
    margin: 0;
    padding: 0;
}

.linked-profiles.member-profiles .profile-list ul li {
    list-style: none;
    margin-right: 0px;
}

.linked-profiles.member-profiles .profile-list ul li a {
    padding: 16px 24px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    cursor: pointer;
    background: #f8f8f8;
}

.linked-profiles.member-profiles .profile-list ul li.active a {
    display: inline-block;
    position: relative;
    border-top: 2px solid #F1B645;
}

.linked-profiles.member-profiles .profile-list ul li a:before {content: "";position: absolute;right: 0;width: 1px;height: 60%;background: #ddd;top: 20%;}

.linked-profiles.member-profiles .profile-list ul li:last-child a:before {
    background: transparent;
}

.linked-profiles.member-profiles .tabs-container {}

.linked-profiles.member-profiles .tabs-container ul.nav.nav-pills {
    margin-bottom: 22px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.linked-profiles.member-profiles .tabs-container ul.nav.nav-pills li {
    margin-right: 24px;
}

.linked-profiles.member-profiles .tabs-container ul.nav.nav-pills li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    padding-bottom: 8px;
    text-decoration: none;
}

.linked-profiles.member-profiles .tabs-container ul.nav.nav-pills li a.active {
    border-bottom: 2px solid #F1B645;
}

.linked-profiles.member-profiles .tabs-container ul.nav.nav-pills:before {content: "";position: absolute;bottom: -7px;left: 0;width: 100%;background: rgba(153, 153, 153, 0.5);height: 1px;}

.s-active {
    color: #57A978 !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    text-align: center !important;
}
.s-inactive {
    color: #DC2121 !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    text-align: center !important;
}
div#txtArea + input + label.error {
    padding-left: 15px;
}
.flex-rowblock .left-flexbox.center-fullwidth {
    max-width: 100%;
    min-width: 100%;
    padding: 0 15px !important;
}
h4.cntct-info {
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
}

.form-content  .disp-flex {display: flex;}

.form-content .disp-flex .col-6.col-lg-6.text-left a {
    margin-bottom: 0 !important;
}

.col-12.col-lg-12 + input + label,.form-content .disp-flex label.error {
    padding-left: 15px;
    display: block;
    width: 100%;
    margin-top: 12px;
}

.form-content .disp-flex h4.cntct-info {
    padding-left: 15px;
}

.order-details .progress-sec .container {
    margin: 0 !important;
    max-width: 100%;
}

.order-detail-block h4.titlehead {
    font-weight: normal;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 8px;
}

.order-detail-block h3 {
    font-size: 16px;
}

.order-detail-block .col-md-12.col-lg-6.col-xl-7 h3 {
    font-weight: 600;
}
.form-content h4.sub-heading {
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
}
.filter-block .select-block .position-relative span.clear {
    position: absolute;
    top: 8px;
    right: 15px;
    cursor: pointer;
}
.form-group.form-content-group .dropzone {
    max-height: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #F1F1F1;
    padding: 0 !important;
}

.form-group.form-content-group .dropzone .dz-default.dz-message {
    display: flex;
    margin: 0;
}

.form-group.form-content-group .dropzone .dz-default.dz-message p {
    margin: 0;
}

.form-group.form-content-group .dropzone .dz-default.dz-message span.doc-up-note {
    display: none;
}

.form-group.form-content-group .dropzone .dz-default.dz-message svg {
    position: relative;
    top: 2px;
    right: 8px;
}

.form-group.form-content-group + .up-pic-wrap.filenameimgcls {
    height: 40px;
    margin-top: 0;
    border: 1px solid #F1F1F1;
    padding: 0 12px;
}

.form-group.form-content-group + .up-pic-wrap.filenameimgcls img {
    max-height: 26px !important;
    margin-right: 10px;
    position: relative;
    top: 7px;
}

.form-group.form-content-group + .up-pic-wrap.filenameimgcls span.closethumbnailimage {
    cursor: pointer;
    position: relative;
    top: 7px;
}
.form-group.form-content-group {
    margin: 0;
}




.order-details.wallet-details .membership .item a {
    background: #fff;
}
.wallet-wrapper .view-switch .back {
    margin-right: 30px;
}

.wallet-wrapper .view-switch .back a {
    position: relative;
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #333333;
    text-transform: uppercase;
    padding-left: 12px;
    text-decoration: none;
}

.wallet-wrapper .view-switch  .breadcrumb-list {}

.wallet-wrapper .view-switch  .breadcrumb-list ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wallet-wrapper .view-switch  .breadcrumb-list ul li {
    list-style: none;
    padding: 0 10px;
    position: relative;
}

.wallet-wrapper .view-switch  .breadcrumb-list ul li a {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    display: flex;
    align-items: flex-end;
    color: #666666;
    opacity: 0.6;
    text-decoration: none;
}
.wallet-wrapper .view-switch .breadcrumb-list ul li a:hover {
    opacity: 1;
}
.wallet-wrapper .view-switch .breadcrumb-list ul li .current {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    color: #666666;
}

.wallet-wrapper .view-switch .breadcrumb-list ul li .current img {
    margin: 0 2px 0 4px;
}

.wallet-wrapper .view-switch .back a:before {content: "";position: absolute;left: 0;top: 2px;width: 8px;height: 8px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(135deg);}

.wallet-wrapper .view-switch .breadcrumb-list ul li:before {content: " / ";position: absolute;left: 0;top: 1px;color: #666666;font-weight: bold;font-size: 18px;line-height: 20px;}

.wallet-wrapper .view-switch .breadcrumb-list ul li:first-child:before {
    content: "  " !important;
}

.membership-plans-block .titlehead h4 {
    font-weight: normal;
    font-size: 16px;
    line-height: 40px;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 8px;
}
.wallet-wrapper .view-switch button.list-view {
    margin-right: 30px;
}
.wallet-wrapper .view-switch .breadcrumb-list ul li:first-child {
    padding-left: 0;
}

.form-content  .upload-field .btn.btn-primary {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #EDEEF1 !important;
    box-sizing: border-box;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    color: #333333;
    background: transparent;
    text-align: left;
    text-transform: capitalize;
    font-weight: 400 !important;
    font-size: 13px !important;
}




/*reports style*/

.reportcontent-wrapper {}

.reportcontent-wrapper .card-header {}

.reportcontent-wrapper .card-header h4.card-title {
    flex: initial;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    color: #333333;
}

.reportcontent-wrapper .card-header .dropdown-block.dropdown {
    margin-left: 12px;
    position: relative;
    padding-left: 12px;
    border-left: 1px solid #F1F1F1;
}

.reportcontent-wrapper .card-header .btn.btn-primary {}

.reportcontent-wrapper .card-header .flex-section {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.reportcontent-wrapper .card-header .dropdown-block.dropdown a.dropdown-toggle {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #F1B645;
    padding-right: 20px;
}

.reportcontent-wrapper .card-header .dropdown-block.dropdown .dropdown-menu {
    left: 0 !important;
    min-width: 202px !important;
}

.reportcontent-wrapper .card-header .dropdown-block.dropdown .dropdown-menu a.dropdown-item {}

.reportcontent-wrapper .card-header .dropdown-block.dropdown a.dropdown-toggle:before {content: "";position: absolute;right: 0;top: 4px;width: 8px;height: 8px;border-right: 2px solid #F1B645;border-bottom: 2px solid #F1B645;transform: rotate(45deg);}

.reportcontent-wrapper .card-body.card-dashboard {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock {
    width: 274px;
    padding: 12px;
    max-height: calc(100vh - 350px);
    display: flex;
    flex-direction: column;
    border-right: 1px solid #EBEBEB;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock {
    width: calc(100% - 274px);
    padding: 12px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .search-box {
    flex-shrink: 0;
    position: relative;
    margin-bottom: 8px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .category-list {
    overflow-y: auto;
    flex: 1;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock input.form-control {
    background: #FCFCFC;
/* Inputs color/#E2E4EB */
    border: 1px solid #E0E2E7;
    box-sizing: border-box;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    padding-right: 32px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .btn.btn-transparent {
    position: absolute;
    z-index: 1;
    width: 32px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .category-list ul {
    margin: 0;
    padding: 0;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .category-list ul li {
    margin-bottom: 4px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .category-list ul li a {
    padding: 8px 4px;
    font-size: 12.5px;
    line-height: 15px;
    display: flex;
    align-items: center;

/* Grays/#222222 */
    color: #222222;
    transition: all 0.2s ease;
    text-decoration: none;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .category-list ul li.active a,.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .category-list ul li a:hover {
    background: #F8F8F8;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock input.form-control::placeholder {
    color: #888888;
    font-size:12px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .btn.btn-transparent img {
    transform: rotate(270deg);
    max-width: 14px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .table-responsive {}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .search-box {
    /*margin: 0;
    position: relative;
    margin-right: 12px;*/
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .btn.btn-secondary {
    /*height: 40px;
    margin: 0;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 40px;
    padding: 0 16px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;*/
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .flex-section {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .order {
    display: flex;
    align-items: center;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .order span {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    display: flex;
    align-items: center;
    color: #333333;
    margin-right: 8px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .order select.form-control {
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    color: #555555;
    max-width: 70px;
    min-width: 70px;
    padding: 0 12px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .search-box input.form-control {
    /*background: #FCFCFC;
    border-radius: 5px;
    border: 1px solid #F1F1F1;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    min-width: 300px;*/
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .search-box .btn.btn-transparent {
    /*position: absolute;
    z-index: 1;
    width: 40px;
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;*/
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .search-box .btn.btn-transparent img {
    /*transform: rotate(270deg);
    max-width: 18px;
    opacity: 0.5;*/
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .search-box input.form-control::placeholder {
    /*color: #555555;
    font-size: 12px;
    line-height: 40px;*/
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .btn.btn-secondary img {
    margin-right: 8px;
    position: relative;
    top: -1px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .order span.bmd-form-group {
    padding: 0;
    margin: 0;
}

/*create template*/

.reportcontent-wrapper span.tag {
    padding: 2px 4px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    margin-left: 8px;
    border-radius: 4px;
    position: relative;
    top: 0px;
}

.tag.grey {
    color: #9F9F9F;
    border: 1px solid #9F9F9F;
}

.reportcontent-wrapper .card-header .btn.btn-cancel {
        box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 12px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    min-width: 72px;
    text-transform: uppercase;
    color: #222;
    margin: 0 12px 0 0;
    background: #F4F4F4;
    border: 1px solid #C0C0C0;
}

.reportcontent-wrapper .card-body.card-dashboard .entity-listing {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 14px 20px;
}

.reportcontent-wrapper .card-body.card-dashboard .entity-listing .items {
    min-width: 15%;
    padding: 0 30px;
    border-right: 1px solid #D1D1D1;
    max-width: 15%;
}

.reportcontent-wrapper .card-body.card-dashboard .entity-listing .items .sub {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
/* identical to box height, or 133% */
    color: rgba(51, 51, 51, 0.6);
    margin-bottom: 3px;
}

.reportcontent-wrapper .card-body.card-dashboard .entity-listing .items .text {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
/* identical to box height */


/* Grays/#222222 */
    color: #222222;
    margin: 0;
}

.reportcontent-wrapper .card-body.card-dashboard .entity-listing .items:first-child {
    padding-left: 0;
}

.reportcontent-wrapper .card-body.card-dashboard .entity-listing .items:last-child {
    border-right: none;
    max-width: 70%;
}

.tooltip {
    font-size: 12px !important;
    font-weight: normal !important;
}

.reportcontent-wrapper .card-body.card-dashboard .entity-listing .items .sub img {
    position: relative;
    top: -2px;
    cursor: pointer;
}

.reportcontent-wrapper .card {
    margin-bottom: 8px;
}

.reportcontent-wrapper .card:last-child {
    margin-bottom: 0;
}

.reportcontent-wrapper  .card-tabsection {}

.reportcontent-wrapper  .card-tabsection .nav.nav-pills {
    background: #FFFFFF;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    padding: 0 10px;
}

.reportcontent-wrapper  .card-tabsection .nav.nav-pills li.active {}

.reportcontent-wrapper  .card-tabsection .nav.nav-pills li {
    margin-right: 20px;
}

.reportcontent-wrapper .card-tabsection .nav.nav-pills li a.active,.reportcontent-wrapper .card-tabsection .nav.nav-pills li a:hover {transition: all 0.2s ease;border-bottom: 3px solid #333;}

.reportcontent-wrapper  .card-tabsection .nav.nav-pills li a {
    padding: 14px;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    transition: all 0.2s ease;
    border-bottom: 3px solid transparent;
    text-decoration: none;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list {
    padding: 8px;
    position: relative;
    overflow-y: auto;
    max-height: calc(100vh - 374px);
    min-height: calc(100vh - 374px);
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul {
    margin: 0;
    padding: 0;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    position: relative;
    flex-wrap: wrap;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li span {}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li .dropdown-block.dropdown {
    position: unset;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li .category-sublist {
    margin: 0;
    padding: 0;
    width: 100%;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li .dropdown-block.dropdown .dropdown-toggle {}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li .dropdown-block.dropdown .dropdown-menu {
    left: 0 !important;
    width: 100%;
    margin: 0;
    padding: 12px;
    top: 25px !important;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li .dropdown-block.dropdown .dropdown-menu form {
    display: flex;
    flex-direction: column;
    max-height: 340px;
}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu .dropdown-header {
    position: relative;
    padding: 0;
    margin-bottom: 8px;
    flex-shrink: 0;
}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu  .dropdown-list {
    overflow-y: auto;
}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu  .dropdown-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu .dropdown-header input.form-control {}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu .dropdown-header .btn.btn-transparent {}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu .dropdown-header .btn.btn-transparent img {}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu .dropdown-list fieldset {
    margin-bottom: 8px;
}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu .dropdown-list fieldset input {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu .dropdown-list fieldset label {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    

/* Grays/#222222 */
    color: #222222;
    cursor: pointer;
}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu .dropdown-footer .btn.btn-secondary {
    flex: 1;
    min-width: initial !important;
    margin: 0 5px 0 0;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px !important;
}

.template-list > ul > li .dropdown-block.dropdown .dropdown-menu .dropdown-footer .btn.btn-primary {
    flex: 1;
    min-width: initial !important;
    margin: 0 0 0 5px;
    height: 32px;
    padding: 0 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li .category-sublist li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
    padding: 5px 10px;
    background: #FCFCFC;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    position: relative;
    cursor: grab;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li .category-sublist li .drag {
    margin-right: 8px;
    position: relative;
    top: -2px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li .category-sublist li .text {
    flex: 1;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    

/* Grays/#222222 */
    color: #222222;
    margin: 0;
}

.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li .category-sublist li a {
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 1;
    opacity: 0;
    transition: all 0.2s ease;
}
.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li .category-sublist li:hover a {
    opacity: 1;
    transition: all 0.2s ease;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .empty-content {
    padding: 100px 0;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .empty-content .fullwidth {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .empty-content .fullwidth img {}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .empty-content .fullwidth p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */


/* Grays/#222222 */
    color: #222222;
    margin-bottom: 16px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .empty-content .fullwidth .btn.btn-primary {}
.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .empty-content {
    padding: 100px 0;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .empty-content .fullwidth {
    text-align: center;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .empty-content .fullwidth p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */


/* Grays/#222222 */
    color: #222222;
    margin-bottom: 16px;
}
.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .table-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .table-header h4.head {
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #333333;
    margin: 0;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .table-header .btn.btn-modal {
    background: #F4F4F4;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 2px;
    height: 28px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 10px;
    line-height: 14px;
/* identical to box height */
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .table-header + .table-responsive {
    padding: 0 20px;
    overflow: initial;
}

table.custom-table {border-collapse: separate;border-spacing: 0px 6px;}

table.custom-table tbody {}

table.custom-table tbody tr {}

table.custom-table tbody tr td {
    background: #F8F8F8;
    border: none;
    vertical-align: middle;
}

table.custom-table tbody tr td .items {}

table.custom-table tbody tr td .items p.sub {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
/* identical to box height, or 133% */


/* Grays/#555555 */
    color: #555555;
    margin-bottom: 4px;
}

table.custom-table tbody tr td .items p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */


/* Grays/#222222 */
    color: #222222;
    margin: 0;
}

table.custom-table tbody tr td:first-child {
    border-radius: 4px 0 0 4px;
}

table.custom-table tbody tr td:last-child {
    border-radius: 0 4px 4px 0;
}
table.custom-table tbody tr td .btn-box {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

table.custom-table tbody tr td .btn-box .btn.btn-borderonly {
    background: #FFFFFF;
    border: 1px solid #E0E2E7;
    box-sizing: border-box;
    border-radius: 2px;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-row {
    width: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-row fieldset {
    border-bottom: 1px solid #F4F4F4;
    padding: 20px 0;
    min-width: 20%;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-row fieldset input {
    position: relative;
    top: 1px;
    margin-right: 4px;
    cursor: pointer;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-row fieldset label {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #222222;
    margin: 0;
    cursor: pointer;
}
.reportcontent-wrapper .card-body.card-dashboard .card-table {
    width: 100%;
    padding: 20px;
}
.modal-body .form-control::placeholder {
    font-size: 14px;
}
.modal-body .form-control::placeholder {
    font-size: 14px;
}



.modal-body  .checkbox-block input {
    position: relative;
    top: 1px;
    cursor: pointer;
}

.modal-body  .checkbox-block label {
    font-weight: normal;
    font-size: 12px !important;
    line-height: 16px !important;
    

/* Grays/#222222 */
    color: #222222 !important;
    margin: 0;
    text-transform: capitalize !important;
    cursor: pointer;
}

.modal-body  .checkbox-block {
    padding: 0 15px;
}

.modal-body  textarea.form-control {
    height: initial;
    line-height: normal;
    min-height: 75px;
    padding: 12px;
}


/*view results*/

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
    width: 100%;
    padding: 8px 20px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .search-box {
    margin: 0;
    position: relative;
    margin-right: 12px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .btn.btn-secondary {
    height: 40px;
    margin: 0;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 40px;
    padding: 0 16px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .flex-section {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .order {
    display: flex;
    align-items: center;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .order span {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    display: flex;
    align-items: center;
    color: #333333;
    margin-right: 8px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .order select.form-control {
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    color: #555555;
    max-width: 70px;
    min-width: 70px;
    padding: 0 12px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .search-box input.form-control {
    background: #FCFCFC;
    border-radius: 5px;
    border: 1px solid #F1F1F1;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    min-width: 300px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .search-box .btn.btn-transparent {
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .search-box .btn.btn-transparent img {
    transform: rotate(270deg);
    max-width: 18px;
    opacity: 0.5;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .search-box input.form-control::placeholder {
    color: #555555;
    font-size: 12px;
    line-height: 40px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .btn.btn-secondary img {
    margin-right: 8px;
    position: relative;
    top: -1px;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection .order span.bmd-form-group {
    padding: 0;
    margin: 0;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth .card-headsection + .table-responsive {
    padding: 0 20px;
}
.tag.green {
    color: #58BE99;
    border: 1px solid #58BE99;
}


.modal-body  .position-relative {}

.modal-body .position-relative .item.active,.modal-body .position-relative .item:hover {
    transition: all 0.3s ease;
    border: 1px solid #333333;
}

.modal-body  .position-relative .item {
    background: #FCFCFC;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.modal-body  .position-relative .item .text {
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */


/* Black */
    color: #000000;
    margin: 0;
}

.modal-body .position-relative .item .text b {
    margin-bottom: 4px;
    display: block;
}

.modal-body .position-relative .checkbox-block01 {
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
    line-height: initial;
}

.modal-body .position-relative .checkbox-block01 label {
    margin: 0;
}

.modal-body .checkbox-block01 input:checked + label:after {
    top: -1px;
    left: -1px;
}

.modal-body .form-group.btn-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.modal-body .form-group.btn-group .btn.btn-secondary {
    /*flex: 1;*/
    background: transparent;
    border: 1px solid #333;
    border-radius: 4px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #333;
    padding: 12px !important;
    text-transform: capitalize;
    margin: 0 6px 0 0;
}

.modal-body .form-group.btn-group .btn.btn-primary {
    /*flex: 1;*/
    margin: 0 0 0 6px;
    border-radius: 4px;
}



/*import design*/

.card-content.import-content .card-headsection .search-box {
    margin: 0;
    position: relative;
    margin-right: 0px;
}

.card-content.import-content .card-headsection .btn.btn-secondary {
    height: 32px;
    margin: 0 0 0 8px;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 32px;
    padding: 7px 12px;
    min-width: 72px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-content.import-content .card-headsection .flex-section {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.card-content.import-content .card-headsection .order {
    display: flex;
    align-items: center;
}

.card-content.import-content .card-headsection .order span {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    display: flex;
    align-items: center;
    color: #333333;
    margin-right: 8px;
}

.card-content.import-content .card-headsection .order select.form-control {
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    color: #555555;
    max-width: 70px;
    min-width: 70px;
    padding: 0 12px;
}

.card-content.import-content .card-headsection .search-box input.form-control {
    background: #F8F8F8;
    border-radius: 5px;
    border: 1px solid #CACEDA;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    color: #555555;
    font-weight: normal;
    font-size: 12px;
    min-width: 270px;
    padding-right: 55px;
}

.card-content.import-content .card-headsection .search-box .btn.btn-transparent {
    position: absolute;
    z-index: 1;
    width: 36px;
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border-left: 1px solid #CACEDA;*/
    background: transparent !important;
}

.card-content.import-content .card-headsection .search-box .btn.btn-transparent img {
    /*transform: rotate(270deg);*/
    max-width: 18px;
    opacity: 1;
}

.card-content.import-content .card-headsection .search-box input.form-control::placeholder {
    color: #555555;
    font-size: 12px;
    line-height: 40px;
}

.card-content.import-content .card-headsection .btn.btn-secondary svg {
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.card-content.import-content .card-headsection .order span.bmd-form-group {
    padding: 0;
    margin: 0;
}

.card-content.import-content {}

.card-content.import-content .card-headsection {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    margin-bottom: 12px;
    padding: 8px 12px;
    position: relative;
    border-bottom: 1px solid #DCDCDC;
}

.card-content.import-content .tab-pane {
    padding: 0 0;
}


.card-content.import-content table td .tag {
    padding: 4px;
    border: 1px solid #555555;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 6px;
    line-height: normal;
    margin-bottom: 6px;
    display: inline-block;
}

.card-content.import-content table  .td-status {
    display: flex;
    flex-direction: column;
}

.card-content.import-content table  .td-status .doc-status {
    display: flex;
    align-items: center;
}

.card-content.import-content table  .td-status .doc-progress {
}

.card-content.import-content table .td-status .doc-status .sub {
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
/* identical to box height */
    color: #555555;
    position: relative;
    top: 1px;
}

.card-content.import-content table .td-status .doc-status img {
    margin-right: 10px;
}

.card-content.import-content table .td-status .doc-progress .progress-scale {
    display: inline-block;
    width: 100%;
    height: 3px;
    position: relative;
    margin-top: 6px;
}

.progress-scale.progress-succes .progress-percent {
    background: #57A978;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.card-content.import-content table .td-status .doc-progress .progress-scale:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #E3E3E3;}

.progress-scale.progress-fail .progress-percent {
    background: #DC2121;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}


/*import file modal*/

.import-modal {}

.import-modal .modal-header {
    padding: 14px 24px;
    /*background: #000000;*/
    border-bottom: 1px solid #e9ecef;
}

.import-modal .modal-body {}

.import-modal .post-modal-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.import-modal .modal-instructions {
    background: #FAFAFA;
    border-radius: 8px;
    padding: 16px;
}

.import-modal .post-modal-list .items {
    padding: 0 10px;
    flex: 0 0 25%;
    max-width: 25%;
    min-height: 155px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding-bottom: 20px;
}

.import-modal .post-modal-list .items a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 1px solid #D4D4D4;
    box-sizing: border-box;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.import-modal .post-modal-list .items a img {
    margin-bottom: 10px;
}

.import-modal .post-modal-list .items a .sub {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    display: flex;
    align-items: center;
    color: #110000;
    margin: 0;
}

.import-modal .modal-instructions .text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    color: #333333;
    margin-bottom: 16px;
}

.import-modal .modal-instructions .sub {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #333333;
    margin: 0;
}

.import-modal .modal-header h4.modal-title {
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
/* identical to box height, or 150% */
    text-align: center;
    color: #222;
}

.import-modal .modal-header button.close {
    /*color: #fff;*/
}

.import-modal .modal-dialog {
    max-width: 650px;
}

.import-modal .post-modal-list .items a:hover {
    transition: all 0.2s ease;
    border: 1px solid #000;
}

.import-modal.extrawidth {}

.import-modal.extrawidth .modal-dialog {
    max-width: 65%;
}

.import-modal.extrawidth .leftblock {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 16px;
}

.import-modal.extrawidth .rightblock {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 16px;
}

.import-modal.extrawidth .edit-form {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin: 0 -16px 20px;
}

.import-modal.extrawidth .leftblock .dropzone {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px dashed #B6B6B6;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.import-modal.extrawidth .leftblock .dropzone .vertically-centered {}

.import-modal.extrawidth .leftblock .dropzone .sub {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    text-align: center;

/* Black */
    color: #000000;
    margin-bottom: 12px;
}

.import-modal.extrawidth .leftblock .dropzone  .btn {
    background: #000000;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 2px;
    min-width: 100px;
    min-height: 32px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.modal input + label:not(.error) {
    font-size: 12px !important;
    line-height: 16px !important;
    color: #444 !important;
    text-transform: initial;
    font-weight: normal;
    margin: 0;
    position: relative !important;
    top: -2px !important;
    cursor: pointer;
}

.import-modal.extrawidth  .d-flexblock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}

.import-modal.extrawidth  .d-flexblock .item {}

.import-modal.extrawidth  .d-flexblock .tag-section {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 20px;
}



.import-modal.extrawidth .d-flexblock .item .link {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
/* identical to box height, or 167% */
    text-align: center;
    color: #000000;
    text-decoration: none;
}

.import-modal.extrawidth .d-flexblock .item .link img {
    margin-right: 4px;
    position: relative;
    top: -2px;
}

.import-modal.extrawidth .d-flexblock .tag-section .tags {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    padding: 4px 8px;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 2px;
    margin-left: 14px;
}

.import-modal.extrawidth .leftblock .dropzone  select {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: auto;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    color: #000000;
}



.card-content.import-content .nav-tabs .btnblock {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.card-content.import-content .nav-tabs .btnblock .btn.btn-secondary {
    margin: 0 0 0 16px;
}

.card-content.import-content .nav-tabs {
    padding: 0 15px 20px;
}
.import-modal.smallwidth .modal-dialog {
    max-width: 500px;
}
.import-modal .modal-body span[data-toggle="tooltip"] {
    position: relative;
    top: -1px;
}

.details-wrapper.import-wrapper {}

.details-wrapper.import-wrapper .card-header {
    flex-wrap: wrap;
}

.details-wrapper.import-wrapper .card-header .top-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.details-wrapper.import-wrapper .card-header .top-section .item {
    flex: 1;
}

.details-wrapper.import-wrapper .card-header .top-section .item > div {
    display: inline-block;
    margin-right: 10px;
}

.details-wrapper.import-wrapper .card-header .top-section .item .sub {
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
/* identical to box height */
    text-transform: uppercase;
    color: #ABB5CE;
    margin: 0;
}

.details-wrapper.import-wrapper .card-header .top-section .item .card-title {
    font-size: 16px;
    line-height: 22px;
/* identical to box height */
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
    font-weight: 600;
}

.details-wrapper.import-wrapper .card-header .top-section .item .tag {
    position: relative;
    top: -9px;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    color: #9F9F9F;
    border: 1px solid #9F9F9F;
    border-radius: 2px;
    padding: 3px;
}

.details-wrapper.import-wrapper .card-header .top-section  .btnblock {
    display: flex;
}

.details-wrapper.import-wrapper .card-header .top-section .btnblock .btn.btn-secondary {
    background: #F4F4F4;
    border: 1px solid #C0C0C0;
}

.details-wrapper.import-wrapper .card-header .top-section .item .text {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #333333;
    margin: 0;
}

.card-content.import-content .card-block-new {
    /*padding: 0 15px;*/
}

.card-content.import-content .card-block-new .bmd-form-group {
    padding: 0 !important;
}

.card-content.import-content .card-block-new .form-control {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-weight: normal;
    font-size: 14px;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    
    color: #333333;
}

.card-content.import-content .card-block-new .btn.btn-secondary {
    border: 1px solid #000000;
}

.card-content.import-content .card-block-new .form-control::placeholder {
    color: #888888;
    font-size:14px;
}

.card-content.import-content .card-block-new .card-headsection select {
    min-width: 300px;
    background: #FCFCFC;
}
.details-wrapper.import-wrapper .card-header  .bottom-section {
    position: relative;
    padding: 12px 0 0;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.details-wrapper.import-wrapper .card-header  .bottom-section .items {
    min-width: 200px;
    margin: 0 30px;
    position: relative;
}

.details-wrapper.import-wrapper .card-header  .bottom-section .items .sub {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
/* identical to box height, or 133% */
    color: rgba(51, 51, 51, 0.6);
    margin-bottom: 4px;
}

.details-wrapper.import-wrapper .card-header  .bottom-section .items .text {
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
/* identical to box height */


/* Grays/#222222 */
    color: #222222;
    margin: 0;
}

.details-wrapper.import-wrapper .card-header .bottom-section:before {content: "";position: absolute;left: -20px;top: 0;width: calc(100% + 40px);height: 1px;background: #E9E9E9;}

.details-wrapper.import-wrapper .card-header .bottom-section .items:first-child {
    margin-left: 0;
}

.details-wrapper.import-wrapper .card-header .bottom-section .items:before {
    content: "";
    position: absolute;
    right: 0;
    top: 5%;
    width: 1px;
    height: 90%;
    background: #D1D1D1;
}

.details-wrapper.import-wrapper .card-header .bottom-section .items:last-child:before {
    background: transparent;
}
.card-content.import-content .card-block-new .empty-content {
    padding: 100px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.card-content.import-content .card-block-new .empty-content .sub {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;

    color: #222222;
}
.card-content.import-content .tab-pane .card-block-new {
    padding: 0;
}

.card-content.import-content .card-headsection .text {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    display: flex;
    align-items: center;
    color: #333333;
    margin-right: 32px;
}

.card-header.mapping-header {}

.card-header.mapping-header .btn.btn-secondary.btncancel {
    background: #F4F4F4;
    mix-blend-mode: normal;
    border: 1px solid #C0C0C0;
}
.details-wrapper.import-wrapper .card-header .top-section .item .card-title a {margin-left: 5px;position: relative;top: -2px;width: 16px;}

.details-wrapper.import-wrapper .card-header .top-section .item .card-title a img {
    width: 100%;
}
.reportcontent-wrapper .card-body.card-dashboard .nav-tabs {
    flex: 0 0 100%;
    max-width: 100%;
}

.reportcontent-wrapper .card-body.card-dashboard .nav-tabs + .tab-content > div {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    flex-wrap: wrap;
}
.reportcontent-wrapper .card-body.card-dashboard .nav-tabs + .tab-content > div .filter-block {
    flex: 0 0 100%;
    max-width: 100%;
}

.reportcontent-wrapper .card-body.card-dashboard .nav-tabs + .tab-content > div .card-content {
    flex: 0 0 100%;
    max-width: 100%;
}
.form-content .multiselect-button {
    padding-bottom: 0;
}

.form-content .multiselect-button .btn-group {
    margin: 0 !important;
}

.form-content .multiselect-button .btn-group button.multiselect {
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    font-weight: normal;
    font-size: 14px;
    color: #333333;
    border: 1px solid #CACEDA !important;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    
    display: inline-block;
    width: 100%;
    color: #333333;
    margin: 0;
    text-transform: initial;
min-width: 170px;}

.btn, .custom-file-control:before {
    text-transform: initial !important;
}

.form-content .multiselect-button .btn-group button.multiselect span.multiselect-selected-text {
    font-weight: normal;
    font-size: 13px;
    color: #333333;
    text-transform: capitalize;
}

.form-content .multiselect-button .btn-group ul.dropdown-menu {/* max-width: 50%; */padding: 0;max-height: 250px;flex-direction: column;}

.form-content .multiselect-button .btn-group ul.dropdown-menu li.multiselect-filter {
    max-width: 450px;
    padding: 8px;
    flex-shrink: 0;
}


.form-content .multiselect-button .btn-group ul.dropdown-menu li.vars a {
    text-decoration: none;
}

.form-content .multiselect-button .btn-group ul.dropdown-menu li.multiselect-all > a {
    text-decoration: none;
}

.form-content .multiselect-button .btn-group ul.dropdown-menu li.multiselect-all > a label.checkbox {
    border: none;
}


.form-content .multiselect-button .btn-group ul.dropdown-menu li.vars a label.checkbox {
    border: none;
}


.form-content .multiselect-button .btn-group ul.dropdown-menu li.multiselect-filter input.form-control {
    line-height: 32px;
    height: 32px;
    font-size: 12px;
}

.form-content .multiselect-button .btn-group ul.dropdown-menu li.multiselect-filter .input-group {
    padding: 0;
}


.form-content .multiselect-items {
    padding-bottom: 0;
    width: 100%;
}

.form-content .multiselect-items .row > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 15px 11px;
}

.form-content .multiselect-items .row > div .item p {
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    margin: 0;
}

.form-content .multiselect-items .row > div .item a {
    color: #333;
}

.form-content .multiselect-items .row > div .item {
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 6px 8px;
    border-radius: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.form-content .multiselect-button .btn-group ul.dropdown-menu li {
    padding: 4px 8px;
}

.form-content .multiselect-button .btn-group ul.dropdown-menu li.multiselect-filter input.form-control::placeholder {
    font-size: 12px;
    line-height: 32px;
}

.form-content .multiselect-button .btn-group ul.dropdown-menu.show {
    display: flex;
}
.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth.checkbox-list fieldset {
    border: none;
    padding: 6px 0;
    margin-right: 16px;
    min-width: auto;
}

.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth.checkbox-list  .card-row {
    width: 100%;
}
.reportcontent-wrapper .card-body.card-dashboard .card-fullwidth.checkbox-list fieldset label {
    font-size: 12px;
    position: relative;
    top: -1px;
}
.import-modal .modal-body {
    max-height: calc(100vh - 135px);
    overflow-y: auto;
}
.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection + .table-responsive,
.card-content.import-content .table-responsive {
    /*overflow: inherit;*/
}

.btn.disabled {
    color: #6c757db8 !important;
    background-color: #e6e6e6ab !important;
    border-color: #cccccc85 !important;
    pointer-events: none;
}

div#card-errors {
    color: red;
    font-size: 12px;
    margin: 5px 0 0;
}

.icon-clear {
    /*background: #757575;*/
    border-radius: 11px;
    color: #fff !important;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    /*margin-left: 12px;*/
}
.usr-typ .icon-clear{
    right: -35px;
    top: 11px;
}
.demographics {
    margin-top: 16px !important;
    display: inline-block;
}
.demographics + .table-responsive {
    margin-top: 16px;
    display: inline-block;
}
form#filterform {
    margin-bottom: 0;
}

/*responsive*/

@media(max-width: 1400px){
    .maindashboard-wrapper .top-row .card .card-btn > * {
        /*padding: 11px 16px;*/
    }
}

.upload-modal .modal-dialog {
    max-height: calc(100vh - 40px);
    overflow: hidden;
}

.upload-modal .modal-dialog .modal-body .table-responsive {
    max-height: calc(100vh - 435px);
}
.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control + .error {
    position: absolute !important;
    text-transform: initial;
    bottom: -16px !important;
    top: unset !important;
    margin: 0;
    font-weight: normal;
}

.upload-modal .modal-body .table-doclist tbody tr td .field-section {
    position: relative;
}

.card-content.import-content .card-block-new .form-control + label.error {
    margin: 0;
    position: relative;
    font-size: 11px;
    top: 9px;
}


.card-content.import-content .card-block-new .dataTable td p.text {
    margin: 0;
    text-align: left;
}



.card-content.import-content .card-block-new .dataTable td .form-control {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
}

.card-content.import-content .card-block-new .dataTable td .form-control::placeholder {
    font-size: 12px;
    line-height: 32px;
}

.card-content.import-content .card-block-new .dataTable td .form-control.error {
    position: relative;
    top: 7px;
}

.card-content.import-content .card-block-new .dataTable td .btn-box {
    text-align: center;
}
.card-content.import-content .card-block-new .empty-content > label.error {
    width: 100%;
    margin: 10px 0 0;
}

.card-content.import-content .card-block-new .empty-content {
    flex-wrap: wrap;
}
table.table.plan-table tbody tr td:last-child {
    text-align: right !important;
}
.card-content.import-content .card-block-new {
    max-height: calc(100vh - 280px);
    display: flex;
    flex-direction: column;
}

.card-content.import-content .card-block-new > .card-headsection {
    flex-shrink: 0;
}

.card-content.import-content .card-block-new > .table-responsive {
    overflow-y: auto;
    position: relative;
}
.table-responsive.edittemplate-table table.table.table-bordered.dataTable tr th:first-child, .table-responsive.edittemplate-table table.table.table-bordered.dataTable tr td:first-child {
    width: auto !important;
    min-width: 70px;
    text-align: center;
}
.table-responsive.edittemplate-table table.table.table-bordered.dataTable tr th, .table-responsive.edittemplate-table table.table.table-bordered.dataTable tr td {
    min-width: 185px;
}
.custom-popup .popup-footer .form-group {
    justify-content: flex-end !important;
}

.custom-popup .popup-footer .form-group > .btn {
    padding: 0 16px !important;
    min-height: 32px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px;
    margin-bottom: 0;
    border: 1px solid #000000;
}

.custom-popup .popup-footer .form-group  .btn.btn-secondary {
    border: 1px solid #000000;
color: #222;}


table.dataTable + nav .pagination {
    margin: 12px 0 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

table.dataTable + nav .pagination li.page-item.disabled .page-link,table.dataTable + nav .pagination li.page-item:last-child .page-link {
    background: transparent;
    color: #C4CDD5;
    border: 1px solid transparent;
    font-size: 17px !important;
}

table.dataTable + nav .pagination li.page-item.active .page-link,
table.dataTable + nav .pagination li.page-item:hover .page-link {
    border: 1px solid transparent;
    transition: all 0.3s ease;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    background: transparent;
    padding: 0;
}

table.dataTable + nav .pagination li.page-item {
    margin: 0 6px;
}

table.dataTable + nav .pagination li.page-item .page-link {
    padding: 0;
    min-width: auto;
    margin: 0;
    background: #FFFFFF;
    border: 1px solid transparent;
    border-radius: 4px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #999999;
    transition: all 0.3s ease;
    padding: 0;
    margin: 0;
    min-width: 18px;
    
}
.reportcontent-wrapper .card-body.card-dashboard .card-leftblock .template-list > ul > li:last-child {
    margin-bottom: 0;
}
.purchase-history .fullwidth {
    padding: 80px 0;
}
.reportcontent-wrapper .card-body.card-dashboard .card-rightblock .card-headsection .search-box .icon-clear, .icon-clear {
    position: absolute;
    /*top: 6px;
    right: -35px;*/
    color: #545454;
    cursor: pointer;
}
.card-content.import-content .card-headsection .btn.btn-secondary + .icon-clear {
    top: 0;
    right: -12px;
}
.icon-clear:hover:before {position: absolute;content: " Clear Filter ";right: -75px;width: 75px;font-weight: normal;
    font-size: 12px;
    text-align: center;
    text-transform: capitalize !important;
    color: #333333;transition: all 0.2s ease;}
.icon-clear.fltr-icon-close {
    right: 0;
    top: 10px !important;
    left: 135px;
}

@media(max-width: 1400px){
    table.table.plan-table tbody tr td {
        min-width: 120px;
    }

    table.table.plan-table tbody tr td > .btn {
        min-width: 150px;
        margin-right: 0 !important;
        margin: 4px 0 !important;
    }
}
.reportcontent-wrapper .card-header .item h4.card-title {
    line-height: normal;
}

.reportcontent-wrapper .card-header .item a.link {
    font-size: 12px;
    color: #333;
    text-decoration: underline;
}

@media(max-width: 667px){
    
    .login-wrapper .right-block,
    .login-wrapper .form-wrapper {
        width: 100%;
    }
    .login-wrapper .form-wrapper {
        padding: 20px;
    }
}
.card-content.import-content .card-headsection .search-box .icon-clear {
    right: 1px;
    background: #F8F8F8;
    width: 36px;
    height: 30px;
    top: 1px;
    border-radius: 5px;
    z-index: 4;}
.card-content.import-content .card-headsection .search-box .icon-clear > img {
    width: 11px;
}
.card-content.import-content .card-headsection .search-box .icon-clear:before {content: " ";}
.card .card-header .title_dropdown > a {font-weight: 700;
font-size: 16px;
line-height: 19px;
display: flex;
align-items: center;

color: #333333;cursor: pointer;}

.card .card-header .title_dropdown .dropdown-menu {padding: 8px 0;}

.card .card-header .title_dropdown .dropdown-menu a.dropdown-item {font-weight: 400;
font-size: 12px;
line-height: 14px;

color: #000000;padding: 8px 12px;min-height: auto;}

.card .card-header .title_dropdown > a > svg {transform: rotate(0deg);transition: all 0.2s ease;margin-left: 10px;}

.card .card-header .title_dropdown.show >  a > svg {transform: rotate(180deg);transition: all 0.2s ease;}
.card-content.import-content .card-headsection .clear_btn {
    position: relative;
    margin-left: 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    color: #222222;
    border: 1px solid #555555;
    box-sizing: border-box;
    border-radius: 4px;
    height: 32px;
    min-width: 50px;
    cursor: pointer;
}
.card-content.import-content .card-headsection .btn.btn-secondary #appendcount .count_box 
{
    
    margin-left: 6px;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background: #fff;
    border-radius: 32px;
    color: #000000;
    font-weight: 400;
    font-size: 11px;
    text-align: center;
    position: relative;
    top: -1px;

}
.table_section {
    padding: 0 12px;
}
.card-content.import-content .card-headsection .tab_select {min-width: 180px;margin-right: 8px;}

.card-content.import-content .card-headsection .tab_select {min-width: 180px;margin-right: 8px;}

.select_group {position: relative;}

.select_group .right_arrow {position: absolute;top: 8px;right: 8px;z-index: 1;}

.select_group select.form-control {background: transparent;border-radius: 4px !important;cursor: pointer;position: relative;z-index: 2;}
table.dataTable thead tr th:last-child,table.dataTable tbody tr td:last-child {border-left: 1px solid #EBEBEB;}

table.dataTable tbody tr:last-child td {/*border-bottom: 1px solid #DCDCDC;*/}
.dataTables_scrollBody {border: none !important;border-bottom: 1px solid #EBEBEB !important;}

.dataTables_scrollBody thead {/*display: none;*/}
.dataTables_scrollBody thead th:before, .dataTables_scrollBody thead th:after {
    content: " " !important;
}
.dataTables_scrollBody table.dataTable {max-width:initial !important; border-top: none !important;border-bottom: none !important;border-radius: 0 0 4px 4px !important;}
.dataTables_wrapper .dataTables_paginate {float: unset !important;text-align : center !important;margin: 12px 0;padding: 0 !important;}

.dataTables_wrapper .dataTables_paginate .paginate_button {font-weight: 400;
font-size: 12px;
line-height: 14px;

text-align: center;

color: #000000 !important;background: transparent !important;    border-radius: 6px !important;border: 1px solid #CACEDA !important;padding: 4px 8px !important;min-width: 24px;min-height: 24px;margin: 0 4px;}

.dataTables_wrapper .dataTables_paginate > span {display: inline-block;}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {color: #0077BE !important;}

.dataTables_wrapper .dataTables_paginate > .paginate_button {border: 1px solid #CACEDA !important;
box-sizing: border-box;
border-radius: 6px !important;
    height: 24px;}
.dataTables_scrollBody table.dataTable tbody tr:first-child td {
    border-top: none;
}
.dataTables_scrollHeadInner {
    min-width: 100%;
}
table.dataTable.no-footer{ 
min-width: 100%;}

.dataTables_scrollBody::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    border-radius: 0px;
    background-color: transparent;
}

.dataTables_scrollBody::-webkit-scrollbar
{
    width: 3px;
    height: 8px;
    background-color: transparent;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
    background-color: #ddd;
}
#width12{
    /*width:3600px;*/
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after {
    content: " ";
}
.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #333 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    /*text-decoration: underline !important;*/
        border: 1px solid #222 !important;
}
th.dtfc-fixed-left {
    z-index: 2;
}
.border_left {margin-left: 8px;padding-left: 8px;position: relative;}

.border_left:before {content: "";position: absolute;left: 0;top: -8px;width: 1px;height: calc(100% + 16px);background: #DCDCDC;}
.dataTables_wrapper .dataTables_paginate {position: absolute;bottom: 0;width: 100%;display: flex;align-items: center;justify-content: center;}
.border_right {margin-right: 8px;padding-right: 8px;position: relative;height: 32px;line-height: 32px;}

.border_right:after {content: "";position: absolute;right: 0;top: -8px;width: 1px;height: calc(100% + 16px);background: #DCDCDC;}

.card-content.import-content .card-headsection .main_tab_select a {cursor: pointer;}

.card-content.import-content .card-headsection .main_tab_select a > svg {
    position: relative;
    top: 2px;
    margin-left: 4px;}
.card-content.import-content .card-headsection .main_tab_select  a.dropdown-item {font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    padding: 8px 12px;
    min-height: auto;}

.card-content.import-content .card-headsection .main_tab_select .dropdown-menu {padding: 8px 0;}
.fullpage_overlay {position: fixed;z-index: 99;width: 100%;height: 100%;left: 0;top: 0;background: rgba(255,255,255,0.5);display: flex;align-items: center;justify-content: center;}
.card .card-header .flex-section {display: flex;align-items: center;justify-content: flex-end;}
.title_dropdown a.pointer-none {
    cursor: default !important;
}
table.dataTable thead tr th:last-child {border-right: 1px solid #EBEBEB;}

table.dataTable tbody tr td:last-child {border-right: none;}
.card-content.card_formcontent {}

.card-content.card_formcontent .form_subitem {padding: 0px 23px 2px;}

.card-content.card_formcontent .form_subitem .form_subhead {background: #F8F8F8;margin: 0 -8px;width: calc(100% + 16px);margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;}

.card-content.card_formcontent .form_subitem .fieldset {max-width: calc(100% / 4);width: calc(100% / 4);padding: 0 4px 12px;}

@media (min-width: 2011px) {
  .card-content.card_formcontent .form_subitem .fieldset {
    max-width: calc(100% / 6);
    width: calc(100% / 6);
  }
  .card-content.card_formcontent .form_subitem .fieldset.fieldset_half {
        max-width: calc(100% / 3) !important;
        width: calc(100% / 3) !important;
    }
}
@media (max-width: 2010px) {
  .card-content.card_formcontent .form_subitem .fieldset {
    max-width: calc(100% / 4);
    width: calc(100% / 4);
  }
  .card-content.card_formcontent .form_subitem .fieldset.fieldset_half {
        max-width: calc(100% / 3) !important;
        width: calc(100% / 3) !important;
    }
}

@media (max-width: 1625px) {
  .card-content.card_formcontent .form_subitem .fieldset {
    max-width: calc(100% / 3);
    width: calc(100% / 3);
  }
  .card-content.card_formcontent .form_subitem .fieldset.fieldset_half {
        max-width: calc(100% / 2) !important;
        width: calc(100% / 2) !important;
    }
}

@media (max-width: 1250px) {
  .card-content.card_formcontent .form_subitem .fieldset {
    max-width: calc(100% / 2);
    width: calc(100% / 2);
  }
  .card-content.card_formcontent .form_subitem .fieldset.fieldset_half {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .card-content.card_formcontent .form_subitem .fieldset.fieldset_flex{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

}

@media (max-width: 870px) {
  .card-content.card_formcontent .form_subitem .fieldset {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  .card-content.card_formcontent .form_subitem .fieldset.fieldset_half {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

.card-content.card_formcontent .form_subitem .form_subhead h4 {font-weight: 600;
font-size: 14px;
line-height: 20px;color: #222222;padding: 6px 12px;margin: 0;}

.form-content .form-control::placeholder {color: #888888 !important;font-weight: 400;
    font-size: 13px;}

.checkbox-block01 input:checked + label:before {/*border: 1px solid #222222;*/}

.card-content.card_formcontent .form_subitem .fieldset .input-group.mandatory .form-control {box-shadow: inset 2.5px 0px 0px #EE7E7E;border-radius: 4px;}

.input-group.mandatory.pos_relative {position: relative;}

.input-group.mandatory.pos_relative .icon_space {display: flex;align-items: center;justify-content: center;position: absolute;height: 32px;width: 30px;left: 0;border-radius: 4px;top: 0;}

.input-group.mandatory.pos_relative .icon_space svg {font-size: 13px;position: relative;top: -1px;}

.card-content.card_formcontent .form_subitem .fieldset label.error {margin-top: 6px;margin-bottom: 0;}

.card-content.card_formcontent .form_subitem .fieldset.textarea-fieldset {max-width: calc(100% / 2);
    width: calc(100% / 2);}

.card-content.card_formcontent .form_subitem .fieldset.textarea-fieldset .tox-tinymce {height: 250px !important;width: 100%;border-radius: 4px;}
.input-group.date_group .icon_box {width: 32px;height: 32px;top: 0;right: 0;position: absolute;display: flex;align-items: center;justify-content: center;z-index: 1;cursor: pointer;border-left: 1px solid #EDEEF1;}

.input-group.date_group input {z-index: 2;position: relative;cursor: pointer;}



.mce-content-body[data-mce-placeholder] {margin: 0 8px !important;}

.mce-content-body[data-mce-placeholder] p {margin: 8px 0 !important;font-weight: 400;
font-size: 13px;
line-height: 18px;}

.mce-content-body[data-mce-placeholder]:before {font-weight: 400;
    font-size: 13px;
    line-height: 18px;color: #888 !important;}

.mce-content-body p {margin: 0 !important;font-weight: 400;
font-size: 13px;
line-height: 18px;color: #333333;}

.mce-content-body {margin: 8px !important; }
.mce-content-body * {line-height: 25px !important;margin: 0;font-size: 13px;}

table.dataTable tbody tr.selected td {
    background: #F8F8F8 !important;
}
@media(max-width: 1365px){
    .card-content.card_formcontent .form_subitem .fieldset.textarea-fieldset {
        max-width: 100%;
        width: 100%;
    }
}
.card-content.card_formcontent .form_subitem .fieldset .text_group,
.card-content.card_formcontent .form_subitem .fieldset p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    color: #222222;
    margin: 0;
    word-break: break-all;
}
.select_group .form-control {
    min-width: 172px !important;
}
.card-content.card_formcontent .form_subitem .profile_upload {width: 100%;padding: 12px 4px;display: inherit;}

.profile_upload .upload-imgblock .upload-field label.custom-image-upload {margin: 0 !important;cursor: pointer;z-index: 4;}

.profile_upload .upload-imgblock .upload-field label.custom-image-upload .upload_overlay {display: flex;align-items: center;justify-content: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: rgba(0, 0, 0, 0.7);opacity: 0;transition: all 0.2s ease;}

.profile_upload .upload-imgblock .upload-field:hover label.custom-image-upload .upload_overlay {opacity: 1;
    transition: all 0.2s ease;}
    .upload-imgblock .upload-field.pointer_none {
    cursor: default;
}



.custom-popup .popup-content::-webkit-scrollbar {width: 2px !important;height: 2px !important;}

.custom-popup .popup-footer .form-group.d-flex.justify-content-center.mb-4 {margin: 0 !important;width: 100%;}

.custom-popup .popup-footer button {flex: 1;}
.custom-popup .popup-content > label.error {
    padding-left: 12px;
}
.select-block.mr-l {
    margin-left: 8px;
}
.dataTables_wrapper td.dataTables_empty {
    height: calc(100vh - 381px);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: #F8F8F8 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.first img,.dataTables_wrapper .dataTables_paginate .paginate_button.last img {position: relative;top: -2px;width: 20px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous img, .dataTables_wrapper .dataTables_paginate .paginate_button.next img {
    width: 16px;
    position: relative;
    top: 0px;
}




form.edit-form.border_left {display: flex;align-items: center;margin-left: 8px !important;}

form.edit-form.border_left .multiselect-button {margin-right: 8px;}

.multiselect-container.dropdown-menu input.form-control.multiselect-search {padding-right: 0;margin: 0;}

.multiselect-container.dropdown-menu::-webkit-scrollbar {width: 4px;}

.multiselect-container a label {padding: 0 !important;border: none !important;}
.custom-popup .popup-content .form-section .d-flex {flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}

.custom-popup .popup-content .form-section .d-flex .item_full {flex: 0 0 100%;max-width: 100%;margin-bottom: 12px;}

.custom-popup .popup-content .form-section .d-flex .item_half {flex: 0 0 50%;max-width: calc(50% - 20px);}

.custom-popup .popup-content .form-section .d-flex  .divider {width: 16px;height: 16px;margin: 8px 12px 0;position: relative;display: flex;align-items: center;justify-content: center;}

.custom-popup .popup-content .form-section .d-flex .divider:before {content: "";position: absolute;height: 1px;width: 10px;background: #222;}
.select2-dropdown {border: none !important;}

.select2-dropdown .select2-results {}

.select2-dropdown .select2-results ul {border: 1px solid #CACEDA !important;border-radius: 0 0 4px 4px;}

.select2-dropdown .select2-results ul li.select2-results__option {font-weight: 400;
font-size: 12px;
line-height: 18px;

color: #222222;padding: 5px 8px;}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.select2-container .select2-selection--single {height: 32px !important;border: 1px solid #EDEEF1 !important}

.select2-container--default .select2-results__option--selected {background-color: #f8f8f8 !important;}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #c6dcff !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
    right: 3px !important;
}
.item_full.select_full .position-relative .bmd-form-group {display: flex;padding: 0;flex-direction: column-reverse;}

.item_full.select_full .position-relative .bmd-form-group label.error {margin-top: 4px !important;}
.input-group.select_group .select2-container {
    width: 100% !important;
}
.select_group {
    display: flex;
    flex-direction: column-reverse;
}
.date_group.input-group > span.bmd-form-group {
    width: 100%;
}
.upload-imgblock .uploadDetail-block {margin-left: 10px;}

.upload-imgblock .uploadDetail-block p.text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;

    display: flex;
    align-items: center;

    color: #333333;margin: 0 0 8px !important;
}

.upload-imgblock .uploadDetail-block .tags {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.upload-imgblock .uploadDetail-block .tags .tag {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;

    text-align: center;
    color: #222222;padding: 2px 4px;background: rgba(34, 34, 34, 0.06);

    border: 1px solid #222222;

    border-radius: 4px;
}
.two-columnBlock {display: flex;align-items: stretch;justify-content: flex-start;}

.two-columnBlock .left-card {
    width: 224px;
    flex: 0 0 224px;
    margin-right: 12px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: calc(100vh - 255px);
}
.two-columnBlock .right-card .card {
    height: 100%;
}

.two-columnBlock .right-card { max-width: calc(100% - 236px);flex: 1;}

.two-columnBlock .left-card .left-tabs {margin: 0;padding: 0;}

.two-columnBlock .left-card .left-tabs .item {list-style: none;}

.two-columnBlock .left-card .left-tabs .item .item-link {width: 100%;display: block;font-weight: 400;
font-size: 13px;
line-height: 16px;

display: flex;
align-items: center;

color: #222222;padding: 10px 12px;border-bottom: 1px solid #EDEEF1;text-decoration: none;
}

.two-columnBlock .left-card .left-tabs .item .item-link.active {background: #F9F9F9;
box-shadow: inset -2px 0px 0px #F1B645;}
.form-content .form-control.disabled {
    background: #FAFAFA;
    border: 1px solid #EDEEF1;
    pointer-events: none;
}


.modal_sml .modal-content {background: #FFFFFF;

box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
border-radius: 8px;    overflow: hidden;}

.modal_sml .modal-content .modal-header {padding: 12px 16px;box-shadow: inset 0px -1px 0px #EDEEF1;}

.modal_sml .modal-content .modal-body {padding: 16px 16px 8px;}

.modal_sml .modal-content .modal-footer {padding: 8px 16px;border-top: 1px solid #EDEEF1;}

.modal_sml .modal-content .modal-header h4.modal-title {font-weight: 700;
font-size: 16px;
line-height: 24px;

color: #222222;}

.modal_sml .modal-content .modal-header button.close {padding: 0;right: 16px;position: relative;top: 15px;}

.modal_sml .modal-dialog {max-width: 408px;}

.modal_sml .modal-content .modal-footer .form-group.btn-group {margin: 0;}

.modal_sml .modal-content .modal-footer .form-group.btn-group a.btn.btn-secondary {margin-left: 8px;border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;}

.modal_sml .modal-content .modal-footer .form-group.btn-group .btn.btn-primary {margin-left: 8px;border-radius: 4px;height: 32px;line-height: 32px;padding: 0 12px;}

.modal_sml .modal-content .modal-footer .form-group.btn-group a.btn.btn-secondary:hover {background: #ffffff;
    border: 1px solid #000000;color: #222;}

.modal_sml .modal-content .modal-body .form-group {margin-bottom: 12px !important;}

.modal_sml .modal-content .modal-body .form-group label.bmd-label-static {font-weight: 600;
font-size: 12px !important;
line-height: 16px !important;

text-transform: capitalize;

color: #555555 !important;margin-bottom: 8px;}

.modal_sml .modal-content .modal-body .form-group .form-control {border: 1px solid #EDEEF1;
box-sizing: border-box;
border-radius: 4px;height: 32px;line-height: 32px;}


.modal-body .position-relative.input-group > a {position: absolute;right: 11px;top: 2px;z-index: 99;}
.btn.btn-primary {
    margin-bottom: 0;
}
.table-responsive.table_section.table_onlysection {
    margin-top: 12px;
}
.checkbox_group {}

.checkbox_group input[type="checkbox"] {opacity: 0;position: absolute;}

.checkbox_group input[type="checkbox"] + label:before {content:"";border: 1px solid #DCDCDC;
box-sizing: border-box;
border-radius: 4px;display: inline-block;position: relative;width: 16px;height: 16px;z-index: 1;}



.checkbox_group input[type="checkbox"]:checked + label:before {border: 1px solid #222222;background: #222222;}

.checkbox_group input[type="checkbox"]:checked + label:before {}

.checkbox_group input[type="checkbox"].disabled + label:before {background: #B6B6B6;border: 1px solid #B6B6B6;}

.checkbox_group input[type="checkbox"]:checked + label:after {content: "";position: absolute;
left: 4px;top: 4px;;;border-left: 2px solid #fff;border-bottom: 2px solid #fff;z-index: 1;width: 9px;height: 5px;transform: rotate(-45deg);}

.checkbox_group input[type="checkbox"] + label {margin: 0;position: relative;}
.instruction-box {padding: 12px 12px 0;display: flex;align-items: flex-start;justify-content: flex-start;}

.instruction-box p.text {font-weight: 400;
font-size: 14px;
line-height: 20px;


display: flex;
align-items: center;

color: #222222;margin: 0;}

.instruction-box p.text:first-child {margin-right: 10px;}
.card-content.card_formcontent .form_subitem .fieldset.fieldset_full {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 4px 12px;
}
.instruction-box.mb-12 {
    margin-bottom: 12px;
}
.ui-menu {border: 1px solid #EDEEF1 !important;
    border-radius: 0 0 4px 4px;box-shadow: 0 2px 7px 0 rgb(0 0 0 / 0%), 0 3px 11px -2px rgb(0 0 0 / 20%), 0 1px 15px 0 rgb(0 0 0 / 9%) !important;}

.ui-menu li.ui-menu-item {border: none;}

.ui-menu li.ui-menu-item .ui-menu-item-wrapper {font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    padding: 5px 8px;border: none;margin: 0;}

.ui-menu li.ui-menu-item .ui-menu-item-wrapper.ui-state-active {background:#c6dcff !important;}
.card-content.card_formcontent .form_subitem .fieldset #multipleAutoComplete {margin-top: 12px;}

.card-content.card_formcontent .form_subitem .fieldset #multipleAutoComplete .tags-btn {margin-top: 8px;text-align: left;}

.card-content.card_formcontent .form_subitem .fieldset #multipleAutoComplete .tags-btn p {display: flex;align-items: center;justify-content: space-between;}

.card-content.card_formcontent .form_subitem .fieldset.fieldset_half {max-width: calc(100% / 2);
    width: calc(100% / 2);
    padding: 0 4px 12px;}
    .modal_sml .modal-dialog .modal-body .position-relative.input-group label.error {
    flex: 0 0 100%;
}
.card-content.card_formcontent .form_subitem .fieldset .mandatory.select_group .select2-container--default .select2-selection--single {
    box-shadow: inset 2.5px 0px 0px #ee7e7e;
}
.dataTables_scrollBody {min-height: calc(100vh - 370px);border-left: 1px solid #EBEBEB !important;
    border-right: 1px solid #EBEBEB  !important;}

table.dataTable tbody tr td:first-child {border-left: none;}

table.dataTable tbody tr td:last-child {border-right: none !important;}
.input-group.mandatory.multiselect-button .btn-group button.multiselect {
    box-shadow: inset 2.5px 0px 0px #ee7e7e;
}


.input-group.mandatory.multiselect-button .btn-group button.multiselect {box-shadow: inset 2.5px 0px 0px #ee7e7e;}

.profile_upload.event_image .upload-field {width: 85px;height: 110px;overflow: hidden;}

.profile_upload.event_image .upload-field > img {height: 100%;width: auto;}

.card-content.card_formcontent .form_subitem .fieldset.fieldset_flex {width: auto !important;max-width: initial;flex: 1;}


.profile_upload.event_banner .upload-field {width: 425px;height: 110px;max-width: 100%;}

.profile_upload.event_banner .upload-field > img {height: 100%;width: auto;}

.card-content.card_formcontent .form_subitem .fieldset .sub_group {font-weight: 400;
font-size: 12px;
line-height: 18px;


color: #222222;}

.card-content.card_formcontent .form_subitem .fieldset .uploadDetail-block .sub {font-weight: 400;
font-size: 12px;
line-height: 18px;


color: #222222;margin: 0;}

.card-content.card_formcontent .form_subitem .fieldset.fieldset_full > .text_group {margin-bottom: 8px;}


.event_galley .event-imgbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;}

.card-content.card_formcontent .form_subitem .form_subhead a.text_btn {
    padding: 1px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    margin-right: 12px;
}

.card-content.card_formcontent .form_subitem .form_subhead a.text_btn svg {}
.dropzone {
    min-height: 110px !important;
    border: 1px dashed #777777 !important;
    background: white !important;
    padding: 0 !important;
    border-radius: 4px !important;
    width: 154px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.event_galley .event-imgbox .customecls {
    /* margin: 0 !important; */
    width: 154px;
    height: 110px;
    border-radius: 4px !important;
    overflow: hidden;
    margin-right: 8px !important;
    flex: unset !important;
    max-width: inherit !important;
}

.event_galley .event-imgbox a.removeimg {background: rgba(0, 0, 0, 0.7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.2s ease;    color: #fff;}

.event_galley .event-imgbox a.removeimg img {width: 26px;height: 26px;}

.event_galley {display: flex;}

.event_galley .event-imgbox .customecls:hover a.removeimg {opacity: 1;transition: all 0.2s ease;}
.card-content.card_formcontent .form_subitem .form_subhead a.text_btn:hover {
    color: #fff !important;
}
.addFld {width: 100%;}

.card-content.card_formcontent .form_subitem  .border-box {padding: 12px;border: 1px solid #EDEEF1;
box-sizing: border-box;
border-radius: 4px;margin-bottom: 12px;}

.card-content.card_formcontent .form_subitem .border-box .fieldset.fieldset_full {margin: 0;padding-bottom: 0;}
.form_subitem.pb12 {
    padding-bottom: 24px !important;
}
.profile_upload.event_image .upload-field .customimagecls {
    height: 110px;
}
.card-content.card_formcontent .form_subitem .border-box .row {
    margin: 0;
}
.card .card-header .flex-section > .btn:first-child {margin-right: 8px;}

.card .card-header .flex-section > .btn:last-child {margin-right: 0 !important;}

/*order details*/


.card .card-header .flex-section > .btn:first-child {margin-right: 8px;}

.card .card-header .flex-section > .btn:last-child {margin-right: 0 !important;}

.card-order {display: flex;align-items: flex-start;justify-content: center;}

.card-order .order_detailsLayout {width: 970px;max-width: 100%;margin: 16px;border: 1px solid #EDEEF1;
box-sizing: border-box;
border-radius: 4px;padding: 16px 16px 8px;}

.card-order .order_detailsLayout .orderDetail_header {}

.card-order .order_detailsLayout .label {font-weight: 600;
font-size: 12px;
line-height: 16px;
color: #222222;margin-bottom: 4px;}

.card-order .order_detailsLayout .text {font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #222222;margin: 0;}

.card-order .order_detailsLayout .order_flex {display: flex;align-items: flex-start;justify-content: space-between;width: 100%;}

.card-order .order_detailsLayout .orderDetail_header .order_subitem {margin-bottom: 12px;}

.card-order .order_detailsLayout .orderDetail_header .order_flex {}

.card-order .order_detailsLayout .orderDetail_header .order_subitem:nth-child(2) {text-align: right;}

.card-order .order_detailsLayout .orderDetail_amount {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;border: 1px solid #222;margin-bottom: 8px;}

.card-order .order_detailsLayout .orderDetail_amount .amount_subitem {flex: 1;padding: 4px 12px;border-right: 1px solid #222;    text-align: center;}

.card-order .order_detailsLayout .orderDetail_amount .amount_subitem:last-child {border-right: none;}

.card-order .order_detailsLayout .orderDetail_content {}

.card-order .order_detailsLayout .orderDetail_content .orderSub_header {background: #222222;padding: 0 8px;margin: 4px 0 8px;}

.card-order .order_detailsLayout .orderDetail_content .orderSub_header h4 {font-weight: 700;
font-size: 10.5px;
line-height: 20px;

display: flex;
align-items: center;

color: #FFFFFF;margin: 0;}

.card-order .order_detailsLayout .orderDetail_content .orderDetail_box {border: 1px solid #EDEEF1;
padding: 12px 0;display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 8px;}

.card-order .order_detailsLayout .orderDetail_content .orderDetail_box .orderDetail_box_item {flex: 1;padding: 0 12px;}

.card-order .order_detailsLayout .orderDetail_content .orderDetail_box .orderDetail_box_amount {flex: 1;padding: 0 12px;}

.card-order .order_detailsLayout .orderDetail_content .orderDetail_box .orderDetail_box_item .text {}

.card-order .order_detailsLayout .orderDetail_content .orderDetail_box .orderDetail_box_item .text .sub {display: inline-block;}

.card-order .order_detailsLayout .orderDetail_content .orderDetail_box .orderDetail_box_item .text .sub_text {}

.card-order .order_detailsLayout .orderDetail_content .orderDetail_box .orderDetail_box_amount .order_flex {}

.text.f-italic {font-style: italic;
font-weight: 400 !important;color: #707070 !important;}

.text.semiBold {font-weight: 600 !important;}

p.text.semiBold {}

.modal_sml.modal_medium .modal-dialog {max-width: 550px;}

.modal_sml.modal_medium .modal-dialog .modal-body {padding: 12px 32px 32px;}

.modal_sml.modal_medium  .payment_receiptBox {}

.modal_sml.modal_medium  .payment_receiptBox .img-box {text-align: center;margin-bottom: 12px;}

.modal_sml.modal_medium  .payment_receiptBox .payment_receiptDetails {}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .text {font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #222222;margin-bottom: 12px;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent {border: 1px solid #EDEEF1;margin-bottom: 20px;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_subHead {display: flex;align-items: center;justify-content: space-between;padding: 6px 12px;background: #222222;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_flex {display: flex;align-items: center;justify-content: space-between;padding: 8px 12px;border-bottom: 1px solid #EBEBEB;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_flex .label {font-weight: 400;
font-size: 13px;
line-height: 16px;
display: flex;
align-items: center;
color: #707070;margin: 0;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_flex .text {font-weight: 400;
font-size: 13px;
line-height: 16px;margin: 0;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_subHead .text {font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #FFFFFF;margin: 0;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_subHead .text .sub_bold {font-weight: 600;margin-right: 4px;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_subHead .text .sub {}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails  .foot_text {font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #222222;margin-bottom: 4px;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails  .club_name {font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #222222;margin: 0;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .text.text_low {font-weight: 400;
font-size: 12px;
line-height: 18px;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_subHead .text:nth-child(2) {text-align: right;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_flex:last-child {border-bottom: none;}


div.custm-slt .select2-container .select2-selection--single, div.custm-slt .select2-container .select2-selection--single .select2-selection__rendered {
    height: 40px !important;
}
.custm-slt .select2-container {
    width: 100% !important;
    max-width: 360px !important;
}
.custm-slt span.bmd-form-group.is-filled {
    display: block;
}



@media(max-width: 991px){
    .card-order .order_detailsLayout .orderDetail_content .orderDetail_box .orderDetail_box_item {
        flex: 0 0 100%;
        max-width: 100%;margin-bottom: 8px;}

    .card-order .order_detailsLayout .orderDetail_content .orderDetail_box .orderDetail_box_amount {flex: 0 0 100%;
        max-width: 100%;}
}


.fieldset.textarea-fieldset.fieldset_full .input-group {width: 50%;}

@media(max-width: 1625px){
    .fieldset.textarea-fieldset.fieldset_full .input-group{
        
    width: 66.6%;}
}

@media(max-width: 1250px){
    .fieldset.textarea-fieldset.fieldset_full .input-group{
        
    width: 100%;}
}




/*member details*/

.member_details_content {}

.member_details_content .member_card {}

.member_details_content .member_card .card {border: none;}

.member_details_content .member_card .card .card-header {border: none;background: #fff;}

.member_details_content  .member_btnBlock {display: flex;align-items: flex-start;justify-content: space-between;padding: 12px 12px 10px;}

.member_details_content .member_btnBlock .profile-list {flex: 1;max-width: calc(100% - 188px);overflow: hidden;}

a.btn.btn-primary.btn-tertiary {background: #F1B645;color: #222222;border: 1px solid #F1B645;}

.member_details_content .member_btnBlock .btn.btn-primary.btn-tertiary {width: 180px;min-width: 180px;max-width: 180px;}

.member_details_content .member_btnBlock .profile-list ul {display: flex;align-items: center;justify-content: flex-start;width: 100%;overflow-y: hidden;overflow-x: auto;padding: 0;margin: 0;padding-bottom: 3px;}

.member_details_content .member_btnBlock .profile-list ul li {list-style: none;margin-right: 8px;}

.member_details_content .member_btnBlock .profile-list ul li.active {}

.member_details_content .member_btnBlock .profile-list ul li a {font-weight: 500;
font-size: 14px;
line-height: 17px;





color: #333333;padding: 0 12px;border: 1px solid #888888;
box-sizing: border-box;
border-radius: 4px;height: 32px;display: flex;align-items: center;    cursor: pointer;}

.member_details_content .member_btnBlock .profile-list ul li.profile_add {}

.member_details_content .member_btnBlock .profile-list ul li.profile_add .addnew_profile {
    width: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member_details_content .member_btnBlock .profile-list ul li.active a {
    background: #333333;
    border: 1px solid rgba(153, 153, 153, 0.5);
    box-sizing: border-box;
    box-shadow: 0px 6px 12px rgb(0 0 0 / 22%);
    border-radius: 4px;
    color: #fff;
}
.member_details_content .member_btnBlock .profile-list ul li:first-child a .crown_ic {
    display: block;
}

.member_details_content .member_btnBlock .profile-list ul li a .crown_ic {display: none;position: relative;top: 2px;margin-right: 6px;}
.member_details_content .member_btnBlock .profile-list ul::-webkit-scrollbar {height: 4px;}

.member_details_content  .two-columnBlock {}

.member_details_content .two-columnBlock .left-card {min-height: calc(100vh - 255px);max-height: calc(100vh - 255px);display: flex;flex-direction: column;justify-content: space-between;}

.member_details_content .two-columnBlock .left-card .left-tabs.left_bottomTabs li.item.disabled {}

.member_details_content .two-columnBlock .left-card .left-tabs.left_bottomTabs li.item.disabled .item-link {
    padding: 4px 8px;
    background: #EBEBEB;
    font-weight: 400;
    border-top: 1px solid #EDEEF1;
    cursor: default;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
}

.member_details_content .two-columnBlock .left-card .left-tabs.left_bottomTabs li.item .item-link {padding: 8px;font-weight: 400;
font-size: 12px;
line-height: 18px;}

.member_details_content .two-columnBlock .left-card .left-tabs.left_bottomTabs li.item {}

.member_profileHeader {width: 100%;display: flex;align-items: stretch;justify-content: flex-start;flex-wrap: wrap;padding: 12px 4px;}

.member_profileHeader .member_profileitem {background: #FFFFFF;

border: 1px solid #EDEEF1;
box-sizing: border-box;
border-radius: 8px;width: 326px;max-width: 100%;margin-right: 12px;padding: 12px;}

.member_profileHeader .member_profileitem .profile_upload {padding: 0 !important;}

.member_profileHeader .member_profileitem .profile_upload .upload-imgblock {}

.member_profileHeader .member_profileitem .profile_upload .upload-imgblock .upload-field {width: 96px;height: 96px;overflow: hidden;}

.member_profileHeader .member_profileitem .profile_upload .upload-imgblock .upload-field img.uploaded-img {width: 96px;}

.member_profileHeader .member_profileitem .line-divider {display: block;width: 100%;height: 1px;margin: 12px 0 8px;background: #EDEEF1;}

.member_profileHeader .member_profileitem .role_block {}

.member_profileHeader .member_profileitem .role_block .label {font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: capitalize;
    color: #555555;margin-bottom: 4px;}

.member_profileHeader .member_profileitem .role_block .text {font-weight: 400;
font-size: 14px;
line-height: 20px;}

.member_profileHeader .member_profileitem.bg_Block {background: #F7F9FB;display: flex;flex-direction: column;justify-content: space-between;}

.member_profileHeader .member_profileitem.bg_Block .profileItem_top {display: flex;align-items: center;justify-content: flex-start;}

.member_profileHeader .member_profileitem.bg_Block .profileItem_bottom {display: flex;flex-direction: column;justify-content: flex-end;}

.member_profileHeader .member_profileitem.bg_Block .profileItem_top .img-box {flex: 0 0 48px;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: #FFFFFF;


box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.07);
border-radius: 4px;margin-right: 10px;}

.member_profileHeader .member_profileitem.bg_Block .profileItem_top .text {font-weight: 400;
font-size: 16px;
line-height: 24px;}

.member_profileHeader .member_profileitem.bg_Block .profileItem_bottom .profileItem_flex {display: flex;align-items: center;justify-content: space-between;padding: 12px 8px;background: #FFFFFF;

box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.07);
border-radius: 7px;margin-bottom: 10px;}

.member_profileHeader .member_profileitem.bg_Block .profileItem_bottom .profileItem_flex .text {font-weight: 400;
font-size: 14px;
line-height: 20px;}

.text.semiBold {}

.member_details_content .card-body.card-dashboard {}

.member_details_content .card-body.card-dashboard .tab-content.form-content.clearfix {padding: 0;}

.member_profileHeader .member_profileitem.bg_Block .profileItem_bottom .profileItem_flex:last-child {margin-bottom: 0;}
@media(max-width: 1387px){
    .member_profileHeader .member_profileitem {
        margin-bottom: 12px;
    }
}
.btn.btn-primary:active {
    background: #222 !important;
    color: #fff !important;
}

.purchased_planBlock {padding: 12px;width: 100%;}

.purchased_planBlock .purchased_planItem {background: #FFFFFF;

box-shadow: 0px 8px 48px rgba(47, 47, 47, 0.07);
border-radius: 4px;padding: 8px;margin-bottom: 12px;}

.purchased_planBlock .purchased_planItem .purchased_planHead {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;background: #F3F3F3;
border-radius: 4px;padding: 6px 8px;}

.purchased_planBlock .purchased_planItem .purchased_planContent {display: flex;align-items: center;justify-content: space-between;padding: 8px 0 0;flex-wrap: wrap;}

.purchased_planBlock .purchased_planItem .purchased_planHead .plan_date {display: flex;align-items: center;width: 200px;max-width: 100%;}

.purchased_planBlock .purchased_planItem .purchased_planHead .plan_Status {display: flex;align-items: center;justify-content: flex-end;width: 350px;max-width: 100%;}

.purchased_planBlock .purchased_planItem .text {font-weight: 400;
font-size: 12px;
line-height: 20px;}

.purchased_planBlock .purchased_planItem .purchased_planHead .plan_Status svg {margin-right: 4px;}

.purchased_planBlock .purchased_planItem .purchased_planHead .plan_Status span {margin: 0 8px;}

.purchased_planBlock .purchased_planItem .purchased_planHead .plan_Status .btn_text {font-weight: 400;
font-size: 12px;
line-height: 20px;text-decoration: none;color: #222222;}

.purchased_planBlock .purchased_planItem .purchased_planContent .plan_Detail {flex: 1;padding: 0 8px;max-width: 760px;min-width: 350px;}

.purchased_planBlock .purchased_planItem .purchased_planContent .plan_Amount {width: 120px;max-width: 100%;padding: 0 8px;}

.purchased_planBlock .purchased_planItem .purchased_planContent .plan_Btn {display: flex;align-items: center;justify-content: flex-end;width: 190px;padding: 0 8px;}

.text.f_higher {font-weight: 600 !important;
font-size: 14px !important;
line-height: 20px !important;}

.purchased_planBlock .purchased_planItem .purchased_planContent .plan_Btn .btn.btn-secondary {margin-bottom: 0 !important;}

.purchased_planBlock .purchased_planItem .purchased_planContent .plan_Btn .btn {min-width: 85px;margin-left: 8px;}

.purchased_planBlock .purchased_planItem .purchased_planHead .plan_date .text.semiBold {margin-right: 8px;}

.purchased_planBlock .purchased_planItem .purchased_planHead .plan_Status .text.semiBold {margin-right: 8px;}


@media(max-width: 1289px){
    .purchased_planBlock .purchased_planItem .purchased_planContent .plan_Btn{
        
    width: 100%;justify-content: flex-start;margin-top: 8px;}
}
@media(max-width:1099px){
    .purchased_planBlock .purchased_planItem .purchased_planContent .plan_Amount{
        
    width: 100%;margin-top: 8px;}
    .purchased_planBlock .purchased_planItem .purchased_planContent .plan_Detail{
        
    max-width: 100%;min-width: 100%;}
}
@media(max-width: 955px){
    .purchased_planBlock .purchased_planItem .purchased_planHead .plan_date{
        
    width: 100%;}
    .purchased_planBlock .purchased_planItem .purchased_planHead .plan_Status{
        
    justify-content: flex-start;width: 100%;}
}


.purchased_planBlock .purchased_planItem .purchased_planContent .plan_Btn .btn:first-child {margin-left: 0 !important;}
.modal_sml.modal_lrg .modal-dialog {max-width: 700px;}

.modal_sml.modal_lrg .modal-dialog h4.modal-title {font-weight: 700 !important;
font-size: 16px !important;
line-height: 24px !important;


color: #222222 !important;text-transform: capitalize !important;}

.modal_sml.modal_lrg .modal-content .modal-body {padding: 12px;}

table.custom_table .btn.btn-secondary.btn_sml {padding: 0 !important;width: 24px !important;height: 24px !important;display: flex;align-items: center;justify-content: center;min-width: initial !important;}

table.custom_table  .btn_flex {display: flex;align-items: center;justify-content: center;}

table.custom_table .btn.btn-secondary.btn_sml:last-child {margin-left: 4px;}

table.custom_table .btn.btn-secondary.btn_sml:first-child {margin-left: 0;}

table.custom_table tbody td {padding: 4px 8px;font-weight: 400;
font-size: 13px !important;
line-height: 16px;color: #222222;}

table.custom_table thead th {padding: 8px;font-weight: 700;
font-size: 10.5px !important;
line-height: 20px;color: #222222;background: #F8F8F8;}

table.custom_table tbody td:last-child {}
table.custom_table tbody td .d-flex {
    justify-content: center;
}
.wallet-wrapper.document_Wallet {padding: 12px;}

.wallet-wrapper.document_Wallet .view-switch {justify-content: flex-start;}

.wallet-wrapper.document_Wallet .wallet-wrapper-view {}

.wallet-wrapper.document_Wallet .wallet-wrapper-view .item {flex: 0 0 16.6%;max-width: 16.6%;min-width: 160px;}

.wallet-wrapper.document_Wallet .wallet-wrapper-view .item a {padding: 16px 12px 12px;background: #FFFFFF;
border: 1px solid #FFFFFF;
box-sizing: border-box;
box-shadow: 0px 4px 28px rgba(0, 0, 0, 0.08);
border-radius: 4px;}

.wallet-wrapper.document_Wallet .wallet-wrapper-view .item a .img-box {text-align: left;}

.wallet-wrapper.document_Wallet .wallet-wrapper-view .item a .img-box .text {font-weight: 500;
font-size: 14px;
line-height: 20px;color: #222;text-align: left;margin: 10px 0 4px;}

.wallet-wrapper.document_Wallet .wallet-wrapper-view .item a .img-box .sub {font-weight: 500;
font-size: 12px;
line-height: 20px;


color: #999999;margin: 0;}

.wallet-wrapper.document_Wallet .wallet-wrapper-view.list {}

.wallet-wrapper.document_Wallet .wallet-wrapper-view.list .item {flex: 0 0 100%;
    max-width: 100%;min-width: 100%;}

.wallet-wrapper.document_Wallet .wallet-wrapper-view.list .item a {padding: 12px;}

.wallet-wrapper.document_Wallet .wallet-wrapper-view.list .item a .img-box svg {width: 18px;margin-right: 12px;}

.wallet-wrapper.document_Wallet .wallet-wrapper-view.list .item a .img-box  p.text {margin: 0;margin-right: 12px;width: 50%;}

.wallet-wrapper.document_Wallet .wallet-wrapper-view.list .item a .img-box .sub {margin: 0;}
table.custom_table .btn.btn-secondary.btn_sml svg {
    margin: 0;
    width: 14px;
}
.accordion_Wrapper {}

.accordion_Wrapper .form_subhead {justify-content: flex-start !important;position: relative;}

.accordion_Wrapper .form_subhead .drop_arrow {
    position: absolute;
    right: 12px;
    top: 0;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s ease;
    transform: rotate(180deg);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion_Wrapper .form_subhead h4 {cursor: pointer;}

.accordion_Wrapper .collapse {width: 100%;}

.accordion_Wrapper .collapse .accordion_Content {display: flex;flex-wrap: wrap;}

.accordion_Wrapper .collapse.show {}

.accordion_Wrapper .collapsing {display:none}

.accordion_Wrapper .form_subhead .drop_arrow.collapsed {transition: all 0.2s ease;transform: rotate(0deg);top: 0px;}
.card-content.card_formcontent .form_subitem .border-box .fieldset.fieldset_full a.rmvField {
    width: auto !important;
    display: inline-block;
    line-height: 30px;
    margin: 0;
}
.upload_Modal .dropzone {width: 100% !important;}

.modal_sml.upload_Modal .modal-content .modal-body {padding: 16px;}
.card-content.card_formcontent .form_subitem .fieldset.addcoachfields .upload-field {width: 100%;}

.card-content.card_formcontent .form_subitem .fieldset.addcoachfields .upload-field button {border: 1px solid #EDEEF1 !important;height: 32px;line-height: 32px;color: #222;font-weight: 400 !important;
    font-size: 13px !important;}
    .card-content.card_formcontent .form_subitem .fieldset.addcoachfields .filenameimgcls {line-height: 32px !important;
    font-weight: 400 !important;
    font-size: 13px !important;padding: 0 8px 0 0;width: 100%;display: flex;align-items: center;justify-content: flex-start;}

.card-content.card_formcontent .form_subitem .fieldset.addcoachfields .filenameimgcls .upload_Text {padding-right: 16px;word-break: break-all;font-weight: 400;
    font-size: 13px;
    line-height: 20px;cursor: default !important;}

.card-content.card_formcontent .form_subitem .fieldset.addcoachfields .filenameimgcls .closethumbnailimage {cursor: pointer;}
.member_details_content .member_btnBlock .profile-list ul li a svg {
    margin-right: 6px;
}
.accordion_Wrapper .collapse .accordion_Content .empty_Content {height: 150px;display: flex;align-items: center;justify-content: center;width: 100%;}

.accordion_Wrapper .collapse .accordion_Content .empty_Content  .fullWidth p.text {font-weight: 400;
font-size: 14px;
line-height: 20px;
display: flex;
align-items: center;



color: #222222;margin: 0;}
.member_details_content .member_btnBlock .profile-list ul li.profile_add svg {
    margin: 0;
}

.card.old_cardLayout .card-body.card-dashboard ul.nav-tabs {padding: 12px;    border-bottom: 1px solid #DCDCDC;
    box-shadow: none;}


.card.old_cardLayout .card-body.card-dashboard ul.nav-tabs li.nav-item a:before {bottom: -12px;height: 2px;}

.card.old_cardLayout .card-body.card-dashboard .tab-content {padding: 0 !important;}


.card.old_cardLayout .card-body.card-dashboard .tab-content .card-leftblock .search-box button.btn.btn-transparent img {transform: rotate(0deg);}


.card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock .demographics {border: 1px solid #DCDCDC;
    height: auto !important;margin-top: 0 !important;    padding: 12px 0 0 !important;
    margin: 12px !important;
    width: calc(100% - 24px) !important;}
    .card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock {padding: 0;}

.card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock .card-headsection {padding: 8px 12px;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 0;}

.card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock .card-headsection .card_Headform {margin-right: 8px;margin-left: 0 !important;}

.card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock .card-headsection .card_Headform.width_Low .input-group.select_group {min-width: 120px;}

.card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock .card-headsection .card_Headform.width_Medium .input-group.select_group {min-width: 320px;}

.card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock .card-headsection .card_Headform.width_Normal .input-group.select_group {min-width: 200px;}

.card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock .all_views {margin: 0 !important;padding: 12px !important;}

.custom_Section.table_section .table.dataTable tbody tr td {border-left: 1px solid #EBEBEB;border-right: none !important;}
.card.old_cardLayout .card-body.card-dashboard .tab-content .card-leftblock {
    border-right: 1px solid #DCDCDC;
}
.card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock .demographics.all_views {
    margin: 12px !important;
    padding: 0 !important;
    padding-bottom: 20px !important;
}
.card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock .demographics.all_views .highcharts-container {padding: 20px 0 0;/* border: 1px solid #DCDCDC; */}
.card-header.mb-12 {margin-bottom: 12px;}
.mt-12 {
    margin-top: 12px;
}
.card.old_cardLayout .card-body.card-dashboard .tab-content .card-rightblock .dataTables_scrollBody {
    min-height: calc(100vh - 395px);
}
.table-responsive.edittemplate-table table.table.table-bordered.dataTable tr td {
    border-left: 1px solid #DCDCDC;
    border-right: none;
}
.table-responsive.dat_Tablenew.table_section.custom_Section {padding: 0;}

.table-responsive.dat_Tablenew.table_section.custom_Section th,.table-responsive.dat_Tablenew.table_section.custom_Section td {min-width: 185px;}

.table-responsive.dat_Tablenew.table_section.custom_Section th:first-child,.table-responsive.dat_Tablenew.table_section.custom_Section td:first-child {min-width: 40px;}
.card-content.cust_Datatable {}

.card-content.cust_Datatable ul.pagination {margin: 12px  0;}

.card-content.cust_Datatable ul.pagination li.page-item.disabled .page-link {background: #F8F8F8 !important;}

.card-content.cust_Datatable ul.pagination li.page-item .page-link {font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-align: center;
    color: #000000 !important;
    background: transparent !important;
    border-radius: 6px !important;
    border: 1px solid #CACEDA !important;
    padding: 4px 8px !important;
    min-width: 24px;
    min-height: 24px;
    margin: 0 4px;}

table.dataTable + nav .pagination li.page-item.active .page-link {border: 1px solid #222 !important;}

.card-content.cust_Datatable ul.pagination li.page-item {margin: 0;}
.import-modal .dropzone {
    min-width: 100%;
}
a.btn.btn-secondary > img {
    margin-right: 4px;
}

@media(max-width: 1220px){
    .maindashboard-wrapper .top-row .card .card-btn > * {
        margin-bottom: 8px;
    }
}
.input-group.upload_group .filenameimgcls .closethumbnailimage {line-height: 32px;color: #222;}

.input-group.upload_group .filenameimgcls .closethumbnailimage.close_img {margin-left: 4px;font-size: 16px;cursor: pointer;}
button.btn.btn-secondary.mr-8 {
    margin-right: 8px;
}
.custom-file-control:disabled, .form-control:disabled, .form-control[readonly], [readonly].custom-file-control {
    background: #FAFAFA !important;
}
button.btn.btn-secondary.popup-closebtn {position: relative;right: 0;top: 0;background: #ffffff;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0 12px;
    height: 32px;
    min-width: 72px;
    font-weight: normal;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    /* letter-spacing: 0.5px; */
    display: flex;
    align-items: center;
    justify-content: center;margin: 0;}

button.btn.btn-secondary.popup-closebtn:before,button.btn.btn-secondary.popup-closebtn:after {background: no-repeat;}
.modal_sml .modal-content .modal-body .form-group:last-child {display: flex;align-items: center;justify-content: flex-end;margin-top: 20px !important;}
.card.old_cardLayout .card-body.card-dashboard ul.nav-tabs.p_new {
    padding: 5px 12px;
}
.import_Table table.table.dataTable th,.import_Table table.table.dataTable td {min-width: 300px;}

.import_Table table.table.dataTable td .field-section {max-width: 300px;}

.import_Table table.table.dataTable td .field-section span.select2 {width: 100% !important;}

.import_Table table.table.dataTable th:first-child, .import_Table table.table.dataTable td:first-child {min-width: 40px;width: 72px;}
.table-responsive.import_Table.table_section.custom_Section {
    margin-bottom: 12px;
}
td.dtfc-fixed-left {
    z-index: 1;
}
@media(max-width: 1526px){
    .maindashboard-wrapper .top-row .card .card-btn .btn {
        margin-bottom: 8px;
    }
}
.import_Table table.table.dataTable td .field-section label.error {
    margin: 4px 0 0;
}

.modal_sml .modal-content .modal-body .popup-content.form-content.p-0 .form-section {
    margin-bottom: 12px;
}
table.dataTable tbody tr td .fullwidth {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}
a.profile-dropdown + .dropdown-menu:before {content: "";
    position: absolute;
    border-bottom: 10px solid #ffe;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;right: 8px;
    top: -10px;}
    .two-columnBlock .left-card .left-tabs li.item.disabled .item-link {
    padding: 4px 8px;
    background: #EBEBEB;
    font-weight: 400;
    border-top: 1px solid #EDEEF1;
    cursor: default;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    }
    .body-wrapper header .navbar ul.nav-right li .profile-dropdown + .dropdown-menu a.dropdown-item {font-size: 12px;
    color: #555;
    padding: 13px 20px !important;
    min-height: initial;}
    .pass_Modal.modal_sml .modal-content .modal-body .form-group:last-child {
    display: block;
    margin-top: 0 !important;
}
.no_datablock {
    padding: 12px;
    width: 100%;
}
.two-columnBlock .right-card > div#appendform {
    height: 100%;
}
.sweet-alert {
    padding: 0 !important;
    width: 408px !important;
    margin-left: -204px !important;
}

.sweet-alert h2 {font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #222222 !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    text-align: left !important;
    box-shadow: inset 0px -1px 0px #edeef1 !important;
}

.sweet-alert p {
    color: #222 !important;
    padding: 16px !important;
    text-align: left !important;
    margin: 0 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.sweet-alert .sa-button-container {padding: 8px 16px;
    border-top: 1px solid #EDEEF1;display: flex;align-items: center;justify-content: flex-end;}

.sweet-alert .sa-button-container button {padding: 7px 12px;min-width: 72px;}

.sweet-alert h2 i {font-style: initial;}
.modal_sml.modal_Upload .modal-dialog {max-width: 924px;}

.modal_sml.modal_Upload .modal-dialog .dropzone {width: 100% !important;min-height: 200px !important;background: #F8F8F8 !important;
border-radius: 4px !important;border: 1px dashed #B6B6B6 !important;}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message {margin: 30px 0 !important;}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message .dz-button {}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message .dz-button p.main {font-weight: 600;
font-size: 14px;
line-height: 20px;


text-align: center;


color: #000000;margin-bottom: 12px;}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message .dz-button p.sub {font-weight: 400;
font-size: 14px;
line-height: 20px;color: #000000;margin-bottom: 12px;}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message .dz-button p.button {background: #000000;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 12px;
    min-width: 72px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    
    color: #FFFFFF;display: inline-block;margin-bottom: 12px;}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message .dz-button span.doc-up-note {width: 100%;display: block;color: #222222;font-weight: 400;
font-size: 12px;
line-height: 20px;}
.modal_sml.modal_Upload .modal-dialog  .table_section.custom_Section {padding: 0;max-height: calc(100vh - 435px);margin-bottom: 8px;}

.modal_sml.modal_Upload .modal-dialog .table_section.custom_Section table.table-doclist.table.dataTable {border-left: 1px solid #DCDCDC !important;}
.modal_sml.modal_Upload .modal-dialog form#uploadform {margin: 0;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block {padding: 0;display: flex;align-items: center;justify-content: flex-end;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block .btn.btn-secondary {margin-right: 8px;}
.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block.disabled .btn.btn-primary {opacity: 0.4;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block.disabled .btn.btn-secondary {pointer-events: auto;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block.disabled .btn {pointer-events: none;}
.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control::placeholder {font-size: 13px;line-height: 24px;height: 24px;color: #888888;}

.modal_sml.modal_Upload .modal-dialog .table_section.custom_Section table.table-doclist.table.dataTable td {/* vertical-align: top; */padding: 12px 10px !important;}

.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control + .error {    text-align: left;margin-bottom: 0 !important;font-size: 11px !important;font-weight: 500 !important;width: 100%;left: 0;}

.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control {font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #222;
    padding: 0 8px;
    
    border: 1px solid #EDEEF1;
    border-radius: 0;
    height: 24px;
    appearance: auto;
    }

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename .doc-progress img {position: relative;top: -7px;right: -14px;width: 16px;}

.progress-scale.progress-success .p-percent {background: #222;}
.modal_sml.modal_Upload .modal-dialog .table_section.custom_Section::-webkit-scrollbar {width: 4px;}
.card-content.card_formcontent .form_subitem .fieldset .text_group.text_Box {background: #FAFAFA;
    border: 1px solid #EDEEF1;
    pointer-events: none;padding: 5px 12px !important;border-radius: 4px;font-weight: 400;
    font-size: 13px;    width: 100%;}
    .app-content .btn.btn-primary:disabled:focus, .app-content .btn.btn-primary:disabled:hover {
    background: #000000;
    border-color: #000;
}
.sweet-alert p span {margin-bottom: 8px !important;display: block;}

.sweet-alert p span:last-child {margin-bottom: 0 !important;}
table.dataTable .file-cell p {margin: 0;margin-left: 8px !important;}

table.dataTable .file-cell {display: flex;align-items: center;justify-content: center;}
.modal_sml.modal_Upload .modal-dialog .modal-footer {padding: 0 !important;border: none !important;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block {padding: 8px 16px;
    border-top: 1px solid #EDEEF1;width: 100%;}
    .custom_Section.table_section table.table.dataTable td p {
    margin: 0;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {
    color: #000;
    background: transparent;
    border: 1px solid #000;
}
.custom-popup.custom_Modal {display: none;left: 0;right: 0;top: 0;bottom: 0;width: 100%;background: transparent;box-shadow: none;min-height: auto;align-items: center;justify-content: center;}

.custom-popup.custom_Modal.show {display: flex;}

.custom-popup.custom_Modal .edit-form {margin: 0 auto;width: 408px;background: #FFFFFF; height:auto; box-shadow: -6px 0px 8px rgb(0 0 0 / 10%);position: relative;z-index: 99;border-radius: 8px;}

.custom-popup.custom_Modal.show:before {content: "";position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.26);z-index: 98;}

.custom-popup.custom_Modal .edit-form .popup-content {min-height: auto;padding: 16px 16px 4px;}

.custom-popup.custom_Modal .edit-form  .popup-footer.modal-footer {padding: 8px 12px;}

.custom-popup.custom_Modal .edit-form .popup-footer.modal-footer button.btn.btn-secondary {flex: unset !important;width: auto;min-width: 72px;}

.custom-popup.custom_Modal .edit-form .popup-footer.modal-footer button.btn.btn-primary {flex: unset;width: auto;min-width: 72px;}

.custom-popup.custom_Modal .edit-form .popup-content .form-section {border-bottom: none;margin-bottom: 12px;padding: 0;}

.custom-popup.custom_Modal .edit-form .popup-content label.control-label b {font-weight: 600;}

.custom-popup.custom_Modal a.popup-closebtn {}
.modal_sml .modal-content .modal-body .form-group.d_Flexset {
    display: block;
    margin: 0 0 12px !important;
}
.custom-popup .popup-content > .form-section input + div#sortable {width: 100%;display: flex;}

.custom-popup .popup-content > .form-section input + div#sortable > div {display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}

.custom-popup .popup-content > .form-section input + div#sortable > div .tags-btn {margin: 8px 8px 0px 0;}
.card-content.import-content .card-block-new .select_group .form-control + label.error {top: unset;position: absolute;left: 0;bottom: -10px;}

.card-content.import-content .card-block-new .select_group .form-control.error + label.error + .select2 {padding-bottom: 10px;}
.empty-Field {display: flex;align-items: center;justify-content: center;min-height: 400px;

}

.empty-Field p.text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: #555555;
}
.ui-widget-content {max-height: 300px;overflow-y: auto;}
.discount_modal .table_section.custom_Section.custom_height {
    width: 100%;
    overflow: hidden;
    
}
.discount_modal .modal-dialog {
    max-width: 800px;
}
.table-responsive.table_section.custom_Section table.table.dataTable td .btn-box {
    text-align: center;
}

.table-responsive.table_section.custom_Section table.table.dataTable td .btn-box a.btn.btn-borderonly {
    margin: 0;
    background: transparent !important;
    padding: 0;
}
.discount_modal .table_section.custom_Section.custom_height::-webkit-scrollbar {
    width: 4px;
}
.app-content .btn.btn-primary.mr-8 {
    margin-right: 8px;
}
.text_empty {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    padding: 38px 0;
}
.purchased_planBlock .purchased_planItem .purchased_planHead.planHead_expired {
    background: #FBF7F7;
}
.sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 0 !important;
    margin-left: -27px;
    margin-top: 8px !important;
    opacity: 0;
    visibility: hidden;
}
.select2-search--dropdown .select2-search__field:focus-visible {
    outline: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    padding: 5px 8px;
}
.two-columnBlock .left-card.admin_Leftcard {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.two-columnBlock .left-card.admin_Leftcard .left-tabs.left_bottomTabs {}

.two-columnBlock .left-card.admin_Leftcard .left-tabs.left_bottomTabs li {
    list-style: none;
}

.two-columnBlock .left-card.admin_Leftcard .left-tabs.left_bottomTabs .support_Block {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-top: 1px solid #DCDCDC;
    border-radius: 0;
    padding: 14px 12px;
}

.two-columnBlock .left-card.admin_Leftcard .left-tabs.left_bottomTabs .support_Block .img-box {
    display: inline-block;
    margin-right: 6px;
}

.two-columnBlock .left-card.admin_Leftcard .left-tabs.left_bottomTabs .support_Block .text-box {}

.two-columnBlock .left-card.admin_Leftcard .left-tabs.left_bottomTabs .support_Block .text-box p.sub {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    color: #222;
}

.two-columnBlock .left-card.admin_Leftcard .left-tabs.left_bottomTabs .support_Block .text-box a.text {
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #000;
}

.two-columnBlock .left-card.admin_Leftcard .left-tabs.left_bottomTabs .support_Block .img-box img {
    width: 24px;
}
.two-columnBlock .left-card .left-tabs .item .item-link.flex-link .text {
    flex: 1;
}

.two-columnBlock .left-card .left-tabs .item .item-link.flex-link.collapsed .icon {
    transform: rotate(0deg);
}

.two-columnBlock .left-card .left-tabs .item .item-link.flex-link .icon {
    transform: rotate(90deg);
    transition: all 0.2s ease;
}

.two-columnBlock .left-card .left-tabs .item ul {
    padding: 0;
}

.two-columnBlock .left-card .left-tabs .item ul li.item a.item-link {
    padding-left: 30px;
}
span.muiltImgBlock {
    display: inline-block;
    overflow: hidden;
    width: 320px;
    border-radius: 4px;
    position: relative;
}

span.muiltImgBlock img {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover;
}

.upload-field.flexField {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    width: 100% !important;
}
span.muiltImgBlock span.del-icon {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
    opacity: 0;
    transition: all 0.2s ease;
}

span.muiltImgBlock span.del-icon img {
    width: auto !important;
    height: auto !important;
    position: relative;
    z-index: 20;
}

span.muiltImgBlock:hover span.del-icon {
    opacity: 1;
    transition: all 0.2s ease;
}
span.muiltImgBlock span.del-icon svg {
    width: 24px;
    height: 24px;
}
span.muiltImgBlock.aboutImgBlock {
    width: 200px;
}
span.muiltImgBlock.aboutImgBlock img {
    height: 200px !important;
}
.upload-field.flexField .position-relative.custom-image-upload {
    background: rgba(0,0,0,0.65);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.2s ease;
}

.upload-field.flexField:hover  .position-relative.custom-image-upload {
    opacity: 1;
    transition: all 0.2s ease;
}
.upload-imgblock >  label {
    margin: 0;
    margin-right: 16px;
}
span.muiltImgBlock.categoryImgBlock {
    width: 100px;
    flex: 0 0 100px;
}

span.muiltImgBlock.categoryImgBlock img {
    height: 100px !important;
}

.categoryCard {
    gap: 8px;
    display: flex;
    flex-direction: column;
    margin-top: 12px;
}

.categoryCard .cardBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 12px;
    background: #F9F9F9;
}

.categoryCard .cardBox .upload-imgblock {
    flex: 1;
}

.categoryCard .cardBox .btnSection {
    display: flex;
    align-items: center;
    gap: 12px;
}

.categoryCard .cardBox .upload-imgblock .upload-field.flexField {
    flex-wrap: nowrap;
}

.categoryCard .cardBox .btnSection .btn.btn-primary.btn-danger {
    color: #f44336;
    background: transparent;
    border-color: #f44336;
}
span.muiltImgBlock.categoryUpdateImgBlock {
    width: 200px;
}

span.muiltImgBlock.categoryUpdateImgBlock img {
    height: 280px !important;
}
span.muiltImgBlock.galleryImgBlock {
    width: 19%;
}

span.muiltImgBlock.galleryImgBlock img {
    height: 100% !important;
    min-height: 160px !important;
    max-height: 160px !important;
}
.first-logo {
    width: 12rem;
    height: auto;
    padding-top: 20px;
    padding-right: 10px;
}