.com-primary{
    background: #f00 !important;
}

:root {
    --dpboss-peach: #ffca99;
    --dpboss-peach-strong: #ffbd80;
    --dpboss-red: #ab0a0a;
    --dpboss-green: #00a51a;
    --dpboss-border: #d9d9d9;
    --dpboss-shadow: 0 1px 3px rgba(0, 0, 0, .18);
    --dpboss-bg: #f6f6f6;
    --dpboss-surface: #ffffff;
    --dpboss-surface-soft: #fff4e8;
    --dpboss-text: #050505;
    --dpboss-muted: #6d6475;
    --dpboss-accent: #b70f20;
}

.dpboss-theme,
.dpboss-home {
    background: var(--dpboss-bg);
    color: var(--dpboss-text);
}

.dpboss-theme #appCapsule,
.dpboss-home #appCapsule {
    padding-left: 10px;
    padding-right: 10px;
    background: var(--dpboss-bg);
}

.dpboss-theme .appHeader {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 6px !important;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    border-bottom: 1px solid #efc79c !important;
    box-shadow: none;
}

.dpboss-theme .appHeader:before {
    background: var(--dpboss-peach) !important;
}

.dpboss-theme .appHeader .left,
.dpboss-theme .appHeader .right {
    height: 42px !important;
    align-items: center;
}

.dpboss-theme .appHeader .headerButton,
.dpboss-theme .appHeader ion-icon,
.dpboss-theme .appHeader .fa,
.dpboss-theme .appHeader .pageTitle {
    color: #000 !important;
}

.dpboss-theme .appHeader .left .headerButton {
    width: 40px !important;
    height: 42px !important;
    padding: 0 !important;
}

.dpboss-theme .notification-box,
.dpboss-home .notification-box {
    left: 10px;
    right: 10px;
    width: auto;
    z-index: 99999;
    margin-top: calc(env(safe-area-inset-top) + 8px);
}

.dpboss-theme .notification-box.show,
.dpboss-home .notification-box.show {
    top: 0;
}

.dpboss-theme .notification-dialog.ios-style,
.dpboss-home .notification-dialog.ios-style {
    overflow: hidden;
    margin: 0 auto;
    max-width: 360px;
    min-height: 48px;
    border: 1px solid rgba(183, 15, 32, .16);
    border-radius: 12px;
    background: #fff7ee !important;
    box-shadow: 0 8px 20px rgba(65, 24, 8, .18);
    color: var(--dpboss-text);
}

.dpboss-theme .notification-dialog.ios-style:before,
.dpboss-home .notification-dialog.ios-style:before {
    display: none;
}

.dpboss-theme .notification-dialog.ios-style.dpboss-toast-success:before,
.dpboss-home .notification-dialog.ios-style.dpboss-toast-success:before {
    background: #0a9e3f;
}

.dpboss-theme .notification-dialog.ios-style.dpboss-toast-error:before,
.dpboss-home .notification-dialog.ios-style.dpboss-toast-error:before {
    background: var(--dpboss-accent);
}

.dpboss-theme .notification-dialog.ios-style .notification-header,
.dpboss-home .notification-dialog.ios-style .notification-header {
    float: left;
    width: 56px;
    min-height: 48px;
    padding: 10px 0 10px 10px;
    border-radius: 0;
    background: transparent;
}

.dpboss-theme .notification-dialog.ios-style .notification-header .in,
.dpboss-home .notification-dialog.ios-style .notification-header .in {
    gap: 7px;
}

.dpboss-theme .notification-dialog.ios-style .notification-header .in strong,
.dpboss-home .notification-dialog.ios-style .notification-header .in strong {
    display: none;
}

.dpboss-theme .notification-dialog.ios-style .notification-header .close-button,
.dpboss-home .notification-dialog.ios-style .notification-header .close-button {
    position: absolute;
    top: 11px;
    right: 9px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    color: var(--dpboss-accent);
    font-size: 17px;
    opacity: .7;
}

.dpboss-theme .notification-dialog.ios-style .notification-content,
.dpboss-home .notification-dialog.ios-style .notification-content {
    min-height: 48px;
    padding: 10px 34px 9px 0;
    color: var(--dpboss-text);
    align-items: center;
}

.dpboss-theme .notification-dialog.ios-style .notification-content .subtitle,
.dpboss-home .notification-dialog.ios-style .notification-content .subtitle {
    margin: 0;
    color: #37020a;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

.dpboss-theme .notification-dialog.ios-style .notification-content .in,
.dpboss-home .notification-dialog.ios-style .notification-content .in {
    padding-right: 0;
}

.dpboss-theme .dpboss-toast-icon,
.dpboss-home .dpboss-toast-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--dpboss-accent);
    color: #fff;
    font-size: 14px;
    box-shadow: 0 3px 8px rgba(183, 15, 32, .2);
}

.dpboss-theme .dpboss-toast-success .dpboss-toast-icon,
.dpboss-home .dpboss-toast-success .dpboss-toast-icon {
    background: #0a9e3f;
    box-shadow: 0 4px 10px rgba(10, 158, 63, .22);
}

.dpboss-theme .dpboss-toast-error .dpboss-toast-icon,
.dpboss-home .dpboss-toast-error .dpboss-toast-icon {
    background: var(--dpboss-accent);
}

.dpboss-theme .appHeader .pageTitle {
    font-size: 14px;
    font-weight: 700;
}

.dpboss-theme .appBottomMenu {
    min-height: 62px;
    height: calc(62px + env(safe-area-inset-bottom));
    border-top: 0;
    background: #fff;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .12);
}

.dpboss-theme .appBottomMenu .item {
    color: var(--dpboss-accent) !important;
    border: 0 !important;
}

.dpboss-theme .appBottomMenu .item ion-icon,
.dpboss-theme .appBottomMenu .item .fa,
.dpboss-theme .appBottomMenu .item strong {
    color: currentColor !important;
}

.dpboss-theme .appBottomMenu .item ion-icon {
    display: block;
    font-size: 19px;
    line-height: 20px;
}

.dpboss-theme .appBottomMenu .item .fa {
    display: block;
    font-size: 16px;
    line-height: 20px;
}

.dpboss-theme .appBottomMenu .item strong {
    margin-top: 1px;
    font-size: 10px;
    font-weight: 500;
}

.dpboss-theme .appBottomMenu .item.active,
.dpboss-theme .appBottomMenu .item:active,
.dpboss-theme .appBottomMenu .item:focus {
    border: 0 !important;
    color: var(--dpboss-accent) !important;
}

.dpboss-theme .appBottomMenu .item.active::before,
.dpboss-theme .appBottomMenu .item::before {
    display: none !important;
    content: none !important;
}

.dpboss-txn-modal .modal-dialog {
    margin: 0;
}

.dpboss-txn-modal .modal-content {
    border: 1px solid rgba(183, 15, 32, .12);
    border-radius: 22px 22px 0 0;
    overflow: hidden;
    background: linear-gradient(180deg, #fffaf5 0%, #fff 100%);
    box-shadow: 0 -10px 30px rgba(65, 24, 8, .18);
}

.dpboss-txn-modal .modal-header {
    padding: 14px 16px 12px;
    align-items: flex-start;
    border-bottom: 1px solid rgba(183, 15, 32, .08);
    background: linear-gradient(135deg, #fff2e4 0%, #fff8ef 100%);
}

.dpboss-txn-modal .dpboss-txn-modal-title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.dpboss-txn-modal .dpboss-txn-modal-icon {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--dpboss-accent);
    color: #fff;
    box-shadow: 0 6px 14px rgba(183, 15, 32, .2);
}

.dpboss-txn-modal .dpboss-txn-modal-icon ion-icon {
    font-size: 18px;
}

.dpboss-txn-modal .modal-title {
    margin: 0;
    font-size: 15px;
    font-weight: 800;
    color: #27173e;
    line-height: 1.2;
}

.dpboss-txn-modal .dpboss-txn-modal-subtitle {
    margin: 3px 0 0;
    font-size: 11px;
    line-height: 1.35;
    color: var(--dpboss-muted);
}

.dpboss-txn-modal .modal-header a[data-bs-dismiss="modal"] {
    flex: 0 0 auto;
    padding: 8px 0 0;
    color: var(--dpboss-accent);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.dpboss-txn-modal .modal-body {
    padding: 14px 14px 18px;
    background: #fff;
}

.dpboss-txn-modal .dpboss-txn-modal-card {
    border: 1px solid rgba(183, 15, 32, .1);
    border-radius: 18px;
    padding: 12px;
    background: #fffdf9;
    box-shadow: 0 10px 20px rgba(65, 24, 8, .08);
}

.dpboss-txn-modal .dpboss-txn-modal-preview {
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(217, 217, 217, .75);
}

.dpboss-txn-modal .dpboss-txn-modal-preview img {
    display: block;
    width: 100%;
    height: auto;
}

.dpboss-txn-modal .dpboss-txn-modal-note {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #fff3e8;
    border: 1px dashed rgba(183, 15, 32, .18);
}

.dpboss-txn-modal .dpboss-txn-modal-note-title {
    font-size: 12px;
    font-weight: 800;
    color: #27173e;
    margin-bottom: 4px;
}

.dpboss-txn-modal .dpboss-txn-modal-note-text {
    font-size: 11px;
    line-height: 1.45;
    color: var(--dpboss-muted);
}

.dpboss-theme .card,
.dpboss-theme .wide-block,
.dpboss-theme .section .card {
    border: 1px solid var(--dpboss-border);
    border-radius: 12px;
    box-shadow: var(--dpboss-shadow);
}

.dpboss-theme .section-title,
.dpboss-theme .title,
.dpboss-theme h1,
.dpboss-theme h2,
.dpboss-theme h3,
.dpboss-theme h4 {
    color: #27173e;
}

.dpboss-theme .form-control,
.dpboss-theme .custom-select {
    border-color: var(--dpboss-border);
    color: var(--dpboss-text);
}

.dpboss-theme .form-control:focus,
.dpboss-theme .custom-select:focus {
    border-color: #6236ff;
    box-shadow: 0 0 0 .15rem rgba(98, 54, 255, .1);
}

/* DPBoss home theme. Kept in this file so the shared app stylesheet remains reusable. */
.dpboss-home {
    background: #f6f6f6;
    color: #050505;
}

.dpboss-home #appCapsule {
    padding-top: 42px !important;
    padding-left: 10px;
    padding-right: 10px;
    background: #f6f6f6;
}

.dpboss-home-content {
    padding-top: 2px;
}

.dpboss-brand-line {
    height: 17px;
    margin: -2px -10px 5px;
    overflow: hidden;
    background: #f3f3f3;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    white-space: nowrap;
}

.dpboss-brand-line span {
    display: inline-block;
    min-width: max-content;
    padding-left: 100%;
    animation: dpboss-marquee 12s linear infinite;
}

@keyframes dpboss-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

.dpboss-quick-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-bottom: 7px;
}

.dpboss-feature-card {
    display: flex;
    min-height: 59px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--dpboss-peach);
    color: #000;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
}

.dpboss-feature-card:active {
    background: var(--dpboss-peach-strong);
}

.dpboss-actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    margin-bottom: 7px;
}

.dpboss-action {
    display: flex;
    min-width: 0;
    height: 25px;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 14px;
    background: var(--dpboss-peach);
    color: #000;
    font-size: 9px;
    white-space: nowrap;
}

.dpboss-action-icon {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #333;
    font-size: 13px;
}

.dpboss-original-banner,
.dpboss-original-contact,
.dpboss-hidden-game-group,
.dpboss-home .dpboss-game-section > .section-heading {
    display: none !important;
}

.dpboss-home .dpboss-game-section {
    margin: 0 !important;
    padding: 0 !important;
}

.dpboss-home .dpboss-game-section .transactions {
    margin-bottom: 4px !important;
}

.dpboss-home .dpboss-game-section .transactions .item {
    position: relative;
    display: grid;
    min-height: 48px;
    grid-template-columns: 56px minmax(0, 1fr) 56px;
    align-items: center;
    margin: 0 0 4px;
    padding: 3px 2px;
    overflow: hidden;
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--dpboss-shadow);
    color: #000;
}

.dpboss-home .dpboss-game-section .transactions .item::before {
    content: "◷\A Game Time";
    grid-column: 1;
    color: #000;
    font-size: 9px;
    line-height: 13px;
    text-align: center;
    white-space: pre;
}

.dpboss-home .dpboss-game-section .transactions .item::first-line {
    color: var(--dpboss-peach-strong);
    font-size: 16px;
}

.dpboss-home .dpboss-game-section .transactions .detail {
    display: block;
    min-width: 0;
    grid-column: 2;
    text-align: center;
}

.dpboss-home .dpboss-game-section .transactions .detail > img,
.dpboss-home .dpboss-game-section .transactions .detail > .badge {
    display: none !important;
}

.dpboss-home .dpboss-game-section .transactions .detail > div {
    width: 100%;
}

