.form-group {
    margin-bottom: 1rem;
}
.loader-bg {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: var(--bs-primary);
}
@keyframes ldio-b5rzs5omc1l {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        top: 70.35000000000001px;
    }
    30% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        top: 50.25px;
    }
    60% {
        animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5);
        top: 70.35000000000001px;
    }
    100% {
        top: 70.35000000000001px;
    }
}
.ldio-b5rzs5omc1l div {
    position: absolute;
    border-radius: 50%;
    width: 13.4px;
    height: 13.4px;
    animation: ldio-b5rzs5omc1l 0.625s infinite;
}
.loadingio-spinner-typing-xprgxbsyl4 {
    width: 134px;
    height: 134px;
    display: inline-block;
    overflow: hidden;
    background: 0 0;
}
.ldio-b5rzs5omc1l {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
}
.ldio-b5rzs5omc1l div {
    box-sizing: content-box;
}
.payment-group {
    box-shadow: none !important;
}
.payment-menu input[type="radio"] {
    display: none;
}
.payment-menu {
    position: relative;
    display: block;
    color: var(--bs-card-title-color);
    text-decoration: none;
    /* background: var(--bs-body-bg); */
    border-radius: 1rem !important;
    user-select: none;
}
.payment-menu input[type="radio"] + .payment-item {
    text-align: center;
    cursor: pointer;
    padding: 0.5rem 1rem;
    font-size: 13px !important;
    border-radius: 1rem !important;
    border: 2px solid var(--bs-gray-300);
    width: 100%;
}
.payment-menu input[type="radio"]:checked + .payment-item {
    background-color: var(--bs-primary-light);
    border: 2px solid var(--bs-primary);
    color: var(--bs-primary);
    font-size: 13px !important;
    display: block;
}
.payment-menu input[type="radio"]:hover:not(:checked) + .payment-item {
    border: 2px solid var(--bs-primary);
}
.payment-menu .info-top {
    margin-top: 7px;
}
.payment-menu .info-bottom {
    margin-top: 7px;
    margin-bottom: 3px;
}
body .swal2-container {
    z-index: 1081 !important;
}
.select2-container--default.select2-container--disabled
    .select2-selection--single {
    background-color: #f3f5f7;
}
.select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    border: 1px solid #bec8d0 !important;
    height: 100% !important;
}
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--multiple {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    height: 0 !important;
    left: 0 !important;
    margin-left: -5px !important;
    margin-top: 8px !important;
}
.select2-container .select2-selection--single:hover {
    background-color: #f8f9fa !important;
}
.select2-container .select2-selection--single:focus {
    color: #131920 !important;
    background-color: #f8f9fa !important;
    border-color: var(--bs-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.1) !important;
}
.select2-results__option:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}
.select2-results__option[aria-selected="true"] {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}
.select2-results__option--highlighted[aria-selected="false"] {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}
.select2-results__option--highlighted[aria-selected="true"] {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}
.select2-container--open .select2-selection--single {
    color: #131920 !important;
    background-color: #f8f9fa !important;
    border-color: var(--bs-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.1) !important;
}
.select2-container .select2-selection--single {
    width: 100%;
    padding: 0.58rem 2rem 0.58rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bec8d0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 0.357rem;
    height: 2rem;
}
[data-pc-theme="dark"] .select2-container .select2-selection--single {
    background-color: #263240 !important;
    border-color: #303f50 !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #131920 !important;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__placeholder {
    color: var(--bs-body-color) !important;
}
[data-pc-theme="dark"]
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}
[data-pc-theme="dark"] .select2-search__field {
    background-color: #263240 !important;
    color: var(--bs-body-color) !important;
}
[data-pc-theme="dark"] .select2-dropdown {
    background-color: #263240 !important;
    color: var(--bs-body-color) !important;
}
[data-pc-theme="dark"] .select2-results__option:hover {
    background: 0 0 !important;
    color: var(--bs-primary) !important;
}
[data-pc-theme="dark"] .select2-container .select2-selection--single:focus {
    border-color: var(--bs-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.1) !important;
}
[data-pc-theme="dark"] .select2-results__option[aria-selected="true"] {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}
[data-pc-theme="dark"]
    .select2-results__option--highlighted[aria-selected="false"] {
    background: 0 0 !important;
    color: var(--bs-primary) !important;
}
[data-pc-theme="dark"]
    .select2-results__option--highlighted[aria-selected="true"] {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
    color: var(--bs-primary) !important;
}
[data-pc-theme="dark"] .select2-container--open .select2-selection--single {
    border-color: var(--bs-primary) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.1) !important;
}
[data-pc-theme="dark"] .form-control:disabled,
[data-pc-theme="dark"] .custom-select:disabled,
[data-pc-theme="dark"] .dataTable-selector:disabled,
[data-pc-theme="dark"] .dataTable-input:disabled {
    -webkit-text-fill-color: var(--bs-body-color);
}
body.swal2-height-auto {
    overflow: hidden !important;
}
.available-balance-card::after {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.3),
        rgba(255, 255, 255, 0)
    );
}
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-secondary,
.btn-custom-gradient {
    background-image: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.25),
        rgba(255, 255, 255, 0)
    ) !important;
    border: none;
}
.btn-outline-primary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-secondary {
    background-image: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.25),
        rgba(255, 255, 255, 0)
    ) !important;
}
[data-pc-theme="dark"] .card .card-header {
    border-bottom: 1px solid #444a52;
}
.table thead th .form-check {
    font-size: var(--bs-body-font-size) !important;
}
.form-check .form-check-input {
    cursor: pointer;
}
.pc-sidebar .pc-hasmenu.pc-trigger > .pc-link > .pc-arrow {
    margin-top: 2px;
}
[data-pc-theme="dark"]
    .payment-menu
    input[type="radio"]:checked
    + .payment-item {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
}
.hero-text-gradient {
    --bg-size: 400%;
    --color-one: rgb(37, 161, 244);
    --color-two: rgb(249, 31, 169);
    background: linear-gradient(
            90deg,
            var(--color-one),
            var(--color-two),
            var(--color-one)
        )
        0 0 / var(--bg-size) 100%;
    color: transparent !important;
    -webkit-background-clip: text;
    background-clip: text;
    animation: move-bg 24s infinite linear;
}
@keyframes move-bg {
    to {
        background-position: var(--bg-size) 0;
    }
}
.bgImageCustom {
    min-height: auto;
    padding-top: 100px;
    padding-bottom: 160px;
}
.wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(../images/landing/wave.png);
    background-size: 1000px 100px;
}
[data-pc-theme="dark"] .wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: url(../images/landing/wave-dark.png);
    background-size: 1000px 100px;
}
.wave.wave1 {
    animation: animate 30s linear infinite;
    z-index: 10;
    opacity: 1;
    animation-delay: 0s;
    bottom: 0;
}
.wave.wave2 {
    animation: animate2 15s linear infinite;
    z-index: 9;
    opacity: 0.5;
    animation-delay: -5s;
    bottom: 15px;
}
.wave.wave3 {
    animation: animate 30s linear infinite;
    z-index: 8;
    opacity: 0.2;
    animation-delay: -2s;
    bottom: 15px;
}
.wave.wave4 {
    animation: animate2 5s linear infinite;
    z-index: 7;
    opacity: 0.7;
    animation-delay: -5s;
    bottom: 25px;
}
@keyframes animate {
    0% {
        background-position: 0;
    }
    100% {
        background-position: 1000px;
    }
}
@keyframes animate2 {
    0% {
        background-position: 0;
    }
    100% {
        background-position: -1000px;
    }
}
.background-pattern1 {
    background-repeat: repeat;
    background-size: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ncGF0dGVybklkJyBvcGFjaXR5PScwLjEnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGRlZnM+PHBhdHRlcm4gaWQ9J2EnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIHdpZHRoPSc3MCcgaGVpZ2h0PSc3MCcgcGF0dGVyblRyYW5zZm9ybT0nc2NhbGUoMSkgcm90YXRlKDApJz48cmVjdCB4PScwJyB5PScwJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSdoc2xhKDAsMCUsMTAwJSwxKScvPjxwYXRoIGQ9J00tNC44IDQuNDRMNCAxNi41OSAxNi4xNCA3LjhNMzIgMzAuNTRsLTEzLjIzIDcuMDcgNy4wNiAxMy4yM00tOSAzOC4wNGwtMy44MSAxNC41IDE0LjUgMy44MU02NS4yMiA0LjQ0TDc0IDE2LjU5IDg2LjE1IDcuOE02MSAzOC4wNGwtMy44MSAxNC41IDE0LjUgMy44MScgIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlPSdoc2xhKDI1OC41LDU5LjQlLDU5LjQlLDEpJyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTU5LjcxIDYyLjg4djNoM000Ljg0IDI1LjU0TDIuODcgMjcuOGwyLjI2IDEuOTdtNy42NSAxNi40bC0yLjIxLTIuMDMtMi4wMyAyLjIxbTI5LjI2IDcuMTNsLjU2IDIuOTUgMi45NS0uNTUnICBzdHJva2UtbGluZWNhcD0nc3F1YXJlJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZT0naHNsYSgzMzkuNiw4Mi4yJSw1MS42JSwxKScgZmlsbD0nbm9uZScvPjxwYXRoIGQ9J001OC45OCAyNy41N2wtMi4zNS0xMC43NC0xMC43NSAyLjM2TTMxLjk4LTQuODdsMi43NCAxMC42NSAxMC42NS0yLjczTTMxLjk4IDY1LjEzbDIuNzQgMTAuNjYgMTAuNjUtMi43NCcgIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlPSdoc2xhKDE5OC43LDk3LjYlLDQ4LjQlLDEpJyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTguNDIgNjIuNTdsNi40IDIuODIgMi44Mi02LjQxbTMzLjEzLTE1LjI0bC00Ljg2LTUuMDMtNS4wMyA0Ljg2bS0xNC0xOS42NGw0Ljg0LTUuMDYtNS4wNi00Ljg0JyAgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2U9J2hzbGEoNDcsODAuOSUsNjElLDEpJyBmaWxsPSdub25lJy8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0nODAwJScgaGVpZ2h0PSc4MDAlJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwLDApJyBmaWxsPSd1cmwoJTIzYSknLz48L3N2Zz4=);
}
.background-pattern2 {
    background-repeat: repeat;
    background-size: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ncGF0dGVybklkJyBvcGFjaXR5PScwLjEnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGRlZnM+PHBhdHRlcm4gaWQ9J2EnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIHdpZHRoPSc3MCcgaGVpZ2h0PSc3MCcgcGF0dGVyblRyYW5zZm9ybT0nc2NhbGUoMSkgcm90YXRlKDApJz48cmVjdCB4PScwJyB5PScwJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSdoc2xhKDAsMCUsMTAwJSwxKScvPjxwYXRoIGQ9J00tNC44IDQuNDRMNCAxNi41OSAxNi4xNCA3LjhNMzIgMzAuNTRsLTEzLjIzIDcuMDcgNy4wNiAxMy4yM00tOSAzOC4wNGwtMy44MSAxNC41IDE0LjUgMy44MU02NS4yMiA0LjQ0TDc0IDE2LjU5IDg2LjE1IDcuOE02MSAzOC4wNGwtMy44MSAxNC41IDE0LjUgMy44MScgIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlPSdoc2xhKDI1OC41LDU5LjQlLDU5LjQlLDEpJyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTU5LjcxIDYyLjg4djNoM000Ljg0IDI1LjU0TDIuODcgMjcuOGwyLjI2IDEuOTdtNy42NSAxNi40bC0yLjIxLTIuMDMtMi4wMyAyLjIxbTI5LjI2IDcuMTNsLjU2IDIuOTUgMi45NS0uNTUnICBzdHJva2UtbGluZWNhcD0nc3F1YXJlJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZT0naHNsYSgzMzkuNiw4Mi4yJSw1MS42JSwxKScgZmlsbD0nbm9uZScvPjxwYXRoIGQ9J001OC45OCAyNy41N2wtMi4zNS0xMC43NC0xMC43NSAyLjM2TTMxLjk4LTQuODdsMi43NCAxMC42NSAxMC42NS0yLjczTTMxLjk4IDY1LjEzbDIuNzQgMTAuNjYgMTAuNjUtMi43NCcgIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlPSdoc2xhKDE5OC43LDk3LjYlLDQ4LjQlLDEpJyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTguNDIgNjIuNTdsNi40IDIuODIgMi44Mi02LjQxbTMzLjEzLTE1LjI0bC00Ljg2LTUuMDMtNS4wMyA0Ljg2bS0xNC0xOS42NGw0Ljg0LTUuMDYtNS4wNi00Ljg0JyAgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2U9J2hzbGEoNDcsODAuOSUsNjElLDEpJyBmaWxsPSdub25lJy8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0nODAwJScgaGVpZ2h0PSc4MDAlJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtMzUsLTEzKScgZmlsbD0ndXJsKCUyM2EpJy8+PC9zdmc+);
}
.background-pattern3 {
    background-repeat: repeat;
    background-size: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ncGF0dGVybklkJyBvcGFjaXR5PScwLjEnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGRlZnM+PHBhdHRlcm4gaWQ9J2EnIHBhdHRlcm5Vbml0cz0ndXNlclNwYWNlT25Vc2UnIHdpZHRoPSc3MCcgaGVpZ2h0PSc3MCcgcGF0dGVyblRyYW5zZm9ybT0nc2NhbGUoMSkgcm90YXRlKDApJz48cmVjdCB4PScwJyB5PScwJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSdoc2xhKDAsMCUsMTAwJSwxKScvPjxwYXRoIGQ9J00tNC44IDQuNDRMNCAxNi41OSAxNi4xNCA3LjhNMzIgMzAuNTRsLTEzLjIzIDcuMDcgNy4wNiAxMy4yM00tOSAzOC4wNGwtMy44MSAxNC41IDE0LjUgMy44MU02NS4yMiA0LjQ0TDc0IDE2LjU5IDg2LjE1IDcuOE02MSAzOC4wNGwtMy44MSAxNC41IDE0LjUgMy44MScgIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlPSdoc2xhKDI1OC41LDU5LjQlLDU5LjQlLDEpJyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTU5LjcxIDYyLjg4djNoM000Ljg0IDI1LjU0TDIuODcgMjcuOGwyLjI2IDEuOTdtNy42NSAxNi40bC0yLjIxLTIuMDMtMi4wMyAyLjIxbTI5LjI2IDcuMTNsLjU2IDIuOTUgMi45NS0uNTUnICBzdHJva2UtbGluZWNhcD0nc3F1YXJlJyBzdHJva2Utd2lkdGg9JzInIHN0cm9rZT0naHNsYSgzMzkuNiw4Mi4yJSw1MS42JSwxKScgZmlsbD0nbm9uZScvPjxwYXRoIGQ9J001OC45OCAyNy41N2wtMi4zNS0xMC43NC0xMC43NSAyLjM2TTMxLjk4LTQuODdsMi43NCAxMC42NSAxMC42NS0yLjczTTMxLjk4IDY1LjEzbDIuNzQgMTAuNjYgMTAuNjUtMi43NCcgIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlPSdoc2xhKDE5OC43LDk3LjYlLDQ4LjQlLDEpJyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTguNDIgNjIuNTdsNi40IDIuODIgMi44Mi02LjQxbTMzLjEzLTE1LjI0bC00Ljg2LTUuMDMtNS4wMyA0Ljg2bS0xNC0xOS42NGw0Ljg0LTUuMDYtNS4wNi00Ljg0JyAgc3Ryb2tlLWxpbmVjYXA9J3NxdWFyZScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2U9J2hzbGEoNDcsODAuOSUsNjElLDEpJyBmaWxsPSdub25lJy8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0nODAwJScgaGVpZ2h0PSc4MDAlJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgtNDcsLTI2KScgZmlsbD0ndXJsKCUyM2EpJy8+PC9zdmc+);
}

