.top-header {
    border-bottom: 1px solid #dedede;
    box-shadow: 0px 4px 4px 0px #00000005;
    background-color: #fff;
}
.nav-wrapper {
    box-shadow: 0px 1px 2px 0px #0000000d;
    background-color: #fff;
}
.card-meta {
    margin: 8px 0;
}
.card-actions .card-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    background-color: #13499f;
    border-radius: 30px;
}
.card-actions .btn-danger {
    background-color: #ed3d38;
    border-radius: 30px;
}
.card-actions .renew-button {
    border-radius: 30px;
    border: 1px solid #e4ecf2;
    color: #212d3d;
}
.icon-col {
    color: #a0a4b1;
}
.badge-text {
    color: #a0a4b1;
}
.customer_dashboard_container .badge-text {
    font-weight: 400;
}
.badge-expire {
    background-color: #a0a4b1;
    color: #fff;
}
.badge {
    /* font-size: 12px; */
    padding: 4px 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.badge-gray {
    background-color: #e4ecf2;
}
.renew-btn {
    color: #212d3d;
}
.customer_dashboard_container {
    padding-top: 40px;
}

.filters-bar .custom-form-control {
    box-shadow: 0px 1px 2px 0px #0000000d;
    border: none !important;
    padding: 0.75rem !important;
}
.status-text,
.status-trigger {
    color: #a0a4b1 !important;
}
.custom-form-control::placeholder {
    font-weight: 400;
    color: #a0a4b1 !important;
}
.offcanvas .form-control::placeholder {
    color: #a0a4b1 !important;
}
.customer_dashboard_container .form-control::placeholder {
    color: #a0a4b1 !important;
}
.status-trigger i {
    color: #212d3d !important;
}
.datatable-component .card-section {
    padding: 0.75rem !important;
}
.customer_dashboard_container
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button.page-item.active
    .page-link,
.customer_dashboard_container
    .table-footer
    .dataTables_paginate
    .paginate_button.page-item.active
    .page-link {
    background-color: #25bdbd;
    border-color: #25bdbd !important;
}
.customer_dashboard_container
    .table-footer
    .dataTables_paginate
    .paginate_button.page-item
    .page-link:hover {
    color: #fff !important;
}
.customer_dashboard_container .table tbody td {
    color: #212d3d;
}
.customer_dashboard_container .dataTables_length label {
    color: #a0a4b1;
}
.customer_dashboard_container .dataTables_wrapper .dataTables_length select,
.customer_dashboard_container .table-footer .dataTables_length select {
    margin: 0 0.25rem;
}
.product-img-con .p-image {
    height: 48px;
    width: 48px;
    border: 1px solid #e4ecf2;
    border-radius: 4px;
}
.order-table thead tr th {
    color: #a0a4b1;
}
.order-summary .table thead tr {
    line-height: 0.75;
}
.order-summary .table thead tr th,
.order-summary .table tbody tr td {
    padding: 0.75rem 0;
}
.product-img-con .p-image .product-img {
    object-fit: contain;
}
.select2-container--default .select2-selection--single {
    padding: 0.55rem 0.75rem !important;
    height: unset;
}
div.dataTables_processing {
    margin-top: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}
.btn-group-con {
    flex-direction: row;
    justify-content: space-between;
}
.offcanvas.offcanvas-end .btn-secondary {
    border-radius: 999px;
}
.offcanvas.offcanvas-end .btn-primary {
    border-radius: 999px;
}
.customer_dashboard_container .btn-primary {
    border-radius: 999px;
}
.customer_dashboard_container .btn-secondary {
    border-radius: 999px;
}
.customer_dashboard_container .nav-tabs .nav-link.active {
    color: #0087d8;
    border-top: 4px solid #0087d8;
}
.customer_dashboard_container .nav-tabs .nav-link {
    background-color: #ffffff;
    font-weight: 500;
}
.navbar-user:hover {
    background-color: inherit;
}
.customer_dashboard_container .btn-send {
    min-width: 140px;
}
.customer_dashboard_container .section-title {
    margin-bottom: 36px;
}
.docmsg_container .section-title {
    margin-bottom: 12px;
}
.support_container .section-title {
    margin-bottom: 12px;
}
.navbar-user:hover .navbar-user-name {
    color: inherit;
}
.customer_dashboard_container .link-text {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #13499f;
    margin-bottom: 18px;
    font-size: 15px;
    padding: 0;
    border-radius: initial;
    font-weight: 500;
}
.customer_dashboard_container .return-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #13499f;
    margin-bottom: 18px;
    font-size: 15px;
    padding: 0;
    border-radius: initial;
    font-weight: 500;
}
.treatment-card .card-image img {
    width: unset;
    border: none;
    margin: 0 auto;
    object-fit: contain;
}
.treatment-left .product-image {
    background: #f9fafb00;
    border: 1px solid #e4ecf2;
    padding: 16px;
    border-radius: 4px;
}
.treatment-left .product-image img {
    width: unset;
    border: none;
    margin: 0 auto;
    background: transparent;
}
.customer_dashboard_container .card.treatment-left .price {
    color: #212d3d;
}
.customer_dashboard_container .meta-label {
    /* margin-bottom: 6px; */
}
.meta-label2 {
    color: #a0a4b1;
}
.customer_dashboard_container .table > tbody > tr > th {
    padding: 0.5rem 0.5rem !important;
}
.customer_dashboard_container .table > tbody > tr > td {
    padding: 0.75rem 0.5rem !important;
}
.customer_dashboard_container .table thead tr th:first-child,
.customer_dashboard_container .table tbody tr td:first-child {
    padding-left: 0 !important;
}
.customer_dashboard_container .table thead tr th:last-child,
.customer_dashboard_container .table tbody tr td:last-child {
    padding-right: 0 !important;
}
.customer_dashboard_container .tab-content .datatable-component .card-section {
    padding: 1.25rem !important;
}
.customer_dashboard_container .tab-content .card-section {
    padding: 1.25rem;
}
.order-summary th,
.order-summary td {
    border-bottom: 1px solid #e4ecf2;
}
.order-summary .product-title-text {
    color: #212d3d;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 2px;
}
.order-summary .product-variant-text {
    color: #a0a4b1;
    font-size: 15px;
    font-weight: 400;
}
.customer_dashboard_container .tab-content tr td.sorting_1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
}
.customer_dashboard_container .badge-text {
    font-weight: 400;
}
.form-group .iti {
    display: block;
}
.customer_dashboard_container .iti--allow-dropdown .iti__flag-container {
    position: static;
    display: inline-flex;
    padding: 0;
}
.customer_dashboard_container .form-group .iti {
    display: flex;
}
.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
    background-color: transparent;
    border: 1px solid #e4ecf2;
    border-radius: 4px 0 0 4px;
    margin: 0;
}
.iti--separate-dial-code .form-control {
    border-radius: 0 4px 4px 0 !important;
}
.customer_dashboard_container .btn-secondary {
    color: #5e6473;
}
.sub-title {
    color: #a0a4b1;
}
.customer_dashboard_container .order-summary .totals .totals_row {
    display: flex;
    justify-content: space-between;
    /* padding: 6px 0; */
    align-items: center;
    margin: 14px 0 0;
    color: #212d3d;
    font-size: 15px;
}
.order-summary .totals .subtotal_row {
    margin-top: 12px;
}
.customer_dashboard_container .info-row .icon {
    color: #a0a4b1;
}
.customer_dashboard_container .order-summary .totals .totals_row.discount_row {
    border-bottom: 1px solid #e4ecf2;
    padding-bottom: 14px;
}
.customer_dashboard_container
    .order-summary
    .totals
    .totals_row.tax_row
    .in_right_price {
    color: #a0a4b1;
}
.customer_dashboard_container .billing-address p {
    color: #212d3d;
    font-size: 15px;
}
.order-details .info-row.ord_exp {
    border-bottom: 1px solid #e6edf5;
    margin-bottom: 32px;
}
.customer_dashboard_container table.dataTable thead > tr > th.sorting:before,
.customer_dashboard_container
    table.dataTable
    thead
    > tr
    > th.sorting_asc:before {
    line-height: 8px !important;
}
.form-control:disabled {
    background-color: #f3f4f9;
}