.dpboss-home .dpboss-game-section .transactions .detail strong {
    display: block;
    overflow: hidden;
    color: #050505;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.dpboss-home .dpboss-game-section .transactions .detail h4,
.dpboss-home .dpboss-game-section .transactions .detail p {
    margin: 0 !important;
    font-size: 9px;
    line-height: 11px;
}

.dpboss-home .dpboss-game-section .transactions .detail h4 {
    color: var(--dpboss-peach-strong) !important;
    letter-spacing: .4px;
}

.dpboss-home .dpboss-game-section .transactions .detail p {
    color: var(--dpboss-green);
}

.dpboss-home .dpboss-game-section .transactions .detail p open,
.dpboss-home .dpboss-game-section .transactions .detail p close,
.dpboss-home .dpboss-game-section .transactions .detail p small {
    color: inherit !important;
}

.dpboss-home .dpboss-game-section .transactions .right {
    display: flex;
    grid-column: 3;
    align-items: center;
    justify-content: center;
}

.dpboss-home .dpboss-game-section .transactions .right::after {
    content: "Play Game";
    position: absolute;
    right: 1px;
    bottom: 3px;
    width: 56px;
    color: #000;
    font-size: 9px;
    text-align: center;
}

.dpboss-home .dpboss-game-section .transactions .price {
    display: flex;
    height: 27px;
    align-items: flex-start;
    justify-content: center;
}

.dpboss-home .dpboss-game-section .transactions .price ion-icon,
.dpboss-home .dpboss-game-section .transactions .price svg {
    width: 17px !important;
    height: 17px !important;
    color: var(--dpboss-peach-strong) !important;
    fill: var(--dpboss-peach-strong) !important;
    zoom: 1 !important;
}

.dpboss-home .dpboss-game-section .transactions .price ion-icon.text-secondary {
    color: var(--dpboss-peach-strong) !important;
}

.dpboss-home .dpboss-game-section .transactions .price svg path:first-child {
    fill: var(--dpboss-peach-strong);
}

.dpboss-home .dpboss-game-section .transactions .mc-game-shimmer-row {
    min-height: 58px;
}

.dpboss-home .dpboss-game-section .transactions .item.mc-game-shimmer-row::before {
    content: "" !important;
    display: block;
    width: 23px;
    height: 23px;
    justify-self: center;
    border-radius: 50%;
    background-color: #f7dfc8;
    background-image: linear-gradient(105deg, #f7dfc8 12%, #fff4e9 48%, #ffd2a9 86%);
    background-size: 220% 100%;
    animation: shimmer 1.75s ease-in-out infinite;
}

.dpboss-home .mc-game-shimmer-row .detail {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.dpboss-home .mc-game-shimmer-row .mc-game-shimmer-avatar {
    display: none !important;
}

.dpboss-home .mc-game-shimmer-row .mc-game-shimmer-copy {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.dpboss-home .mc-game-shimmer-row .mc-game-shimmer-line {
    height: 7px;
    margin-bottom: 4px;
    background-image: linear-gradient(105deg, #f5e1cf 12%, #fff6ed 48%, #ffd8b4 86%);
}

.dpboss-home .mc-game-shimmer-row .mc-game-shimmer-title {
    width: 72%;
    height: 9px;
}

.dpboss-home .mc-game-shimmer-row .mc-game-shimmer-result {
    width: 54%;
}

.dpboss-home .mc-game-shimmer-row .mc-game-shimmer-time {
    width: 42%;
    margin-bottom: 0;
}

.dpboss-home .mc-game-shimmer-row .right {
    position: relative;
}

.dpboss-home .mc-game-shimmer-row .right::after {
    content: none !important;
}

.dpboss-home .mc-game-shimmer-row .mc-game-shimmer-play {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-image: linear-gradient(105deg, #f7dfc8 12%, #fff4e9 48%, #ffd2a9 86%);
}

@media (min-width: 480px) {
    .dpboss-home #appCapsule {
        max-width: none;
        width: 100%;
        margin: 0;
    }
}

/* Reference layout refinements */
.dpboss-home .dpboss-game-section .transactions .item {
    min-height: 62px;
    grid-template-columns: 62px minmax(0, 1fr) 62px;
    margin-bottom: 5px;
    padding: 3px 2px;
}

.dpboss-home .dpboss-game-section .transactions .item::before {
    content: "◷\A Game Time";
    color: #000;
    font-size: 10px;
    line-height: 15px;
    white-space: pre;
}

.dpboss-home .dpboss-game-section .transactions .item::first-line {
    color: var(--dpboss-peach-strong);
    font-size: 18px;
}

.dpboss-home .dpboss-game-section .transactions .detail strong {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.dpboss-home .dpboss-game-section .transactions .detail h4,
.dpboss-home .dpboss-game-section .transactions .detail p {
    font-size: 10px;
    line-height: 12px;
}

.dpboss-home .dpboss-game-section .transactions .detail h4 {
    font-size: 13px;
    font-weight: 600;
}

.dpboss-home .dpboss-betting-message {
    font-weight: 500;
}

.dpboss-home .dpboss-betting-running {
    color: var(--dpboss-green) !important;
}

.dpboss-home .dpboss-betting-closed {
    color: #d60000 !important;
}

.dpboss-home .dpboss-game-section .transactions .right::after {
    width: 62px;
    font-size: 10px;
}

.dpboss-home .dpboss-game-section .transactions .price {
    height: 31px;
}

.dpboss-home .dpboss-game-section .transactions .price ion-icon,
.dpboss-home .dpboss-game-section .transactions .price svg {
    width: 18px !important;
    height: 18px !important;
}

.dpboss-home .appHeader {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 6px !important;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
}

.dpboss-home .appHeader .headerButton,
.dpboss-home .appHeader ion-icon {
    color: #000 !important;
}

.dpboss-home .appHeader .left,
.dpboss-home .appHeader .right {
    height: 42px !important;
    align-items: center;
}

.dpboss-home .appHeader .left .headerButton {
    width: 40px !important;
    height: 42px !important;
    padding: 0 !important;
}

.dpboss-home .appHeader .left ion-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
}

.dpboss-home .dpboss-header-title {
    position: absolute;
    left: 48px;
    right: 72px;
    top: 0;
    height: 42px !important;
    width: auto;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    padding: 0;
    transform: none;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.dpboss-home .dpboss-header-logo {
    display: block;
    width: auto;
    max-width: 105px !important;
    height: 22px !important;
    object-fit: contain;
    object-position: left center;
    margin: auto 0 !important;
    vertical-align: middle;
}

.dpboss-home .dpboss-header-text {
    color: #000;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .1px;
    line-height: 1;
}

.dpboss-home .dpboss-login-button {
    display: flex;
    width: auto;
    min-width: 62px !important;
    max-width: 68px !important;
    height: 26px !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-right: 4px;
    padding: 0 7px !important;
    border-radius: 3px;
    background: #fff;
    font-size: 12px;
}

.dpboss-home .dpboss-login-button ion-icon {
    width: 17px !important;
    height: 17px !important;
    font-size: 17px !important;
}

.dpboss-home .dpboss-brand-line {
    margin-top: 0;
}

.dpboss-home .appBottomMenu {
    min-height: 62px;
    height: calc(62px + env(safe-area-inset-bottom));
    border-top: 0;
    background: #fff;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .12);
}

.dpboss-home .appBottomMenu .item {
    color: #b70f20 !important;
    border: 0 !important;
}

.dpboss-home .appHeader .fa {
    color: #000 !important;
}

.dpboss-home .appHeader .left .fa {
    font-size: 18px;
}

.dpboss-home .appBottomMenu .item ion-icon {
    font-size: 19px;
    color: currentColor !important;
}

.dpboss-home .appBottomMenu .item .fa {
    display: block;
    color: #b70f20 !important;
    font-size: 16px;
    line-height: 20px;
}

.dpboss-home .appBottomMenu .item strong {
    margin-top: 1px;
    font-size: 10px;
    font-weight: 500;
    color: #b70f20 !important;
}

.dpboss-home .appBottomMenu .item.active,
.dpboss-home .appBottomMenu .item:active,
.dpboss-home .appBottomMenu .item:hover,
.dpboss-home .appBottomMenu .item:focus {
    border: 0 !important;
    color: #b70f20 !important;
}

.dpboss-home .appBottomMenu .item.active .fa,
.dpboss-home .appBottomMenu .item.active strong,
.dpboss-home .appBottomMenu .item:active .fa,
.dpboss-home .appBottomMenu .item:active strong,
.dpboss-home .appBottomMenu .item:hover .fa,
.dpboss-home .appBottomMenu .item:hover strong,
.dpboss-home .appBottomMenu .item:focus .fa,
.dpboss-home .appBottomMenu .item:focus strong {
    color: #b70f20 !important;
}

.dpboss-home .appBottomMenu .item.active::before,
.dpboss-home .appBottomMenu .item::before {
    display: none !important;
    content: none !important;
}

.dpboss-starline-list-page #appCapsule {
    padding-top: 44px !important;
    padding-bottom: 78px !important;
}

.dpboss-starline-list-page .appHeader {
    height: 36px;
    min-height: 36px;
    background: var(--dpboss-peach);
    color: #000;
    box-shadow: none;
}

.dpboss-starline-list-page .appHeader .pageTitle {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.dpboss-starline-list-page .appHeader ion-icon {
    color: #000 !important;
    font-size: 22px;
}

.dpboss-starline-list-section {
    margin-top: 10px !important;
    padding: 0 !important;
}

.dpboss-starline-list-page #append_starline_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0 !important;
}

.dpboss-starline-list-page #append_starline_list.text-center {
    min-height: calc(100vh - 160px);
}

.dpboss-starline-loader {
    display: flex;
    min-height: calc(100vh - 160px);
    align-items: center;
    justify-content: center;
}

.dpboss-starline-spinner {
    width: 34px;
    height: 34px;
    border: 4px solid #ffe4ca;
    border-top-color: #d01818;
    border-radius: 50%;
    animation: dpbossStarlineSpin .75s linear infinite;
}

@keyframes dpbossStarlineSpin {
    to {
        transform: rotate(360deg);
    }
}

.dpboss-starline-list-page #append_starline_list .item {
    position: relative;
    display: grid;
    min-height: 68px;
    grid-template-columns: 66px minmax(0, 1fr) 88px;
    align-items: center;
    overflow: hidden;
    border: 1px solid #f0d6bd;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
}

.dpboss-starline-list-page .dpboss-starline-avatar {
    display: flex;
    grid-column: 1;
    align-items: center;
    justify-content: center;
}

.dpboss-starline-list-page .dpboss-starline-avatar-badge,
.dpboss-starline-list-page .dpboss-starline-avatar-img {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--dpboss-peach);
    box-shadow: none;
}

.dpboss-starline-list-page .dpboss-starline-avatar-badge {
    color: #d01818;
    font-size: 17px;
    font-weight: 800;
    line-height: 40px;
    text-transform: uppercase;
}

.dpboss-starline-list-page .dpboss-starline-avatar-img {
    border: 1px solid #ffd2aa;
    object-fit: cover;
    padding: 0;
}

.dpboss-starline-list-page #append_starline_list .detail {
    display: flex;
    grid-column: 2;
    min-width: 0;
    align-items: center;
}

.dpboss-starline-list-page #append_starline_list .detail strong {
    display: block;
    overflow: hidden;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dpboss-starline-list-page #append_starline_list .detail p {
    display: inline-flex;
    margin: 4px 0 0;
    padding: 1px 6px;
    border-radius: 10px;
    background: #fff2e6;
    color: #d01818;
    font-size: 9px;
    font-weight: 700;
    line-height: 11px;
}

.dpboss-starline-list-page #append_starline_list .right {
    display: flex;
    grid-column: 3;
    align-items: center;
    justify-content: center;
}

.dpboss-starline-list-page #append_starline_list .right::after {
    display: none;
    content: none;
}

.dpboss-starline-list-page #append_starline_list .price {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dpboss-starline-list-page .dpboss-starline-play-btn {
    display: inline-flex;
    min-width: 54px;
    height: 26px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--dpboss-peach);
    color: #d01818;
    font-size: 12px;
    font-weight: 700;
    line-height: 26px;
}

.dpboss-starline-list-page .starline-list-disabled .dpboss-starline-play-btn {
    background: var(--dpboss-peach);
    color: #d01818;
}

.dpboss-starline-baji-page #appCapsule {
    padding-top: 44px !important;
    padding-bottom: 78px !important;
    padding-left: 10px;
    padding-right: 10px;
    background: #f6f6f6;
}

.dpboss-starline-baji-page .appHeader {
    height: 40px;
    min-height: 40px;
    background: var(--dpboss-peach);
    color: #000;
    box-shadow: none;
}

.dpboss-starline-baji-page .appHeader .pageTitle {
    position: absolute;
    left: 48px;
    right: 52px;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    text-align: center;
}

.dpboss-starline-baji-page .appHeader .left .fa,
.dpboss-starline-baji-page .appHeader .left ion-icon {
    color: #000 !important;
    font-size: 18px;
}

.dpboss-starline-baji-page .dpboss-baji-wallet {
    display: flex;
    width: auto;
    min-width: 62px !important;
    max-width: 68px !important;
    height: 26px !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-right: 4px;
    padding: 0 7px !important;
    border-radius: 3px;
    background: #fff;
    color: #000 !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.dpboss-starline-baji-page .dpboss-baji-wallet .fa {
    color: #000;
    font-size: 13px;
}

.dpboss-starline-baji-page .dpboss-brand-line {
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
}

.dpboss-starline-baji-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 0 8px 10px;
}

.dpboss-starline-baji-action {
    display: flex;
    min-height: 78px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--dpboss-peach);
    color: #000;
    text-align: center;
}

.dpboss-starline-baji-action strong {
    max-width: 110px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}

.dpboss-starline-baji-action span {
    margin-top: 4px;
    color: #000;
    font-size: 11px;
    line-height: 13px;
}

.dpboss-starline-baji-section {
    margin-top: 0 !important;
    padding: 0 !important;
}

.dpboss-starline-baji-page #append_starline_baji.text-center {
    min-height: calc(100vh - 230px);
}

.dpboss-starline-baji-page #append_starline_baji .item {
    display: grid;
    min-height: 43px;
    grid-template-columns: 1fr 1fr 76px;
    align-items: center;
    padding: 0 !important;
    margin-bottom: 8px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .16);
}

.dpboss-starline-baji-page #append_starline_baji .detail {
    display: contents;
}

.dpboss-baji-time,
.dpboss-baji-result {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.dpboss-starline-baji-page #append_starline_baji .right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dpboss-starline-baji-page #append_starline_baji .price {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dpboss-starline-baji-page #append_starline_baji .dpboss-starline-play-btn {
    display: inline-flex;
    min-width: 43px;
    height: 22px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 3px;
    background: #ffc08a;
    color: #d01818;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.dpboss-starline-baji-page #append_starline_baji .starline-baji-closed .right {
    min-height: 22px;
}

/* DPBoss chart page */
.dpboss-chart-page {
    background: #f6f6f6;
}

.dpboss-chart-page #appCapsule {
    padding-top: 42px !important;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
    background: #f6f6f6;
}

.dpboss-chart-page .appHeader {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 6px !important;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
}

.dpboss-chart-page .appHeader .left,
.dpboss-chart-page .appHeader .right {
    height: 42px !important;
}

.dpboss-chart-page .appHeader .left .headerButton {
    width: 40px !important;
    height: 42px !important;
    padding: 0 !important;
}

.dpboss-chart-page .appHeader .left ion-icon,
.dpboss-chart-page .appHeader .right ion-icon {
    color: #000 !important;
}

.dpboss-history-page {
    background: linear-gradient(180deg, #f6f6f6 0%, #f2f2f2 100%);
}

.dpboss-history-page #appCapsule {
    padding-top: 47px !important;
    padding-bottom: 86px !important;
}

.dpboss-history-hero {
    margin: 10px 0 12px;
    padding: 14px 14px 12px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--dpboss-peach) 0%, #ffe7cf 100%);
    border: 1px solid rgba(0, 0, 0, .08);
    box-shadow: var(--dpboss-shadow);
    color: #000;
}

.dpboss-history-hero__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.dpboss-history-hero__eyebrow {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .72;
}