/* IVMEDIASMM v6.3 - compact member navigation and account summary */
:root {
    --iv-sidebar-width: 250px;
    --iv-header-height: 60px;
}

html,
body {
    min-height: 100%;
    background: var(--bs-body-bg);
}

html {
    scrollbar-width: auto;
    scrollbar-color: rgba(82, 88, 96, 0.72) rgba(82, 88, 96, 0.08);
}

html::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html::-webkit-scrollbar-track {
    background: rgba(82, 88, 96, 0.08);
}

html::-webkit-scrollbar-thumb {
    background: rgba(82, 88, 96, 0.68);
    border: 2px solid transparent;
    border-radius: 10px;
    background-clip: padding-box;
}

html::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:active {
    background: rgba(63, 68, 75, 0.88);
    background-clip: padding-box;
}

body[data-pc-layout="color-header"],
[data-pc-layout="color-header"] {
    --pc-header-color: #526173;
    --pc-layout-2-color: var(--bs-body-bg);
    background: var(--bs-body-bg) !important;
}

[data-pc-layout="color-header"] .pc-header {
    min-height: var(--iv-header-height);
    background: rgba(var(--bs-body-bg-rgb), 0.96) !important;
    border-bottom: 1px solid var(--bs-border-color);
    box-shadow: 0 2px 10px rgba(29, 38, 48, 0.04);
    backdrop-filter: blur(10px);
}