.badge-cyan {
    background-color: #25bdbd;
}
.my-treatments-section .card-actions .card-button {
    font-family: "Google Sans", sans-serif;
    font-weight: 500;
}
.modal .btn-primary {
    border-radius: 999px;
}
.modal .btn-secondary {
    border-radius: 999px;
}
.view-details:hover:after {
    font-size: 10px;
}
.table-footer .dataTables_info {
    color: #a0a4b1;
}
.table-footer .page-item.next .page-link,
.table-footer .page-item.previous .page-link {
    color: #a0a4b1 !important;
}
.customer_dashboard_container .text-secondary {
    color: #a0a4b1 !important;
}
.customer_dashboard_container .file-name-display {
    color: #a0a4b1;
}
.toast.toast-error {
    background-color: #a84242;
    opacity: 1 !important;
}
.toast.toast-warning {
    background-color: #a84242;
    opacity: 1 !important;
}
.toast.toast-success {
    background-color: #027802;
}
.offcanvas.offcanvas-end {
    height: 100dvh;
    overflow-y: auto;
}
@media (orientation: landscape) {
    .offcanvas-body {
        height: unset;
    }
    .offcanvas-body {
        height: 92vh;
    }
}
@media (max-width: 992px) {
    .nav-link {
        padding: 8px 10px !important;
    }
}
@media (max-width: 850px) {
    .nav-wrapper {
        overflow-y: hidden;
    }
    .customer_dashboard_container .table-footer .foot-pag {
        order: 0;
    }
    .customer_dashboard_container .table-footer .foot-info {
        order: 1;
    }
    .customer_dashboard_container .table-footer .foot-len {
        order: 2;
    }

    .js-mobile-scroll-table .table-responsive,
    .js-mobile-scroll-table .table-container {
        display: block !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
        margin-bottom: 0;
    }

    .js-mobile-scroll-table .table-responsive::-webkit-scrollbar,
    .js-mobile-scroll-table .table-container::-webkit-scrollbar {
        display: none;
        height: 0;
    }

    .mobile-scroll-table--shipment table {
        min-width: 720px;
        white-space: nowrap;
    }

    .mobile-scroll-table--summary table {
        min-width: 540px;
        white-space: nowrap;
    }

    .mobile-scroll-table--datatable table.dataTable {
        min-width: 980px !important;
        white-space: nowrap;
    }

    .mobile-scroll-table--datatable table.dataTable thead th,
    .mobile-scroll-table--datatable table.dataTable tbody td {
        white-space: nowrap;
    }

    .mobile-scroll-indicator {
        width: 100%;
        height: 0;
        margin-top: 0;
        background: #e4ecf2;
        border-radius: 999px;
        overflow: hidden;
        opacity: 0;
        transition: opacity 0.12s ease;
        cursor: pointer;
        touch-action: none;
        user-select: none;
    }

    .js-mobile-scroll-table.is-scrollable .mobile-scroll-indicator {
        height: 5px;
        margin-top: 0;
        opacity: 1;
    }

    .js-mobile-scroll-table.is-scrollable .mobile-scroll-indicator-container {
        border-bottom: 1px solid #e4ecf2;
        padding-bottom: 6px;
        border-top: 1px solid #e4ecf2;
        padding-top: 6px;
    }
    .js-mobile-scroll-table .table {
        margin-bottom: 0;
    }

    .customer_dashboard_container
        .js-mobile-scroll-table
        .table-responsive
        table
        tr:last-child
        td {
        border-bottom: none;
    }
    .mobile-scroll-thumb {
        display: block;
        width: 100%;
        height: 100%;
        background: #a0a4b1;
        border-radius: inherit;
        transform: translateX(0);
        transition:
            width 0.08s linear,
            transform 0.08s linear;
        cursor: grab;
    }

    .mobile-scroll-thumb:active {
        cursor: grabbing;
    }
    .edit-del-con {
        gap: 12px;
    }
    .customer_dashboard_container .order-summary,
    .customer_dashboard_container .order-details,
    .customer_dashboard_container .order-history {
        padding: 1rem;
    }
    .customer_dashboard_container .section-title {
        font-size: 26px;
        margin-bottom: 24px;
    }
    .cmn-wrapper .customer_dashboard_container.container {
        padding-top: 40px;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .docmsg_container .section-title {
        margin-bottom: 12px;
    }
    .support_container .section-title {
        margin-bottom: 12px;
    }
    .customer_dashboard_container .btn-send {
        width: 100%;
    }
    .view-details:hover:after {
        display: none;
    }
}
@media (max-width: 768px) {
    .treatment-card .card-body {
        padding: 10px 0px 10px 0px;
    }
}
@media (max-width: 576px) {
    .nav-links a {
        padding: 22px 0 22px 0;
    }
}