.dpboss-history-hero__title {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.dpboss-history-hero__text {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 1.5;
    opacity: .84;
}

.dpboss-history-stat {
    min-width: 82px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .5);
    border: 1px solid rgba(0, 0, 0, .06);
    text-align: center;
}

.dpboss-history-stat__value {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

.dpboss-history-stat__label {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.dpboss-history-card,
.dpboss-history-table-card {
    margin: 0 0 12px;
    overflow: hidden;
    background: #fff;
}

.dpboss-history-card {
    margin-left: 8px;
    margin-right: 8px;
}

.dpboss-history-table-card {
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    box-shadow: none;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    background: transparent;
}

.dpboss-history-table-card .table-responsive {
    border-radius: 0;
    overflow: hidden;
    background: #fff;
}

.dpboss-history-card .card-body {
    padding: 8px 9px 10px;
}

.dpboss-history-filter-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 10px;
}

.dpboss-history-filter-grid .input-wrapper,
.dpboss-history-filter-grid .form-group {
    margin-bottom: 0;
}

.dpboss-history-filter-grid .input-wrapper {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.dpboss-history-filter-grid .label {
    display: block;
    margin: 0 0 3px;
    color: #62002d;
    font-size: 11px;
    font-weight: 600;
}

.dpboss-history-filter-grid .form-control,
.dpboss-history-filter-grid .custom-select {
    width: 100%;
    height: 34px;
    padding: 5px 9px;
    border: 1px solid #eee6d2;
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 16px;
    box-shadow: none;
}

.dpboss-history-filter-grid .form-control::placeholder {
    color: #8d7d89;
}

.dpboss-history-filter-grid .form-control:focus,
.dpboss-history-filter-grid .custom-select:focus {
    border-color: #eee6d2 !important;
    box-shadow: none !important;
    outline: none !important;
}

.dpboss-history-filter-grid .input-wrapper:focus-within .label {
    color: #62002d !important;
}

.dpboss-history-submit {
    width: 100%;
    margin-top: 8px;
    height: 34px;
    border: 0;
    border-radius: 5px;
    background: linear-gradient(180deg, var(--dpboss-peach) 0%, var(--dpboss-peach-strong) 100%) !important;
    color: #5f001f !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: none;
}

.dpboss-history-submit:focus,
.dpboss-history-submit:hover,
.dpboss-history-submit:active {
    background: linear-gradient(180deg, #ffd2a7 0%, var(--dpboss-peach) 100%) !important;
    color: #5f001f !important;
}

.dpboss-history-table {
    margin-bottom: 0;
    color: #27173e;
}

.dpboss-history-table thead th {
    padding: 8px 7px;
    border-bottom: 1px solid #eee6d2;
    background: var(--dpboss-peach);
    color: #000;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.dpboss-history-table td,
.dpboss-history-table th {
    vertical-align: middle;
    padding: 7px 7px;
    font-size: 12px;
}

.dpboss-history-table th:first-child,
.dpboss-history-table td:first-child {
    width: 20%;
    text-align: left;
    padding-left: 10px;
    font-weight: 600;
}

.dpboss-history-table th:nth-child(2),
.dpboss-history-table td:nth-child(2) {
    width: 34%;
    text-align: left;
}

.dpboss-history-table th:nth-child(3),
.dpboss-history-table td:nth-child(3) {
    width: 14%;
    text-align: center;
}

.dpboss-history-table th:nth-child(4),
.dpboss-history-table td:nth-child(4) {
    width: 16%;
    color: #62002d;
    text-align: center;
}

.dpboss-history-table th:last-child,
.dpboss-history-table td:last-child {
    width: 16%;
    text-align: right !important;
    padding-right: 10px;
}

.dpboss-history-table.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #fff8f1;
}

.dpboss-history-table tbody tr {
    border-bottom: 1px solid #f3f3f3;
}

.dpboss-history-table tbody tr:last-child {
    border-bottom: 0;
}

.dpboss-history-status {
    display: inline-block;
    min-width: 0;
    padding: 0;
    border-radius: 0;
    font-size: 12px;
    font-weight: 600;
    background: transparent;
}

.dpboss-history-status.text-primary {
    color: #62002d !important;
}

.dpboss-history-status.text-success {
    color: #0f9d58 !important;
}

.dpboss-history-status.text-danger {
    color: #d9333b !important;
}

.dpboss-history-page #no_record {
    margin: 10px 0 0;
    padding: 16px 14px 18px;
    color: var(--dpboss-red);
    font-size: 14px;
    text-align: center;
}

/* DPBoss history menu page */
.dpboss-history-menu-page {
    background: #f7f7f7;
}

.dpboss-history-menu-page #appCapsule {
    padding-top: 52px !important;
    padding-bottom: 76px !important;
    background: #f7f7f7;
}

.dpboss-history-menu {
    padding: 6px 10px 0 !important;
}

.dpboss-history-menu-item {
    display: flex;
    align-items: center;
    min-height: 46px;
    margin: 0 0 8px;
    padding: 0 18px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #fff;
    color: var(--dpboss-red) !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}

.dpboss-history-menu-item:hover,
.dpboss-history-menu-item:active,
.dpboss-history-menu-item:focus,
.dpboss-history-menu-item:visited {
    color: var(--dpboss-red) !important;
    text-decoration: none !important;
}

.dpboss-history-menu-item .fa {
    width: 22px;
    margin-right: 10px;
    color: var(--dpboss-red);
    font-size: 13px;
    text-align: center;
}

.dpboss-history-menu-item:hover .fa,
.dpboss-history-menu-item:active .fa,
.dpboss-history-menu-item:focus .fa,
.dpboss-history-menu-item:visited .fa {
    color: var(--dpboss-red) !important;
}

.dpboss-change-password-page #appCapsule {
    padding-top: 52px !important;
    padding-bottom: 76px !important;
}

.dpboss-change-password-section {
    padding: 0 !important;
}

.dpboss-change-password-card {
    width: 100%;
    margin: 0 auto;
    padding: 26px 16px 18px;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .14);
}

.dpboss-change-password-card h1 {
    margin: 0 0 5px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.dpboss-change-password-card p {
    margin: 0 0 7px;
    color: #000;
    font-size: 10px;
    line-height: 13px;
    text-align: center;
}

.dpboss-change-password-card .input-wrapper .label,
.dpboss-change-password-card .input-wrapper.active .label,
.dpboss-change-password-card .input-wrapper:focus-within .label {
    color: var(--dpboss-red) !important;
}

.dpboss-change-password-card .form-control {
    height: 40px !important;
    padding: 8px 10px !important;
    border: 1px solid #cfd5dd !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 14px !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .04) !important;
    transition: border-color .18s ease, box-shadow .18s ease !important;
}

.dpboss-change-password-card .form-control::placeholder {
    color: #2b4b67 !important;
    opacity: 1 !important;
}

.dpboss-change-password-card .form-control:focus {
    border-color: var(--dpboss-red) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 2px rgba(171, 10, 10, .12) !important;
}

.dpboss-change-password-card button {
    width: 100%;
    height: 38px;
    margin-top: 12px;
    border: 0;
    border-radius: 3px;
    background: var(--dpboss-peach);
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

.dpboss-change-password-card button:disabled {
    opacity: .8;
}

.dpboss-notifications-page {
    background: #f6f6f6;
}

.dpboss-notifications-page #appCapsule {
    padding-top: 52px !important;
    padding-bottom: 76px !important;
    background: #f6f6f6;
}

.dpboss-notifications-list {
    padding: 6px 5px 0 !important;
}

.dpboss-notification-card {
    min-height: 68px;
    margin: 0 0 7px;
    padding: 8px 10px 7px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    color: #65002a;
}

.dpboss-notification-card h3 {
    margin: 0 0 4px;
    color: #65002a;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
}

.dpboss-notification-card p {
    margin: 0;
    color: #65002a;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
}

.dpboss-notification-card time {
    display: block;
    margin-top: 4px;
    color: #65002a;
    font-size: 10px;
    line-height: 13px;
    text-align: right;
}

.dpboss-top-winners-page {
    background: #f6f6f6;
}

.dpboss-top-winners-page #appCapsule {
    padding-top: 52px !important;
    padding-bottom: 76px !important;
    background: #f6f6f6;
}

.dpboss-top-winners-heading {
    padding: 8px 8px 6px !important;
    text-align: center;
}

.dpboss-top-winners-heading h1 {
    margin: 0 0 2px;
    color: var(--dpboss-peach);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.dpboss-top-winners-heading p {
    margin: 0;
    color: #000;
    font-size: 10px;
    font-weight: 500;
    line-height: 13px;
}

.dpboss-top-winners-list {
    padding: 0 8px 12px !important;
}

.dpboss-top-winner-card {
    min-height: 144px;
    margin: 0 0 6px;
    padding: 8px 13px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    color: #65002a;
}

.dpboss-top-winner-card h2 {
    margin: 0 0 4px;
    color: var(--dpboss-peach);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
}

.dpboss-top-winner-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 29px;
    color: #65002a;
    font-size: 10px;
    line-height: 14px;
}

.dpboss-top-winner-row span {
    flex: 0 0 auto;
    font-weight: 500;
}

.dpboss-top-winner-row strong {
    flex: 1 1 auto;
    color: #65002a;
    font-size: 10px;
    font-weight: 500;
    text-align: right;
    word-break: break-word;
}

@media (max-width: 360px) {
    .dpboss-history-hero__top {
        flex-direction: column;
    }

    .dpboss-history-stat {
        min-width: 100%;
    }
}

.dpboss-chart-page .dpboss-header-title {
    position: absolute;
    left: 48px;
    right: 48px;
    top: 0;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    z-index: 2;
}

.dpboss-chart-shell {
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.dpboss-chart-hero {
    padding: 4px 0 2px;
    text-align: center;
    background: transparent;
}

.dpboss-chart-kicker {
    color: #ff8f24;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.05;
}

.dpboss-chart-subtitle {
    margin-top: 3px;
    color: #5b5b5b;
    font-size: 7px;
    line-height: 1.05;
}

.dpboss-chart-loader-wrap {
    margin-top: 0 !important;
    padding: 4px 0 4px !important;
}

.dpboss-chart-loader-wrap .spinner-border {
    color: #ff8f24 !important;
    border-right-color: #ff8f24 !important;
    border-top-color: #ff8f24 !important;
}

.dpboss-chart-block {
    margin: 0 !important;
    padding: 0 !important;
}

.dpboss-chart-table {
    width: 100%;
    margin-top: 0 !important;
    border: 1px solid #03a9f4a8 !important;
    background-color: #fc9 !important;
    table-layout: fixed;
}

.dpboss-chart-table thead th {
    color: #111 !important;
    font-size: 8px !important;
    font-weight: 700 !important;
}

.dpboss-chart-table thead th:first-child,
.dpboss-chart-table tbody td:first-child {
    color: #111 !important;
    font-weight: 700 !important;
}

.dpboss-chart-date-cell {
    color: #111 !important;
    font-weight: 700 !important;
}

.dpboss-chart-page .append_market_thead th {
    background-color: #ffc107 !important;
    text-shadow: 1px 1px 2px #9a7400ab;
}

.dpboss-chart-table td,
.dpboss-chart-table th {
    padding: 1px 1px !important;
    color: #111;
    vertical-align: middle;
    border: 1px solid #03a9f4a8 !important;
}

.dpboss-chart-table tbody td {
    background-color: #fc9;
    font-size: 8px !important;
    line-height: 10px !important;
}

.dpboss-chart-table tbody tr:nth-child(even) td {
    background-color: #fc9;
}

.dpboss-chart-table thead th:first-child,
.dpboss-chart-table tbody td:first-child {
    width: 40px !important;
}

.dpboss-chart-table thead th {
    text-align: center;
}

.dpboss-chart-table tbody td {
    text-align: center;
}

.dpboss-chart-sentinel {
    padding: 4px 0 8px !important;
    color: #7a6f67 !important;
    font-size: 9px;
}

.dpboss-market-chart-list-page #appCapsule {
    padding-top: 100px !important;
    padding-bottom: 78px !important;
    background: #f7f2ee;
}

.dpboss-market-chart-list-page .extraHeader {
    top: 42px;
    height: auto;
    padding: 8px 12px 10px;
    background: #ffca99 !important;
    border-bottom: 1px solid #f1a96e;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
    align-items: center;
    z-index: 1100;
}

.dpboss-market-chart-list-page .search-form {
    margin: 0;
}

.dpboss-market-chart-list-page .searchbox {
    min-height: 36px;
}

.dpboss-market-chart-list-page .searchbox .form-control {
    height: 36px;
    padding: 8px 16px 8px 44px !important;
    border: 1px solid #f0b47b;
    border-radius: 12px;
    background: #fffaf2;
    color: #7a1632;
    font-size: 13px;
    font-weight: 600;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03);
}

.dpboss-market-chart-list-page .searchbox .input-icon {
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    color: #65002a;
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    pointer-events: none;
}

.dpboss-market-chart-list-page .section {
    padding: 0 10px !important;
    margin-top: 0 !important;
}

.dpboss-market-chart-heading {
    margin: 2px 0 6px;
    color: #65002a;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
}

.dpboss-market-chart-card {
    margin-top: 8px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dpboss-market-chart-list-page #append_game {
    display: grid;
    gap: 8px;
    padding: 0 !important;
    background: transparent;
}

.dpboss-market-chart-list-page #append_game li {
    list-style: none;
}

.dpboss-market-chart-item {
    min-height: 58px !important;
    padding: 8px 10px !important;
    border: 1px solid #f2b276 !important;
    background: #fff !important;
    color: #111 !important;
}

.dpboss-market-chart-item .in {
    min-height: 42px !important;
    border: 0 !important;
}

.dpboss-market-chart-avatar .badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px !important;
    margin-right: 12px !important;
    border-radius: 50%;
    background: #ffb97a !important;
    color: #65002a !important;
    font-size: 22px !important;
    font-weight: 800;
}

.dpboss-market-chart-list-page .dpboss-market-chart-avatar .badge {
    background: #ff8f24 !important;
    color: #fff !important;
}

.dpboss-market-chart-list-page .dpboss-market-chart-avatar img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain;
    filter: sepia(1) hue-rotate(330deg) saturate(4.5) brightness(1.02) contrast(1.05);
}