[data-pc-layout="color-header"] .pc-header .pc-head-link::before {
    background: rgba(var(--bs-primary-rgb), 0.08);
}

[data-pc-layout="color-header"] .pc-container .page-header .breadcrumb .breadcrumb-item,
[data-pc-layout="color-header"] .pc-container .page-header .breadcrumb a,
[data-pc-layout="color-header"] .pc-container .page-header .h2,
[data-pc-layout="color-header"] .pc-container .page-header h2 {
    color: var(--pc-heading-color);
}

[data-pc-layout="color-header"] .pc-container .page-header .breadcrumb {
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
}

[data-pc-layout="color-header"] .pc-container .page-header .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "/");
    color: var(--bs-secondary-color);
}

.pc-sidebar,
.pc-sidebar .navbar-wrapper {
    width: var(--iv-sidebar-width);
}

[data-pc-layout="color-header"] .pc-sidebar {
    position: fixed !important;
    height: 100vh !important;
    background: var(--bs-body-bg) !important;
    border-right: 1px solid var(--bs-border-color);
}

.pc-sidebar .m-header,
.iv-sidebar-header {
    height: var(--iv-header-height);
    min-height: var(--iv-header-height);
    padding: 10px 13px 10px 17px;
    justify-content: flex-start;
    gap: 8px;
}

