:root {
    --table-head-border: 0.1px solid var(--table-head-cell-border) !important;
    --table-body-border: #e0e0e0
}

.table-ctn {
    width: 100%
}

.table-ctn .MuiPaper-root {
    margin-top: 16px;
    box-shadow: none;
    width: 100%;
    border-radius: 6px;
    background-color: transparent
}

.table-ctn .MuiPaper-root .MuiTable-root {
    border-radius: 0;
    box-shadow: none
}

.table-ctn .MuiPaper-root .MuiTable-root .MuiTableRow-root {
    background: var(--ion-card-background)
}

.table-ctn .MuiPaper-root .MuiTable-root .MuiTableRow-root.back-bg {
    background: var(--back-odd-background-light) !important
}

.table-ctn .MuiPaper-root .MuiTable-root .MuiTableRow-root.lay-bg {
    background: var(--lay-odd-background) !important
}

@media screen and (max-width:920px) {
    .table-ctn .MuiPaper-root .MuiTable-root .MuiTableRow-root {
        border-right: 0;
        border-left: 0;
        border-bottom: 0
    }
}

.table-ctn .MuiPaper-root .MuiTable-root .MuiTableHead-root {
    height: 32px;
    background: #001d58
}

.table-ctn .MuiPaper-root .MuiTable-root .MuiTableHead-root .MuiTableRow-root {
    background: var(--ion-primary-gradient);
    color: var(--ion-text-dark)
}

.table-ctn .MuiPaper-root .MuiTable-root .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root {
    border: 0 !important;
    font-family: "Lato";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    white-space: nowrap
}

.table-ctn .MuiPaper-root .MuiTable-root .MuiTableBody-root .MuiTableCell-body {
    color: #fff;
    border: 0 !important;
    cursor: default;
    white-space: nowrap;
    font-size: 14px
}

.table-ctn .MuiPaper-root .MuiTable-root .MuiTableBody-root .MuiSvgIcon-root {
    color: var(--ion-text-color-contrast)
}

.tbl-ctn {
    width: 100%
}

.tbl-ctn .MuiPaper-root {
    margin-top: 8px;
    box-shadow: none;
    border-color: none;
    width: 100%;
    border-radius: 8px 8px 14px 14px;
    background-color: transparent
}

@media screen and (max-width:920px) {
    .tbl-ctn .MuiPaper-root {
        border-radius: 10px 10px 10px
    }
}

.tbl-ctn .MuiPaper-root .MuiTable-root {
    background: none !important;
    border-spacing: 0 2px
}

.tbl-ctn .MuiPaper-root .MuiTableRow-root {
    border: none
}