.dpboss-market-chart-name {
    color: #65002a;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}

.dpboss-market-chart-list-page .filter_batch {
    border: 1px solid #f2b276;
    background: #fff8ef !important;
    color: #65002a !important;
    font-size: 9px;
    font-weight: 800;
}

.dpboss-market-chart-empty {
    padding: 28px 10px;
    color: #7a6f67;
    font-size: 12px;
    text-align: center;
}

.dpboss-jackpot-chart-page .dpboss-chart-table thead th,
.dpboss-jackpot-chart-page .dpboss-chart-table tbody th,
.dpboss-jackpot-chart-page .dpboss-chart-table tbody td {
    height: 30px;
    padding: 4px 6px !important;
    font-size: 11px !important;
    vertical-align: middle;
}

.dpboss-jackpot-chart-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dpboss-jackpot-chart-page .dpboss-jackpot-chart-table {
    min-width: 420px;
}

.dpboss-jackpot-chart-page #appCapsule {
    padding-bottom: 78px;
}

.dpboss-jackpot-chart-page .appBottomMenu {
    z-index: 20;
}

.dpboss-jackpot-chart-page .dpboss-chart-table thead th {
    white-space: nowrap;
}

.dpboss-jackpot-chart-page .dig_res h3 {
    margin: 0;
    color: #65002a;
    font-size: 13px !important;
    font-weight: 800;
    line-height: 18px;
}

.dpboss-chart-list-wrap {
    padding: 8px 10px 14px !important;
}

.dpboss-chart-list-title {
    margin: 2px 0 10px;
    color: #65002a;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}

.dpboss-chart-list-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.dpboss-chart-list-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border: 1px solid #f2b276;
    background: #fff8ef;
    color: #65002a;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}

.dpboss-chart-list-btn:active,
.dpboss-chart-list-btn:hover,
.dpboss-chart-list-btn:focus {
    background: #ffb97a;
    color: #111;
}

.dpboss-chart-empty {
    grid-column: 1 / -1;
    padding: 22px 10px;
    color: #7a6f67;
    font-size: 12px;
    text-align: center;
}

.dpboss-jackpot-chart-page .date-flex-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
}

.dpboss-jackpot-chart-page .year-text {
    font-size: 9px;
    font-weight: 700;
}

.dpboss-jackpot-chart-page .range-text {
    font-size: 8px;
    font-weight: 600;
}

.dpboss-jackpot-chart-page .jodi-val {
    color: #171717;
    font-weight: 800;
}

.dpboss-jackpot-chart-page .jodi-val.red {
    color: #ff1f1f;
}

/* DPBoss transaction history page */
.dpboss-transaction-history-page {
    --dpboss-peach: #ffca99;
    --dpboss-peach-strong: #ffbd80;
    --dpboss-red: #ab0a0a;
    --dpboss-green: #00a51a;
    --dpboss-border: #d9d9d9;
    --dpboss-shadow: 0 1px 3px rgba(0, 0, 0, .18);
    background: #f6f6f6;
    color: #050505;
}

.dpboss-transaction-history-page #appCapsule {
    padding-top: 42px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: #f6f6f6;
}

.dpboss-transaction-history-page .appHeader {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 6px !important;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    box-shadow: none !important;
}

.dpboss-transaction-history-page .appHeader .headerButton,
.dpboss-transaction-history-page .appHeader ion-icon,
.dpboss-transaction-history-page .appHeader .fa {
    color: #000 !important;
}

.dpboss-transaction-history-page .appHeader .left,
.dpboss-transaction-history-page .appHeader .right {
    height: 42px !important;
    align-items: center;
}

.dpboss-transaction-history-page .appHeader .left .headerButton {
    width: 40px !important;
    height: 42px !important;
    padding: 0 !important;
}

.dpboss-transaction-history-page .appHeader .left .fa {
    font-size: 18px;
}

.dpboss-transaction-history-page .dpboss-header-title {
    position: absolute;
    left: 48px;
    right: 72px;
    top: 0;
    height: 42px !important;
    width: auto;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start;
    padding: 0;
    transform: none;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.dpboss-transaction-history-page .dpboss-header-logo {
    display: block;
    width: auto;
    max-width: 105px !important;
    height: 22px !important;
    object-fit: contain;
    object-position: left center;
    margin: auto 0 !important;
    vertical-align: middle;
}

.dpboss-transaction-history-page .dpboss-login-button {
    display: flex;
    width: auto;
    min-width: 62px !important;
    max-width: 68px !important;
    height: 26px !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-right: 4px;
    padding: 0 7px !important;
    border-radius: 3px;
    background: #fff;
    font-size: 12px;
}

.dpboss-transaction-history-page .dpboss-login-button ion-icon {
    width: 17px !important;
    height: 17px !important;
    font-size: 17px !important;
}

.dpboss-transaction-history-page .appBottomMenu {
    min-height: 62px;
    height: calc(62px + env(safe-area-inset-bottom));
    border-top: 0;
    background: #fff;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .12);
}

.dpboss-transaction-history-page .appBottomMenu .item {
    color: #b70f20 !important;
    border: 0 !important;
}

.dpboss-transaction-history-page .appBottomMenu .item ion-icon {
    font-size: 19px;
    color: currentColor !important;
}

.dpboss-transaction-history-page .appBottomMenu .item .fa {
    display: block;
    color: #b70f20 !important;
    font-size: 16px;
    line-height: 20px;
}

.dpboss-transaction-history-page .appBottomMenu .item strong {
    margin-top: 1px;
    font-size: 10px;
    font-weight: 500;
    color: #b70f20 !important;
}

.dpboss-transaction-history-page .appBottomMenu .item.active,
.dpboss-transaction-history-page .appBottomMenu .item:active,
.dpboss-transaction-history-page .appBottomMenu .item:focus {
    border: 0 !important;
    color: #b70f20 !important;
}

.dpboss-transaction-history-page .appBottomMenu .item.active::before,
.dpboss-transaction-history-page .appBottomMenu .item::before {
    display: none !important;
    content: none !important;
}

.dpboss-transaction-history-page #append_transaction .spinner-border {
    color: #b70f20 !important;
}

.dpboss-transaction-history-page .dpboss-transaction-section {
    margin-top: 0 !important;
    padding: 0 !important;
}

.dpboss-transaction-history-page .dpboss-transaction-list {
    padding: 15px 10px 0 10px !important;
}

.dpboss-transaction-history-page .dpboss-transaction-list .item {
    display: grid;
    min-height: 50px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    margin: 0 0 6px;
    padding: 6px 8px;
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--dpboss-shadow);
    color: #111;
}

.dpboss-transaction-history-page .dpboss-transaction-list .item .detail {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.dpboss-transaction-history-page .dpboss-transaction-list .item .detail img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    flex: 0 0 32px;
}

.dpboss-transaction-history-page .dpboss-transaction-list .item .detail strong {
    display: block;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

.dpboss-transaction-history-page .dpboss-transaction-list .item .detail p,
.dpboss-transaction-history-page .dpboss-transaction-list .item .detail small {
    display: block;
    margin: 0;
    color: #666 !important;
    font-size: 10px;
    line-height: 1.2;
}

.dpboss-transaction-history-page .dpboss-transaction-list .item .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 8px;
}

.dpboss-transaction-history-page .dpboss-transaction-list .item .price {
    font-size: 12px;
    font-weight: 700;
}

.dpboss-transaction-history-page .dpboss-transaction-list .item .price.text-success {
    color: #00a51a !important;
}

.dpboss-transaction-history-page .dpboss-transaction-list .item .price.text-danger {
    color: #d9333b !important;
}

.dpboss-transaction-history-page .dpboss-transaction-list .item .price.text-warning {
    color: #b77700 !important;
}

.dpboss-jackpot-list-page a.starline-baji-closed .price {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.dpboss-jackpot-list-page a.starline-baji-closed {
    display: block;
    transition: transform 0.15s ease;
    -webkit-tap-highlight-color: transparent;
}

.dpboss-jackpot-list-page a.starline-baji-closed.starline-baji-tapping {
    animation: starlineClosedTapPulse 0.38s cubic-bezier(0.34, 1.2, 0.64, 1);
}

.dpboss-jackpot-list-page #append_starline_baji .dpboss-starline-play-btn {
    min-width: 54px;
    height: 26px;
    border-radius: 4px;
    background: var(--dpboss-peach);
    color: #d01818;
    font-size: 12px;
    line-height: 26px;
}

@media (prefers-reduced-motion: reduce) {
    .dpboss-jackpot-list-page a.starline-baji-closed.starline-baji-tapping {
        animation: none;
    }
}

/* How to play page */
.dpboss-how-to-play-page #appCapsule {
    padding-bottom: 84px !important;
}

.dpboss-how-section {
    margin: 0 !important;
    padding: 0 0 10px !important;
}

.dpboss-how-panel,
.dpboss-how-video {
    overflow: hidden;
    border: 1px solid var(--dpboss-border);
    border-radius: 6px;
    background: #fff;
    box-shadow: var(--dpboss-shadow);
}

.dpboss-how-title {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border-bottom: 1px solid #ededed;
    background: var(--dpboss-peach);
    color: #000;
}

.dpboss-how-icon {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: #b70f20;
    font-size: 18px;
}

.dpboss-how-title strong,
.dpboss-how-title small {
    display: block;
    line-height: 1.25;
}

.dpboss-how-title strong {
    font-size: 15px;
    font-weight: 700;
}

.dpboss-how-title small {
    margin-top: 2px;
    color: #5f2600;
    font-size: 11px;
}

.dpboss-how-content {
    padding: 12px;
    color: #111;
    font-size: 13px;
    line-height: 1.55;
}

.dpboss-how-content p,
.dpboss-how-content div,
.dpboss-how-content li {
    color: #111;
    font-size: 13px;
    line-height: 1.55;
}

.dpboss-how-content p {
    margin: 0 0 9px;
}

.dpboss-how-content ul,
.dpboss-how-content ol {
    margin: 7px 0 10px;
    padding-left: 20px;
}

.dpboss-how-content img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.dpboss-how-content h1,
.dpboss-how-content h2,
.dpboss-how-content h3,
.dpboss-how-content h4,
.dpboss-how-content h5,
.dpboss-how-content h6 {
    margin: 10px 0 7px;
    color: #b70f20;
    font-weight: 700;
    line-height: 1.25;
}

.dpboss-how-content h1,
.dpboss-how-content h2 {
    font-size: 17px;
}

.dpboss-how-content h3,
.dpboss-how-content h4,
.dpboss-how-content h5,
.dpboss-how-content h6 {
    font-size: 15px;
}

.dpboss-how-loader {
    padding: 8px 0;
    color: #777;
    text-align: center;
}

.dpboss-how-video {
    margin-top: 10px;
    aspect-ratio: 16 / 9;
}

.dpboss-how-video iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}


.dpboss-home .mc-game-shimmer-row::before {
    content: "" !important;
}

/* DPBoss game-list-inner: single source of truth for loaded rows. */
.dpboss-home .transactions .item:has(.game-list-inner) {
    display: block;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.dpboss-home .transactions .item:has(.game-list-inner)::before,
.dpboss-home .transactions .item:has(.game-list-inner) .right::after {
    content: none !important;
}

.dpboss-home .row.game-list-inner {
    min-height: 65px;
    align-items: center;
    background: white;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 0 3px 0 #d8d8d8;
    font-size: 12px;
    line-height: 12px;
    margin: 5px 0;
}

.dpboss-home .row.game-list-inner .col-3,
.dpboss-home .row.game-list-inner .col-6 {
    margin: 0;
    padding: 0 5px;
    text-align: center;
}

.dpboss-home .game-time,
.dpboss-home .game-play {
    display: block;
    padding: 10px 0;
    color: #000;
    font-size: 13px;
    line-height: 14px;
    white-space: nowrap;
}

.dpboss-home button.game-time {
    width: 100%;
    border: 0;
    background: transparent;
}

.dpboss-home .game-list-inner ion-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
}

.dpboss-home .game-time ion-icon,
.dpboss-home .game-play ion-icon {
    color: var(--dpboss-peach-strong) !important;
}

.dpboss-home .game-play ion-icon {
    zoom: 1.5 !important;
}

.dpboss-home .game-play.gray ion-icon {
    color: var(--dpboss-peach-strong) !important;
}

.dpboss-home .game-list-box {
    display: block;
    padding: 5px 0;
}

.dpboss-home .game-list-box .gameName {
    display: block;
    padding: 2px 0;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
}

.dpboss-home .game-list-box .dpboss-betting-running,
.dpboss-home .game-list-box .dpboss-betting-closed {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    white-space: nowrap;
}

.dpboss-home .game-list-box .gameResult {
    display: block;
    padding: 2px 0;
    color: var(--dpboss-peach-strong);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

.dpboss-time-dialog { max-width: 320px; margin: auto; }
.dpboss-time-modal { overflow: hidden; border: 1px solid #ddd; border-radius: 2px; background: #fff; }
.dpboss-time-modal .modal-header {
    min-height: 43px; padding: 10px 12px; align-items: center; border: 0; background: var(--dpboss-peach);
}
.dpboss-time-modal .modal-title {
    margin: 0; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase;
}
.dpboss-time-close {
    border: 0; background: transparent; color: #fff; font-size: 22px; font-weight: 700; line-height: 1;
}
.dpboss-time-modal .modal-body { padding: 12px 14px; }
.dpboss-time-row {
    display: flex; min-height: 26px; align-items: center; justify-content: space-between;
    border-bottom: 1px solid #e6e6e6; color: #272727; font-size: 12px;
}
.dpboss-time-row span { display: flex; align-items: center; gap: 4px; }
.dpboss-time-row ion-icon { color: #d01818; font-size: 17px; }
.dpboss-time-row strong { font-weight: 400; }
.dpboss-time-modal .modal-footer { padding: 12px; border: 0; }
.dpboss-time-done {
    padding: 6px 12px; border: 0; border-radius: 3px; background: var(--dpboss-peach); color: #111; font-size: 12px;
}

.dpboss-home .ios-add-to-home .modal-dialog,
.dpboss-home .android-add-to-home .modal-dialog {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.dpboss-add-home-modal {
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .1) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .18) !important;
}

.dpboss-add-home-modal .modal-header {
    min-height: 44px;
    padding: 10px 14px !important;
    border: 0 !important;
    background: var(--dpboss-peach) !important;
}

.dpboss-add-home-modal .modal-title {
    margin: 0;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 18px;
}

.dpboss-add-home-close {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background: transparent !important;
    color: var(--dpboss-red) !important;
    font-size: 14px;
    text-decoration: none !important;
}

.dpboss-add-home-modal .modal-body {
    padding: 16px 16px 18px !important;
    background: #fff !important;
}

.dpboss-add-home-modal .action-sheet-content {
    color: #65002a;
    font-size: 12px;
    line-height: 18px;
}

.dpboss-add-home-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin: 0 auto 10px;
    border: 1px solid #ffe1bf;
    border-radius: 14px;
    background: linear-gradient(180deg, #fff8ef 0%, #fff 100%);
    box-shadow: inset 0 0 0 4px rgba(255, 202, 150, .22);
}

.dpboss-add-home-logo img {
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    border-radius: 12px;
    object-fit: contain;
}

.dpboss-add-home-text {
    margin-bottom: 6px;
    color: #65002a;
    font-weight: 500;
}

.dpboss-add-home-text strong {
    color: var(--dpboss-red);
    font-weight: 800;
}

.dpboss-add-home-step {
    color: #2b171f;
    font-size: 11px;
    font-weight: 500;
}

.dpboss-add-home-step ion-icon {
    color: var(--dpboss-red);
    font-size: 15px;
    vertical-align: middle;
}

.dpboss-add-home-btn {
    height: 38px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: var(--dpboss-peach) !important;
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .02em;
    box-shadow: none !important;
}

.dpboss-add-home-btn:hover,
.dpboss-add-home-btn:focus,
.dpboss-add-home-btn:active {
    background: var(--dpboss-peach) !important;
    color: #111 !important;
    box-shadow: none !important;
}

.dpboss-about {
    margin-top: 65px;
    padding: 0 10px 78px;
    color: #111;
}

.dpboss-about h1 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
}

.dpboss-about h2 {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    text-align: left;
}

.dpboss-about p {
    margin: 0;
    color: #760018;
    font-size: 12px;
    line-height: 17px;
    text-align: justify;
}

.dpboss-whatsapp-float {
    position: fixed;
    right: 12px;
    bottom: 68px;
    z-index: 99;
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #078b16;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .22);
    color: #fff;
}

.dpboss-whatsapp-float .fa {
    color: #fff;
    font-size: 25px;
}

.dpboss-home #sidebarPanel .modal-dialog,
.dpboss-home #sidebarPanel .modal-content,
.dpboss-home #sidebarPanel .modal-body {
    width: 250px !important;
    max-width: 250px !important;
}