.iv-sidebar-brand {
    min-width: 0;
    color: var(--pc-heading-color) !important;
    text-decoration: none;
}

.iv-brand-text {
    display: block;
    max-width: 178px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
}


[data-pc-layout="color-header"] .pc-sidebar .navbar-content,
.pc-sidebar .navbar-content {
    height: calc(100vh - var(--iv-header-height));
    padding: 7px 0 9px;
    border-radius: 0;
    box-shadow: none;
    background: var(--bs-body-bg);
    overscroll-behavior: contain;
    scrollbar-width: auto;
    scrollbar-color: rgba(82, 88, 96, 0.72) rgba(82, 88, 96, 0.08);
}

.pc-sidebar .navbar-content::-webkit-scrollbar {
    width: 12px;
}

.pc-sidebar .navbar-content::-webkit-scrollbar-track {
    background: rgba(82, 88, 96, 0.08);
    border-left: 1px solid rgba(82, 88, 96, 0.07);
}

.pc-sidebar .navbar-content::-webkit-scrollbar-thumb {
    background: rgba(82, 88, 96, 0.68);
    border: 2px solid transparent;
    border-radius: 10px;
    background-clip: padding-box;
}

.pc-sidebar .navbar-content::-webkit-scrollbar-thumb:hover,
.pc-sidebar .navbar-content::-webkit-scrollbar-thumb:active {
    background: rgba(63, 68, 75, 0.88);
    background-clip: padding-box;
}

