.primary-color {
    color: var(--pink-700);
}
.primary-color.link {
    color: var(--pink-700);
}
.primary-color.link:hover {
    color: var(--pink-600);
}
.black-primary {
    color: #11111F;
}
.font-normal {
    font-weight: normal;
}
.font-bold {
    font-weight: bold;
}
.text--xxs {
    font-size: 14px !important;
}
.text--sm {
    font-size: 18px !important;
}
.text--md {
    font-size: 20px !important;
}

.alert-primary {
    color: #11111F;
    border: 1px solid #fff3f8;
    background-color: #fff3f8;
}
.input-group-append {
    justify-content: center;
}
.shadow-none {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.card-body-custom {
    /* background-color: transparent; */
    padding: 20px 0;
    margin-bottom: 0;
}
.block-corp-type-2 {
    background-color: var(--white);
    border: 1px solid rgb(237, 241, 245);
    padding: 30px 30px 25px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.block-corp-type-3 {
    background-color: var(--white);
    border: 1px solid rgb(237, 241, 245);
    padding: 50px 30px;
    border-radius: 10px;
}
.block-corp-type-4 {
    background-color: var(--white);
    border: 1px solid rgb(237, 241, 245);
    padding: 30px 30px 60px;
    border-radius: 10px;
}
.search-data-grid {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    display: grid;
    grid-template-columns: 550px 550px auto;
    column-gap: 30px;
}
.search-btn {
    margin-top: 32px;
}
.upload label {
    border-radius: var(--radius-radius-xs, 4px);
    border: 1px solid var(--pink-700);
    background: var(--background-secondary-background-action, #FFF);
    /* height: 40px; */
    padding: 10px 15px 10px 15px;
    color: var(--pink-700) !important;
    margin-right: 16px;
}
.btn-icon {
    padding: .47rem .75rem !important;
    font-weight: 400 !important;
    border-radius: .25rem;
}
.btn i {
    margin-right: 0;
}
.btn-cancel {
    border-radius: 8px;
}
.bg-checkbox {
    border: 1px solid #ffd5e5;
    background-color: #fff3f8;
    border-radius: 10px;
    padding: 25px 20px 20px 30px;
}
.custom-checkbox {
    font-size: 16px;
    margin-bottom: 0;
    border-bottom: 0 !important;
}
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px #EAEAED solid;
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: var(--pink-700);
    border-color: var(--pink-700);
}
.custom-p1 {
    padding: 30px 50px;
}
.cart-totals {
    padding: 30px;
}
.block-payment {
    border-radius: 20px;
}
.block-doc {
    width: max-content;
    border-radius: var(--radius-radius-s, 6px);
    background: var(--background-body-background-inactive, #F8F8F9);
    padding: 10px;
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    /*color: #fff;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.badge-soft-success {
    color: #23c58f;
    background-color: rgba(35, 197, 143, .18);
}
.badge-soft-secondary {
    color: #74788d;
    background-color: rgba(116, 120, 141, .18);
}
.badge-soft-danger {
    color: #f14e4e;
    background-color: rgba(241, 78, 78, .18);
}
.badge-soft-warning {
    background: #FEFAED;
    /* color: #DCB745; */
    color: #eeb148;
    /* background-color: rgba(238, 177, 72, .18); */
}
.folder-icon {
    color: #BCBCC7;
    font-size: 34px;
}
.camera-icon {
    color: #BCBCC7;
    font-size: 82px;
}
.my-50 {
    margin-block: 50px;
}
.swal2-styled.swal2-cancel {
    border: 1px solid #d90468 !important;
}
.swal2-styled:focus {
    box-shadow: none !important;
}
.form-control.disabled,
.form-control:disabled,
.form-control[readonly] {
    background-color: #f9f9f9;
    opacity: 1;
    z-index: 0;
}
.camera-frame {
    position: relative;
    width: 100%;
    height: 500px;
    background-image: url(https://img.freepik.com/free-photo/confident-asian-woman-face-portrait-smiling_53876-144815.jpg?t=st=1711636785~exp=1711640385~hmac=358eae3f1fcbeb872d2c10d30666dc3428ea47bd9e183ab75cb07ef2c933eae5&w=996);
    background-position: center;
    background-size: cover;
    /* background-color: #BCBCC7; */
    margin-bottom: 50px;
}
.camera-guide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(5px);
    padding: 12px;
    text-align: center;
}
.note-guide {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: -webkit-fill-available;
    background-color: #FEF9FB;
    padding: 15px;
    margin: 0 30px 0 30px;
    border-radius: 10px;
}
.swal2-popup {
    width:480px !important;
  
}
.card.accordion-card {
    margin-bottom: 0;
}
.card.accordion-card .card-header {
    padding: 16px 0;
    border-bottom: 0;
    width: 100%;
}
.card-body.collapse-card {
    padding: 20px 35px;
    border-bottom: 0;
}
.accordion>.card.accordion-card>.card-header {
    border-radius: 0;
    margin-bottom: 1px;
}
.accordion>.card.accordion-card {
    border-radius: 10px;
    overflow: unset;
    box-shadow: rgba(17, 17, 31, 0.1) 0px 0px 8px 0px !important;
    margin-bottom: 25px;
    padding: 0px 30px 0px 30px;
}
.btn-collapse {
    display: flex;
    align-items: center;
}
.btn-collapse::after {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: auto;
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    line-height: normal !important;
    color: #6c757d;
    transform-origin: center;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.btn-collapse[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.btn-collapse[aria-expanded="false"]::after {
    transform: rotate(0deg);
}
.accordion-check {
    top: 22px;
}
.status-badge {
    position: absolute;
    top: 40px;
    right: 60px;
}
.block-warning-collapse{
    background: #FEFAED;
    color: #000;
    padding: 20px 20px 10px 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.block-warning-collapse p{
    font-weight: bold;
}
.block-warning-collapse ul{
    padding-left: 20px;
}
.block-warning-collapse i{
    color: #eeb148;
    margin-right: 10px;
    font-size: 24px;
    position: relative;
    top: 5px;
}
@media screen and (max-width: 1399px) {
    .search-data-grid {
        grid-template-columns: 470px 470px auto;
    }
}
@media screen and (max-width: 1199px) {
    .search-data-grid {
        grid-template-columns: 380px 380px auto;
    }
}
@media screen and (max-width: 991px) {
    .search-data-grid {
        grid-template-columns: 260px 260px auto;
    }
    .radio1 {
        position: absolute;
        top: 110px;
    }
}
@media screen and (max-width: 767px) {
    .search-data-grid {
        grid-template-columns: 100%;
    }
    .search-btn {
        margin-top: .5rem;
        margin-bottom: 1rem;
    }
    .input-group-append {
        min-width: 70px;
        text-align: center;
    }
    .block-doc {
        width: 100%;
    }
    .hide-br-767 {
        display: none;
    }.card.accordion-card .card-header {
        padding: 15px 0 !important;
    }
}
@media screen and (max-width: 575px) {
    .table-w-xs {
        width: 650px;
    }
    .status-badge {
        position: static;
        margin-left: auto;
        margin-right: 20px;
    }
}
@media screen and (max-width: 475px) {
    .btn-primary,
    .btn-cancel,
    .btn-dark {
        margin-top: 7px;
        margin-bottom: 7px;
    }
}
@media screen and (max-width: 425px) {
    .text--md {
        font-size: 16px !important;
    }
}
.table-w-xs tr:last-child{
    border-bottom: 0;

}
.collapse-table .card-body.collapse-card{
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

  

.bg-table-primary {
    background-color: #fff6f9;
    padding: 20px;
    border-radius: 20px;
}
.header-main-empty{
    color: #000;
    font-size: 24px;
    font-weight: bold;
}
.p1{
    color: #6F6F85;
    font-size: 16px;
    font-weight: 400;
}
.p2{
    color: #6F6F85;
    font-size: 16px;
    font-weight: bold;
}