.dpboss-home #sidebarPanel {
    width: 100% !important;
    max-width: 100% !important;
}

.dpboss-sidebar {
    min-height: 100vh;
    border: 0;
    border-radius: 0;
    background: var(--dpboss-peach);
}

.dpboss-sidebar-head {
    display: flex;
    min-height: 62px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 10px 12px 15px;
    background: #bd050b;
    color: #fff;
}

.dpboss-sidebar-name,
.dpboss-sidebar-welcome {
    display: block;
}

.dpboss-sidebar-name {
    font-size: 15px;
    font-weight: 500;
}

.dpboss-sidebar-welcome {
    margin-top: 2px;
    font-size: 11px;
}

.dpboss-sidebar-close {
    display: flex;
    width: 29px;
    height: 29px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: var(--dpboss-peach);
    color: #000;
    font-size: 15px;
}

.dpboss-sidebar-menu {
    padding: 12px 10px 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.dpboss-sidebar-menu a {
    display: flex;
    min-height: 36px;
    align-items: center;
    gap: 9px;
    margin: 0 -10px;
    padding: 0 10px;
    color: #000;
    font-size: 14px;
}

.dpboss-sidebar-menu a:active {
    background: #fff !important;
    color: #bd050b !important;
    text-decoration: none !important;
}

.dpboss-sidebar-menu .fa {
    width: 14px;
    color: #000;
    font-size: 14px;
    text-align: center;
}

.dpboss-sidebar-menu a:active .fa {
    color: #bd050b !important;
}

.dpboss-sidebar-actions {
    display: grid;
    gap: 6px;
    padding: 27px 15px 18px;
}

.dpboss-sidebar-actions a {
    display: flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #fff;
    color: #bd050b;
    font-size: 13px;
}

.dpboss-sidebar-actions #signOut {
    background: #bd050b;
    color: #fff;
}

.dpboss-login-page {
    background: #f6f6f6;
}

.dpboss-login-page #appCapsule {
    max-width: 480px;
    min-height: 100vh;
    margin: 0 auto;
    padding: 47px 7px 80px !important;
}

.dpboss-login-page #login_header {
    margin-top: 0 !important;
    padding-top: 17px;
}

.dpboss-login-page .login_page_logo {
    width: 70px;
    height: 70px;
    margin: 0 auto 12px;
    border-radius: 7px;
    object-fit: contain;
}

.dpboss-login-page #login_header h1 {
    margin: 0;
    color: #000;
    font-size: 22px;
    font-weight: 400;
}

.dpboss-login-page #login_header h4 {
    margin: 3px 0 8px;
    color: #650016;
    font-size: 10px;
    font-weight: 400;
}

.dpboss-login-page #login_form {
    margin: 0 !important;
    padding: 0 !important;
}

.dpboss-login-card {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .16);
}

.dpboss-login-card .card-body {
    padding: 4px 18px 24px;
}

.dpboss-login-page .form-group.basic {
    min-height: auto;
    margin: 0 0 9px;
    padding: 0;
}

.dpboss-login-page .input-wrapper {
    padding: 0;
}

.dpboss-login-page .input-wrapper .label {
    display: block;
    margin: 0 0 2px;
    color: #111;
    font-size: 8px;
    font-weight: 400;
    line-height: 11px;
}

.dpboss-login-page .form-control {
    height: 28px !important;
    min-height: 28px !important;
    padding: 4px 9px !important;
    border: 1px solid #d7dde2 !important;
    border-radius: 3px;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .015);
    color: #333;
    font-size: 11px !important;
    line-height: 18px;
}

.dpboss-login-page .form-control::placeholder {
    color: #466077;
    opacity: 1;
}

.dpboss-login-page #submit_user_login_btn {
    width: 100%;
    height: 28px;
    margin-top: 2px;
    padding: 0;
    border: 0;
    border-radius: 3px;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    font-size: 12px;
    font-weight: 600;
}

.dpboss-register-prompt {
    margin: 16px 0 13px;
    color: #650016;
    font-size: 10px;
    text-align: center;
}

.dpboss-create-account {
    display: flex;
    width: 100%;
    height: 28px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dpboss-peach);
    border-radius: 3px;
    color: #d00000;
    font-size: 12px;
}

.dpboss-login-page .dpboss-create-account.d-none {
    display: none !important;
}

.dpboss-otp-link {
    display: block;
    margin: 10px auto 0;
    border: 0;
    background: transparent;
    color: #650016;
    font-size: 10px;
}

.dpboss-login-page #forget_password_form {
    margin: 0 !important;
    padding: 0 !important;
}

.dpboss-login-page .dpboss-otp-form .dpboss-login-card {
    min-height: 362px;
}

.dpboss-otp-header {
    padding: 28px 18px 0;
}

.dpboss-otp-header h1 {
    margin: 0;
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
}

.dpboss-otp-header h4 {
    margin: 0;
    color: #650016;
    font-size: 9px;
    font-weight: 400;
    line-height: 13px;
}

.dpboss-login-page .dpboss-otp-form .card-body {
    padding: 0 17px 22px;
}

.dpboss-login-page .dpboss-otp-form .form-group.basic:first-child {
    margin-top: 0;
}

.dpboss-send-otp,
.dpboss-login-page #user_login_btn {
    width: 100%;
    height: 30px;
    margin-top: 3px;
    border: 0;
    border-radius: 3px;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    font-size: 12px;
    font-weight: 600;
}

.dpboss-login-page #user_login_btn {
    margin-top: 9px;
}

/* Login page final layout */
.dpboss-login-page #appCapsule {
    width: 100%;
    max-width: none;
    min-height: calc(100vh - 62px);
    padding: 58px 15px 78px !important;
}

.dpboss-home .appHeader,
.dpboss-home .appBottomMenu {
    width: 100%;
    max-width: none;
}

.dpboss-login-page .dpboss-login-card {
    min-height: 362px;
    margin: 0;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .18);
}

.dpboss-login-page #login_header {
    padding: 28px 18px 0;
}

.dpboss-login-page .login_page_logo {
    width: 70px;
    height: 70px;
    margin: 0 auto 12px;
    border-radius: 7px;
    opacity: 0;
}

.dpboss-login-page .login_page_logo.is-loaded {
    opacity: 1;
}

.dpboss-login-logo-wrap {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 auto 12px;
}

.dpboss-login-logo-wrap .login_page_logo {
    position: absolute;
    inset: 0;
    margin: 0;
}

.dpboss-login-logo-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #650016;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
}

.dpboss-login-logo-shimmer {
    position: absolute;
    inset: 0;
    display: block;
    border-radius: 7px;
    background: linear-gradient(105deg, #f0edf5 12%, #faf9fc 48%, #e8e3ef 86%);
    background-size: 220% 100%;
    animation: shimmer 1.6s ease-in-out infinite;
}

.dpboss-login-page #login_header h1 {
    font-size: 22px;
    line-height: 27px;
}

.dpboss-login-page #login_header h4 {
    margin: 0;
    font-size: 9px;
    line-height: 13px;
}

.dpboss-login-page #login_form {
    padding: 0 17px !important;
}

.dpboss-login-page .dpboss-login-card .card-body {
    padding: 0 0 22px;
}

.dpboss-login-page .form-group.basic {
    margin-bottom: 9px;
}

.dpboss-login-page .input-wrapper .label {
    margin-bottom: 2px;
    font-size: 8px;
    line-height: 10px;
}

.dpboss-login-page .form-control {
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px 9px !important;
    font-size: 12px !important;
}

.dpboss-login-page #userid {
    padding-right: 34px !important;
}

.dpboss-login-page #userid + .clear-input {
    right: 3px;
    bottom: 0;
    width: 28px;
    height: 34px;
    font-size: 18px;
    opacity: .6;
}

.dpboss-login-page #userid + .clear-input ion-icon {
    width: 18px;
    height: 18px;
}

.dpboss-login-page #submit_user_login_btn {
    height: 28px;
    margin-top: 2px;
}

.dpboss-login-page .dpboss-register-prompt {
    margin: 15px 0 12px;
}

.dpboss-login-page .dpboss-create-account {
    height: 28px;
}

.dpboss-login-page .dpboss-otp-link {
    margin-top: 10px;
}

.dpboss-login-page .eye_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #958d9e;
    height: 38px;
    font-size: 22px;
    position: absolute;
    right: 5px;
    bottom: 0;
    width: 32px;
    opacity: .5;
    display: none;
}

/* Keep OTP fields aligned with the password-login fields. */
.dpboss-login-page .dpboss-otp-form .card-body {
    padding: 0 17px 22px !important;
}

/* Register page follows the same card system as login. */
.dpboss-register-page #appCapsule {
    padding-top: 58px !important;
}

.dpboss-register-page .dpboss-register-card {
    min-height: auto;
}

.dpboss-register-page #register_header {
    padding: 28px 18px 0;
}

.dpboss-register-page #register_header h1 {
    margin: 0;
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
}

.dpboss-register-page #register_header h4 {
    margin: 0;
    color: #650016;
    font-size: 9px;
    font-weight: 400;
    line-height: 13px;
}

.dpboss-register-page #register_form {
    margin: 0 !important;
    padding: 0 17px !important;
}

.dpboss-register-page #submit_reg_btn,
.dpboss-register-page #submit_otp_btn {
    width: 100%;
    height: 28px;
    margin-top: 2px;
    padding: 0;
    border: 0;
    border-radius: 3px;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    font-size: 12px;
    font-weight: 600;
}

.dpboss-register-page .form-button-group {
    position: static;
    min-height: 0;
    padding: 0 17px 22px;
    background: transparent;
}

.dpboss-register-page #submit_otp .section {
    margin: 0 !important;
    padding: 0 17px 9px !important;
}

.dpboss-register-page #submit_otp .verification-input {
    width: 100% !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 6px 9px !important;
    border-radius: 3px !important;
    font-size: 12px !important;
    letter-spacing: 4px;
}

/* Add money page */
.dpboss-add-money-page {
    background: #f6f6f6;
}

.dpboss-add-money-page #appCapsule {
    padding: 58px 10px 78px !important;
    background: #f6f6f6;
}

.dpboss-add-money-page .dpboss-inner-header {
    background: var(--dpboss-peach) !important;
    color: #000 !important;
}

.dpboss-add-money-page .dpboss-inner-header .pageTitle,
.dpboss-add-money-page .dpboss-inner-header .headerButton,
.dpboss-add-money-page .dpboss-inner-header .fa {
    color: #000 !important;
}

.dpboss-add-money-page .dpboss-payment-section {
    margin: 0 0 9px !important;
    padding: 0 !important;
}

.dpboss-add-money-page .dpboss-payment-card {
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--dpboss-shadow);
}

.dpboss-add-money-page .dpboss-payment-card > .card-body {
    padding: 12px;
}

.dpboss-add-money-page .dpboss-payment-card .section {
    margin: 0 !important;
    padding: 0 !important;
}

.dpboss-add-money-page .form-group.basic,
.dpboss-add-money-page .form-group.boxed {
    margin: 0 0 10px;
    padding: 0;
}

.dpboss-add-money-page .form-group .label,
.dpboss-add-money-page .section-title label {
    margin-bottom: 4px;
    color: #111 !important;
    font-size: 11px;
    font-weight: 600;
}

.dpboss-add-money-page .form-control {
    min-height: 38px !important;
    height: 38px !important;
    padding: 7px 10px !important;
    border: 1px solid #d7dde2 !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: #222 !important;
    font-size: 12px !important;
    box-shadow: none !important;
}

.dpboss-add-money-page .form-control:focus {
    border-color: var(--dpboss-red) !important;
    box-shadow: 0 0 0 1px rgba(217, 51, 59, .12) !important;
}

.dpboss-add-money-page #submit_add_money_btn,
.dpboss-add-money-page #def_btn {
    min-height: 36px;
    border: 0 !important;
    border-radius: 3px;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    font-size: 12px;
    font-weight: 700;
}

.dpboss-add-money-page .dpboss-theme-loader {
    width: 32px;
    height: 32px;
    margin: 18px auto;
    border-width: 3px;
    border-color: var(--dpboss-peach);
    border-right-color: var(--dpboss-red);
}

.dpboss-add-money-page button .spinner-border {
    color: #000 !important;
    border-color: rgba(0, 0, 0, .25);
    border-right-color: #000;
}

.dpboss-add-money-page .form-check-input:checked {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-color: var(--dpboss-red) !important;
    background-color: var(--dpboss-red) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 4px #fff !important;
}