.pc-sidebar .pc-user-card,
.pc-sidebar .pc-caption {
    display: none !important;
}

.pc-sidebar .pc-navbar {
    padding: 2px 0 14px;
}

.pc-sidebar .pc-navbar > .pc-item {
    margin: 1px 8px;
}

.pc-sidebar .pc-link {
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    font-size: 13.5px;
    line-height: 1.25;
    border-radius: 10px;
}

.pc-sidebar .pc-micon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    line-height: 20px;
}

.pc-sidebar .pc-micon i {
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
}

.pc-sidebar .pc-navbar > .pc-item > .pc-link::after {
    inset: 1px;
    border-radius: 10px;
}

.pc-sidebar .pc-navbar > .pc-item.active > .pc-link {
    font-weight: 600;
}

/* v6.4.3: scrollbar sidebar permanen dan serupa scrollbar konten kanan. */
.pc-sidebar .navbar-content .simplebar-track.simplebar-vertical {
    display: block !important;
    visibility: visible !important;
    right: 0;
    width: 12px;
    opacity: 1 !important;
    pointer-events: auto;
    background: rgba(82, 88, 96, 0.08);
    border-left: 1px solid rgba(82, 88, 96, 0.07);
}

.pc-sidebar .navbar-content .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    visibility: visible !important;
}

.pc-sidebar .navbar-content .simplebar-scrollbar::before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    background: rgba(82, 88, 96, 0.72);
    border-radius: 10px;
    opacity: 0.72 !important;
    transition: opacity 0.16s ease, background-color 0.16s ease;
}

.pc-sidebar .navbar-content .simplebar-scrollbar.simplebar-visible::before,
.pc-sidebar .navbar-content .simplebar-track:hover .simplebar-scrollbar::before,
.pc-sidebar .navbar-content .simplebar-track:active .simplebar-scrollbar::before,
.pc-sidebar .navbar-content .simplebar-scrollbar:active::before,
.pc-sidebar .navbar-content.simplebar-dragging .simplebar-scrollbar::before,
.pc-sidebar .navbar-content[data-simplebar].simplebar-dragging .simplebar-scrollbar::before {
    background: rgba(63, 68, 75, 0.9);
    opacity: 0.92 !important;
}

.pc-header {
    left: var(--iv-sidebar-width);
    min-height: var(--iv-header-height);
}

.pc-header .header-wrapper {
    min-width: 0;
    align-items: center;
    gap: 10px;
    padding: 0 14px;
}

.pc-header .pc-h-item {
    min-height: var(--iv-header-height);
}