.tbl-ctn .MuiPaper-root .MuiTableHead-root {
    height: 32px;
    background: linear-gradient(90deg, #6800a8, #45006f)
}

.tbl-ctn .MuiPaper-root .MuiTableHead-root .MuiTableRow-root {
    border-bottom: 1px solid rgba(0, 0, 0, .1) !important
}

.tbl-ctn .MuiPaper-root .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root {
    color: var(--table-headers-light);
    font-family: var(--headers-font-family);
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    padding: 13px;
    white-space: nowrap;
    border-top: var(--table-head-border);
    border-bottom: var(--table-head-border);
    line-height: 17.55px;
    letter-spacing: .02em;
    text-align: left
}

.tbl-ctn .MuiPaper-root .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root:first-child {
    border-left: var(--table-head-border)
}

.tbl-ctn .MuiPaper-root .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root .MuiIconButton-root {
    opacity: 1
}

.tbl-ctn .MuiPaper-root .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root .MuiIconButton-root .MuiTableSortLabel-root .MuiSvgIcon-root {
    color: #fff !important;
    opacity: 1 !important
}

.tbl-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body {
    color: var(--ion-text-color-contrast);
    cursor: default;
    white-space: nowrap;
    font-size: 14px
}

@media screen and (max-width:1400px) {
    .tbl-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body {
        font-size: 14px
    }
}

.tbl-ctn .MuiPaper-root .MuiTableBody-root .MuiSvgIcon-root {
    color: var(--ion-arrow)
}

.tbl-ctn .MuiPaper-root .MuiTableBody-root .back-odd-row {
    background-color: var(--back-odd-background);
    border-bottom: 1px solid #fff
}

.tbl-ctn .MuiPaper-root .MuiTableBody-root .lay-odd-row {
    background-color: var(--lay-odd-background);
    border-bottom: 1px solid #fff
}

.tbl-ctn .MuiPaper-root .MuiTableBody-root .profit-bet {
    color: var(--ion-color-success) !important
}

.tbl-ctn .MuiPaper-root .MuiTableBody-root .loss-bet {
    color: var(--ion-color-lost) !important
}

@media only screen and (max-width:720px) {
    .table-ctn .MuiPaper-root {
        margin-top: 16px
    }

    .table-ctn .MuiPaper-root .MuiTable-root .MuiTableHead-root .MuiSvgIcon-root {
        font-size: 20px
    }

    .table-ctn .MuiPaper-root .MuiTable-root .MuiTableBody-root .MuiTableCell-body {
        font-size: 12px;
        min-height: 48px
    }

    .table-ctn .MuiPaper-root .MuiTable-root .MuiTableBody-root .MuiSvgIcon-root {
        font-size: 18px;
        margin-bottom: -2px
    }

    .tbl-ctn .MuiPaper-root .MuiTableHead-root .MuiTableRow-root .MuiTableCell-root {
        font-size: 12px !important
    }
}

.MuiTabs-root+.events-table-ctn .events-table-content .MuiPaper-root .events-table .MuiTableBody-root .MuiTableRow-root .MuiTableCell-root {
    border-right: none !important;
    border-bottom: none !important
}

ion-card {
    background: var(--ion-card-background);
    border: none !important;
    border-radius: 6px
}

ion-card,
ion-card ion-card-header,
ion-card ion-card-header ion-card-title {
    color: var(--ion-card-text-color)
}

ion-card ion-card-header {
    background: var(--ion-card-background)
}

.data-info-card {
    border: 1px solid rgba(var(--ion-text-light-rgb), .1);
    border-radius: 6px;
    background: var(--ion-card-background-contrast);
    padding: 16px;
    font-family: "Lato";
    letter-spacing: .01em;
    margin-left: 3px;
    margin-right: 3px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: default
}

.data-info-card .card-label {
    color: var(--ion-text-color);
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .01em
}

.data-info-card .card-content {
    color: var(--ion-text-color-contrast);
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: .01em
}

@media only screen and (max-width:576px) {
    .data-info-card .card-label {
        font-size: 16px;
        line-height: 19px
    }

    .data-info-card .card-content {
        font-size: 18px;
        line-height: 22px
    }
}

.info-card {
    border: 1px solid rgba(var(--ion-text-light-rgb), .1);
    border-radius: 6px;
    background: var(--ion-primary-gradient);
    padding: 16px;
    font-family: "Lato";
    letter-spacing: .01em;
    margin-left: 3px;
    margin-right: 3px;
    display: flex;
    justify-content: space-between;
    cursor: default
}

.info-card.flex-column {
    flex-direction: column
}

.info-card.flex-row {
    flex-direction: row
}

.info-card .card-label {
    font-size: 18px;
    line-height: 22px
}

.info-card .card-content,
.info-card .card-label {
    color: var(--reports-title-color);
    letter-spacing: .01em
}

.info-card .card-content {
    font-weight: 600;
    font-size: 30px;
    font-family: var(--headers-font-family);
    line-height: 27px
}

@media screen and (max-width:720px) {
    .info-card.mb-size {
        padding: 4px
    }

    .info-card.mb-size .card-label {
        font-size: 11px;
        font-weight: 600
    }

    .info-card.mb-size .card-content {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px
    }

    .info-card.flex-row {
        flex-direction: column
    }
}

ion-button.back-btn {
    --border-radius: 4px;
    --padding-top: 10px;
    --padding-bottom: 10px;
    --padding-start: 8px;
    --padding-end: 12px;
    margin-right: 24px;
    --border-color: none;
    text-transform: none
}

ion-button.back-btn ion-icon {
    height: 18px;
    width: 16px
}

ion-button.back-btn.ion-color-secondary {
    --border-color: rgba(var(--ion-text-color-contrast-rgb), 0.1) !important
}

ion-button.back-btn.ion-color-secondary ion-icon {
    color: var(--ion-text-color)
}

ion-button.back-btn.ion-color-secondary .back-btn-text {
    color: var(--ion-color-secondary-contrast) !important
}

ion-select {
    height: 48px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 100px;
    border: 1px solid #fff
}

ion-select::part(icon) {
    opacity: 1;
    margin-left: 1em;
    color: transparent;
    background: url(/static/media/select-icon.df634c75.svg) no-repeat 50%
}

ion-select-popover {
    background: var(--select-popover-background)
}

ion-select-popover ion-list {
    border: 1px solid #6800a8;
    padding: 0 !important;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    background: var(--select-popover-background) !important
}

ion-select-popover ion-list ion-item {
    --inner-border-width: 0 0 0 0 !important
}

ion-select-popover ion-list ion-item:not(:last-child) {
    border-bottom: 1px solid var(--ion-text-color-contrast-rgb);
    height: 45px
}

ion-select-popover ion-list ion-item ion-radio {
    opacity: 0
}

ion-select-popover ion-list ion-item:hover {
    color: var(--ion-color-primary) !important;
    background: var(--select-popover-active-background)
}

ion-select-popover ion-list ion-item.item-radio-checked {
    color: var(--ion-text-color-contrast);
    background: var(--select-popover-active-background)
}

.MuiSelect-root {
    height: 48px;
    box-sizing: border-box;
    border-radius: 6px;
    background: none !important
}

.MuiPickersBasePicker-container {
    background-color: var(--date-picker-container-background);
    color: var(--ion-text-color-contrast)
}

.MuiPickersBasePicker-container .MuiPickersBasePicker-pickerView .MuiPickersCalendarHeader-switchHeader {
    margin: 0;
    padding: 12px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(var(--ion-text-color-contrast-rgb), .1)
}

.MuiPickersBasePicker-container .MuiPickersBasePicker-pickerView .MuiPickersCalendarHeader-switchHeader .MuiPickersCalendarHeader-iconButton {
    background: var(--date-picker-header-button-background) !important;
    color: #000 !important;
    opacity: 1;
    border-radius: 4px
}

.MuiPickersBasePicker-container .MuiPickersBasePicker-pickerView .MuiPickersCalendarHeader-switchHeader .MuiTypography-root {
    color: #000
}

.MuiPickersBasePicker-container .MuiPickersBasePicker-pickerView .MuiPickersCalendarHeader-daysHeader .MuiPickersCalendarHeader-dayLabel {
    padding-top: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
    color: var(--date-picker-selected-bg) !important
}

.MuiPickersBasePicker-container .MuiPickersBasePicker-pickerView .MuiPickersCalendar-transitionContainer .MuiIconButton-root {
    color: #000 !important;
    opacity: 1;
    border-radius: 4px
}

.MuiPickersBasePicker-container .MuiPickersBasePicker-pickerView .MuiPickersCalendar-transitionContainer .MuiPickersDay-hidden {
    color: var(--ion-text-color) !important
}

.MuiPickersBasePicker-container .MuiPickersBasePicker-pickerView .MuiPickersCalendar-transitionContainer .MuiPickersDay-daySelected {
    background: var(--date-picker-selected-bg) !important;
    color: var(--ion-text-light) !important
}

.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogTitle-root {
    background-color: var(--dialog-header-bg);
    color: var(--dialog-header-color);
    text-align: center;
    display: flex
}

.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogTitle-root .MuiTypography-root {
    color: var(--dialog-header-color);
    text-transform: uppercase;
    font-family: var(--headers-font-family);
    font-size: 20px;
    font-weight: 900;
    letter-spacing: .02em;
    text-align: left;
    width: 100%
}

.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiIconButton-root {
    opacity: 1;
    color: #fff
}

.MuiDialog-root .MuiDialog-container .MuiDialog-paper .light-bg-title {
    background: var(--ion-popover-background) !important;
    color: var(--dialog-header-background);
    text-align: center;
    height: 80px
}

.MuiDialog-root .MuiDialog-container .MuiDialog-paper .light-bg-title .MuiTypography-root {
    color: var(--dialog-header-background)
}

.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogContent-root {
    background-color: var(--ion-popover-background) !important;
    padding: 0 28px !important
}

.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogContent-root .MuiButton-containedPrimary {
    background-color: var(--ion-color-primary);
    color: var(--ion-color-primary-contrast);
    text-transform: none;
    font-weight: 600
}

.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogContent-root .MuiButton-containedPrimary:hover {
    background-color: var(--ion-color-primary-shade)
}

.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogActions-root {
    background-color: var(--dialog-header-bg);
    color: var(--dialog-header-color)
}

.MuiPopover-root .MuiPopover-paper {
    background: var(--ion-popover-background)
}

.MuiPopover-root .MuiPopover-paper .MuiList-root,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list {
    padding: 0
}

.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiListItem-root,
.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiMenuItem-root,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiListItem-root,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiMenuItem-root {
    color: var(--ion-text-color);
    font-size: 12px;
    height: 48px;
    padding-left: 16px;
    background: var(--ion-popover-background);
    font-family: "Lato";
    color: #fff
}

.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiListItem-root:not(:last-child),
.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiMenuItem-root:not(:last-child),
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiListItem-root:not(:last-child),
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiMenuItem-root:not(:last-child) {
    border-bottom: 1px solid #fff;
    background: var(--ion-popover-background)
}

.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiListItem-root:last-child,
.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiMenuItem-root:last-child,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiListItem-root:last-child,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiMenuItem-root:last-child {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px
}

.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiListItem-root:first-child,
.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiMenuItem-root:first-child,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiListItem-root:first-child,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiMenuItem-root:first-child {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px
}

.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiListItem-root.Mui-selected,
.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiListItem-root:hover,
.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiMenuItem-root.Mui-selected,
.MuiPopover-root .MuiPopover-paper .MuiList-root .MuiMenuItem-root:hover,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiListItem-root.Mui-selected,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiListItem-root:hover,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiMenuItem-root.Mui-selected,
.MuiPopover-root .MuiPopover-paper .MuiMenu-list .MuiMenuItem-root:hover {
    color: var(--popover-background-active);
    background: #fff
}

.MuiDrawer-root .MuiDrawer-paper {
    background: var(--drawer-background);
    width: 60%;
    max-width: 300px
}

.MuiDrawer-root .MuiDrawer-paper .drawer-header-row {
    background: var(--ion-background);
    border-bottom: 1px solid rgba(var(--ion-text-color-contrast-rgb), .3);
    align-items: baseline
}

.MuiDrawer-root .MuiDrawer-paper .drawer-header-row .close-btn {
    color: var(--ion-text-light) !important;
    margin: 12px 0 12px 12px;
    opacity: 1
}

.MuiTooltip-popper .MuiTooltip-tooltip {
    font-size: 14px
}

.MuiAccordion-root {
    background: none
}

.MuiAccordion-root .MuiAccordionSummary-root {
    font-family: "Lato";
    font-style: normal;
    box-sizing: border-box;
    color: var(--ion-text-color) !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    align-items: center;
    background: var(--accordion-summary-root-background);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 12px 20px;
    margin-top: 4px;
    height: 38px !important;
    min-height: 38px !important
}

.MuiAccordion-root .MuiAccordionSummary-root.Mui-expanded {
    background: var(--accordion-summary-root-expanded-background);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.MuiAccordion-root .MuiAccordionDetails-root {
    padding: 12px 20px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

@media only screen and (max-width:700px) {
    .MuiAccordion-root .MuiAccordionSummary-root {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        font-size: 14px;
        line-height: 17px;
        height: 36px !important;
        min-height: 36px !important
    }

    .MuiAccordion-root .MuiAccordionDetails-root,
    .MuiAccordion-root .MuiAccordionSummary-root {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        padding: 8px 12px
    }
}

.reports-ctn {
    border-radius: 4px
}

.reports-ctn .header-ctn ion-row {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.reports-ctn .header-ctn .page-title {
    color: var(--reports-title-color);
    font-family: var(--headers-font-family);
    font-style: normal;
    letter-spacing: .01em;
    float: left;
    margin-right: auto;
    margin-top: 5px;
    font-weight: 600;
    font-size: 24px;
    line-height: 99%;
    margin-bottom: 8px;
    display: flex;
    align-items: center
}

@media screen and (min-width:920px) {
    .reports-ctn .header-ctn .page-title.button-page-title {
        display: none
    }
}

.reports-ctn .header-ctn .page-title .title-image {
    height: 28px;
    width: 28px;
    margin-right: 4px;
    margin-top: -3px
}

.reports-ctn .header-ctn .page-title .title-image path {
    fill: var(--ion-color-primary)
}

@media screen and (max-width:920px) {
    .reports-ctn .header-ctn .page-title .title-image {
        width: 21px;
        height: 21px
    }
}

.reports-ctn .header-ctn .img-page-title-row {
    display: inline-flex;
    align-items: center;
    line-height: 42px;
    margin-right: auto
}

.reports-ctn .header-ctn .img-page-title-row .title-image {
    height: 28px;
    width: 28px;
    margin-right: 4px;
    margin-top: -3px
}

.reports-ctn .header-ctn .img-page-title-row .title-image path {
    fill: var(--ion-color-primary)
}

.reports-ctn .header-ctn .img-page-title-row .title {
    margin-left: 4px;
    font-family: var(--headers-font-family);
    color: var(--ion-color-primary);
    font-weight: 600;
    font-size: 24px;
    line-height: 99%
}

.reports-ctn .filters-row .date-control,
.reports-ctn .filters-row ion-select {
    border: 1px solid var(--filter-controls-border)
}

.reports-ctn .filters-row .filter-label {
    color: var(--input-text-color)
}

.reports-ctn .filters-row .MuiInputBase-root .MuiInputBase-input {
    padding: 0 4px
}

.reports-ctn .filters-row .MuiFormControl-root,
.reports-ctn .filters-row ion-select {
    max-height: 34px;
    max-width: 220px
}

@media screen and (max-width:768px) {

    .reports-ctn .filters-row .MuiFormControl-root,
    .reports-ctn .filters-row ion-select {
        max-width: unset
    }
}

.reports-ctn .content-ctn {
    border-radius: 6px
}

.reports-ctn .content-ctn .tbl-ctn {
    border-top: 0
}

.reports-ctn .content-ctn .tbl-ctn .text-capitalize {
    text-transform: capitalize
}

@media screen and (max-width:768px) {
    .reports-ctn .content-ctn .tbl-ctn {
        border-radius: 10px 10px 10px
    }
}

.reports-ctn .content-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root .MuiTableHead-root {
    background: var(--table-head-bg)
}

.reports-ctn .content-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head {
    color: #fff !important;
    text-transform: uppercase;
    border-top: 1px solid var(--table-head-cell-border) !important;
    border-bottom: 1px solid var(--table-head-cell-border) !important;
    border-left: 1px solid var(--table-head-cell-border) !important
}

.reports-ctn .content-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head:first-child {
    border-radius: 30px 0 0 30px
}

.reports-ctn .content-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head:last-child {
    border-radius: 0 30px 30px 0;
    border-right: 1px solid var(--table-head-cell-border) !important
}

.reports-ctn .content-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root {
    background-color: var(--custom-table-body-row);
    color: var(--custom-table-body-color)
}

.reports-ctn .content-ctn .table-ctn .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head,
.reports-ctn .content-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head {
    color: #fff !important;
    text-transform: uppercase;
    padding: 5px 5px 5px 10px
}

@media screen and (max-width:768px) {

    .reports-ctn .content-ctn .table-ctn .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head:nth-child(2),
    .reports-ctn .content-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head:nth-child(2) {
        border-radius: 30px 0 0 30px
    }

    .reports-ctn .content-ctn .table-ctn .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head:nth-child(4),
    .reports-ctn .content-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root .MuiTableHead-root .MuiTableCell-head:nth-child(4) {
        border-radius: 0 30px 30px 0
    }
}

.reports-ctn .content-ctn .table-ctn .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .back-odd-row,
.reports-ctn .content-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .back-odd-row {
    background: #fff
}

.reports-ctn .content-ctn .table-ctn .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .back-odd-row .MuiTableCell-body .MuiSvgIcon-root,
.reports-ctn .content-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root .MuiTableBody-root .MuiTableRow-root .back-odd-row .MuiTableCell-body .MuiSvgIcon-root {
    color: var(--ion-text-dark);
    font-weight: 600;
    font-size: 14px;
    line-height: 0 !important
}

.reports-ctn .content-ctn .points-type-toggle,
.reports-ctn .header-ctn .points-type-toggle {
    background-color: transparent;
    border: 2px solid #636c89;
    display: inline-flex;
    height: 48px;
    border-radius: 4px
}

.reports-ctn .content-ctn .points-type-toggle .MuiBottomNavigationAction-root,
.reports-ctn .header-ctn .points-type-toggle .MuiBottomNavigationAction-root {
    color: var(--ion-text-color);
    font-weight: 600;
    font-size: 16px;
    padding: 0 !important
}

.reports-ctn .content-ctn .points-type-toggle .MuiBottomNavigationAction-root.Mui-selected,
.reports-ctn .header-ctn .points-type-toggle .MuiBottomNavigationAction-root.Mui-selected {
    color: var(--ion-text-light);
    background: var(--ion-color-success)
}

.reports-ctn .no-data-row {
    background: var(--custom-table-body-row);
    width: 100%;
    color: var(--ion-text-color-contrast);
    padding-left: 15px;
    font-family: var(--ion-font-family);
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: var(--custom-table-body-color);
    border-radius: 100px;
    border: 1px solid #cdcdcd
}

@media screen and (max-width:920px) {
    .reports-ctn .no-data-row {
        font-size: 10px
    }
}

.reports-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body {
    color: var(--custom-table-body-color);
    font-family: "Lato";
    font-weight: 600 !important;
    font-size: 12px;
    line-height: 16.2px;
    text-align: left;
    border: 1px solid #fff;
    border-right: var(--table-body-border)
}

.reports-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body:first-child {
    border-radius: 30px 0 0 30px
}

.reports-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body:last-child {
    border-radius: 0 30px 30px 0;
    border-right: 1px solid #fff
}

@media screen and (max-width:920px) {
    .reports-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body:last-child {
        border-radius: 0 10px 10px 0
    }
}

.reports-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body.profit {
    color: var(--ion-color-success) !important
}

.reports-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body.loss {
    color: var(--ion-color-danger) !important
}

@media only screen and (max-width:720px) {
    .reports-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body:nth-child(2) {
        border-radius: 30px 0 0 30px
    }

    .reports-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body:nth-child(4) {
        border-radius: 0 30px 30px 0
    }

    .reports-ctn .MuiPaper-root .MuiTableBody-root .MuiTableCell-body.turnover-table-cell {
        border-radius: 0;
        background: #fff
    }
}

.h-100 {
    height: 100%
}

@media only screen and (max-width:720px) {
    .admin-module-ctn {
        padding-bottom: 25px
    }

    .reports-ctn {
        margin: 10px 0 !important
    }

    .reports-ctn .content-ctn,
    .reports-ctn .header-ctn {
        padding: 0
    }

    .reports-ctn .content-ctn .points-type-toggle,
    .reports-ctn .header-ctn .points-type-toggle {
        border: 1px solid #636c89;
        height: 32px;
        border-radius: 4px
    }

    .reports-ctn .content-ctn .points-type-toggle .MuiBottomNavigationAction-root,
    .reports-ctn .header-ctn .points-type-toggle .MuiBottomNavigationAction-root {
        font-size: 14px;
        line-height: 17px;
        min-width: 70px
    }

    .reports-ctn .content-ctn .filters,
    .reports-ctn .content-ctn .filters-row,
    .reports-ctn .header-ctn .filters,
    .reports-ctn .header-ctn .filters-row {
        margin-top: 4px;
        font-size: 12px
    }

    .reports-ctn .content-ctn .filters-row .MuiFormControl-marginNormal,
    .reports-ctn .content-ctn .filters-row ion-select,
    .reports-ctn .content-ctn .filters .MuiFormControl-marginNormal,
    .reports-ctn .content-ctn .filters ion-select,
    .reports-ctn .header-ctn .filters-row .MuiFormControl-marginNormal,
    .reports-ctn .header-ctn .filters-row ion-select,
    .reports-ctn .header-ctn .filters .MuiFormControl-marginNormal,
    .reports-ctn .header-ctn .filters ion-select {
        height: 32px !important;
        background-color: var(--ion-background-color);
        border-radius: 6px
    }

    .reports-ctn .content-ctn .filters-row .MuiInputBase-root .MuiInputBase-input,
    .reports-ctn .content-ctn .filters .MuiInputBase-root .MuiInputBase-input,
    .reports-ctn .header-ctn .filters-row .MuiInputBase-root .MuiInputBase-input,
    .reports-ctn .header-ctn .filters .MuiInputBase-root .MuiInputBase-input {
        padding: 0 12px;
        font-size: 12px
    }

    .reports-ctn .header-ctn {
        padding-left: 0;
        padding-right: 0
    }

    .reports-ctn .header-ctn .page-title {
        font-weight: 600;
        font-size: 26px;
        padding-left: 10px !important
    }

    .reports-ctn .header-ctn .page-title.button-page-title {
        font-weight: 600;
        font-size: 18px;
        color: var(--ion-color-primary);
        display: flex;
        align-items: center;
        margin-top: 16px;
        padding-left: 0 !important
    }

    .reports-ctn .header-ctn .page-title.button-page-title .button-page-icon {
        padding-right: 4px
    }

    .reports-ctn .header-ctn .img-page-title-row {
        display: flex;
        align-items: center
    }

    .reports-ctn .header-ctn .img-page-title-row .title-image {
        height: 21px;
        width: 21px
    }

    .reports-ctn .header-ctn .img-page-title-row .title {
        font-size: 18px;
        line-height: 22px;
        margin-left: 1px
    }

    .reports-ctn .header-ctn .summary-card ion-row:not(:last-child) {
        margin-bottom: 10px
    }

    .reports-ctn .header-ctn .summary-card .summary-expand-toggle {
        text-align: center
    }

    .reports-ctn .header-ctn .summary-card .summary-expand-toggle .summary-expand-toggle-btn {
        color: var(--ion-text-color);
        text-transform: none;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: .02em;
        height: 20px
    }

    .reports-ctn .header-ctn .summary-card .summary-expand-toggle .summary-expand-toggle-btn ion-icon {
        color: var(--ion-text-color);
        height: 18px
    }

    .reports-ctn .tbl-ctn .MuiTableContainer-root .MuiTable-root {
        background: var(--webkit-gradient-background-1);
        background: var(--linear-gradient-background-1)
    }

    .reports-ctn .content-ctn .table-ctn .MuiTableCell-root {
        border-right: var(--table-head-border);
        padding: 8px
    }

    .reports-ctn .txt-info {
        font-weight: 700;
        font-size: 13px
    }

    .reports-ctn .mob-fs-13 {
        font-size: 13px
    }

    .reports-ctn .mob-fs-13,
    .reports-ctn .mob-fs-14 {
        font-weight: 700 !important;
        text-transform: capitalize
    }

    .reports-ctn .mob-fs-14 {
        font-size: 14px
    }

    .reports-ctn .mob-fs-16 {
        font-weight: 700 !important;
        font-size: 16px;
        text-transform: capitalize
    }
}

.competitions-menu-tabs .competitions-menu-nav-link .MuiButtonBase-root {
    border-bottom: unset
}

.competitions-menu-tabs .MuiButtonBase-root {
    opacity: 1;
    border-bottom: 1px solid var(--ion-primary-border-color);
    padding: 6px 0;
    max-width: unset
}

.competitions-menu-tabs .MuiButtonBase-root:last-child {
    border-bottom: 0 !important
}

.competitions-menu-tabs .MuiButtonBase-root .MuiTab-wrapper {
    opacity: .6
}

.competitions-menu-tabs .MuiButtonBase-root.active .MuiTab-wrapper {
    color: var(--ion-color-primary);
    opacity: 1
}

.balance-history-tbl-ctn .tbl-ctn .MuiPaper-root,
.tbl-ctn .MuiPaper-root {
    border-radius: 8px 8px 0 0
}

.tbl-ctn .MuiTable-root {
    border-collapse: separate
}

.b-text {
    font-weight: 600 !important
}

.turn-over-ctn {
    margin: 12px 24px;
    background: linear-gradient(90.19deg, #38005b 21.27%, #7f29b4 93.02%) !important;
    padding: 16px 12px;
    border-radius: 10px;
    min-height: 80vh
}

@media screen and (max-width:720px) {
    .turn-over-ctn {
        margin: 0 0 8px;
        background: none !important
    }
}

.turn-over-ctn .report-header .report-img-div .report-img {
    height: 60px !important;
    width: 60px !important
}

.no-data-table .no-data-cell {
    width: 100vw;
    padding: 6px 12px;
    background-color: #fff;
    font-size: 13px;
    border-radius: 10px
}

.pl-details .MuiPaper-root {
    background-color: var(--custom-table-body-row) !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.pl-details .modal-title .MuiTypography-root {
    color: var(--custom-table-body-color) !important;
    font-size: 20px !important;
    text-transform: uppercase
}

.centered,
.spinner.loading {
    text-align: center
}

.loading-text {
    width: 90px;
    left: calc(50% - 46px);
    text-align: center;
    color: #fff;
    font-size: 32px
}

.loading-text,
.spinner.loading:before {
    position: absolute;
    top: calc(50% - 34px)
}

.spinner.loading:before {
    content: "";
    height: 60px;
    width: 60px;
    margin: -15px auto auto -15px;
    left: calc(50% - 20px);
    border: 4px solid #fff;
    border-top-color: #2180c0;
    border-radius: 100%;
    animation: rotation .7s linear infinite
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.select-search {
    position: relative;
    font-family: "Nunito Sans", sans-serif;
    box-sizing: border-box;
    margin-top: 4px
}

.select-search *,
.select-search :after,
.select-search :before {
    box-sizing: inherit
}

.select-search__value {
    position: relative;
    border-radius: 4px;
    z-index: 1
}

.select-search__value:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - 9px);
    right: 19px;
    transform: none !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA4Ljg3NSA0OTMuNzkyTDM1My4wODkgMzM4LjAwNWMzMi4zNTgtMzUuOTI3IDUyLjI0NS04My4yOTYgNTIuMjQ1LTEzNS4zMzlDNDA1LjMzMyA5MC45MTcgMzE0LjQxNyAwIDIwMi42NjcgMFMwIDkwLjkxNyAwIDIwMi42NjdzOTAuOTE3IDIwMi42NjcgMjAyLjY2NyAyMDIuNjY3YzUyLjA0MyAwIDk5LjQxMS0xOS44ODcgMTM1LjMzOS01Mi4yNDVsMTU1Ljc4NiAxNTUuNzg2YTEwLjYzNCAxMC42MzQgMCAwMDcuNTQyIDMuMTI1YzIuNzI5IDAgNS40NTgtMS4wNDIgNy41NDItMy4xMjUgNC4xNjYtNC4xNjcgNC4xNjYtMTAuOTE3LS4wMDEtMTUuMDgzek0yMDIuNjY3IDM4NGMtOTkuOTc5IDAtMTgxLjMzMy04MS4zNDQtMTgxLjMzMy0xODEuMzMzUzEwMi42ODggMjEuMzMzIDIwMi42NjcgMjEuMzMzIDM4NCAxMDIuNjc3IDM4NCAyMDIuNjY3IDMwMi42NDYgMzg0IDIwMi42NjcgMzg0eiIvPjwvc3ZnPg==");
    width: 16px;
    height: 16px;
    opacity: .9
}

.select-search__input {
    display: block;
    height: 34px;
    width: 100%;
    padding: 0 26px 0 13px;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .15);
    border-radius: 3px;
    outline: none;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    text-align: left;
    text-overflow: ellipsis;
    line-height: 36px;
    -webkit-appearance: none
}

.select-search__input::-webkit-search-cancel-button,
.select-search__input::-webkit-search-decoration,
.select-search__input::-webkit-search-results-button,
.select-search__input::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.select-search__input:not([readonly]):focus {
    cursor: auto
}

.select-search__select {
    min-height: 0;
    position: relative !important;
    display: block;
    z-index: 99999999 !important;
    background: #fff !important;
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .15) !important;
    min-width: 235px !important
}

.select-search:not(.select-search--multiple) .select-search__select {
    top: 2px !important;
    min-height: 0
}

.select-search__options {
    list-style: none;
    z-index: 99999;
    margin: 0
}

.select-search__option {
    text-overflow: ellipsis
}

.select-search__row:not(:first-child) {
    border-top: 1px solid #eee
}

.select-search__row,
.select-search__row:first-child {
    margin: 0 0 0 -35px
}

.select-search__not-found,
.select-search__option {
    display: block;
    height: 36px;
    width: 100%;
    padding: 0 16px;
    left: 0;
    background: #fff;
    border: none;
    outline: none;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    text-align: left;
    cursor: pointer
}

.select-search--multiple .select-search__option {
    height: 48px
}

.select-search--multiple .has-focus:hover {
    color: none;
    border: none !important
}

.select-search__option.is-selected {
    background: #2fcc8b;
    color: #fff
}

.select-search__option.is-highlighted,
.select-search__option:not(.is-selected):hover {
    background: rgba(47, 204, 139, .1)
}

.select-search__option.is-highlighted.is-selected,
.select-search__option.is-selected:hover {
    background: #2eb378;
    color: #fff
}

.select-search__group-header {
    font-size: 10px;
    text-transform: uppercase;
    background: #eee;
    padding: 8px 16px
}

.select-search.is-disabled {
    opacity: .5
}

.select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after {
    transform: none !important;
    border: none !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA4Ljg3NSA0OTMuNzkyTDM1My4wODkgMzM4LjAwNWMzMi4zNTgtMzUuOTI3IDUyLjI0NS04My4yOTYgNTIuMjQ1LTEzNS4zMzlDNDA1LjMzMyA5MC45MTcgMzE0LjQxNyAwIDIwMi42NjcgMFMwIDkwLjkxNyAwIDIwMi42NjdzOTAuOTE3IDIwMi42NjcgMjAyLjY2NyAyMDIuNjY3YzUyLjA0MyAwIDk5LjQxMS0xOS44ODcgMTM1LjMzOS01Mi4yNDVsMTU1Ljc4NiAxNTUuNzg2YTEwLjYzNCAxMC42MzQgMCAwMDcuNTQyIDMuMTI1YzIuNzI5IDAgNS40NTgtMS4wNDIgNy41NDItMy4xMjUgNC4xNjYtNC4xNjcgNC4xNjYtMTAuOTE3LS4wMDEtMTUuMDgzek0yMDIuNjY3IDM4NGMtOTkuOTc5IDAtMTgxLjMzMy04MS4zNDQtMTgxLjMzMy0xODEuMzMzUzEwMi42ODggMjEuMzMzIDIwMi42NjcgMjEuMzMzIDM4NCAxMDIuNjc3IDM4NCAyMDIuNjY3IDMwMi42NDYgMzg0IDIwMi42NjcgMzg0eiIvPjwvc3ZnPg==");
    width: 16px;
    height: 16px;
    opacity: .6
}

.select-search:not(.is-disabled) .select-search__input {
    cursor: pointer
}

.select-search--multiple {
    border-radius: 3px;
    overflow: hidden
}

.select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after {
    transform: rotate(45deg);
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    pointer-events: none
}

.select-search--multiple .select-search__input {
    cursor: auto
}

.select-search:not(.select-search--multiple) .select-search__select {
    position: absolute;
    z-index: 2;
    top: 44px;
    right: 0;
    left: 0;
    border-radius: 3px;
    overflow: auto;
    max-height: 360px
}

.select-search__not-found {
    height: auto;
    padding: 16px;
    text-align: center;
    color: #888
}

div,
h1,
h2,
ion-label,
p,
span {
    font-family: "Lato" !important;
    font-weight: 500
}

.MuiBackdrop-root {
    background: unset;
    opacity: .7
}

.multi-add-icon,
.multi-remove-icon {
    height: 30px;
    cursor: pointer
}

.MuiFormHelperText-contained {
    margin: 0 !important;
    background: none !important
}

.MuiInputBase-root .MuiFormControl-root,
.MuiOutlinedInput-root {
    background: var(--input-background-color) !important;
    color: var(--input-text-color) !important;
    border-radius: 4px
}

.MuiInputBase-root .Mui-disabled {
    color: rgba(0, 0, 0, .38) !important
}

.MuiInputBase-root {
    color: var(--input-text-color) !important;
    font-family: "Lato";
    font-size: 14px;
    height: 38px;
    padding: 5px
}

.MuiInputBase-root .MuiInputBase-input,
.MuiInputBase-root .MuiOutlinedInput-input {
    font-size: 16px;
    font-family: "Lato";
    padding: 14px 16px
}

.MuiInputBase-root .MuiSvgIcon-root {
    color: var(--input-text-color)
}

.input-label {
    font-family: "Lato";
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 6px
}

.modal-title .MuiTypography-root {
    font-family: var(--headers-font-family) !important;
    font-size: 32px !important;
    color: #fff
}

.modal-content-ctn {
    background-color: #fff;
    background: #fff !important
}

.modal-content-ctn .date-control,
.modal-content-ctn .input-control {
    border: 1px solid var(--filter-controls-border)
}

.MuiSvgIcon-fontSizeSmall {
    font-size: 40px !important
}

.hand-pt {
    cursor: pointer
}

input:-webkit-autofill {
    -webkit-text-fill-color: var(--input-text-color) !important;
    -webkit-transition: background-color 9999s ease-out !important
}

.MuiTab-textColorInherit.Mui-selected {
    border-bottom: 2px solid var(--ion-color-primary)
}

.MuiTab-root {
    text-transform: none
}

.MuiTabs-indicator {
    display: none
}

.admin-module-ctn {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 50px
}

.recaptcha {
    display: none
}

.sticky-col {
    position: -webkit-sticky;
    position: sticky;
    height: 100%
}

.b-text,
.fw-500 {
    font-weight: 600
}

.flex-row {
    display: flex;
    flex-direction: row
}

.tiny-info-text {
    font-size: 12px
}

.d-flex-column {
    display: flex !important;
    flex-direction: column
}

.d-flex-row {
    display: flex;
    flex-direction: row
}

@media screen and (min-width:920px) {
    .width-mob-100 {
        width: 100%
    }
}

.left-align {
    align-items: left !important
}

.m-link {
    cursor: pointer !important
}

.profit {
    color: var(--ion-color-success)
}

.loss {
    color: var(--ion-color-danger)
}

.carousel .slide {
    background: none !important
}

.game-rules-drawer .MuiDrawer-paper {
    background-color: var(--ion-background-color) !important;
    min-width: 450px
}

@media only screen and (max-width:400px) {
    .game-rules-drawer .MuiDrawer-paper {
        min-width: 100%
    }
}

.game-rules-drawer.mob-view .MuiDrawer-paper {
    min-width: 100vw
}

.game-rules-drawer.mob-view .MuiDrawer-paper .odds-terms-condi-ctn {
    padding: 10px 16px 0
}

.game-rules-drawer.mob-view .MuiDrawer-paper .odds-terms-condi-ctn .MuiAccordion-root .MuiAccordionSummary-root {
    background: var(--table-header-background) !important
}

.game-rules-drawer.mob-view .MuiDrawer-paper .odds-terms-condi-ctn .MuiAccordion-root .MuiAccordionSummary-root .MuiTypography-root {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

.Toastify__toast-body div {
    display: flex
}

.Toastify__toast-body div .MuiSvgIcon-root {
    margin-right: 4px
}

.MuiAccordion-root:before {
    height: 0 !important
}

@keyframes color-change {
    0% {
        color: red;
        font-weight: bolder
    }

    50% {
        color: var(--ion-color-success);
        font-weight: 600
    }

    to {
        color: var(--ion-color-primary);
        font-weight: bolder
    }
}

@keyframes cup-color-change {
    0% {
        color: #fff;
        font-weight: bolder
    }

    to {
        color: var(--ion-button-color);
        font-weight: bolder
    }
}

@keyframes flashing-text {
    0% {
        color: red;
        transform: scale(1.2)
    }

    25% {
        color: var(--ion-color-success);
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    75% {
        color: red;
        transform: scale(1)
    }

    to {
        color: var(--ion-color-success);
        transform: scale(1.2)
    }
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.sc-ion-select-popover-ios {
    color: #000 !important
}

@media screen and (max-width:720px) {
    .web-view {
        display: none !important
    }
}

@media (min-width:721px) {
    .mob-view {
        display: none !important
    }
}

ion-select-option {
    color: #fff !important
}

.text-light {
    --color: var(--ion-text-light);
    color: var(--ion-text-light)
}

.text-dark,
.text-light {
    --placeholder-color: var(--ion-text-light)
}

.text-dark {
    --color: #000;
    color: #000
}

.item.sc-ion-label-md-h,
.item .sc-ion-label-md-h {
    text-transform: capitalize;
    color: var(--ion-text-dark);
    line-height: 21px;
    font-weight: 600;
    font-size: 12px
}

.mt-10 {
    margin-top: 10px
}

input.sc-ion-input-md::-webkit-inner-spin-button,
input.sc-ion-input-md::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield !important
}

.password-dialog-ctn.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogContent-root {
    padding: 0 !important
}

ion-popover [popover]:not(:popover-open):not(dialog[open]) {
    display: contents
}

.rules-dialog .MuiPaper-root {
    margin: 8px;
    width: unset;
    border-radius: 10px;
    background-color: var(--ion-popover-background) !important
}

.rules-dialog .MuiPaper-root .stl-dialog-title .notification-title {
    color: #fff
}

.rules-dialog .MuiPaper-root .MuiDialogTitle-root {
    padding: 14px 16px 8px
}

.rules-dialog .MuiPaper-root .rr-ctn {
    margin: 0 10px
}

.no-data-available {
    color: #fff;
    padding: 10px;
    margin: auto;
    text-align: center;
    font-size: 14px
}

@media screen and (max-width:920px) {
    .no-data-available {
        font-size: 12px
    }
}

.casino-header-ctn {
    background: var(--ion-color-primary);
    border-radius: 20px
}

.casino-header-ctn.mt-12 {
    margin-top: 12px
}

.casino-header-ctn .casino-heading {
    background: var(--reports-subheader-bg-color);
    font-size: 13px;
    font-weight: 900;
    line-height: 17.55px;
    color: #fff;
    text-transform: uppercase;
    height: 32px;
    display: flex;
    align-items: center;
    border: 1px solid var(--reports-header-border);
    border-radius: 30px;
    padding-left: 8px
}

@media screen and (max-width:920px) {
    .casino-header-ctn .casino-heading {
        font-size: 12px;
        font-weight: 16px
    }
}

.casino-header-ctn .casino-heading .casino-icon-img {
    display: flex;
    align-items: center;
    margin-right: 6px
}

video::-internal-media-controls-overlay-cast-button {
    display: none
}

video::-webkit-media-controls,
video::-webkit-media-controls-enclosure {
    display: none
}

video::-webkit-media-controls-panel {
    display: none
}

.MuiPaper-root {
    background: none !important
}

.ion-page .floating-whatsapp-btn {
    position: fixed;
    bottom: 80px;
    z-index: 11;
    right: 10px;
    background: transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    background: #1eb355;
    border-radius: 20px
}

.ion-page .floating-whatsapp-btn img {
    border-radius: 45px;
    height: 45px;
    width: 45px
}

.ion-page .floating-whatsapp-btn .whatsapp-icon {
    color: #fff;
    margin-left: 6px
}

.ion-page .floating-whatsapp-btn .whatsapp-btn-text {
    color: #fff;
    max-width: 150px;
    text-transform: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-align: start;
    padding: 6px 8px 8px 6px
}

.ion-page .floating-whatsapp-btn .close-floating-btn {
    background-color: #045716;
    color: #fff;
    position: absolute;
    top: -7px;
    right: -7px;
    border-radius: 20px;
    height: 18px;
    width: 18px
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper {
    border-radius: 10px;
    margin: 20px;
    background-color: var(--table-bg) !important;
    position: relative;
    overflow: hidden
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 15px;
    background: linear-gradient(189.99deg, #01575e 12.16%, #01fafe 57.65%, #025962 96.22%);
    z-index: -1
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogTitle-root {
    background: var(--table-bg);
    padding: 10px 24px 5px
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogActions-root {
    justify-content: center
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogContent-root {
    background: var(--table-bg) !important;
    padding: 4px 12px !important
}

@media screen and (max-width:920px) {
    .login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogContent-root {
        padding: 0 8px 4px !important
    }
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .dc-dialog-body {
    text-align: center;
    color: var(--dialog-header-color)
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .dc-dialog-actions {
    background: var(--table-bg);
    grid-gap: 10px;
    gap: 10px;
    padding-bottom: 16px
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .dc-dialog-actions .MuiButtonBase-root {
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    width: 50%;
    text-transform: capitalize;
    color: var(--dialog-header-color);
    background: var(--ion-color-primary);
    border-radius: 30px;
    height: 42px;
    margin-left: 0
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .dc-dialog-actions .MuiButtonBase-root.cancel-btn {
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .6)
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .dc-dialog-actions .MuiButtonBase-root.login-btn {
    color: var(--active-text-color)
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogTitle-root .MuiTypography-root {
    text-align: center
}

.login-alert.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogTitle-root .MuiButtonBase-root {
    border-radius: 12px
}

.premium-rules-pdf-ctn {
    display: flex;
    grid-gap: 4px;
    gap: 4px;
    margin: 8px
}

.premium-rules-pdf-ctn .premium-rules-pdf {
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: center;
    justify-content: center;
    background-color: var(--ion-color-primary);
    margin: 5px;
    color: var(--active-text-color);
    font-size: 14px;
    border-radius: 4px;
    padding: 10px 0;
    text-align: center
}

button:disabled {
    cursor: not-allowed !important;
    opacity: .5 !important;
    pointer-events: all !important
}

.cursor-pointer {
    cursor: pointer
}

.disclaimer-privacy {
    display: flex;
    justify-content: center;
    grid-gap: 1rem;
    gap: 1rem;
    font-size: 12px
}

.input-tooltip.header-tooltip {
    padding: 0;
    position: relative;
    top: -8px;
    left: 6px
}

.router-ctn {
    background-color: var(--ion-background-color)
}

@media screen and (min-width:921px) {
    .router-ctn {
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width:920px) {
    .router-ctn {
        height: 100%
    }
}

.Toastify__toast-container--top-center {
    top: 3em
}

html {
    margin: 0;
    padding: 0;
    overflow: hidden
}

body {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto
}

.dev-tools-msg-modal .modal-content-ctn {
    background: var(--ion-background) !important;
    border: 5px solid var(--ion-color-primary)
}

.dev-tools-msg-modal .modal-content-ctn .dev-tools-warning-msg {
    padding: 20px;
    font-size: 24px;
    color: #fff
}

.notification-icon path {
    fill: var(--ion-card-background-contrast)
}

:root {
    --gradient-color-primary: #2f004e;
    --gradient-color-secondary: #2f004e;
    --ion-primary-gradient: linear-gradient(98.85deg, var(--gradient-color-primary) 3.56%, var(--gradient-color-secondary) 97.13%);
    --ion-color-primary-rgb: 255, 167, 36;
    --ion-color-primary-contrast: #0a0d15;
    --ion-color-primary-contrast-rgb: 10, 13, 21;
    --ion-color-primary-shade: #e09320;
    --ion-color-primary-tint: #ffb03a;
    --ion-primary-border-color: #2f004e;
    --markets-table-background: #eff4ff;
    --table-bg: #443121;
    --table-body-content: #fff;
    --ion-color-secondary: #37446e;
    --ion-color-secondary-rgb: 55, 68, 110;
    --ion-color-secondary-contrast: #fff;
    --ion-color-secondary-contrast-rgb: 255, 255, 255;
    --ion-color-secondary-shade: #303c61;
    --ion-color-secondary-tint: #4b577d;
    --ion-color-tertiary: #5260ff;
    --ion-color-tertiary-rgb: 82, 96, 255;
    --ion-color-tertiary-contrast: #fff;
    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
    --ion-color-tertiary-shade: #4854e0;
    --ion-color-tertiary-tint: #6370ff;
    --ion-color-success: #34a300;
    --ion-color-success-rgb: 52, 163, 0;
    --ion-color-success-contrast: #fff;
    --ion-color-success-contrast-rgb: 255, 255, 255;
    --ion-color-success-shade: #2e8f00;
    --ion-color-success-tint: #48ac1a;
    --ion-color-warning: #ffc409;
    --ion-color-warning-rgb: 255, 196, 9;
    --ion-color-warning-contrast: #000;
    --ion-color-warning-contrast-rgb: 0, 0, 0;
    --ion-color-warning-shade: #e0ac08;
    --ion-color-warning-tint: #ffca22;
    --ion-color-danger: red;
    --ion-color-danger-rgb: 255, 98, 98;
    --ion-color-danger-contrast: #fff;
    --ion-color-danger-contrast-rgb: 255, 255, 255;
    --ion-color-danger-shade: #e05656;
    --ion-color-danger-tint: #ff7272;
    --ion-color-lost: #cf0a13;
    --ion-color-dark: #222428;
    --ion-color-dark-rgb: 34, 36, 40;
    --ion-color-dark-contrast: #fff;
    --ion-color-dark-contrast-rgb: 255, 255, 255;
    --ion-color-dark-shade: #1e2023;
    --ion-color-dark-tint: #383a3e;
    --ion-color-medium: #92949c;
    --ion-color-medium-rgb: 146, 148, 156;
    --ion-color-medium-contrast: #fff;
    --ion-color-medium-contrast-rgb: 255, 255, 255;
    --ion-color-medium-shade: #808289;
    --ion-color-medium-tint: #9d9fa6;
    --ion-color-light: #f4f5f8;
    --ion-color-light-rgb: 244, 245, 248;
    --ion-color-light-contrast: #000;
    --ion-color-light-contrast-rgb: 0, 0, 0;
    --ion-color-light-shade: #d7d8da;
    --ion-color-light-tint: #f5f6f9;
    --ion-nav-card-background: var(--ion-color-primary);
    --ion-nav-card-text: #00061a;
    --ion-header-text-color: #828db9;
    --ion-header-text-color-rgb: 130, 141, 185;
    --ion-header-background: #090909;
    --ion-header-link-color: hsla(0, 0%, 100%, 0.6);
    --back-odd-background: #b2d9ff;
    --back-odd-background-light: #89bce2;
    --back-odd-background-rgb: 151, 211, 255;
    --lay-odd-background: #ffc3dc;
    --lay-odd-background-rgb: 255, 173, 173;
    --lay-odd-background-light: rgba(255, 130, 130, 0.5);
    --premium-odd-background: #9bceff;
    --premium-tab-color: #fff;
    --table-headers-light: #fff;
    --headers-font-family: "Lato";
    --market-info-icons: #fff;
    --odd-btn-animation-color: #2f004e;
    --footer-text-color: #6a7394;
    --active-footer-color: #fff;
    --nav-list-live-icon-color: red;
    --logo-xl-width: 176px;
    --logo-xl-height: 53px;
    --logo-lg-width: 176px;
    --logo-lg-height: 53px;
    --logo-md-width: 110px;
    --logo-md-height: 53px;
    --logo-sm-width: 92px;
    --logo-sm-height: 53px;
    --logo-xs-width: 92px;
    --logo-xs-height: 53px;
    --logo-web-height: 43px;
    --logo-mob-height: 48px;
    --login-logo-xl-width: 130px;
    --login-logo-xl-height: 34px;
    --login-logo-sm-width: 106px;
    --login-logo-sm-height: 38px;
    --sidebar-active-link-color: #000;
    --dashboard-ctn-background: #6800a8;
    --dashboard-provider-background: #2f004e;
    --dashboard-text-border-btm: linear-gradient(90deg, #2f004e, rgba(255, 167, 36, 0));
    --dashboard-live-game-dc-card-ctn: linear-gradient(180deg, #090909, #000);
    --linear-color-change: #2f004e;
    --home-unerline-linear-color-change: #2f004e;
    --events-table-broder-col: #00061a;
    --enabled-market-btn-col: linear-gradient(45deg, #090909 48.44%, #000 48.45%);
    --footer-ctn-background: #090909;
    --footer-vertical-gradient: linear-gradient(180deg, #090909, #000);
    --icon-color: #fff;
    --th1-primary: #ffc019;
    --th1-bg: #303031;
    --th2-primary: #090909;
    --th2-bg: #f6f6f4;
    --th3-primary: #64d0b7;
    --th3-bg: #232035;
    --th4-primary: #6800a8;
    --th4-bg: #181429;
    --th5-primary: #53ade4;
    --th5-bg: #303031;
    --th6-primary: #db3732;
    --th6-bg: #202020;
    --th7-primary: #c73e8d;
    --th7-bg: #1a2538;
    --th8-primary: #c73e8d;
    --th8-bg: #303031;
    --th9-primary: #18bb4e;
    --th9-bg: #131416;
    --th10-primary: #a66a0e;
    --th10-bg: #131416
}

.ios body {
    --ion-color-step-50: #0d0d0d;
    --ion-color-step-100: #1a1a1a;
    --ion-color-step-150: #262626;
    --ion-color-step-200: #333;
    --ion-color-step-250: #404040;
    --ion-color-step-300: #4d4d4d;
    --ion-color-step-350: #595959;
    --ion-color-step-400: #666;
    --ion-color-step-450: #737373;
    --ion-color-step-500: grey;
    --ion-color-step-550: #8c8c8c;
    --ion-color-step-600: #999;
    --ion-color-step-650: #a6a6a6;
    --ion-color-step-700: #b3b3b3;
    --ion-color-step-750: #bfbfbf;
    --ion-color-step-800: #ccc;
    --ion-color-step-850: #d9d9d9;
    --ion-color-step-900: #e6e6e6;
    --ion-color-step-950: #f2f2f2
}

.md body {
    --ion-color-step-50: #1e1e1e;
    --ion-color-step-100: #2a2a2a;
    --ion-color-step-150: #363636;
    --ion-color-step-200: #414141;
    --ion-color-step-250: #4d4d4d;
    --ion-color-step-300: #595959;
    --ion-color-step-350: #656565;
    --ion-color-step-400: #717171;
    --ion-color-step-450: #7d7d7d;
    --ion-color-step-500: #898989;
    --ion-color-step-550: #949494;
    --ion-color-step-600: #a0a0a0;
    --ion-color-step-650: #acacac;
    --ion-color-step-700: #b8b8b8;
    --ion-color-step-750: #c4c4c4;
    --ion-color-step-800: #d0d0d0;
    --ion-color-step-850: #dbdbdb;
    --ion-color-step-900: #e7e7e7;
    --ion-color-step-950: #f3f3f3
}

ion-title {
    --color: #fff
}

ion-item {
    --transition: none
}

.ios body,
.md body {
    --ion-color-primary: #fe6201;
    --ion-background: #090909;
    --ion-background-color-rgb: 0, 20, 61;
    --ion-background-color: #000;
    --ion-background-secondary: #000;
    --ion-background-tertiary: #000;
    --ion-button-color: #fe6201;
    --ion-button-color-2: #fff;
    --ion-button-bg-2: #fe6201;
    --ion-selected-btn-bg-color: #000;
    --table-bg: #443121;
    --background-ctn-gradient: #201d1c;
    --background-card: #201d1c;
    --team-info-background: #fe6201;
    --bet-slip-btn: #fe6201;
    --account-details-card-bg: #fe6201;
    --input-template-bg: #624c3d;
    --input-template-color: #fff;
    --input-label-border: #fe6201;
    --input-label-bg: #000;
    --btn-disable-bg: #624c3d;
    --card-details: #fff;
    --sidebar-icon-bg: #fe6201;
    --pl-total: #fe6201;
    --campaign-card-bg: #836748;
    --dashed-border: #fe6201;
    --copy-button-color: invert(44%) sepia(97%) saturate(3110%) hue-rotate(358deg) brightness(101%) contrast(100%);
    --ion-heading-color: #fe6201;
    --bet-slip-tab-unsel-bg: #000;
    --bet-slip-tab-unsel-text: #fff;
    --premium-vs-bg: #fe6201;
    --premium-vs-border: #fe6201;
    --premium-vs-text: #fff;
    --form-ctn-border: #fe6201;
    --form-ctn-no-account-text: #a4d4d4;
    --date-display-bg: var(--ion-background-color);
    --date-display-color: #fff;
    --custom-btn-bg-variant-1: #fe6201;
    --custom-btn-text-variant-1: #000;
    --custom-btn-border-variant-1: #fff;
    --custom-btn-bg-variant-2: #fe6201;
    --custom-btn-text-variant-2: #fff;
    --custom-btn-icon-variant-2: invert(0%) sepia(10%) saturate(7499%) hue-rotate(294deg) brightness(97%) contrast(100%);
    --custom-btn-border-variant-2: #fff;
    --myprofile-tab-img-bg: #fe6201;
    --myprofile-tab-border: transparent;
    --myprofile-tab-border-selected: #fe6201;
    --referral-card-bg: #836748;
    --referral-card-border: #fff;
    --referral-card-text: #fff;
    --tab-passive-bg: transparent;
    --tab-passive-text: #fff;
    --tab-passive-border: #fff;
    --tab-active-bg: #fe6201;
    --tab-active-text: #000;
    --tab-active-border: #fff;
    --reports-header-bg-color: #443121;
    --reports-subheader-bg-color: #000;
    --reports-header-icon-color: invert(0%) sepia(79%) saturate(2316%) hue-rotate(112deg) brightness(106%) contrast(95%);
    --reports-header-icon-bg-color: #fff;
    --reports-header-color: #fff;
    --reports-header-border: #fe6201;
    --head-bg: #000;
    --head-text-1: #fff;
    --head-text-2: var(--ion-color-primary);
    --head-border: #000;
    --container-bg: #443121;
    --table-head-cell-border: #fe6201;
    --table-head-bg: #000;
    --table-cell-bg: #443121;
    --table-cell-text: #fff;
    --table-cell-border: #443121;
    --table-subheader-bg: #000;
    --table-subheader-text: #fff;
    --custom-table-body-row: #443121;
    --custom-table-body-color: #fff;
    --custom-table-body-border: hsla(0, 0%, 100%, 0.5);
    --custom-table-no-data-bg: #443121;
    --custom-table-no-data-text: #fff;
    --custom-table-no-data-border: hsla(0, 0%, 100%, 0.5);
    --stake-settings-indv-bg: #443121;
    --dashboard-icon-bg: #fe6201;
    --dashboard-icon-color: #fff;
    --dashboard-text-color: #fff;
    --mob-header-bg: #443121;
    --mob-header-text: #fff;
    --mob-header-icon: invert(100%) sepia(0%) saturate(7484%) hue-rotate(223deg) brightness(105%) contrast(107%);
    --mob-header-active-bg: #000;
    --mob-header-active-text: #fff;
    --mob-header-active-icon: invert(90%) sepia(77%) saturate(3206%) hue-rotate(109deg) brightness(104%) contrast(110%);
    --mob-header-border: #fe6201;
    --enabled-market-bg: #fe6201;
    --enabled-market-text: #000;
    --arrow-color: #fff;
    --fancy-book-btn: var(--ion-color-primary);
    --fancy-book-btn-text: #000;
    --linear-gradient-background-1: linear-gradient(88.06deg, var(--ion-background) 30%, var(--ion-color-primary) 86%);
    --linear-gradient-background-2: linear-gradient(90deg, #c94f03, #853503);
    --card-bg1: "#094145";
    --card-bg2: "443121";
    --card-bg: linear-gradient(284.37deg, var(--card-bg1) -213.61%, var(--card-bg2) 99.84%);
    --accoridan-summary-background: #fff;
    --table-header-background: var(--ion-background-color);
    --betslip-bg-color: #c94f03;
    --webkit-gradient-background-1: linear-gradient(88.06deg, var(--ion-background) 30%, var(--ion-color-primary) 86%);
    --webkit-gradient-background-2: linear-gradient(88.06deg, var(--ion-background) 30%, var(--ion-color-primary) 117.02%);
    --ion-text-color: #090909;
    --ion-text-color-rgb: 0, 20, 61;
    --ion-text-light: #fff;
    --ion-text-light-rgb: 255, 255, 255;
    --ion-text-dark: #000;
    --ion-text-dark-rgb: 10, 13, 21;
    --ion-text-color-contrast: #fff;
    --ion-text-color-contrast-rgb: var(--ion-text-light);
    --ion-arrow: #fff;
    --ion-card-background: #e4e8ed;
    --ion-card-text-color: #090909;
    --ion-card-background-contrast: #fff;
    --ion-card-border: 1px solid rgba(10, 13, 21, 0.1);
    --ion-card-border-color-rgb: 10, 13, 21;
    --ion-toolbar-background: none;
    --ion-item-background: none;
    --ion-item-background-activated: none;
    --ion-popover-background: #443121;
    --ion-popover--hover-background: #fff;
    --popover-background-active: #000;
    --accordion-summary-root-background: #fff;
    --accordion-summary-root-expanded-background: #000;
    --accordion-summary-root-text-color: var(--ion-text-color);
    --accordion-details-root-background: #fff;
    --am-accordion-summary-root-background: #e4e8ed;
    --am-accordion-summary-root-expanded-background: var(--ion-color-primary);
    --am-accordion-summary-root-text-color: var(--ion-text-color);
    --am-accordion-details-root-background: #fff;
    --select-element-background: var(--ion-popover--hover-background);
    --select-popover-background: var(--ion-popover-background);
    --select-popover-active-background: var(--ion-popover--hover-background);
    --dialog-header-background: #000;
    --dialog-content-background: #e4e8ed;
    --dialog-close-btn: #e4e8ed;
    --dialog-header-bg: #000;
    --dialog-header-color: #fff;
    --notification-bg: #fe6201;
    --notification-text: #000;
    --date-picker-container-background: #fff;
    --date-picker-header-button-background: #e4e8ed;
    --date-picker-selected-bg: #fe6201;
    --drawer-background: #e4e8ed;
    --drawer-background-contrast: #fff;
    --drawer-text-color: #00143d;
    --input-background-color: #000;
    --input-text-color: #0a0d15;
    --input-bg-color: #fff;
    --reports-bg-color: #fff;
    --reports-title-color: var(--ion-color-primary);
    --filter-controls-border: #b4b4b4;
    --market-info-icons: #fff;
    --score-card-details-color: var(--ion-color-primary);
    --score-card-background-color: #090909;
    --signup-card-background-color: #000;
    --signup-font-color: #fff;
    --notification-background-col: linear-gradient(180deg, #ff924f, #ff6a00 25%, #d75e02 60%, #ff984f);
    --accordian-headers-color: #fff;
    --accordian-arrow-bg: var(--ion-color-primary);
    --accordian-arrow-text: #000;
    --section-border: hsla(0, 0%, 100%, 0.5);
    --card-bg: "#094145";
    --provider-blend-color: none;
    --scrollable-box: #443121;
    --table-header: #000;
    --table-sub-header: #443a21;
    --market-table-bg: #5f4631;
    --border-color: #fe6201;
    --active-text-color: #000;
    --carousel-arrow-btn: #443121;
    --deposit_web_banner: url(/static/media/green_deposit.316302f7.webp);
    --deposit_mob_banner: url(/static/media/green_mob_deposit.4b1f5f80.webp);
    --provider-banner: url(/static/media/provider_background.cbbbc95b.webp);
    --login-background: url(/static/media/loginBG.93cee606.webp);
    --login-mob-background: url(/static/media/loginMobBG.55828ab4.webp);
    --signup-bg: var(--ion-background)
}

.loading-page-ctn {
    background: var(--ion-background);
    height: 100%;
    width: 100%;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: hidden;
    padding-top: 16%;
    padding-bottom: 50%
}

.loading-page-ctn .item-row {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 8px
}

.loading-page-ctn .item-row .title-img {
    width: var(--logo-xl-width);
    height: var(--logo-xl-height)
}

.loading-page-ctn .item-row .loading-page-spinner {
    --color: var(--ion-color-primary)
}

@media only screen and (max-width:1120px) {
    .loading-page-ctn {
        padding-top: 50%
    }
}

/*# sourceMappingURL=main.6217121a.chunk.css.map */