.dpboss-add-money-page .form-check-input:focus {
    border-color: var(--dpboss-red) !important;
    box-shadow: 0 0 0 2px rgba(217, 51, 59, .12) !important;
}

.dpboss-add-money-page .form-check-input:not(:checked) {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #d7dde2;
    border-radius: 50%;
    background: #fff;
}

/* style.css draws radios on the label, so override that rendered layer too. */
.dpboss-add-money-page .form-check-input:checked ~ .form-check-label::after {
    border-color: var(--dpboss-red) !important;
    background-color: var(--dpboss-red) !important;
}

.dpboss-add-money-page .form-check-input:not(:checked) ~ .form-check-label::after {
    border-color: #d7dde2 !important;
    background-color: #fff !important;
}

.dpboss-add-money-page .form-check-input[type="radio"]:checked ~ .form-check-label::before {
    opacity: 1;
    background-image: none !important;
    width: 8px;
    height: 8px;
    left: 7px;
    top: 9px;
    border-radius: 50%;
    background-color: #fff;
}

.dpboss-add-money-page .dpboss-quick-amounts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
    margin: 0 0 10px;
}

.dpboss-add-money-page .dpboss-quick-amounts button {
    height: 28px;
    padding: 0 3px;
    border: 1px solid #eadfd7;
    border-radius: 4px;
    background: #fff;
    color: #650016;
    font-size: 10px;
}

.dpboss-add-money-page .dpboss-quick-amounts button:focus,
.dpboss-add-money-page .dpboss-quick-amounts button:active {
    border-color: var(--dpboss-red);
    background: #fff5f5;
    outline: 0;
}

.dpboss-add-money-page .text-info,
.dpboss-add-money-page a.text-info {
    color: var(--dpboss-red) !important;
}

.dpboss-add-money-page #qrImage {
    display: block;
    max-width: 220px;
    margin: 0 auto 12px;
    padding: 7px;
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
}

.dpboss-add-money-page .wallet-card {
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
    box-shadow: none !important;
}

.dpboss-add-money-page .wallet-card.shadow-none {
    padding: 0 !important;
    border: 0 !important;
}

.dpboss-add-money-page .wallet-footer {
    border-top: 0 !important;
    padding-top: 4px !important;
}

.dpboss-add-money-page .wallet-footer .item .icon-wrapper {
    margin-bottom: 5px !important;
}

/* Digital UPI payment method */
.dpboss-add-money-page #append_pay_form_one .listview.image-listview.inset {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 5px;
    background: transparent;
}

.dpboss-add-money-page #append_pay_form_one .listview.image-listview.inset > li {
    min-height: 0;
    border: 0 !important;
}

.dpboss-add-money-page #append_pay_form_one .listview.image-listview.inset .item {
    min-height: 58px;
    padding: 9px 10px !important;
    border: 1px solid #eadfd7;
    border-radius: 5px;
    background: #fffaf6;
}

.dpboss-add-money-page #append_pay_form_one .listview.image-listview.inset .icon-box {
    width: 38px;
    height: 38px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--dpboss-peach) !important;
    color: #111 !important;
    font-size: 19px;
}

.dpboss-add-money-page #append_pay_form_one .listview.image-listview.inset .in {
    min-height: 38px;
    padding: 0 !important;
    border: 0 !important;
}

.dpboss-add-money-page #append_pay_form_one .listview.image-listview.inset .in > div {
    overflow: hidden;
    color: #650016;
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dpboss-add-money-page #append_pay_form_one .listview.image-listview.inset .in > a {
    display: flex;
    width: 32px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--dpboss-peach-strong);
    border-radius: 4px;
    background: #fff;
}

.dpboss-add-money-page #append_pay_form_one .listview.image-listview.inset .in > a ion-icon {
    color: var(--dpboss-red) !important;
    font-size: 16px;
}

.dpboss-add-money-page #append_pay_form_two {
    padding-top: 2px;
}

.dpboss-add-money-page #append_pay_form_two > .listview.image-listview.inset {
    margin-bottom: 12px !important;
}

/* Accounts page */
.dpboss-accounts-page {
    background: #f6f6f6;
}

.dpboss-accounts-page #appCapsule {
    padding: 58px 10px 78px !important;
    background: #f6f6f6;
}

.dpboss-accounts-page .dpboss-inner-header {
    background: var(--dpboss-peach) !important;
    color: #000 !important;
}

.dpboss-accounts-page .dpboss-inner-header .pageTitle,
.dpboss-accounts-page .dpboss-inner-header .headerButton,
.dpboss-accounts-page .dpboss-inner-header .fa {
    color: #000 !important;
}

.dpboss-accounts-page .dpboss-accounts-section {
    margin: 0 !important;
    padding: 0 !important;
}

.dpboss-accounts-page .dpboss-accounts-card {
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--dpboss-shadow);
}

.dpboss-accounts-page .dpboss-accounts-card > .card-body {
    padding: 12px;
}

.dpboss-accounts-page .dpboss-accounts-intro {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding: 10px;
    border: 1px solid #eadfd7;
    border-radius: 4px;
    background: #fffaf6;
}

.dpboss-accounts-page .dpboss-accounts-icon {
    display: flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--dpboss-peach);
    color: #111;
    font-size: 17px;
}

.dpboss-accounts-page .dpboss-accounts-intro h2 {
    margin: 0 0 2px;
    color: #111;
    font-size: 14px;
}

.dpboss-accounts-page .dpboss-accounts-intro p {
    margin: 0;
    color: #650016;
    font-size: 9px;
}

.dpboss-accounts-page .form-group.basic,
.dpboss-accounts-page .form-group.boxed {
    margin: 0 0 10px;
    padding: 0;
}

.dpboss-accounts-page .input-wrapper .label {
    margin-bottom: 4px;
    color: #111;
    font-size: 10px;
    font-weight: 600;
}

.dpboss-accounts-page .form-control,
.dpboss-accounts-page .custom-select {
    min-height: 38px !important;
    height: 38px !important;
    padding: 7px 10px !important;
    border: 1px solid #d7dde2 !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    color: #222 !important;
    font-size: 12px !important;
    box-shadow: none !important;
}

.dpboss-accounts-page .form-control:focus,
.dpboss-accounts-page .custom-select:focus {
    border-color: var(--dpboss-red) !important;
    box-shadow: 0 0 0 1px rgba(217, 51, 59, .12) !important;
}

.dpboss-accounts-page #submit_add_or_update_payment_user_btn {
    min-height: 36px;
    margin-top: 2px;
    padding: 0;
    border: 0 !important;
    border-radius: 3px;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    font-size: 12px;
    font-weight: 700;
}

.dpboss-accounts-page #append_pay_form .spinner-border,
.dpboss-accounts-page .dpboss-button-loader {
    color: var(--dpboss-red) !important;
}

.dpboss-accounts-page .is-valid {
    border-color: #00a51a !important;
}

.dpboss-accounts-page .is-invalid {
    border-color: var(--dpboss-red) !important;
}

/* Withdraw page */
.dpboss-withdraw-page {
    background: #f6f6f6;
}

.dpboss-withdraw-page #appCapsule {
    padding: 50px 10px 78px !important;
    background: #f6f6f6;
}

.dpboss-withdraw-page .dpboss-inner-header {
    background: var(--dpboss-peach) !important;
    color: #000 !important;
}

.dpboss-withdraw-page .dpboss-inner-header .pageTitle,
.dpboss-withdraw-page .dpboss-inner-header .headerButton,
.dpboss-withdraw-page .dpboss-inner-header .fa {
    color: #000 !important;
}

.dpboss-withdraw-page .section {
    padding-left: 0;
    padding-right: 0;
}

.dpboss-withdraw-page .dpboss-withdraw-notice {
    height: 28px;
    min-height: 28px;
    padding: 3px 8px;
    border: 1px solid #eadfd7;
    border-radius: 4px;
    background: #fff4ea;
    color: #650016;
    font-size: 10px;
    line-height: 20px;
}

.dpboss-withdraw-page .dpboss-withdraw-notice marquee {
    height: 20px;
    line-height: 20px;
}

.dpboss-withdraw-page .dpboss-balance-card {
    padding: 12px;
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--dpboss-shadow);
    text-align: center;
}

.dpboss-withdraw-page .dpboss-balance-card .title {
    color: #650016;
    font-size: 10px;
}

.dpboss-withdraw-page .dpboss-balance-card .value {
    margin-top: 3px;
    color: var(--dpboss-green) !important;
    font-size: 21px;
}

.dpboss-withdraw-page .dpboss-withdraw-heading {
    margin-top: 7px !important;
    margin-bottom: -5px;
}

.dpboss-withdraw-page .dpboss-withdraw-heading .title {
    margin: 0;
    color: #111;
    font-size: 13px;
}

.dpboss-withdraw-page #append_withdraw {
    margin: 0 -4px -2px !important;
}

.dpboss-withdraw-page #append_withdraw > [class*="col-"] {
    padding: 4px !important;
}

.dpboss-withdraw-page #append_withdraw .stat-box {
    min-height: 66px;
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
    box-shadow: none;
}

.dpboss-withdraw-page #append_withdraw .stat-box.active {
    border: 2px solid var(--dpboss-red) !important;
    background: #fff7f7 !important;
}

.dpboss-withdraw-page #append_withdraw svg {
    max-width: 105px;
    height: 50px !important;
}

.dpboss-withdraw-page #append_ac {
    margin-top: 4px !important;
    padding: 0 !important;
}

.dpboss-withdraw-page #append_ac .item {
    min-height: 64px;
    padding: 9px 11px;
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--dpboss-shadow);
}

.dpboss-withdraw-page #append_ac .detail p {
    margin-bottom: 2px;
    color: #650016;
    font-size: 9px;
}

.dpboss-withdraw-page #append_ac .detail strong {
    display: block;
    color: #111;
    font-size: 11px;
}

.dpboss-withdraw-page #append_ac .price,
.dpboss-withdraw-page #append_ac ion-icon {
    color: var(--dpboss-red) !important;
}

.dpboss-withdraw-page .dpboss-withdraw-form {
    margin-top: 7px !important;
    padding: 12px !important;
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--dpboss-shadow);
}

.dpboss-withdraw-page .dpboss-withdraw-form > small {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 8px;
    color: #650016 !important;
    font-size: 9px;
}

.dpboss-withdraw-page .dpboss-withdraw-form .form-control {
    height: 38px !important;
    padding: 7px 10px !important;
    border: 1px solid #d7dde2 !important;
    border-radius: 3px;
    background: #fff !important;
    color: #222;
    font-size: 12px;
    box-shadow: none !important;
}

.dpboss-withdraw-page .dpboss-withdraw-form .form-control:focus {
    border-color: var(--dpboss-red) !important;
    box-shadow: 0 0 0 1px rgba(217, 51, 59, .12) !important;
}

.dpboss-withdraw-page #submit_withdraw_btn {
    min-height: 36px;
    border: 0 !important;
    border-radius: 3px;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    font-size: 12px;
    font-weight: 700;
}

.dpboss-withdraw-page .add_loader > .spinner-border,
.dpboss-withdraw-page #submit_withdraw_btn .spinner-border {
    color: var(--dpboss-red) !important;
}

/* Game rate page */
.dpboss-game-rate-page {
    background: #f6f6f6;
}

.dpboss-game-rate-page #appCapsule {
    padding: 50px 10px 78px !important;
    background: #f6f6f6;
}

.dpboss-game-rate-page .dpboss-inner-header {
    background: var(--dpboss-peach) !important;
    color: #000 !important;
}

.dpboss-game-rate-page .dpboss-inner-header .pageTitle,
.dpboss-game-rate-page .dpboss-inner-header .headerButton,
.dpboss-game-rate-page .dpboss-inner-header .fa {
    color: #000 !important;
}

.dpboss-game-rate-page .dpboss-rate-intro {
    padding: 4px 0 8px;
    text-align: center;
}

.dpboss-game-rate-page .dpboss-rate-intro h1 {
    margin: 0;
    color: var(--dpboss-peach-strong);
    font-size: 17px;
    font-weight: 600;
}

.dpboss-game-rate-page .dpboss-rate-intro p {
    margin: 2px 0 0;
    color: #650016;
}

.dpboss-game-rate-page > #appCapsule > .section {
    margin: 0 !important;
    padding: 0 !important;
}

.dpboss-game-rate-page .dpboss-rate-card {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.dpboss-game-rate-page .dpboss-rate-card > .card-body {
    padding: 0 !important;
}

.dpboss-game-rate-page .nav-tabs.lined {
    display: none !important;
}

.dpboss-game-rate-page .nav-tabs.lined .nav-link {
    height: 34px;
    padding: 10px 2px 6px;
    color: #650016;
    font-size: 9px;
}

.dpboss-game-rate-page .nav-tabs.lined .nav-link.active {
    color: var(--dpboss-red) !important;
    border-bottom-color: var(--dpboss-red) !important;
}

.dpboss-game-rate-page .tab-content {
    margin-top: 0 !important;
}

.dpboss-game-rate-page .tab-content > .tab-pane {
    display: block !important;
    margin-bottom: 5px;
    padding: 8px 9px 5px;
    border: 1px solid var(--dpboss-border);
    border-radius: 4px;
    background: #fff;
    box-shadow: var(--dpboss-shadow);
    opacity: 1 !important;
}

.dpboss-game-rate-page .tab-content > .tab-pane::before {
    display: block;
    margin-bottom: 3px;
    color: var(--dpboss-peach-strong);
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}

.dpboss-game-rate-page #market::before {
    content: "Main Games Win Ratio";
}

.dpboss-game-rate-page #starline::before {
    content: "Starline Games Win Ratio";
}

.dpboss-game-rate-page #disawar::before {
    content: "Disawar Games Win Ratio";
}

.dpboss-game-rate-page #jackpot::before {
    content: "Jackpot Games Win Ratio";
}

.dpboss-game-rate-page #teer::before {
    content: "Teer Games Win Ratio";
}

.dpboss-game-rate-page #color::before {
    content: "Color Games Win Ratio";
}

.dpboss-game-rate-page .transactions {
    margin: 0 !important;
}

.dpboss-game-rate-page .transactions .item {
    min-height: 34px;
    margin: 0 !important;
    padding: 7px 2px !important;
    border: 0;
    border-bottom: 0;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.dpboss-game-rate-page .transactions:last-child .item {
    border-bottom: 0;
}

.dpboss-game-rate-page .transactions .detail strong {
    color: #650016;
    font-size: 14px;
    font-weight: 500;
}

.dpboss-game-rate-page .transactions .right {
    min-width: 100px;
    text-align: right;
}

.dpboss-game-rate-page .transactions .price,
.dpboss-game-rate-page .transactions .price.text-primary {
    color: #650016 !important;
    font-size: 14px;
    font-weight: 500;
}

.dpboss-game-rate-page #full_card > .spinner-border {
    color: var(--dpboss-red) !important;
}