.pc-container {
    top: var(--iv-header-height);
    margin-left: var(--iv-sidebar-width);
}

[data-pc-layout="color-header"] .pc-container {
    padding-top: 116px;
}

[data-pc-layout="color-header"] .pc-container .page-header {
    margin-top: -116px;
}

.page-header {
    top: var(--iv-header-height);
    left: var(--iv-sidebar-width);
}

.pc-footer {
    margin-left: var(--iv-sidebar-width);
    margin-top: var(--iv-header-height);
    background: var(--bs-body-bg) !important;
}

[data-pc-layout="color-header"] .pc-container .pc-content,
.page-order-single,
.page-order-single .pc-container,
.page-order-single .pc-content,
.page-order-single .pc-footer,
.page-order-single .pc-footer .footer-wrapper {
    background: var(--bs-body-bg) !important;
}

.page-order-single {
    --pc-layout-2-color: var(--bs-body-bg) !important;
    overflow-x: hidden;
}

.page-order-single .pc-footer {
    margin-top: 28px;
    border-top: 1px solid var(--bs-border-color);
}

/* Jangan biarkan widget/campaign chat membuat bar biru pada halaman Pesanan Baru. */
.page-order-single #tawkchat-container,
.page-order-single .tawk-min-container,
.page-order-single .tawk-button,
.page-order-single #crisp-chatbox,
.page-order-single .crisp-client,
.page-order-single iframe[src*="tawk.to"],
.page-order-single iframe[src*="crisp.chat"],
.page-order-single iframe[src*="client.crisp.chat"] {
    display: none !important;
    visibility: hidden !important;
}

.iv-topbar-stats {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    overflow-x: auto;
    padding: 5px 1px;
    scrollbar-width: none;
}

.iv-topbar-stats::-webkit-scrollbar {
    display: none;
}

.iv-stat-card {
    flex: 0 0 auto;
    min-width: 126px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    color: var(--bs-body-color);
    background: rgba(var(--bs-primary-rgb), 0.035);
    border: 1px solid rgba(var(--bs-primary-rgb), 0.13);
    border-radius: 10px;
    text-decoration: none;
}

.iv-stat-card:hover {
    color: var(--bs-body-color);
    background: rgba(var(--bs-primary-rgb), 0.08);
    border-color: rgba(var(--bs-primary-rgb), 0.25);
}

.iv-stat-user {
    min-width: 155px;
}

.iv-stat-money,
.iv-stat-balance {
    min-width: 158px;
}

.iv-stat-level {
    min-width: 116px;
}

.iv-stat-icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.1);
    border-radius: 9px;
    font-size: 18px;
}

.iv-stat-money .iv-stat-icon,
.iv-stat-balance .iv-stat-icon {
    color: #08a86b;
    background: rgba(8, 168, 107, 0.1);
}

.iv-stat-level .iv-stat-icon {
    color: #b77a00;
    background: rgba(245, 176, 35, 0.14);
}

.iv-stat-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.iv-stat-copy small {
    margin-bottom: 3px;
    color: var(--bs-secondary-color);
    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
}

.iv-stat-copy strong {
    max-width: 132px;
    overflow: hidden;
    color: var(--pc-heading-color);
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iv-stat-money .iv-stat-copy strong,
.iv-stat-balance .iv-stat-copy strong {
    color: #08a86b;
}

.iv-stat-level .iv-stat-copy strong {
    color: #9b6900;
}

.iv-header-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 6px;
}

.iv-header-action {
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 11px;
    color: var(--pc-header-color);
    background: rgba(var(--bs-primary-rgb), 0.025);
    border: 1px solid var(--bs-border-color);
    border-radius: 18px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.iv-header-action:hover,
.iv-header-action:focus {
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.08);
    border-color: rgba(var(--bs-primary-rgb), 0.22);
}

.iv-theme-action {
    width: 36px;
    padding: 0;
}

.iv-account-menu {
    min-width: 245px;
}

[data-pc-theme="dark"] [data-pc-layout="color-header"] .pc-header,
[data-pc-theme="dark"] [data-pc-layout="color-header"] .pc-sidebar,
[data-pc-theme="dark"] [data-pc-layout="color-header"] .pc-sidebar .navbar-content {
    background: var(--bs-body-bg) !important;
}