/* Market choose patti page */
.dpboss-choose-patti-page {
    background: #f6f6f6;
}

.dpboss-choose-patti-page #appCapsule {
    margin: 0 10px;
    padding: 52px 11px 78px !important;
    border: 0;
    border-radius: 0;
    background: #f6f6f6;
    box-shadow: none;
}

.dpboss-choose-patti-page .dpboss-inner-header {
    background: var(--dpboss-peach) !important;
    color: #000 !important;
}

.dpboss-choose-patti-page .dpboss-inner-header .pageTitle,
.dpboss-choose-patti-page .dpboss-inner-header .headerButton,
.dpboss-choose-patti-page .dpboss-inner-header .fa,
.dpboss-choose-patti-page .dpboss-inner-header #game_time {
    color: #000 !important;
}

.dpboss-choose-patti-page .dpboss-inner-header #game_time .ion,
.dpboss-choose-patti-page .dpboss-inner-header #game_time .text-primary,
.dpboss-choose-patti-page .dpboss-inner-header #game_time .dpboss-timer-icon {
    color: var(--dpboss-red) !important;
}

.dpboss-choose-patti-page #appCapsule > .section {
    padding: 12px 0 20px !important;
}

.dpboss-choose-patti-page .dpboss-patti-dashboard {
    padding: 6px 10px 24px;
}

.dpboss-choose-patti-page .dpboss-patti-panel {
    background: #ffffff;
    border: 1px solid #e9d8cf;
    border-radius: 6px;
    box-shadow: 0 10px 24px rgba(96, 46, 5, 0.08);
    padding: 18px 12px 24px;
}

.dpboss-choose-patti-page .dpboss-patti-title {
    margin-bottom: 0;
    color: #ffb47f;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
}

.dpboss-choose-patti-page .dpboss-patti-subtitle {
    margin-bottom: 28px;
    color: #111111;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

.dpboss-choose-patti-page .dpboss-patti-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 10px;
}

.dpboss-choose-patti-page .dpboss-patti-grid-spacer {
    min-height: 1px;
}

.dpboss-choose-patti-page .dpboss-patti-tile {
    min-height: 77px;
}

.dpboss-choose-patti-page .dpboss-patti-tile a {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 7px 5px;
    border: 1px solid #eaded7;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #fff8f3 100%);
    box-shadow: 0 4px 10px rgba(77, 17, 17, 0.06);
    text-align: center;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.dpboss-choose-patti-page .dpboss-patti-tile a:active {
    border-color: var(--dpboss-red);
    transform: scale(.97);
}

.dpboss-choose-patti-page .dpboss-patti-icon {
    display: block;
    width: 56px;
    height: 56px;
    object-fit: contain;
}

.dpboss-choose-patti-page .dpboss-patti-fallback {
    display: flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border: 2px solid #8d1c64;
    border-radius: 50%;
    color: #8d1c64;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
}

.dpboss-choose-patti-page .dpboss-patti-label {
    color: #9b1356;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
}

.dpboss-choose-patti-page .dpboss-patti-note {
    margin-top: 30px;
    color: #111111;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
}

.dpboss-choose-patti-page #full_sangam_div.col-6 {
    grid-column: auto;
}

.dpboss-choose-patti-page.dpboss-open-time-passed .dpboss-patti-jodi,
.dpboss-choose-patti-page.dpboss-open-time-passed .dpboss-patti-half-sangam,
.dpboss-choose-patti-page.dpboss-open-time-passed .dpboss-patti-full-sangam,
.dpboss-choose-patti-page.dpboss-open-time-passed .dpboss-patti-grid-spacer,
.dpboss-choose-patti-page.dpboss-open-time-passed #sp_dp_tp,
.dpboss-choose-patti-page.dpboss-open-time-passed #red_bracket,
.dpboss-choose-patti-page.dpboss-open-time-passed #sp_motor,
.dpboss-choose-patti-page.dpboss-open-time-passed #dp_motor,
.dpboss-choose-patti-page.dpboss-open-time-passed #cp_sp_dp_tp,
.dpboss-choose-patti-page.dpboss-open-time-passed #group_jd,
.dpboss-choose-patti-page.dpboss-open-time-passed #odd_even,
.dpboss-choose-patti-page.dpboss-open-time-passed #two_digits_panel,
.dpboss-choose-patti-page.dpboss-open-time-passed #club {
    display: none !important;
}

.dpboss-choose-patti-page.dpboss-open-time-passed .dpboss-patti-single {
    grid-column: 1;
    grid-row: 1;
}

.dpboss-choose-patti-page.dpboss-open-time-passed .dpboss-patti-single-panna {
    grid-column: 2;
    grid-row: 1;
}

.dpboss-choose-patti-page.dpboss-open-time-passed .dpboss-patti-double-panna {
    grid-column: 3;
    grid-row: 1;
}

.dpboss-choose-patti-page.dpboss-open-time-passed .dpboss-patti-triple-panna {
    grid-column: 2;
    grid-row: 2;
}

.dpboss-choose-patti-page.dpboss-open-time-passed .dpboss-patti-note {
    margin-top: 34px;
}

@media (max-width: 360px) {
    .dpboss-choose-patti-page .dpboss-patti-dashboard {
        padding-left: 10px;
        padding-right: 10px;
    }

    .dpboss-choose-patti-page .dpboss-patti-grid {
        gap: 7px;
    }

    .dpboss-choose-patti-page .dpboss-patti-tile {
        min-height: 82px;
    }

    .dpboss-choose-patti-page .dpboss-patti-label {
        font-size: 11px;
    }
}

.dpboss-starline-choose-patti-page .dpboss-choice-tile {
    display: flex;
    width: 100%;
    min-height: 106px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 5px;
    background: var(--dpboss-peach);
    color: #650016;
}

.dpboss-starline-choose-patti-page .dpboss-choice-tile img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, .28));
}

.dpboss-starline-choose-patti-page .dpboss-choice-tile strong {
    color: #650016;
    font-size: 13px;
    font-weight: 800;
    line-height: 16px;
}

.dpboss-starline-choose-patti-page #appCapsule {
    margin: 0 8px;
    padding: 52px 0 78px !important;
}

.dpboss-starline-dashboard-panel {
    min-height: calc(100vh - 132px);
    padding: 18px 13px 22px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    text-align: center;
}

.dpboss-starline-dashboard-panel h2 {
    margin: 8px 0 0;
    color: #ffa866;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
}

.dpboss-starline-dashboard-panel p {
    margin: 0 0 26px;
    color: #000;
    font-size: 10px;
    line-height: 13px;
}

.dpboss-starline-option-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 8px;
    text-align: center;
}

.dpboss-starline-option-card {
    display: flex;
    min-height: 82px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6px 4px 5px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    background: #fff;
    color: #9b126f;
}

.dpboss-starline-option-card img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    margin-bottom: 5px;
}

.dpboss-starline-option-card span {
    color: #9b126f;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
}

.dpboss-starline-dashboard-note {
    margin-top: 45px;
    color: #00132d;
    font-size: 10px;
    line-height: 14px;
}

.dpboss-add-money-page .listview .icon-box.bg-primary {
    background: var(--dpboss-peach) !important;
    color: #000 !important;
}

/* Single digit betting screen */
.dpboss-betting-page {
    background: #f6f6f6;
}

.dpboss-betting-page #appCapsule {
    padding: 47px 0 64px !important;
    background: #f6f6f6;
}

.dpboss-betting-page .dpboss-inner-header {
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    padding-right: 72px;
}

.dpboss-betting-page .dpboss-inner-header .left {
    right: 72px;
    gap: 0;
}

.dpboss-betting-page .dpboss-inner-header .pageTitle,
.dpboss-betting-page .dpboss-inner-header .headerButton,
.dpboss-betting-page .dpboss-inner-header .fa,
.dpboss-betting-page .dpboss-inner-header ion-icon,
.dpboss-betting-page .dpboss-inner-header #game_time {
    color: #000 !important;
}

.dpboss-betting-page .dpboss-inner-header .dpboss-timer-icon {
    color: #b70f20 !important;
}

.dpboss-betting-page .dpboss-inner-header .pageTitle {
    margin: 0 !important;
    padding: 0;
    text-align: left;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dpboss-betting-page .appBottomMenu {
    display: flex !important;
    visibility: visible !important;
    z-index: 1100;
}

.dpboss-single-digit-ui {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 10px 9px 18px;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

.dpboss-betting-top-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 27px;
    align-items: center;
    padding: 0 13px;
}

.dpboss-betting-date,
.dpboss-betting-session {
    height: 31px;
    border: 1px solid #eee6d2;
    border-radius: 5px;
    background: #fff;
    color: #62002d;
    font-size: 12px;
    text-align: center;
}

.dpboss-betting-date {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dpboss-betting-session {
    border: 1px solid #eee6d2;
    color: #000;
    text-transform: uppercase;
}

.dpboss-betting-divider {
    height: 1px;
    margin: 9px 0 7px;
    background: #aaa;
}

.dpboss-single-digit-ui h2 {
    margin: 0 0 6px;
    color: #df0000;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.dpboss-amount-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px 9px;
    padding: 0 4px;
}

.dpboss-amount-grid button {
    height: 31px;
    border: 1px solid #eee6d2;
    border-radius: 5px;
    background: #fff;
    color: #62002d;
    font-size: 12px;
}

.dpboss-amount-grid button.active {
    border-color: var(--dpboss-peach-strong);
    background: var(--dpboss-peach);
}

.dpboss-digit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px 9px;
    padding: 0 4px;
}

.dpboss-digit-grid.panna-groups {
    display: block;
}

.dpboss-digit-grid button {
    height: 35px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 13px;
    text-align: center;
}

.dpboss-digit-grid button.active {
    border-color: var(--dpboss-peach-strong);
    background: var(--dpboss-peach);
    color: #62002d;
}

.dpboss-sd-digit-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.dpboss-sd-digit-cell label {
    margin: 0;
    color: #00132d;
    font-size: 9px;
    line-height: 11px;
}

.dpboss-sd-digit-cell input {
    width: 100%;
    height: 32px;
    padding: 3px 5px;
    border: 1px solid #bfc2c6;
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 12px;
    text-align: center;
}

.dpboss-panna-group {
    padding: 0 0 18px;
    border-bottom: 1px solid #aaa;
}

.dpboss-panna-group + .dpboss-panna-group {
    padding-top: 13px;
}

.dpboss-panna-group:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.dpboss-panna-group h3 {
    margin: 0 0 10px;
    color: #df0000;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.dpboss-panna-inputs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px 9px;
}

.dpboss-digit-field label {
    display: block;
    margin-bottom: 2px;
    color: #000;
    font-size: 11px;
    text-align: center;
}

.dpboss-digit-field input {
    width: 100%;
    height: 35px;
    padding: 4px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 13px;
    text-align: center;
}

.dpboss-single-patti-ui .dpboss-sp-form {
    display: grid;
    gap: 10px;
    padding: 0 8px;
}

.dpboss-single-patti-ui label {
    margin: 0;
    color: #62002d;
    font-size: 12px;
    font-weight: 600;
}

.dpboss-single-patti-ui input {
    width: 100%;
    height: 38px;
    margin-top: 4px;
    padding: 6px 10px;
    border: 1px solid #eee6d2;
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 14px;
}

.dpboss-sp-input-wrap {
    position: relative;
    display: block;
}

.dpboss-single-patti-ui .ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 2000;
    border: 1px solid #eee6d2;
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 13px;
}

.dpboss-single-patti-ui #dpboss-sp-add-bid {
    height: 36px;
    margin-top: 2px;
    border: 0;
    border-radius: 3px;
    background: var(--dpboss-red);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.dpboss-sp-summary {
    margin: 12px 8px 0;
    border: 1px solid #eee6d2;
    border-radius: 5px;
    overflow: hidden;
}

.dpboss-sp-summary-head,
.dpboss-sp-summary-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 34px;
    align-items: center;
    min-height: 32px;
    text-align: center;
    font-size: 12px;
}

.dpboss-sp-summary-head {
    background: var(--dpboss-red);
    color: #fff;
    font-weight: 700;
}

.dpboss-sp-summary-row {
    border-top: 1px solid #eee6d2;
    color: #000;
}

.dpboss-sp-summary-row a {
    color: var(--dpboss-red);
    font-size: 16px;
}

.dpboss-betting-page input,
.dpboss-betting-page textarea,
.dpboss-betting-page select {
    caret-color: var(--dpboss-red);
}

.dpboss-betting-page input:focus,
.dpboss-betting-page textarea:focus,
.dpboss-betting-page select:focus,
.dpboss-betting-page .form-control:focus,
.dpboss-betting-page .form-check-input:focus,
.dpboss-betting-page .points:focus,
.dpboss-betting-page #blkamt:focus {
    border-color: var(--dpboss-red) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgba(217, 51, 59, .18) !important;
    caret-color: var(--dpboss-red);
}

.dpboss-betting-page .form-check-input:checked {
    border-color: var(--dpboss-red) !important;
    background-color: var(--dpboss-red) !important;
}

.dpboss-total-points {
    margin-top: 14px;
    color: #76002f;
    font-size: 12px;
    text-align: center;
}

.dpboss-betting-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 27px;
    margin: 13px 13px 0;
}

.dpboss-betting-actions button {
    height: 35px;
    border: 0;
    border-radius: 3px;
    background: #eee;
    color: #000;
    font-size: 14px;
}

.dpboss-betting-actions #dpboss-submit-bet {
    background: var(--dpboss-peach);
}

.dpboss-half-sangam-ui,
.dpboss-full-sangam-ui {
    position: relative;
    min-height: calc(100vh - 111px);
}

.dpboss-half-sangam-grid,
.dpboss-full-sangam-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px 8px;
    padding: 3px 4px 42px;
}

.dpboss-half-sangam-grid label,
.dpboss-full-sangam-grid label {
    color: #000;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
}

.dpboss-half-sangam-grid input,
.dpboss-full-sangam-grid input {
    width: 100%;
    height: 35px;
    margin-top: 4px;
    padding: 4px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 13px;
    text-align: center;
}

.dpboss-half-sangam-ui .ui-autocomplete,
.dpboss-full-sangam-ui .ui-autocomplete {
    position: absolute !important;
    max-height: 135px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
}

.dpboss-half-sangam-ui .ui-autocomplete .ui-menu-item,
.dpboss-full-sangam-ui .ui-autocomplete .ui-menu-item {
    padding: 0;
}

.dpboss-half-sangam-ui .ui-autocomplete .ui-menu-item-wrapper,
.dpboss-full-sangam-ui .ui-autocomplete .ui-menu-item-wrapper {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.25;
}

.dpboss-half-sangam-ui #dpboss-hs-submit,
.dpboss-full-sangam-ui #dpboss-fs-submit {
    background: var(--dpboss-peach);
}

.dpboss-sp-dp-tp-page #appCapsule {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dpboss-sp-dp-tp-page .dpboss-sp-dp-tp-table-section {
    margin-left: 12px !important;
    margin-right: 12px !important;
    margin-top: 10px !important;
    padding-left: 0;
    padding-right: 0;
}

.dpboss-sp-dp-tp-page .dpboss-sp-panel,
.dpboss-sp-dp-tp-page .dpboss-bet-table-card {
    border: 1px solid #cfcfcf !important;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

.dpboss-sp-dp-tp-page .dpboss-bet-table-card {
    margin-left: 0;
    margin-right: 0;
}

.dpboss-sp-dp-tp-page .dpboss-sp-panel {
    margin: 0 12px 10px;
    padding: 10px 7px 13px;
}

.dpboss-sp-dp-tp-page .dpboss-sp-session-toggle,
.dpboss-sp-dp-tp-page .dpboss-sp-type-grid {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.dpboss-sp-dp-tp-page .dpboss-sp-session-toggle {
    grid-template-columns: repeat(2, 1fr);
}

.dpboss-sp-dp-tp-page .dpboss-sp-type-grid {
    grid-template-columns: repeat(3, 1fr);
}

.dpboss-sp-dp-tp-page .dpboss-sp-session-toggle input,
.dpboss-sp-dp-tp-page .dpboss-sp-type-grid input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.dpboss-sp-dp-tp-page .dpboss-sp-session-toggle label,
.dpboss-sp-dp-tp-page .dpboss-sp-type-grid label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    margin: 0;
    border: 1px solid #eee6d2;
    border-radius: 5px;
    background: #fff;
    color: #62002d;
    font-size: 12px;
    font-weight: 500;
}

.dpboss-sp-dp-tp-page .dpboss-sp-session-toggle input:checked + label,
.dpboss-sp-dp-tp-page .dpboss-sp-type-grid input:checked + label {
    border-color: var(--dpboss-peach-strong);
    background: var(--dpboss-peach);
    color: #000;
}

.dpboss-sp-dp-tp-page #digit_box {
    margin-top: 12px !important;
}

.dpboss-sp-dp-tp-page .form-control {
    height: 35px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 13px;
    text-align: center;
    box-shadow: none;
}

.dpboss-sp-dp-tp-page .dpboss-field-label {
    display: block;
    margin-bottom: 4px;
    color: #000;
    font-size: 11px;
    text-align: center;
}

.dpboss-sp-dp-tp-page .form-control::placeholder {
    color: #8b8b8b;
}

.dpboss-sp-dp-tp-page .dpboss-theme-action {
    min-height: 35px;
    border: 0 !important;
    border-radius: 3px;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none !important;
}

.dpboss-sp-dp-tp-page .dpboss-theme-action:active {
    background: var(--dpboss-peach-strong) !important;
}

.dpboss-sp-dp-tp-page #proceed_btn {
    margin-top: 2px;
}

.dpboss-sp-dp-tp-page .dpboss-bet-table-card {
    overflow: hidden;
    border-radius: 5px;
}

.dpboss-sp-dp-tp-page .table {
    margin-bottom: 0;
    color: #000;
    font-size: 11px;
    table-layout: fixed;
}

.dpboss-sp-dp-tp-page .table thead th {
    padding: 8px 7px;
    border-bottom: 1px solid #eee6d2;
    background: var(--dpboss-peach);
    color: #000;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.dpboss-sp-dp-tp-page .table tbody td {
    padding: 7px 7px;
    border-color: #f0f0f0;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}

.dpboss-sp-dp-tp-page .table th:first-child,
.dpboss-sp-dp-tp-page .table td:first-child {
    width: 24%;
    text-align: left;
    padding-left: 10px;
    font-weight: 600;
}

.dpboss-sp-dp-tp-page .table th:nth-child(2),
.dpboss-sp-dp-tp-page .table td:nth-child(2) {
    width: 22%;
    color: #62002d;
}

.dpboss-sp-dp-tp-page .table th:nth-child(3),
.dpboss-sp-dp-tp-page .table td:nth-child(3) {
    width: 36%;
}

.dpboss-sp-dp-tp-page .table th:last-child,
.dpboss-sp-dp-tp-page .table td:last-child {
    width: 18%;
    text-align: right !important;
    padding-right: 10px;
}

.dpboss-sp-dp-tp-page .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #fff8f1;
}

.dpboss-sp-dp-tp-page .table tbody tr {
    border-bottom: 1px solid #f3f3f3;
}

.dpboss-sp-dp-tp-page .table tbody tr:last-child {
    border-bottom: 0;
}

.dpboss-sp-dp-tp-page #append_table ion-icon {
    color: var(--dpboss-red) !important;
    font-size: 15px;
    vertical-align: middle;
}

.dpboss-sp-dp-tp-page #append_table a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-decoration: none;
}

.dpboss-sp-dp-tp-page .dpboss-total-row {
    margin: 8px 2px 0 !important;
    color: #76002f;
    font-size: 12px;
}

.dpboss-sp-dp-tp-page #submit_play_btn {
    margin: 0 12px;
    width: calc(100% - 24px);
}

.dpboss-sp-motor-page .dpboss-sp-panel {
    margin-top: 0;
}

.dpboss-sp-motor-page #digit_box {
    margin-top: 12px !important;
}

.dpboss-sp-motor-page .dpboss-field-label {
    display: flex;
    align-items: center;
    height: 35px;
    margin: 0;
    color: #000;
    font-size: 11px;
}

.dpboss-sp-motor-page #proceed_btn {
    margin-top: 2px;
}

.dpboss-cp-page .dpboss-cp-type-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 10px;
}

.dpboss-cp-page .dpboss-cp-type-grid > div {
    position: relative;
}

.dpboss-cp-page .dpboss-cp-type-grid input {
    position: absolute;
    opacity: 0;
}

.dpboss-cp-page .dpboss-cp-type-grid label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    margin: 0;
    border: 1px solid #ead6c0;
    border-radius: 4px;
    background: #fffdfb;
    color: #62002d;
    font-size: 12px;
    font-weight: 500;
}

.dpboss-cp-page .dpboss-cp-type-grid input:checked + label {
    border-color: var(--dpboss-peach-strong);
    background: var(--dpboss-peach);
    color: #000;
}

.dpboss-cp-page #digit_box {
    margin-top: 12px !important;
}

.dpboss-cp-page .dpboss-field-label {
    display: flex;
    align-items: center;
    height: 35px;
    margin: 0;
    color: #000;
    font-size: 11px;
}

.dpboss-group-jd-page #digit_box {
    margin-top: 12px !important;
}

.dpboss-group-jd-page .dpboss-field-label {
    display: flex;
    align-items: center;
    height: 35px;
    margin: 0;
    color: #000;
    font-size: 11px;
}

.dpboss-odd-even-page .dpboss-odd-even-toggle {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 10px;
}

.dpboss-odd-even-page .radio-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    margin: 0;
    border: 1px solid #ead6c0;
    border-radius: 4px;
    background: #fffdfb;
    color: #62002d !important;
    font-size: 12px;
    font-weight: 500;
}

.dpboss-odd-even-page .radio-button input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.dpboss-odd-even-page .radio-button .radio {
    display: none;
}

.dpboss-odd-even-page .radio-button.is-active,
.dpboss-odd-even-page .radio-button:has(input[type="radio"]:checked) {
    border-color: var(--dpboss-peach-strong);
    background: var(--dpboss-peach);
    color: #000 !important;
}

.dpboss-odd-even-page #digit_box {
    margin-top: 12px !important;
}

.dpboss-odd-even-page .dpboss-field-label {
    display: flex;
    align-items: center;
    height: 35px;
    margin: 0;
    color: #000;
    font-size: 11px;
}

.dpboss-two-digits-panel-page #digit_box {
    margin-top: 12px !important;
}

.dpboss-red-bracket-page #appCapsule {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dpboss-red-bracket-page .dpboss-rb-panel,
.dpboss-red-bracket-page .dpboss-rb-form-section,
.dpboss-red-bracket-page .dpboss-bet-table-card,
.dpboss-red-bracket-page .dpboss-rb-bulk-section {
    border: 1px solid #cfcfcf !important;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}

.dpboss-red-bracket-page .dpboss-rb-panel,
.dpboss-red-bracket-page .dpboss-rb-form-section,
.dpboss-red-bracket-page .dpboss-rb-table-section,
.dpboss-red-bracket-page .dpboss-rb-bulk-section {
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.dpboss-red-bracket-page .dpboss-rb-panel {
    margin-bottom: 10px;
    padding: 10px 7px 0;
    overflow: hidden;
}

.dpboss-red-bracket-page .nav-tabs.lined {
    margin: 10px -7px 0;
    border: 0;
}

.dpboss-red-bracket-page .nav-tabs.lined .nav-link {
    padding: 9px 0;
    border: 0 !important;
    color: #62002d;
    font-size: 12px;
}

.dpboss-red-bracket-page .nav-tabs.lined .nav-link.active {
    background: var(--dpboss-peach);
    color: #000 !important;
    font-weight: 600;
}

.dpboss-red-bracket-page .dpboss-rb-tab-content {
    margin-top: 0 !important;
}

.dpboss-red-bracket-page .dpboss-rb-form-section,
.dpboss-red-bracket-page .dpboss-rb-bulk-section {
    position: relative;
    padding: 10px 7px 13px;
}

.dpboss-red-bracket-page .dpboss-rb-form-section .ui-autocomplete {
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
}

.dpboss-red-bracket-page .dpboss-field-label {
    display: flex;
    align-items: center;
    height: 35px;
    margin: 0;
    color: #000;
    font-size: 11px;
}

.dpboss-red-bracket-page .form-control,
.dpboss-red-bracket-page #blkamt,
.dpboss-red-bracket-page .points {
    height: 35px;
    border: 1px solid #aaa !important;
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 13px;
    text-align: center;
    box-shadow: none;
}

.dpboss-red-bracket-page .form-control::placeholder,
.dpboss-red-bracket-page #blkamt::placeholder {
    color: #8b8b8b;
}

.dpboss-red-bracket-page .dpboss-theme-action {
    min-height: 35px;
    border: 0 !important;
    border-radius: 3px;
    background: var(--dpboss-peach) !important;
    color: #000 !important;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none !important;
}

.dpboss-red-bracket-page .dpboss-rb-clear {
    min-height: 35px;
    border: 0 !important;
    border-radius: 3px;
    background: #eee !important;
    color: #000 !important;
    font-size: 14px;
}

.dpboss-red-bracket-page .dpboss-rb-table-section {
    margin-top: 10px !important;
    padding-left: 0;
    padding-right: 0;
}

.dpboss-red-bracket-page .dpboss-bet-table-card {
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
}

.dpboss-red-bracket-page .table {
    margin-bottom: 0;
    color: #000;
    font-size: 11px;
    table-layout: fixed;
}

.dpboss-red-bracket-page .table thead th {
    padding: 8px 7px;
    border-bottom: 1px solid #eee6d2;
    background: var(--dpboss-peach);
    color: #000;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.dpboss-red-bracket-page .table tbody td {
    padding: 7px 7px;
    border-color: #f0f0f0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.dpboss-red-bracket-page .table th:first-child,
.dpboss-red-bracket-page .table td:first-child {
    width: 24%;
    text-align: left;
    padding-left: 10px;
    font-weight: 600;
}

.dpboss-red-bracket-page .table th:nth-child(2),
.dpboss-red-bracket-page .table td:nth-child(2) {
    width: 22%;
    color: #62002d;
}

.dpboss-red-bracket-page .table th:nth-child(3),
.dpboss-red-bracket-page .table td:nth-child(3) {
    width: 36%;
}

.dpboss-red-bracket-page .table th:last-child,
.dpboss-red-bracket-page .table td:last-child {
    width: 18%;
    text-align: right !important;
    padding-right: 10px;
}

.dpboss-red-bracket-page .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #fff8f1;
}

.dpboss-red-bracket-page #append_table ion-icon {
    color: var(--dpboss-red) !important;
    font-size: 15px;
    vertical-align: middle;
}

.dpboss-red-bracket-page #append_table a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-decoration: none;
}

.dpboss-red-bracket-page .dpboss-total-row,
.dpboss-red-bracket-page .total_points {
    color: #76002f;
    font-size: 12px;
}

.dpboss-red-bracket-page .bazar_main {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    border: 2px solid transparent;
}

.dpboss-red-bracket-page .append_numbers {
    margin-bottom: 2px !important;
}

.dpboss-red-bracket-page .bazar_main h4 {
    margin: 0;
    font-size: 12px;
    line-height: 1;
}

.dpboss-red-bracket-page .active_radio {
    border-color: var(--dpboss-red) !important;
}

.dpboss-red-bracket-page .dpboss-rb-bulk-total h4 {
    margin: 0;
    color: #76002f;
    font-size: 12px;
    font-weight: 500;
}

.dpboss-red-bracket-page .dpboss-rb-bulk-actions {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 8px;
    align-items: center;
}

.dpboss-red-bracket-page .dpboss-rb-bulk-actions #blkamt {
    width: 100%;
}

.dpboss-red-bracket-page .bsubmit {
    min-width: 82px;
    margin: 0;
    padding: 8px 10px;
    line-height: 1.2;
}

.dpboss-red-bracket-page #box_div {
    margin-top: 12px !important;
    margin-left: -4px;
    margin-right: -4px;
}

.dpboss-red-bracket-page .dpboss-rb-bulk-cell {
    position: relative;
    padding: 0 4px 8px !important;
}

.dpboss-red-bracket-page .dpboss-rb-bulk-cell .points {
    padding-left: 38px;
    padding-right: 6px;
}

.dpboss-red-bracket-page .dpboss-rb-bulk-cell .digit-design {
    position: absolute;
    left: 4px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 35px;
    margin: 0;
    padding: 0;
    border-radius: 5px 0 0 5px;
    font-size: 11px;
    line-height: 1;
}

.dpboss-red-bracket-page #submit_play_btn {
    margin: 0 12px;
    width: calc(100% - 24px);
}