@media (max-width: 1399.98px) {
    .pc-header .header-wrapper {
        gap: 6px;
        padding-left: 9px;
        padding-right: 9px;
    }

    .iv-topbar-stats {
        gap: 5px;
    }

    .iv-stat-card {
        min-width: 104px;
        height: 46px;
        gap: 6px;
        padding-left: 7px;
        padding-right: 7px;
    }

    .iv-stat-user {
        min-width: 128px;
    }

    .iv-stat-money,
    .iv-stat-balance {
        min-width: 134px;
    }

    .iv-stat-level {
        min-width: 104px;
    }

    .iv-stat-icon {
        flex-basis: 29px;
        width: 29px;
        height: 29px;
        font-size: 16px;
    }

    .iv-stat-copy small {
        font-size: 9px;
    }

    .iv-stat-copy strong {
        max-width: 112px;
        font-size: 12px;
    }

    .iv-header-action span {
        display: none;
    }

    .iv-header-action {
        width: 34px;
        height: 34px;
        padding: 0;
    }
}

@media (max-width: 1199.98px) {
    :root {
        --iv-sidebar-width: 235px;
    }

    .iv-stat-level {
        display: none;
    }

    .iv-header-action span {
        display: none;
    }

    .iv-header-action {
        width: 36px;
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .pc-header {
        left: 0;
    }

    .pc-container,
    .pc-footer {
        margin-left: 0;
    }

    .page-header {
        left: 0;
    }
}

@media (max-width: 767.98px) {
    .pc-header .header-wrapper {
        gap: 4px;
        padding: 0 8px;
    }

    .iv-stat-card:not(.iv-stat-user):not(.iv-stat-balance) {
        display: none;
    }

    .iv-stat-user {
        min-width: 126px;
    }

    .iv-stat-balance {
        min-width: 132px;
    }

    .iv-stat-icon {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
        font-size: 16px;
    }

    .iv-stat-copy strong {
        font-size: 12px;
    }
}

@media (max-width: 575.98px) {
    .iv-stat-user {
        display: none;
    }

    .iv-stat-balance {
        min-width: 126px;
    }

    .pc-container .pc-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* IVMEDIASMM v6.4 overrides */
.pc-sidebar .navbar-wrapper {
    height: 100vh;
    display: flex;
    flex-direction: column;
    border-radius: 0 !important;
    background: var(--bs-body-bg) !important;
}

.pc-sidebar .navbar-content {
    flex: 1 1 auto;
    min-height: 0;
    border-radius: 0 !important;
    background: var(--bs-body-bg) !important;
}

.pc-sidebar,
.pc-sidebar .navbar-wrapper,
.pc-sidebar .navbar-content,
.pc-sidebar .simplebar-wrapper,
.pc-sidebar .simplebar-mask,
.pc-sidebar .simplebar-offset,
.pc-sidebar .simplebar-content-wrapper,
.pc-sidebar .simplebar-content,
.pc-sidebar .m-header,
.iv-sidebar-header {
    background: var(--bs-body-bg) !important;
    border-radius: 0 !important;
}

.pc-sidebar {
    overflow: hidden;
    border-radius: 0 !important;
}

.pc-sidebar .m-header,
.iv-sidebar-header {
    padding: 8px 12px 8px 14px;
    border-bottom: 1px solid var(--bs-border-color);
}

.iv-sidebar-brand {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--pc-heading-color) !important;
    text-decoration: none;
}

.iv-brand-logo {
    width: 38px;
    height: 38px;
    object-fit: contain;
    flex: 0 0 38px;
}

.iv-brand-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.iv-brand-text {
    max-width: 165px;
    font-size: 15px;
}

.iv-brand-tagline {
    color: var(--bs-secondary-color);
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
}

.pc-sidebar .pc-link,
.pc-sidebar .pc-navbar > .pc-item > .pc-link::after,
.pc-sidebar .pc-submenu .pc-link {
    border-radius: 4px !important;
}

.page-header,
[data-pc-layout="color-header"] .pc-container .page-header {
    display: none !important;
}

[data-pc-layout="color-header"] .pc-container {
    padding-top: 78px;
}

[data-pc-layout="color-header"] .pc-container .pc-content {
    padding-top: 0;
}

.pc-footer {
    margin-top: 0;
}

.pct-c-btn,
#offcanvas_pc_layout {
    display: none !important;
}

@media (max-width: 1024px) {
    .pc-sidebar,
    .pc-sidebar .navbar-wrapper,
    .pc-sidebar .navbar-content,
    .pc-sidebar .m-header,
    .iv-sidebar-header {
        border-radius: 0 !important;
    }
}

/* IVMEDIASMM v6.4 - flat navigation, neutral content area, unified member/admin header */
.iv-layout-flat,
.iv-layout-flat[data-pc-layout="color-header"] {
    --pc-layout-2-color: var(--bs-body-bg) !important;
    background: var(--bs-body-bg) !important;
}

.iv-layout-flat .pc-sidebar,
.iv-layout-flat .pc-sidebar .navbar-wrapper,
.iv-layout-flat .pc-sidebar .navbar-content,
.iv-layout-flat .pc-sidebar .simplebar-content-wrapper,
.iv-layout-flat .pc-sidebar .simplebar-content {
    background: var(--bs-body-bg) !important;
}

.iv-layout-flat .pc-sidebar {
    top: 0 !important;
    bottom: 0 !important;
    min-height: 100vh !important;
    overflow: hidden;
}

.iv-layout-flat .pc-sidebar .navbar-wrapper {
    position: relative;
    height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden;
}

.iv-layout-flat .pc-sidebar .navbar-content {
    position: absolute !important;
    top: var(--iv-header-height);
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 10px;
    border-top: 1px solid var(--bs-border-color);
}

.iv-layout-flat .iv-sidebar-header {
    width: 100%;
    background: var(--bs-body-bg) !important;
    border-bottom: 0;
}

.iv-layout-flat .iv-sidebar-brand {
    flex: 1 1 auto;
    min-width: 0;
    display: flex !important;
    align-items: center;
    gap: 9px;
    overflow: hidden;
}

.iv-layout-flat .iv-brand-logo {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    object-fit: contain;
    border-radius: 0;
}

.iv-layout-flat .iv-brand-text {
    flex: 1 1 auto;
    max-width: 148px;
    color: var(--pc-heading-color);
    font-size: 15px;
    font-weight: 700;
}


/* Menu aktif/hover dibuat kotak dan menggunakan seluruh lebar sidebar. */
.iv-layout-flat .pc-sidebar .pc-navbar > .pc-item {
    margin-right: 0;
    margin-left: 0;
}

.iv-layout-flat .pc-sidebar .pc-link,
.iv-layout-flat .pc-sidebar .pc-navbar > .pc-item > .pc-link::after {
    border-radius: 0 !important;
}

.iv-layout-flat .pc-sidebar .pc-navbar > .pc-item > .pc-link::after {
    inset: 0;
}

.iv-layout-flat .pc-sidebar .pc-navbar > .pc-item > .pc-link {
    padding-right: 14px;
    padding-left: 14px;
}

.iv-layout-flat .pc-sidebar .pc-submenu .pc-link {
    border-radius: 0 !important;
}

/* Hilangkan area hero biru, breadcrumb, dan judul halaman pada semua halaman. */
.iv-layout-flat .page-header,
.iv-layout-flat .page-block,
.iv-layout-flat .breadcrumb {
    display: none !important;
}

.iv-layout-flat[data-pc-layout="color-header"] .pc-container {
    padding-top: 0 !important;
    background: var(--bs-body-bg) !important;
}

.iv-layout-flat[data-pc-layout="color-header"] .pc-container .pc-content,
.iv-layout-flat .pc-container .pc-content {
    min-height: calc(100vh - var(--iv-header-height));
    padding-top: 20px !important;
    background: var(--bs-body-bg) !important;
}

.iv-layout-flat .pc-container,
.iv-layout-flat .pc-footer {
    background: var(--bs-body-bg) !important;
}

.iv-layout-flat .pc-footer {
    border-top: 1px solid var(--bs-border-color);
}

/* Pengaturan tema hanya mengikuti konfigurasi admin; tombol gear dan pemilih tema dihapus. */
.iv-layout-flat .pct-c-btn,
.iv-layout-flat #offcanvas_pc_layout,
.iv-layout-flat .iv-theme-action {
    display: none !important;
}

.iv-layout-flat .pc-header .pc-head-link,
.iv-layout-flat .pc-header .pc-head-link i {
    color: var(--pc-header-color) !important;
}

.iv-layout-flat .iv-account-action,
.iv-layout-flat .iv-logout-action {
    flex: 0 0 auto;
}

.iv-layout-flat .iv-account-action i,
.iv-layout-flat .iv-logout-action i {
    font-size: 18px;
}

@media (max-width: 575.98px) {
    .iv-layout-flat .iv-header-actions {
        flex: 0 0 auto;
        gap: 4px;
        margin-left: auto;
    }

    .iv-layout-flat .iv-account-action,
    .iv-layout-flat .iv-logout-action {
        display: inline-flex !important;
        width: 34px;
        height: 34px;
        padding: 0;
    }

    .iv-layout-flat .iv-stat-balance {
        min-width: 112px;
    }

    .iv-layout-flat .iv-brand-text {
        max-width: 142px;
    }
}

.iv-layout-flat #title-page {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
}