@font-face {
    font-family: 'SF-Pro-Display-Light';
    src: url('../plugins/global/fonts/SF-Pro-Display/SF-Pro-Display-Light.otf');
}

@font-face {
    font-family: 'Oswald-Light';
    src: url('../plugins/global/fonts/Oswald/static/Oswald-Light.ttf');
}

@font-face {
    font-family: 'Oswald-Regular';
    src: url('../plugins/global/fonts/Oswald/static/Oswald-Regular.ttf');
}

@font-face {
    font-family: 'Oswald-Medium';
    src: url('../plugins/global/fonts/Oswald/static/Oswald-Medium.ttf');
}

body {
    font-family: 'Oswald-Light' !important;
}

body::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px;
}

body::-webkit-scrollbar {
    width: 12px !important;
}

::-webkit-scrollbar {
    width: 7px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #D4B962 !important;
    border-radius: 10px !important;
}

.ml-7rem {
    margin-left: 7rem !important;
}

.text-nowrap {
    white-space: nowrap;
}

.fw-bold {
    font-family: 'Oswald-Medium' !important;
}

.text-hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-dark {
    color: #131620 !important;
}

.ml-2 {
    margin-left: 0.75rem;
}

.ml-1 {
    margin-left: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.fs-22 {
    font-size: 22px;
}

.mr-1 {
    margin-right: 0.25rem;
}

.w-id-role {
    width: 10rem;
}

.bg-all {
    /* background-image: linear-gradient(45deg, #BB271A 0, #000 100%); */
    background-color: #131620;
}

.dataTables_scrollHeadInner table {
    width: 100% !important;
}

.dataTables_scrollBody table {
    width: 100% !important;
}

table.dataTable>thead .sorting_asc:after {
    background-color: #fff !important;
}

.mt-7px {
    margin-top: 7px;
}

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

.text-red-all {
    color: #ec2024;
}

.text-yellow {
    color: #D4B962;
}

table.dataTable>thead>tr>td:not(.sorting_disabled),
table.dataTable>thead>tr>th:not(.sorting_disabled) {
    font-size: 16px !important;
}

/* .dataTables_scrollHeadInner {
    width: 100% !important;
} */

.w-170px {
    width: 170px !important;
}

.text-success-main {
    color: #09d950;
}

.edit-btn {
    background-color: #D4B962 !important;
}

.custom-show-detail {
    width: 9rem !important;
}

.number-container {
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.border-bottom-view {
    border-bottom: 1px solid #F0F0F0;
}

.border-bottom-white {
    border-bottom: 1px solid #fff !important;
}

.color-view-gold {
    color: #D4B962;
}

.button-view {
    padding: 4px 15px 4px 15px !important;
}

.border-dashed-custom {
    border-bottom: 2px dashed #F0F0F0;
}

.button-close-view {
    background-color: #ffffff !important;
    color: #262626 !important;
}

.btn-view-map img {
    width: 18px;
    height: 18px;
}

.btn-icon:hover {
    background-color: unset !important;
    color: unset !important;
}

.button-close-view:hover {
    background-color: #ffffff !important;
    color: #262626 !important;
}

.border-top-unset {
    border-top: unset !important;
}

.button-confirm-view {
    background-color: #D4B962 !important;
    color: #262626 !important;
}

.wh-widthdraw {
    width: 29px;
    height: 30px;
}

.label-status-p {
    text-align: center;
    line-height: 26px;
    padding: 4px 8px 4px 8px;
    background-color: #33E49A;
    border-radius: 2px;
    font-size: 14px;
    color: #000000;
}

.label-status-p::after {
    width: 4px;
    content: '';
    background-image: url(../media/icon-right-content/icon-pl-after.svg);
    position: absolute;
    left: -3.5px;
    top: 31%;
    display: block;
    height: 10px;
}

.label-status-p-draw {
    text-align: center;
    line-height: 23px;
    padding: 4px 8px 4px 8px;
    background-color: #33E49A;
    border-radius: 2px;
    font-size: 14px;
    color: #000000;
}

.label-status-p-draw::after {
    width: 4px;
    content: '';
    background-image: url(../media/icon-right-content/icon-pl-after.svg);
    position: absolute;
    left: -3.5px;
    top: 31%;
    display: block;
    height: 10px;
}

.border-left-red {
    border-left: 4px solid #FF4A59;
}

.w-custom-id-modal-view {
    width: 50px !important;
}

.border-left-gold {
    border-left: 4px solid #D4B962;
}

.table.gy-5 td,
.table.gy-5 th {
    font-size: 17px !important;
    vertical-align: middle;
}

.bg-overplay-body {
    padding: 7px 20px 7px 20px;
    background-color: #FFFFFF1A;
    border-radius: 6px;
}

.table.gy-5 th {
    vertical-align: middle;
    white-space: nowrap;
}

.fs-11 {
    font-size: 11px;
}

table.dataTable>thead .sorting_desc:after {
    background-color: #fff !important;
}

.pb-lg-6 {
    padding-bottom: 1.5rem !important;
}

.nowrap-text {
    white-space: nowrap;
}

.active-tab-filter {
    color: rgb(255, 255, 255);
    background-image: linear-gradient(45deg, #BB271A 0, #000 100%);
}

.clear-button {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.active-tab-filter div {
    color: rgb(255, 255, 255);
    background-image: linear-gradient(45deg, #BB271A 0, #000 100%);
}

.radius-btn {
    border-radius: 0.475rem;
}

.border-solid-btn {
    border: 1px solid #F0F0F0;
}

.text-center label.font-12pt {
    font-size: 11px !important;
}

.right-machine {
    border-radius: 1rem;
    border: 1px solid #cbc1c1;
}

.mt-1-7rem {
    margin-top: 2.5rem;
}

/* .menu-sub-accordion {
    border-radius: 0.475rem;
    background-color: #f5000063 !important;
} */

.text-white {
    color: #fff !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .text-white:after {
    background-color: #fff !important;
}

.h-400px {
    height: 400px;
}

.bg-kingbet-all {
    background-image: #131620;
}

.w-17 {
    width: 17% !important;
}

.fs-16 {
    font-size: 16px !important;
}

.h-30px {
    height: 30px;
}

.calendar-next-btn:hover {
    background-color: rgb(62 81 89) !important;
}

.calendar-next-btn .next-btn {
    background-image: url(../media/icon-right-content/icon-right-calendar.svg);
    -webkit-transform: unset !important;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
}

.calendar-next-btn .next-btn {
    padding: 5px 10px;
    border: none;
    background-color: transparent !important;
}

.daterangepicker .ranges li:hover {
    border-radius: 8px !important;
    background-color: #d3ba61 !important;
    padding: 8px !important;
    color: #092331 !important;
}

.daterangepicker .ranges li.active {
    font-size: 12px !important;
    font-family: 'Oswald-Regular' !important;
    margin-bottom: 5px !important;
    padding: 8px !important;
    border-radius: 8px !important;
    background-color: #d3ba61 !important;
    color: #092331 !important;
}

.daterangepicker .ranges {
    width: 100px;
    padding: 10px;
    background-color: #131620 !important;
}

.modal-custom-width {
    max-width: 950px !important;
}

.daterangepicker.show-ranges .drp-calendar {
    display: block;
}

label {
    font-size: 16px !important;
}

th.prev.available {
    background-color: unset !important;
}

.daterangepicker select.monthselect {
    background: linear-gradient(0deg, #21a69191 -108.37%, rgba(1, 50, 55, 0) 100%) !important;
    color: #ffffff !important;
    border-top: unset !important;
}

.daterangepicker select.yearselect {
    background: linear-gradient(0deg, #21a69191 -108.37%, rgba(1, 50, 55, 0) 100%) !important;
    color: #ffffff !important;
    border-top: unset !important;
}

.drp-calendar.right {
    display: none !important;
}

.daterangepicker .drp-calendar td.in-range.available.in-range:not(.end-date):not(.end-date) {
    background-color: #262626 !important;
    color: #d4b962 !important;
}

.daterangepicker .drp-calendar td.available:not(.active) {
    border-radius: 0px !important;
    background: transparent !important;
    color: #7d8488 !important;
}

.label-d {
    margin-left: 0.7rem;
    padding: 4px 8px 4px 8px;
    background-color: #D4B962;
    border-radius: 2px;
    color: #000;
}

.calendar-next-btn {
    text-align: center;
    margin-top: 10px;
}

.daterangepicker .ranges ul {
    width: unset !important;
    max-height: unset !important;
}

.calendar-next-btn {
    height: 30px;
    width: 30px;
    background-color: unset !important;
    border-radius: 4px !important;
    position: absolute;
    top: 57px;
    right: 23px;
    border: unset !important;
    padding-top: 3px;
}

.calendar-next-btn {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.label-d::after {
    width: 4px;
    content: '';
    background-image: url(../media/icon-right-content/after-bold-remove-bg.svg);
    position: absolute;
    left: -3.9px;
    top: 34%;
    display: block;
    height: 10px;
}

.label-c {
    margin-left: 0.7rem;
    padding: 4px 8px 4px 8px;
    background-color: #808080;
    border-radius: 2px;
    color: #000;
}

.label-c::after {
    width: 4px;
    content: '';
    background-image: url(../media/icon-right-content/after-c.svg);
    position: absolute;
    left: -3.9px;
    top: 34%;
    display: block;
    height: 10px;
}

.height-left-content {
    height: 10.2rem;
}

.height-right-content {
    width: 216px;
    height: 10.2rem;
    border-radius: 8px;
    background-image: linear-gradient(360deg, #a98f3447 0%, #bf515117, #73737300 100%);
    text-align: center;
}

.border-dashed-hr {
    border-top: 2px dashed #F0F0F0 !important;
    opacity: 1 !important;
    margin-top: 1.25rem !important;
    margin-bottom: 0;
}

.text-left {
    text-align: left !important;
}

.fs-18 {
    font-size: 18px !important;
}

.mt-modal-straight-bet {
    margin-top: 3.3rem;
}

.bg-button {
    background-color: #D4B962 !important;
    color: #131620 !important;
}

.bg-button:hover {
    background-color: #D4B962 !important;
    color: #131620 !important;
}

/* .hidden-row {
    display: none;
} */

.bg-unset {
    background-color: unset !important;
}

.toggle-slide-btn i.rotate180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.smooth-transition {
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.border-unset {
    border: unset;
}

.border-bottom-unset {
    border-bottom: unset !important;
}

.w-80 {
    width: 80%;
}

.shadown-custom {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.fw-600 {
    font-weight: 600 !important;
}

/* table.dataTable td.dt-control:before {
    display: inline-block;
    color: rgb(255 255 255 / 50%) !important;
    content: "►";
}

table.dataTable td.dt-control:after {
    display: inline-block;
    color: rgba(76, 67, 67, 0.5) !important;
    content: "►";
}

table.dataTable tr.dt-hasChild td.dt-control:after {
    color: rgba(76, 67, 67, 0.5) !important;
    content: "▼";
} */

table.dataTable td.dt-esports:before {
    display: inline-block;
    color: rgb(0 0 0 / 68%);
    content: "+";
    font-size: 18px;
    font-weight: 900;
}

table.dataTable tr.dt-hasChild td.dt-esports:before {
    content: "-";
    font-size: 18px;
    color: rgb(0 0 0 / 68%);
}

table.dataTable td.dt-esports {
    text-align: center;
    cursor: pointer;
}

table.dataTable td.dt-control:before {
    margin-right: 10px;
    display: inline-block;
    color: rgb(0 0 0 / 68%);
    content: "+";
    font-size: 18px;
    font-weight: 900;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    content: "-";
    font-size: 18px;
    color: rgb(0 0 0 / 68%);
}

table.dataTable td.dt-reports:before {
    margin-right: 10px;
    display: inline-block;
    color: rgb(0 0 0 / 68%);
    content: "+";
    font-size: 18px;
    font-weight: 900;
}

table.dataTable tr.dt-hasChild td.dt-reports:before {
    content: "-";
    font-size: 18px;
    color: rgb(0 0 0 / 68%);
}

table.dataTable td.dt-open-bets:before {
    display: inline-block;
    color: rgb(0 0 0 / 68%);
    content: "+";
    font-size: 18px;
    font-weight: 900;
}

table.dataTable tr.dt-hasChild td.dt-open-bets:before {
    content: "-";
    font-size: 18px;
    color: rgb(0 0 0 / 68%);
}

table.dataTable td.dt-open-bets {
    text-align: center;
    cursor: pointer;
}

table.dataTable td.dt-rejected-bets:before {
    margin-right: 10px;
    display: inline-block;
    color: rgb(0 0 0 / 68%);
    content: "+";
    font-size: 18px;
    font-weight: 900;
}

table.dataTable tr.dt-hasChild td.dt-rejected-bets:before {
    content: "-";
    font-size: 18px;
    color: rgb(0 0 0 / 68%);
}

table.dataTable td.dt-rejected-bets {
    text-align: center;
    cursor: pointer;
}

.width-one {
    width: 3.5rem !important;
}

.fs-9px {
    font-size: 9px !important;
}

.ml-3 {
    margin-left: 0.75rem;
}

.pr-175rem span.ml-05rem {
    color: #fff !important;
}

.border-bottom-unset {
    box-shadow: unset !important;
}

.border-rds-047rem {
    border-radius: 0.47rem;
}

.border-right-dashed {
    border-right: 2px dashed #d4b962;
}

.border-dotted {
    border: 3px dotted #d5d5d5;
}

.w-17px {
    width: 17px;
}

.dataTables_scrollBody {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    overscroll-behavior: none;
    position: relative;
}

.w-7rem {
    width: 7rem;
}

.custom-button-reject {
    border: 1px solid #fff !important;
    background-color: #fff !important;
}

.ml-5 {
    margin-left: 4rem;
}

.w-r-description {
    width: 13rem;
}

.w-0 {
    width: 0 !important;
}

.w-id {
    width: 8rem !important;
}

.w-customer {
    width: 6rem !important;
}

/* .w-l-description {
    width: 13rem;
} */
.pl-0 {
    padding-left: 0 !important;
}

.border-success {
    border: 1px solid #17c653a8;
}

.mr-3 {
    margin-right: 0.75rem;
}

.bg-custom-success {
    background-color: #17c653a8;
}


.w-16 {
    width: 16%;
}

.w-13 {
    width: 13%;
}

.w-12 {
    width: 12%;
}

.w-unset {
    width: unset !important;
}

.status-placed {
    background-color: #f6c00033 !important;
    border: 1px solid #f6c000;
}

.fs-25 {
    font-size: 25px !important;
}

.ml-4 {
    margin-left: 3rem !important;
}

.scroll-modal-body-bet {
    max-height: 82vh;
    overflow-y: scroll;
}

.w-h-2-4rem {
    width: 2.4rem;
    height: 2.4rem;
}

.w-31 {
    width: 31%;
}

.break-spaces {
    white-space: break-spaces !important;
}

.w-26 {
    width: 26% !important;
}

.mr-1-5rem {
    margin-right: 1.5rem;
}

.px-175rem {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
}

.w-33 {
    width: 33% !important;
}

.pr-1rem {
    padding-right: 1rem;
}

th.width-th {
    width: 50px
}

.border-solid-btn .w-100 .bg-light th:first-child {
    text-align: center !important;
    padding-left: 0 !important;
}

.border-solid-btn .w-100 .bg-light th {
    text-align: center !important;
}

.w-100 .bg-light td:first-child,
.w-100 .bg-ligh th:first-child {
    padding-left: 0 !important;
}

.border-solid-btn .w-100 .bg-all th:first-child {
    text-align: center !important;
    padding-left: 0 !important;
}

.border-solid-btn .w-100 .bg-all th {
    text-align: center !important;
}

.w-100 .bg-all td:first-child,
.w-100 .bg-ligh th:first-child {
    padding-left: 0 !important;
}

.padding-scanqr-code {
    padding-top: 0.7rem !important;
    padding-bottom: 0.6rem !important;
}

.w-100 .border-bottom-unset td:last-child,
.w-100 .border-bottom-unse th:last-child {
    padding-right: 0.75rem !important;
}

.w-100 .border-bottom-unset td:first-child,
.w-100 .border-bottom-unset th:first-child {
    padding-left: 0.75rem !important;
}

.w-100 .bg-light td:last-child,
.w-100 .bg-light th:last-child {
    padding-right: 0.75rem !important;
}

.w-100 .bg-all td:last-child,
.w-100 .bg-all th:last-child {
    padding-right: 0.75rem !important;
}

.w-100 .border-bottom-unset td.text-center {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.w-100 .border-bottom-unset td {
    text-align: center !important;
}

.w-100 .bg-light .table:not(.table-bordered) tbody tr:last-child td,
.w-100 .bg-light .table:not(.table-bordered) tbody tr:last-child th,
.w-100 .bg-light .table:not(.table-bordered) tfoot tr:last-child td,
.w-100 .bg-light .table:not(.table-bordered) tfoot tr:last-child th {
    text-align: center !important;
}

.w-100 .bg-all .table:not(.table-bordered) tbody tr:last-child td,
.w-100 .bg-all .table:not(.table-bordered) tbody tr:last-child th,
.w-100 .bg-all .table:not(.table-bordered) tfoot tr:last-child td,
.w-100 .bg-all .table:not(.table-bordered) tfoot tr:last-child th {
    text-align: center !important;
}

.ml-auto {
    margin-left: auto;
}

.rps-width-middle {
    width: 200px !important;
}

.custom-w-rps-table {
    width: 77px !important;
}

.rps-custom-table-on {
    width: 23px !important;
}

.w-81px {
    width: 81px !important;
}

.input-icon {
    position: relative;
}

.button-run {
    border-radius: 0.475rem;
    background-color: #fff;
    cursor: pointer;
    color: red;
    border: 1px solid red;
    padding: calc(0.775rem + 1px) calc(1.5rem + 1px);
}

.w-200px {
    width: 200px !important;
}

.pd-r-l {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

.label-stake {
    margin-left: 0.7rem;
    padding: 4px 8px 4px 8px;
    background-color: #000;
    border-radius: 2px;
    color: #D4B962;
}

.label-stake::after {
    width: 4px;
    content: '';
    background-image: url('../media/icon-right-content/icon-stake-after.svg');
    position: absolute;
    left: -2.9px;
    top: 35%;
    display: block;
    height: 10px;
}

.label-pay {
    margin-left: 0.7rem;
    padding: 4px 8px 4px 8px;
    background-color: #FF4A59;
    border-radius: 2px;
    color: #000000;
}

.label-pay::after {
    width: 4px;
    content: '';
    background-image: url('../media/icon-right-content/icon-pay-after.svg');
    position: absolute;
    left: -3.7px;
    top: 35%;
    display: block;
    height: 10px;
}

.label-pl {
    margin-left: 0.7rem;
    padding: 4px 8px 4px 8px;
    background-color: #33E49A;
    border-radius: 2px;
    color: #000;
}

.label-pl::after {
    width: 4px;
    content: '';
    background-image: url('../media/icon-right-content/icon-pl-after.svg');
    position: absolute;
    left: -3.7px;
    top: 35%;
    display: block;
    height: 10px;
}

.text-right {
    text-align: right !important;
}

.pr-075rem {
    padding-right: 0.75rem !important;
}

table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_desc:before {
    position: relative !important;
    opacity: 1 !important;
    display: inline-block !important;
    width: 9.89px !important;
    height: 12.55px !important;
    content: " " !important;
    bottom: auto;
    right: auto !important;
    left: auto;
    margin-left: .5rem;
}

table.dataTable>thead .sorting_asc:after {
    mask-image: url("/assets/media/icon/active.svg") !important;
    -webkit-mask-image: url("/assets/media/icon/active.svg") !important;
}

table.dataTable>thead .sorting_disabled:after {
    mask-image: url("/assets/media/icon/active.svg") !important;
    -webkit-mask-image: url("/assets/media/icon/active.svg") !important;
}

table.dataTable>thead .sorting_desc:after {
    mask-image: url("/assets/media/icon/active.svg") !important;
    -webkit-mask-image: url("/assets/media/icon/active.svg") !important;
}

.border-solid-btn .py-2 {
    font-size: 16px !important;
}

.w-27rem {
    width: 27rem !important;
}

span.custom-span::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 18px;
    border-radius: 3px;
    background-color: #E7E7E7;
    left: 39px;
}

.position-relative {
    position: relative;
}

.input-icon.input-icon-right .after-input {
    padding-right: calc(4em + 1.3rem + 2px) !important;
}

.border-bottom-displaying::before {
    content: '';
    width: 9rem;
    position: absolute;
    height: 3px;
    border-radius: 3px;
    left: 0;
    bottom: 0;
    background-color: #000;
}

.tournament-status .running {
    line-height: 21px;
    padding: 4px 11px 4px 11px;
    background-color: #edbd21;
    font-size: 16px;
    color: #000000;
    white-space: nowrap;
}

.tournament-status .c {
    line-height: 21px;
    padding: 4px 11px 4px 11px;
    background-color: #808080;
    font-size: 16px;
    color: #000000;
    white-space: nowrap;
}

.tournament-status .d {
    line-height: 21px;
    padding: 4px 11px 4px 11px;
    background-color: #D4B962;
    font-size: 16px;
    color: #000000;
    white-space: nowrap;
}

.tournament-status .w,
.tournament-status .w-2 {
    line-height: 21px;
    padding: 4px 11px 4px 11px;
    background-color: #33E49A;
    font-size: 16px;
    color: #000000;
    white-space: nowrap;
}

.tournament-status .l,
.tournament-status .l-2 {
    line-height: 21px;
    padding: 4px 11px 4px 11px;
    background-color: #FF4A59;
    font-size: 16px;
    color: #000000;
    white-space: nowrap;
}

.tournament-status .item-status:only-child {
    border-radius: 20px;
}

.text-red {
    color: #ec2024;
}

.toggle-label {
    white-space: nowrap;
}

.w-auto {
    width: auto !important;
}

/* Thành phần đầu tiên */
.tournament-status .item-status:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

/* Thành phần cuối */
.tournament-status .item-status:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

/* Các phần tử ở giữa tự động không có border-radius */
.tournament-status .item-status:not(:first-child):not(:last-child) {
    border-radius: 0;
}

li.text-left.align-middle.fs-14.font-title.fw-bold.d-block-responsive {
    display: none !important;
}

li.text-left.align-middle.fs-14.d-block-responsive.custom-d-none {
    display: none !important;
}

.custom-reject .parlay-tournaments .tournament-name {
    white-space: nowrap;
}

.w-auto {
    width: auto !important;
}

.d-block {
    display: block !important;
}

.text-custom-toggle {
    color: #2f48a7 !important;
}

.custom-title-short {
    color: #D4B962 !important;
}

.text-displaying::before {
    content: '';
    width: 13rem;
    position: absolute;
    height: 3px;
    right: 0;
    bottom: 0;
    background-color: #E7E7E7;
}

.text-displaying {
    width: 13rem;
    /* padding-right: 4rem; */
    /* border-bottom: 2px solid #E7E7E7; */
}

.fs-7 {
    font-size: 7px !important;
}

.content-description {
    width: 17rem !important;
}

.rps-pl-30rem {
    padding-left: 30rem;
}

.btn-view {
    padding: 6px 16px 6px 16px !important;
    background-color: #131620 !important;
}

.btn-view:hover {
    background-color: #131620 !important;
    color: #fff !important;
}

.wh-29 {
    width: 27px;
    height: 29px;
}

.content-description::after {
    top: 0;
    content: '';
    width: 3px;
    border-radius: 10px;
    height: 8rem;
    background-color: #FF4A59;
    position: absolute;
    left: 0;
}

.button-print {
    width: 40px;
    height: 40px;
    border-radius: 8px !important;
    background-color: #D4B962;
}

.map-middle {
    position: relative;
    padding-bottom: 60vh;
    height: 0;
    overflow: hidden;
}

.map-all {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.color-border-action {
    /* color: #BCBCBC; */
    color: #d4b962;
}

.button-print:hover {
    width: 40px;
    height: 40px;
    border-radius: 8px !important;
    background-color: #D4B962 !important;
}

.button-cancel-action {
    width: 40px;
    height: 40px;
    border-radius: 8px !important;
    background-color: #131620 !important;
}

.button-cancel-action:hover {
    width: 40px;
    height: 40px;
    border-radius: 8px !important;
    background-color: #131620 !important;
}

.label-status-win {
    line-height: 23px;
    padding: 4px 8px 4px 8px;
    background-color: #33E49A;
    border-radius: 2px;
    font-size: 14px;
    color: #000000;
}

.label-status-win::after {
    width: 4px;
    content: '';
    background-image: url(../media/icon-right-content/icon-pl-after.svg);
    position: absolute;
    left: -3.5px;
    top: 31%;
    display: block;
    height: 10px;
}

.text-prematch {
    color: #edbd21 !important;
}

.label-status-lose {
    text-align: center;
    line-height: 21px;
    padding: 4px 9.3px 4px 9.3px;
    background-color: #FF4A59;
    border-radius: 2px;
    font-size: 14px;
    color: #000000;
}

/* .w-right-open-bet {
    width: 9rem !important;
} */

.bg-dark-main {
    background-color: #131620 !important;
}

.mt-06rem {
    margin-top: 0.6rem;
}

.modal-footer .btn.fs-16.py-2.font-title.text-dark {
    margin: 0 !important;
}

.color-border-middle {
    color: #000;
    font-size: 18px;
}

.color-border-middle img {
    width: 2px;
}

.bg-fixed-td {
    background-color: #e2e2e2 !important;
}

.w-openbet-left-description {
    width: 34rem !important;
}

.label-status-lose::after {
    width: 4px;
    content: '';
    background-image: url(../media/icon-right-content/icon-pay-after.svg);
    position: absolute;
    left: -3.5px;
    top: 31%;
    display: block;
    height: 10px;
}

.table-id {
    width: 36px;
    height: 36px;
    background: linear-gradient(to right, black 3px, transparent 3px) 0 0, linear-gradient(to right, black 3px, transparent 3px) 0 100%, linear-gradient(to left, black 3px, transparent 3px) 100% 0, linear-gradient(to left, black 3px, transparent 3px) 100% 100%, linear-gradient(to bottom, black 3px, transparent 3px) 0 0, linear-gradient(to bottom, black 3px, transparent 3px) 100% 0, linear-gradient(to top, black 3px, transparent 3px) 0 100%, linear-gradient(to top, black 3px, transparent 3px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 11px 11px;
    font-size: 14px;
    line-height: 36px;
}

.corlor-score {
    color: #505050;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.gap-8px {
    gap: 8px !important;
}

.button-no-confirm {
    padding: 4px 15px 4px 15px !important;
    border-radius: 6px !important;
    font-size: 14px;
    background-color: #fff !important;
    color: #000;
}

.button-no-confirm:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.button-yes-confirm {
    padding: 4px 15px 4px 15px !important;
    border-radius: 6px !important;
    font-size: 14px;
    background-color: #D4B962 !important;
    color: #fff;
}

.button-yes-confirm:hover {
    background-color: #D4B962 !important;
    color: #fff !important;
}

button.close {
    background-color: #131620 !important;
    border: unset;
}

.input-icon.input-icon-right span.custom-span {
    right: 42px;
    left: auto;
}

.modal-confirm-content {
    background-color: #131620 !important;
    border-radius: 12px !important;
}

.text-color-confirm {
    color: #D4B962 !important;
}

.input-icon span.custom-span {
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(1.5em + 1.3rem + 2px);
}

.form-control {
    font-size: 16px !important;
}

.form-select {
    font-size: 16px !important;
}

.pd-history {
    padding: 5px 15px 5px 15px !important;
}

.right-show-completed {
    width: 40% !important;
}

.left-show-completed {
    width: 40% !important;
}

.input-icon.input-icon-right .form-control {
    font-family: 'Oswald-Regular';
    padding-left: 1rem;
    padding-right: calc(1.5em + .7rem + 2px);
    padding-top: 0.5rem !important;
    font-size: 16px !important;
    padding-bottom: 0.5rem !important;
}

.input-icon.input-icon-right .clear-button-input {
    padding-right: calc(1.5em + 2.8rem + 2px) !important;
}

.custom-history-manage {
    width: 25px !important;
    height: 25px !important;
}

.flex-column {
    flex-direction: column;
}

.holdover-bet {
    font-size: 15px;
    background-color: #FF4A59;
    padding: 4px 0px 4px 0px;
    border-radius: 22px;
    width: 105px;
}

.text-left.align-middle.fs-14.desc-desktop-hide .match.my-5 .custom-hide-description .d-flex {
    display: unset !important;
}

.custom-completed {
    display: unset !important;
}

.custom-extend-button {
    font-size: 16px !important;
    background-color: #FF4A59 !important;
}

.custom-extend-button:hover {
    font-size: 16px !important;
    background-color: #FF4A59 !important;
}

.h-extended {
    height: 2.5rem;
}

.custom-completed .d-flex {
    display: unset !important;
}

.mr-3 .form-control {
    font-size: 16px !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.ml-3 select {
    font-size: 16px !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.text-turnover {
    font-weight: 700;
    border-bottom: 2px dashed #ada4a4;
}

.fs-17 {
    font-size: 17px !important;
}

.color-updated {
    color: #bdbbbb;
}

.label-gold {
    margin-left: 0.7rem;
    padding: 4px 8px 4px 8px;
    background-color: #D4B962;
    border-radius: 2px;
    color: #000;
}

.label-gold::after {
    width: 4px;
    content: '';
    background-image: url(../media/icon-right-content/after-gold.jpg);
    position: absolute;
    left: -3.7px;
    top: 35%;
    display: block;
    height: 10px;
}

.w-total-up-print {
    width: 21rem !important;
}

.w-qr {
    width: 155px;
    height: 155px;
}

.bg-header-main {
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
    background-color: #131620;
}

.card-total-up {
    border-radius: var(--bs-card-border-radius);
    border: 1px solid var(--bs-card-border-color);
}

.text-add {
    color: #0ebc0e;
    font-weight: 700;
    border-bottom: 2px dashed #ada4a4;
}

.text-0 {

    color: #afafaf;
    font-weight: 700;
    border-bottom: 2px dashed #ada4a4;
}

.text-apart-from {
    color: #e91e1e;
    font-weight: 700;
    border-bottom: 2px dashed #ada4a4;
}

.w-auto {
    width: auto !important;
}

table.dataTable>thead>tr>td:not(.sorting_disabled),
table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-right: 0.75rem !important;
}

.input-icon.input-icon-right span {
    right: 0;
    left: auto;
}

.wh-custom-w-l {
    padding-left: 0.82rem !important;
    max-width: 3.7rem !important;
    /* width: 2.4rem !important; */
    height: 2.4rem !important;
    padding-right: 0.82rem !important;
}

.custom-w-mon {
    width: 59px !important;
}

.input-icon span {
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(1.5em + 1.3rem + 2px);
}

.report-table-header {
    background-color: #131620 !important;
}

.input-icon span i {
    line-height: 0;
    color: #b7b7b7;
}

.mt-label .ml-2.justify-content-end .font-title.justify-content-end {
    text-align: right !important;
}

.w-39 {
    width: 39% !important;
}

.icon-md {
    font-size: 1.25rem !important;
}

.table-container {
    -webkit-overflow-scrolling: touch;
    /* Hỗ trợ cuộn mượt trên iOS */
}

th {
    text-align: left !important;
}

/* toggle on off */
.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 28px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #CCD2E6;
    -webkit-transition: .4s;
    transition: .4s;
}

.text-center.align-middle.fs-14.font-title.fw-bold small {
    white-space: nowrap !important;
}

/* [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.show>.menu-link img {
    filter: invert(33%) sepia(30%) saturate(700%) hue-rotate(355deg) brightness(100%) contrast(100%);
} */
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) img,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) img {
    filter: invert(33%) sepia(30%) saturate(700%) hue-rotate(355deg) brightness(100%) contrast(100%);
}

.slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #D4B962;
}

input:focus+.slider {
    box-shadow: 0 0 1px #D4B962;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

.wh-15 {
    width: 15px;
    height: 15px;
}

.slider.round:before {
    border-radius: 50%;
}

.btn-pay {
    background-color: #33E49A !important;
    padding: 6px 16px 6px 16px !important;
    color: #131620 !important;
    border-radius: 8px;
}

.btn-pay:hover {
    background-color: #33E49A !important;
    padding: 6px 16px 6px 16px !important;
    color: #131620 !important;
    border-radius: 8px;
}

.btn-view-widthdraw {
    background-color: #131620 !important;
    padding: 6px 16px 6px 16px !important;
    color: #fff !important;
    border-radius: 8px;
}

.btn-view-widthdraw:hover {
    background-color: #131620 !important;
    padding: 6px 16px 6px 16px !important;
    color: #fff !important;
    border-radius: 8px;
}

.status {
    font-size: 14px !important;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    right: 9px;
    color: #fff;
}

.w-search-bet-code {
    width: 20rem !important;
}

.w-search-id {
    width: 19rem !important;
}

.daterangepicker select.yearselect option {
    background-color: #2c444e !important;
    color: #ffffff !important;
}

.daterangepicker select.monthselect option {
    background-color: #2c444e !important;
    color: #ffffff !important;
}

.left-content-shop {
    border-radius: 0.625rem;
    border-right: 1px solid #f1f1f4;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.pr-2-5rem {
    padding-right: 2.5rem !important;
}

.fs-23 {
    font-size: 23px !important;
}

.breadcrumb {
    font-size: 16px !important;
}

.custom-w-input {
    width: 10rem;

}

.w-label-quantity-bet {
    width: 5rem;
}

/* end toggle on off */
.img-banner {
    width: 15rem;
    height: 6rem;
    border-radius: 0.475rem;
    object-fit: contain;
}

.border-custom {
    border: 1px solid #82868b !important;
}

.color-text {
    color: #5e5873 !important;
}

.img-custom-banner {
    height: 8rem;
    border-radius: 0.475rem;
    width: 26rem;
    object-fit: contain;
}

/* custom header tabs  */
.border-bottom-white {
    border-bottom: 1px solid #fff;
}

.nav-tabs-custom-header .nav-item.show .nav-link,
.nav-tabs-custom-header .nav-link.active {
    border: 1px solid #fff;
    color: #ffffff;
    background-image: linear-gradient(173deg, #BB271A 0, #000 100%);
    -webkit-transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.nav-tabs-custom-header .nav-link:hover {
    border: 1px solid #fff;
    background-image: linear-gradient(173deg, #BB271A 0, #000 100%);
}

.nav-tabs-custom-header .nav-link {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: calc(-1* var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: 0.475rem;
    border-top-right-radius: 0.475rem;
}

/* end custom header tabs  */

/* .w-custom-rejected-bets span.select2 {
    width: 18rem !important;
} */
.scroll-modal-dashboard {
    overflow-y: scroll;
    max-height: 70vh;
}

.h-34px {
    line-height: 22px;
    height: 34px !important;
}

.button-cancel-widthdraw-action {
    width: 40px;
    height: 34px;
    border-radius: 8px !important;
    background-color: #131620 !important;
}

.button-cancel-widthdraw-action:hover {
    width: 40px;
    height: 34px;
    border-radius: 8px !important;
    background-color: #131620 !important;
}

.over-play-details-machine {
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #00000085;
}

.z-index-99 {
    z-index: 99 !important;
}

/* .scroll-modal-dashboard::-webkit-scrollbar {
    width: 7px !important;
}
.
.scroll-modal-dashboard::-webkit-scrollbar-thumb {
    background-image: linear-gradient(45deg, #BB271A, #000) !important;
    border-radius: 10px !important;
} */
.gap-3 {
    gap: 0.75rem;
}

.modal-id {
    width: 11rem !important;
}

.modal-w {
    width: 7rem !important;
}

.fw-900 {
    font-weight: 900;
}


.bg-live-main {
    background-image: linear-gradient(45deg, #ff1500 0, #000 100%) !important;
    color: #fff !important;
}

.filter-brightness {
    filter: brightness(0);
}

.pb-2rem {
    padding-bottom: 2rem !important;
}

.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.pr-2 {
    padding-right: 0.5rem;
}

.gap-4rem {
    gap: 4rem;
}

.bg-custom {
    background-color: #131620 !important;
    color: #fff;

}

.w-25 {
    width: 25% !important;
}

/* .fs-14 {
    font-size: 14px !important;
} */

.justify-content-end {
    justify-content: flex-end;
}

.fs-15 {
    font-size: 15px !important;
}

.custom-checkbox {
    border-radius: 8px;
    width: 111px;
    padding: 6px 2px 6px 47px !important;
    border: 1.5px solid #CCD2E633;
    background-color: #CCD2E633;
}

.mb-bottom-4rem {
    margin-bottom: 4rem !important;
}

.justify-between {
    justify-content: space-between;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #000;
}

.text-black {
    color: #000 !important;
}

.w-20 {
    width: 20% !important;
}

.ml-1rem {
    margin-left: 1rem;
}

.w-40 {
    width: 40% !important;
}

.padding-top-3 {
    padding-top: 3rem !important;
}

.qr-img {
    width: 10rem;
    height: 10rem;
    object-fit: cover;
}

.w-10 {
    width: 10% !important;
}

.w-8 {
    width: 8% !important;
}

.pointer {
    cursor: pointer;
}

.w-3 {
    width: 3% !important;
}

.h-unset {
    height: 0 !important;
}

.live-icon {
    font-size: 33px !important;
    color: rgba(220, 38, 38) !important;
}

.text-success-custom {
    color: #09d950 !important;
}

/* .text-success-custom {
    color: #209d4b !important;
} */

table tbody tr.tr-children td.last-child-border-bottom {
    border-bottom: 0;
}

#report_table tr.odd {
    background-color: #d7d7d7ba !important;
}

#report_table tr.even {
    background-color: #d7d7d7ba !important;
}

.wh-check-password {
    width: 15px;
    height: 15px;
}

.padding-custom-test {
    padding-left: 9.75px !important;
    padding-right: 9.75px !important;
}

td.auto-width-cell {
    white-space: nowrap;
    padding-right: 0px;
    /* tuỳ chỉnh, đừng quá lớn */
    min-width: 5rem;
    max-width: 13.5rem;
    /* trick để không cho nó bung ra */
}

td.auto-width-cell>div.w-auto {
    width: max-content;
    display: inline-block;
    /* hoặc block nếu cần */
}

.w-customer {
    width: 17rem !important;
}

.w-content-description {
    margin-right: 2rem;
    width: 28rem !important;
}

.wh-place-custom {
    width: 53px;
    text-align: center;
    height: 29px;
}

.check-box-show-password {
    width: 15px;
    height: 15px;
}

.bg-row-table {
    background-color: #efd7d7;
}

.custom-id {
    width: 19rem !important;
}

/* .custom-border {
    border-left-width: 1px ! important;
    border-left: 1px solid #958d8d;
} */

.ml-05rem {
    margin-left: 0.5rem !important;
}

/* .content-left-show {
    padding-right: .4rem;
}
.content-right-show {
    padding-left: .4rem;
} */
.content-seperate {
    margin-bottom: 4px;
    color: #D4B962;
}

.content-seperate-modal {
    font-size: 22px;
    color: #D4B962;
}

.w-30 {
    width: 30% !important;
}

.pr-175rem {
    padding-right: 1.75rem !important;
}

.custom-table-esport {
    width: 100% !important;
}

.custom-table-esport .border-bottom-unset td {
    text-align: left !important;
}

/* custom checkbox */

.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 7px;
    left: 18px;
    border-radius: 3px;
    height: 23px;
    width: 23px;
    background-color: #eee;
}

.custom-checkbox:hover input~.checkmark {
    background-color: #ccc;
}

.content-seperate-modal-machine {
    margin-bottom: 3px;
    color: #D4B962;
}

.custom-checkbox input:checked~.checkmark {
    background-color: #D4B962;
}

.modal-view-body-machine {
    text-align: center;
    font-family: 'Oswald-Medium' !important;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-checkbox input:checked~.checkmark:after {
    display: block;
}

.custom-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mr-5 {
    margin-right: 3rem;
}

.mr-4 {
    margin-right: 2rem;
}

.mt-4-1rem {
    margin-top: 4.1rem !important;
}

.pl-1-25rem {
    padding-left: 1.25rem;
}

.mt-3rem {
    margin-top: 3rem !important;
}

/* end custom checkbox */

/* custom checkbox trang phân quyền function */
.custom-checkbox-custom {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark-custom {
    border: 1px solid #e5e1e1;
    position: absolute;
    top: 0;
    left: 45%;
    border-radius: 3px;
    height: 23px;
    width: 23px;
    background-color: #faf6f6;
}

.custom-checkbox-custom:hover input~.checkmark-custom {
    background-color: #ccc;
}

/* #kt_datatable_vertical_scroll.table.gy-5 td,
.table.gy-5 th {
    font-size: 14px !important;
} */

.custom-checkbox-custom input:checked~.checkmark-custom {
    background-color: #D4B962;
}

.form-label {
    font-weight: 600 !important;
}

.checkmark-custom:after {
    content: "";
    position: absolute;
    display: none;
}

.apexcharts-text tspan {
    font-family: 'Oswald-Regular' !important;
}

.custom-checkbox-custom input:checked~.checkmark-custom:after {
    display: block;
}

.custom-checkbox-custom .checkmark-custom:after {
    left: 8px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

a {
    font-size: 16px !important;
}

.text-body-confirm {
    color: #f6e200;
}

.w-sprin {
    width: 100px;
}

.mr-5 {
    margin-right: 3rem;
}

.bg-header-modalview {
    background-color: #000;
}

.bg-footer-modalview {
    background-color: #F50000;
}

td.text-left .justify-content-center .justify-content-center .d-flex .ml-1 {
    margin-left: 0.5rem !important;
}

td.text-left .justify-content-center .justify-content-center .d-flex .fa {
    line-height: 1.1 !important;
}

.mr-4 {
    margin-right: 2rem;
}

.w-90 {
    width: 90%;
}

.w-89 {
    width: 89%;
}

.w-edit-setting {
    width: 5.5rem;
}

.page-item {
    font-family: 'Oswald-Medium';
}

.mw-modal-index {
    max-width: 1280px !important;
}

.w-25 {
    width: 25% !important;
}

.modal-time-id {
    width: 7rem !important;
}

.word-break-all {
    word-break: break-all;
}

.w-15 {
    width: 15% !important;
}

/* .w-20 {
    width: 20% !important;
} */

.fw-900 {
    font-weight: 900 !important;
}

.mt-3-5rem {
    margin-top: 3.5rem !important;
}

.border-left-content-setting {
    border-right: 2px solid #CCD2E6;
    padding-right: 1.25rem !important;
}

.content-image {
    background-color: #CCD2E61A;
    border-radius: 8px;
    padding: 20px 0px 20px 0px;
}

.w-rule {
    min-width: 1020px !important;
}

.label-no-login {
    background-color: #FF4A59;
    padding: 6px 16px 6px 16px;
    border-radius: 8px;
    border: 1.5px solid #c92b38;
}

button.close:hover {
    background-color: unset !important;
}

.label-logged {
    background-color: #33E49A !important;
    padding: 6px 16px 6px 16px;
    border-radius: 8px;
    border: 1.5px solid #57BEB5;
}

.toggle-on-off {
    height: 34px;
    width: 63px;
    border-radius: 16px;
    padding: 2px;
    background-color: #CCD2E633;
    display: flex;
    justify-content: center;
    align-items: center;
}

.label-logged:hover {
    background-color: #33E49A !important;
    padding: 6px 16px 6px 16px;
    border-radius: 8px;
    border: 1.5px solid #57BEB5;
}

.button-upload {
    background-color: #131620 !important;
    text-align: center;
    color: #fff !important;
    padding: 7px 40px 7px 40px !important;
    border-radius: 6px !important;
}

.border-custom-gold-betmanagerment {
    border-top: 3px dashed #D4B962 !important;
}

.custom-bage-gold {
    line-height: 14px !important;
    text-align: left !important;
    white-space: unset !important;
    font-size: 13px !important;
    border-radius: 8px !important;
    background-color: #D4B962 !important;
}

.button-upload:hover {
    background-color: #131620 !important;
    text-align: center;
    color: #fff !important;
    padding: 7px 40px 7px 40px !important;
    border-radius: 6px !important;
}

.border-bottom-custom-gold {
    border-bottom: 2px dashed #d4b96273;
}

.mr-1-5rem {
    margin-right: 1.5rem !important;
}

.button-upload-reset {
    background-color: #D4B962 !important;
    text-align: center;
    color: #000 !important;
    padding: 7px 40px 7px 40px !important;
    border-radius: 6px !important;
}

.button-upload-reset:hover {
    background-color: #D4B962 !important;
    text-align: center;
    color: #000 !important;
    padding: 7px 40px 7px 40px !important;
    border-radius: 6px !important;
}

.footer-button-save {
    right: 1.25rem;
    position: absolute;
    bottom: 1.25rem;
}

.pl-2 {
    padding-left: 0.5rem;
}

.pr-0 {
    padding-right: 0 !important;
}

.custom-cb-pd {
    padding-top: 0.97rem;
    padding-bottom: 0.95rem;
}

[data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) .app-sidebar-menu ul.nav-tabs-custom-header .fs-16 a.text-white {
    font-size: 16px !important;
}

[data-kt-app-sidebar-minimize=on] .app-sidebar .app-sidebar-menu ul.nav-tabs-custom-header .fs-16 a.text-white {
    padding-left: 0.7rem;
    font-size: 11px !important;
}

td .bg-custom-success {
    color: #fff !important;
}

.td .text-left .border-rds-047rem {
    color: #fff !important;
}

.table-account-authorization table.dataTable>thead>tr>td:not(.sorting_disabled),
table.dataTable>thead>tr>th:not(.sorting_disabled) {
    font-size: 16px !important;
}

.custom-form-status {
    height: 11rem;
}

.w-status {
    width: 7rem;
}

.mt-label-status {
    margin-top: 5rem;
}

.w-19rem {
    width: 19rem;
}

.pl-3rem {
    padding-left: 3rem;
}

.modal-confirm {
    color: #636363;
    width: 400px;
}

.pr-1 {
    padding-right: 0.5rem;
}

/* .game_detail {
    border-bottom: 1px dashed #fff;
} */

.overflow-body-bill {
    background-image: linear-gradient(357deg, #F50000 0%, #000 100%);
    color: #fff !important;
    max-height: 35rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

.overflow-body-bill-custom {
    background-image: linear-gradient(357deg, #F50000 0%, #000 100%);
    color: #fff !important;
    max-height: 50rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

.overflow-body-bill::-webkit-scrollbar {
    width: 8px !important;
}

/* .overflow-body-bill::-webkit-scrollbar-thumb {
    background-image: linear-gradient(45deg, #BB271A, #000) !important;
    border-radius: 10px;
} */

.modal-body::-webkit-scrollbar {
    width: 8px !important;
}

.modal-body::-webkit-scrollbar-thumb {
    /* background-image: linear-gradient(45deg, #BB271A, #000) !important; */
    border-radius: 10px;
}

.mw-23rem {
    max-width: 23rem;
}

.gap-1-25rem {
    gap: 1.25rem;
}

.w-11rem {
    width: 11rem !important;
}

.mt-2-6rem {
    margin-top: 2.6rem !important;
}

.w-7rem {
    width: 7rem;
}

.custom-w-rps {
    width: 20%;
}

.modal-confirm .modal-content {
    padding: 20px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}

.modal-confirm .modal-header {
    border-bottom: none;
    position: relative;
}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}

.modal-confirm .close {
    position: absolute;
    top: -5px;
    right: -2px;
}

.modal-confirm .modal-body {
    color: #999;
}

.modal-confirm .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
}

.modal-confirm .modal-footer a {
    color: #999;
}

.modal-confirm .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
}

.w-id-dashboard {
    width: 48px !important;
}

.w-time-dashboard {
    width: 25rem !important;
}

.w-Customer-dashboard {
    width: 68px !important;
}

.modal-confirm .icon-box i {
    color: #f15e5e;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}

.button-cancel {
    background-color: #fff !important;
    border: unset !important;
}

.modal-confirm .btn,
.modal-confirm .btn:active {
    color: #fff;
    border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    min-width: 120px;
    border: none;
    min-height: 40px;
    border-radius: 3px;
    margin: 0 5px;
}

.modal-confirm .btn-secondary {
    background: #c1c1c1;
}

.modal-confirm .btn-secondary:hover,
.modal-confirm .btn-secondary:focus {
    background: #a8a8a8;
}

.modal-confirm .btn-danger {
    background: #f15e5e;
}

.modal-confirm .btn-danger:hover,
.modal-confirm .btn-danger:focus {
    background: #ee3535;
}

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

.custom-w-index {
    width: 19.4rem !important;
}

.dashed {
    border-bottom: 1px dashed #fff;
    height: 1px;
    width: 100%;
}

.br-1-25rem {
    border-radius: 1.25rem !important;
}

.br-dashed {
    border-right: 1px dashed #fff;
}

.border-bottom-dashed-white {
    border-bottom: 1px dashed #fff;
}

.bg-over-flay-custom {
    background-color: #fbfbfb !important;
}

.lh-19 {
    line-height: 19px !important;
}

.w-17rem {
    width: 17rem !important;
}

div.w-h-2-4rem {
    cursor: unset !important;
}

#modal-score .custom-over-play {
    height: 90%;
    background-color: #68595917;
}

#modal-confirm .custom-over-play {
    height: 90%;
    background-color: #68595917;
}

.mt-1rem {
    margin-top: 1rem !important;
}

.mt-5 {
    margin-top: 1.25rem !important;
}

/* end custom checkbox phân quyền */
.fs-12 {
    font-size: 12px !important;
}

/* chỉnh sửa giao diện mới  */
.daterangepicker.show-ranges.show-calendar .ranges {
    border-right: transparent !important;
}

.menu-sub-indention .menu-item a.menu-link span.menu-title:hover {
    color: #D4B962 !important;
}

#kt_app_sidebar_toggle {
    background-color: #131620;
}

.drp-buttons span.drp-selected {
    border-radius: 6px;
    padding: 10px 12px 10px 12px;
    background: linear-gradient(0deg, #21a69191 -108.37%, rgba(1, 50, 55, 0) 100%);
    text-align: center;
    width: 17.4rem;
    color: #ddc063 !important;
    font-size: 14px !important;
    font-weight: 600;
    padding-left: 1rem;
    position: absolute;
    top: 21px;
    right: 25px;
    font-family: 'Oswald-Regular';
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    font-family: 'Oswald-Regular';
}

.custom-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: #57679f !important;
}

.daterangepicker .ranges li {
    color: #fff !important;
    font-size: 12px;
    font-family: 'Oswald-Regular' !important;
    margin-bottom: 5px;
    padding: 8px;
    cursor: pointer;
}


.daterangepicker .ranges ul {
    padding: 1rem 0;
    width: 150px;
    overflow: auto;
    max-height: 260px;
}

.daterangepicker .ranges li:hover {
    border-radius: 8px !important;
    background-color: #d3ba61 !important;
    padding: 8px !important;
    color: #092331 !important;
}

.ranges {
    height: 100% !important;
}

.table-dasboard .table.gs-7 td:first-child,
.table-dasboard .table.gs-7 th:first-child {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.table-dasboard.table.gs-7 td:last-child,
.table-dasboard .table.gs-7 th:last-child {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    font-family: 'Oswald-Regular';
}

.bg-main {
    background-color: #D4B962 !important;
}

.wh-20 {
    width: 20px;
    height: 20px;
}

.unset-border {
    border-width: 0px !important;
    position: relative;
}

.wh-14 {
    width: 14px;
    height: 14px;
}

.border-w-0 {
    border-width: 0 !important;
}

.w-16-5rem {
    width: 16.5rem !important;
}

.text-soccer {
    color: #BCBCBC;
}

.form-bage {
    padding: 0px 6px 0px 6px;
    background-color: #D4B962;
    border-radius: 50%;
    color: #fff !important;
    font-weight: unset !important;
    font-family: 'Oswald-Light' !important;
}

.description-content-left {
    width: 12rem !important;
}

.description-content-right {
    width: 12rem !important;
}

.wh-place {
    width: 51px;
    height: 29px;
}

.label-status-place-dark {
    line-height: 23px;
    padding: 4px 8px 4px 8px;
    background-color: #000;
    border-radius: 2px;
    font-size: 14px;
    color: #D4B962;
}

label {
    font-family: 'Oswald-Medium' !important;
}

.dataTables_info {
    font-size: 16px !important;
    font-family: 'Oswald-Medium' !important;

}

.btn {
    font-family: 'Oswald-Medium' !important;
}

.btn-success:hover,
.btn-danger:hover,
.btn-dark:hover {
    background-color: #D4B962 !important;
    color: #131620 !important;
    font-family: 'Oswald-Medium' !important;
}

.label-status-place-dark::after {
    width: 4px;
    content: '';
    background-image: url(../media/icon-right-content/icon-stake-after.svg);
    position: absolute;
    left: -3.5px;
    top: 31%;
    display: block;
    height: 10px;
}

.label-status-place-danger {
    margin-left: 0.7rem;
    line-height: 21px;
    padding: 4px 8px 4px 8px;
    background-color: #FF4A59;
    border-radius: 2px;
    font-size: 14px;
    color: #000000;
}

.label-status-place-danger::after {
    width: 4px;
    content: '';
    background-image: url(../media/icon-right-content/icon-pay-after.svg);
    position: absolute;
    left: -3.5px;
    top: 31%;
    display: block;
    height: 10px;
}

.h-modal-bets {
    height: 100%;
}

.label-status-place-success {
    line-height: 21px;
    padding: 4px 8px 4px 8px;
    background-color: #33E49A;
    border-radius: 2px;
    font-size: 14px;
    color: #000000;
}

.after-border::after {
    left: 81px;
    right: 0px;
    content: '';
    position: absolute;
    display: flex;
    align-items: center;
    height: 18px;
    width: 2px;
    background-color: #fff;
    top: 10%;
}

.border-right-white {
    border-right: 1px solid #fff;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    font-family: 'Oswald-Regular' !important;
    color: #57679f !important;
}

.select2-container--bootstrap5 .select2-selection--single {
    font-family: 'Oswald-Regular' !important;
    color: #57679f !important;
}

/* top-left border-radius */
table tr:first-child th:first-child {
    border-top-left-radius: 6px;
}

/* top-right border-radius */
table tr:first-child th:last-child {
    border-top-right-radius: 6px;
}

/* bottom-left border-radius */
table tr:last-child td:first-child {
    border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
table tr:last-child td:last-child {
    border-radius: 6px;
}

table.w-100 {
    border-collapse: separate;
    border-spacing: 0;
}

/* top-left border-radius */
table.w-100 tr:first-child th:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

/* top-right border-radius */
table.w-100 tr:first-child th:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* bottom-left border-radius */
table.w-100 tr:last-child td:first-child {
    border-radius: 6px;
}

/* bottom-right border-radius */
table.w-100 tr:last-child td:last-child {
    border-radius: 6px;
}

.modal-head-view {
    font-size: 20px;
    color: #D4B962;
}

.padding-modal-view {
    padding: 24px 22px 20px 22px;
    background-color: #262626;
}

.mb-1px {
    margin-bottom: 1px;
}

.color-date {
    color: #898989;
}

.text-color-append {
    color: #262626;
}

.color-main {
    color: #D4B962;
}

.nav-tabs .nav-link:focus .form-bage,
.nav-tabs .nav-link:hover .form-bage {
    background-color: #131620;
    color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active .form-bage {
    background-color: #131620;
    color: #fff;
}

.daterangepicker .drp-calendar td.active {
    background-color: #D4B962 !important;
    color: #131620 !important;
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    background-color: #262626 !important;
    color: #d4b962 !important;
}

.calendar-table {
    font-family: 'Oswald-Light' !important;
    font-weight: 600 !important;
    background-color: #131620 !important;
}

.daterangepicker .drp-calendar td.available:hover,
.daterangepicker .drp-calendar th.available:hover {
    border-radius: 7px !important;
    background-color: #D4B962 !important;
    color: #131620 !important;
}

.daterangepicker {
    background-color: #131620 !important;
}

.pb-2rem {
    padding-bottom: 2rem !important;
}

.font-title {
    font-family: 'Oswald-Regular';
}

.w-custom-check-result {
    width: 164px !important;
}

.center-show-completed {
    width: 20% !important;
}

.mw-1200px {
    max-width: 1200px !important;
}

.label-active-shop {
    padding: 4px 8px 4px 8px;
    background-color: #33E49A;
    border-radius: 2px;
    color: #000;
}

.label-active-shop::after {
    width: 4px;
    content: '';
    background-image: url('../media/icon-right-content/icon-pl-after.svg');
    position: absolute;
    left: -3.7px;
    top: 35%;
    display: block;
    height: 10px;
}

.w-match-total {
    width: 32rem;
}

.w-center-show {
    width: 9rem;
}

.w-rejected {
    width: 6.5rem;
}

.mr-7px {
    margin-right: 7px;
}

.match-detail-betmanage {
    /* margin-top: 8px; */
    width: 21px;
    max-height: 31px;
    margin-right: 7px;
}

.label-active {
    padding: 4px 8px 4px 8px;
    background-color: #33E49A;
    border-radius: 2px;
    color: #000;
}

.label-active::after {
    width: 4px;
    content: '';
    background-image: url(../media/icon-right-content/icon-pl-after.svg);
    position: absolute;
    left: -3.7px;
    top: 35%;
    display: block;
    height: 10px;
}

.icon-match-time {
    font-size: 15px !important;
    margin-top: 7px;
    display: flex;
    justify-content: center;
    width: 29px;
}

.icon-betmanage {
    margin-top: 7px;
    display: flex;
    justify-content: center;
    width: 22px;
}

.text-main {
    color: #D4B962 !important;
}

.border-hr-index {
    display: flex;
    width: 2px;
    height: 32px;
    background-color: #D4B962 !important;
    align-items: end;
    margin-top: 28px;
}

.daterangepicker .drp-calendar th {
    color: #fff;
    text-align: center !important;
}

.fs-20 {
    font-size: 20px !important;
}

.drp-buttons .cancelBtn {
    background-color: #CCD2E61A !important;
    border-radius: 8px !important;
    color: #D4B962 !important;
    font-family: 'Oswald-Medium' !important;
}

.drp-buttons .cancelBtn:hover {
    background-color: #CCD2E61A !important;
    border-radius: 8px !important;
    color: #D4B962 !important;
}

.drp-buttons .applyBtn {
    background-color: #D4B962 !important;
    border-radius: 8px !important;
    color: #20273D !important;
    font-family: 'Oswald-Medium' !important;
}

.custom-button-reset {
    top: 21px;
    right: 14px;
    position: absolute;
    display: flex;
    align-items: center;
}

.drp-buttons .applyBtn:hover {
    background-color: #D4B962 !important;
    border-radius: 8px !important;
    color: #20273D !important;
}

/* .drp-buttons span.drp-selected {
    color: #ddc063 !important;
    font-size: 14px !important;
    font-weight: 600;
    padding-left: 1rem;
    position: absolute;
    top: 21px;
    left: 14px;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #d4b962a6;
    font-family: 'Oswald-Regular';
} */
.daterangepicker .ranges ul {
    padding: 1rem 0;
    width: 150px;
    overflow: auto;
    max-height: 260px;
}

.opensright .drp-buttons {
    display: flex !important;
    gap: 10px;
}

.daterangepicker .drp-buttons {
    padding: 1rem !important;
}

.daterangepicker .drp-buttons .btn {
    width: 50%;
    /* margin-left: 8px; */
    font-size: 16px !important;
    padding: 4px 8px;
}

.drp-buttons .cancelBtn {
    background-color: #CCD2E61A !important;
    border-radius: 8px !important;
    color: #ffffff !important;
}

.drp-calendar.left {
    margin-top: 4rem;
}

.drp-calendar.right {
    margin-top: 4rem;
}

.border-nav-betmanagement {
    border-bottom: 1px solid #131620;
}

.custom-width-form {
    max-width: 100% !important;
    width: 120px !important;
}

.daterangepicker .drp-calendar td.today,
.daterangepicker .drp-calendar td.today.active {
    background-color: #D4B962 !important;
    /* border-radius: 7px !important; */
    color: #131620 !important;
}

.daterangepicker .drp-calendar td {
    font-family: 'Oswald-Medium' !important;
    color: #81878C !important;
}

.daterangepicker .drp-calendar td.prev:hover,
.daterangepicker .drp-calendar th.prev:hover {
    background-color: #262626 !important;
    color: #131620 !important;
    border-radius: 4px !important;
}

.daterangepicker .drp-calendar td.next:hover,
.daterangepicker .drp-calendar th.next:hover {
    background-color: #262626 !important;
    color: #131620 !important;
    border-radius: 4px !important;
}

.daterangepicker .drp-calendar th.next span,
.daterangepicker .drp-calendar th.prev span {
    color: #fff !important;
}

.daterangepicker .drp-calendar th.next span {
    border: unset !important;
    background-image: url('../media/icon-right-content/icon-right-calendar.svg');
    -webkit-transform: unset !important;
    height: 20px;
    width: 20px;
}

.daterangepicker .drp-calendar th.prev span {
    border: unset !important;
    background-image: url('../media/icon-right-content/icon-left-calendar.svg');
    -webkit-transform: unset !important;
    height: 20px;
    width: 20px;
}

.custom-button-today {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 20px;
    left: 21px;
    color: #D4B962 !important;
    font-family: 'Oswald-Regular';
}

.daterangepicker .drp-calendar th.month {
    color: #9b9b9b;
    font-family: 'Oswald-Medium' !important;
}

tr th.prev {
    background-color: #262626 !important;
}

tr th.next {
    background-color: #262626 !important;
}

.daterangepicker .drp-calendar td.active.start-date {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.daterangepicker .drp-calendar td.active.end-date {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.daterangepicker .drp-calendar td.active.start-date.end-date {
    border-radius: 7px !important;
}

::placeholder {
    color: #57679f;
}

.custom-select .form-select textarea::placeholder {
    color: #131620 !important;
    font-family: 'Oswald-Regular' !important;
}

.custom-select .form-select {
    color: #131620 !important;
    font-family: 'Oswald-Regular' !important;
}

.custom-select input::placeholder {
    color: #131620 !important;
    font-family: 'Oswald-Regular' !important;
}

.custom-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #131620 !important;
    font-family: 'Oswald-Regular' !important;
}

.custom-select .select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field {
    color: #131620 !important;
    font-family: 'Oswald-Regular' !important;
}

.custom-select .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: #131620 !important;
    font-family: 'Oswald-Regular' !important;
}

span.form-message {
    font-family: 'Oswald-Medium' !important;
}

.w-180px {
    width: 180px;
}

.text-color-all {
    color: #57679f !important;
}

select {
    color: #57679f !important;
}

input {
    color: #57679f !important;
}

.w-calendar {
    width: 17px;
}

.app-sidebar-toggle {
    background-color: #131620;
    border-radius: 50%;
}

button {
    background-color: #D4B962 !important;
    color: #131620 !important;
    font-family: 'Oswald-Regular';
}

button:hover {
    background-color: #D4B962 !important;
    color: #131620 !important;
    font-family: 'Oswald-Medium' !important;
}

.app-sidebar-toggle i {
    font-size: 14px !important;
}

.app-sidebar-toggle:hover {
    background-color: #131620 !important;
}

.menu-sub-indention .menu-item a.menu-link:hover {
    color: #D4B962 !important;
}

.menu-sub-indention .menu-item a.menu-link:hover img {
    filter: invert(33%) sepia(30%) saturate(700%) hue-rotate(355deg) brightness(100%) contrast(100%);
}

#kt_scrolltop .text-white {
    color: #131620 !important;
}

.clear-search {
    background: none;
    border: none;
    font-size: 31px;
    cursor: pointer;
    color: #b3a5a5;
}

/* Min width */

@media (min-width: 992px) {
    [data-kt-app-sidebar-minimize=on] .flex-root .app-wrapper #kt_app_sidebar .app-sidebar-menu #myTabContent .menu .menu-item .menu-link.active {
        width: 50px;
    }

    [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) #myTabContent .menu .menu-item .menu-link.active {
        width: 100% !important;
    }

    .h-lg-130px {
        height: 130px !important;
    }

    .h-lg-120px {
        height: 120px !important;
    }

    .h-lg-110px {
        height: 110px !important;
    }

    .h-lg-100px {
        height: 100px !important;
    }
}

@media (min-width: 576px) {
    .overlay-container {
        display: none !important;
    }

    .sign-in-container {
        width: 100% !important;
    }

    table.dataTable>thead>tr>td:not(.sorting_disabled),
    table.dataTable>thead>tr>th:not(.sorting_disabled) {
        padding-right: 0.75rem !important;
    }
}

/* Max width */
@media (max-width: 2108px) {
    .w-openbet-left-description {
        width: 14rem !important;
    }

    .w-match-total {
        width: 15rem;
    }
}


@media (max-width: 1824px) {
    .w-openbet-left-description {
        width: 14rem !important;
    }

    .w-match-total {
        width: 15rem;
    }
}

@media (max-width: 1745px) {
    .font-title.fw-bold.break-spaces {
        word-break: break-word;
        white-space: normal !important;
    }
}

@media (min-width: 1745px) {
    .mw-modal-index {
        max-width: 118rem !important;
    }
}

@media (max-width: 1532px) {
    .rps-mobile-unset .col-sm-12.col-md-12.col-lg-5 {
        margin-top: 3.4rem !important;
    }
}

@media (max-width: 1472px) {
    .rps-mobile-unset .col-sm-12.col-md-12.col-lg-5 {
        margin-top: 3.4rem !important;
    }
}

@media (max-width: 5464px) {
    .icon-match-time {
        font-size: 15px !important;
        margin-top: 7px;
        display: flex;
        justify-content: center;
        width: 21px !important;
    }

    #modal_dashboard .w-openbet-left-description {
        width: 26rem !important;
    }
}

@media (max-width: 2732px) {

    #modal_dashboard .w-openbet-left-description {
        width: 31rem !important;
    }
}

@media (max-width: 1823px) {
    .icon-match-time {
        font-size: 15px !important;
        margin-top: 7px;
        display: flex;
        justify-content: center;
        width: 22px !important;
    }

    #modal_dashboard .w-openbet-left-description {
        width: 26rem !important;
    }

    .rps-custom-table-on {
        width: 56px !important;
    }

    .rps-id-time {
        width: 7rem !important;
    }

    .w-customer {
        width: unset !important;
    }

    .w-match-total {
        width: unset !important;
    }

    .w-openbet-left-description {
        width: 14rem !important;
    }

    .brek-spaces {
        white-space: break-spaces;
        height: 0 !important;
    }

    .rps-width-middle {
        width: 186px !important;
    }

    .custom-w-rps-table {
        width: 112px !important;
    }
}

@media (max-width: 1778px) {
    .rps-custom-table-on {
        width: 56px !important;
    }

    .rps-id-time {
        width: 7rem !important;
    }

    .w-customer {
        width: unset !important;
    }

    .w-match-total {
        width: unset !important;
    }

    .w-openbet-left-description {
        width: 14rem !important;
    }

    .brek-spaces {
        white-space: break-spaces;
        height: 0 !important;
    }

    .rps-width-middle {
        width: 186px !important;
    }

    .custom-w-rps-table {
        width: 112px !important;
    }

    .w-81px {
        width: 108px !important;
    }
}

@media (max-width: 1728px) {
    .rps-mobile-unset {
        align-items: unset !important;
    }

    .rps-mobile-unset .col-sm-12.col-md-12.col-lg-5 {
        margin-top: .7rem !important;
    }

    .col-lg-5 .mobile-center {
        margin-top: 0 !important;
        margin-bottom: 24px !important;
    }

    .rps-custom-table-on {
        width: 56px !important;
    }

    .rps-width-middle {
        width: 180px !important;
    }

    .custom-w-rps-table {
        width: 104px !important;
    }

    .w-81px {
        width: 100px !important;
    }
}


@media (max-width: 1708px) {
    .icon-match-time {
        font-size: 15px !important;
        margin-top: 7px;
        display: flex;
        justify-content: center;
        width: 28px !important;
    }
}

@media (max-width: 1656px) {
    .rps-custom-table-on {
        width: 56px !important;
    }

    .rps-width-middle {
        width: 176px !important;
    }

    .custom-w-rps-table {
        width: 96px !important;
    }

    .w-81px {
        width: 98px !important;
    }
}

@media (max-width: 1592px) {
    .rps-custom-table-on {
        width: 56px !important;
    }

    .rps-width-middle {
        width: 172px !important
    }

    .custom-w-rps-table {
        width: 86px !important;
    }

    .w-81px {
        width: 91px !important;
    }
}

@media (max-width: 1565px) {
    .rps-custom-table-on {
        width: 56px !important;
    }

    .rps-width-middle {
        width: 165px !important
    }

    .custom-w-rps-table {
        width: 86px !important;
    }

    .w-81px {
        width: 85px !important;
    }
}

@media (max-width: 1500px) {

    .rps-id-time {
        width: 7rem !important;
    }

    .holdover-bet {
        font-size: 14px !important;
        width: 87px !important;
    }

    .w-customer {
        width: unset !important;
    }

    .w-match-total {
        width: unset !important;
    }

    .w-openbet-left-description {
        width: 13rem !important;
    }

    .brek-spaces {
        white-space: break-spaces;
        height: 0 !important;
    }
}

@media (max-width: 1469px) {

    .w-right-open-bet {
        white-space: unset !important;
    }
}

@media (max-width: 1423px) {

    .rps-custom-table-on {
        width: 56px !important;
    }

    .rps-width-middle {
        width: 180px !important
    }

    .custom-w-rps-table {
        width: 69px !important;
    }

    .w-81px {
        width: 85px !important;
    }
}

@media (max-width: 1532px) {
    .col-lg-5 .mobile-center {
        margin-top: 5rem !important;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 1512px) {
    .col-lg-5 .mobile-center {
        margin-top: 7px !important;
        margin-bottom: 0px !important;
    }

    .col-lg-7 .ml-custom-button {
        margin-left: 0 !important;
    }
}

@media (max-width: 1317px) {
    .w-l-description {
        width: 14rem;
    }
}

@media (max-width: 1257px) {
    .rps-width-middle {
        width: 117px !important;
    }

    .w-l-description {
        width: 13rem;
    }

    .custom-w-input {
        width: 7rem !important;
    }

    .custom-w-rps-table {
        width: 65px !important;
    }
}

@media (max-width: 1242px) {
    .mt-label .ml-2.justify-content-end .font-title.justify-content-end i {
        margin-right: unset !important;
    }
}

@media (max-width: 1200px) {
    .rps-id-time {
        width: 6rem !important;
    }

    .holdover-bet {
        font-size: 12px !important;
        width: 73px !important;
    }

    .w-customer {
        width: unset !important;
    }

    .w-match-total {
        width: unset !important;
    }

    .w-openbet-left-description {
        width: 13rem !important;
    }

    .brek-spaces {
        white-space: break-spaces;
        height: 2rem !important;
    }
}


@media (max-width: 1148px) {
    .rps-pl-30rem {
        padding-left: 0rem;
    }

    .gap-1-25rem {
        flex-wrap: wrap;
    }
}

@media (max-width: 992px) {
    .flex-responsive {
        flex-wrap: wrap !important;
    }

    .d-block-responsive {
        display: revert-layer !important;
    }

    #completed_bets_demo_new_wrapper li.text-center.align-middle.d-block-responsive {
        display: none !important;
    }

    .rps-mobile-unset .col-sm-12.col-md-12.col-lg-5 {
        margin-top: 0.4rem !important;
    }

    .mr-3.border-hr-index.mb-2 {
        display: none !important;
    }

    [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link {
        font-size: 16px !important;
    }

    .flex-responsive .form-group {
        width: 49% !important;
    }

    .daterangepicker {
        width: 31rem !important;
    }

    .col-lg-7 .ml-custom-button {
        margin-left: 2rem !important;
    }

    .rps-width-middle {
        width: 117px !important;
    }

    .rps-pl-30rem {
        padding-left: 0rem;
    }

    .w-17rem {
        width: 18rem !important;
    }

    .w-l-description {
        width: 14rem;
    }

    .w-customer {
        width: unset !important;
    }

    .custom-w-input {
        width: 6rem !important;
    }

    .custom-w-rps-table {
        width: 65px !important;
    }

    .rps-order-2 {
        order: 2 !important;
    }

    .rps-order-1 {
        order: 1 !important;
    }
}

@media (max-width: 728px) {
    .drp-buttons span.drp-selected {
        right: 41px !important;
    }
}

@media (max-width: 768px) {
    .calendar-table {

        margin-top: -21.3rem !important;
    }

    .calendar-table {
        margin-top: 0 !important;
    }

    .calendar-next-btn {
        right: 29px !important;
    }

    .calendar-table {
        margin-left: 100px;
        margin-top: -27.3rem !important;
    }
}

@media (max-width: 710px) {
    .col-lg-7 .ml-custom-button {
        margin-left: 1rem !important;
    }
}

@media (max-width: 678px) {
    .col-lg-7 .ml-custom-button {
        margin-left: 0 !important;
    }
}

@media (max-width: 576px) {
    .custom-id {
        width: 6rem !important;
    }

    .rps-w-full {
        width: 100% !important;
    }

    .flex-responsive .form-group {
        width: 100% !important;
    }

    .fixed-column.fixed-column3 {
        left: 151.938px !important;
        z-index: 99;
    }

    .fixed-column.fixed-column4 {
        left: 240.531px !important;
        z-index: 99;
    }

    .rps-width-middle {
        width: 117px !important;
    }

    td.text-right .nowrap-text {
        white-space: unset !important;
        flex-wrap: wrap !important;
    }

    .rps-mt-button {
        margin-left: unset;
        margin-top: 0.5rem;
    }

    .rps-mt-rule {
        margin-top: 0.5rem;
    }

    .rps-width-search-bet {
        width: 15rem;
    }

    .rps-ml-auto {
        margin-left: unset !important;
    }

    .rps-width-search-id {
        width: 18rem;
    }

    .w-rps-update {
        width: 17.8rem !important;
    }

    .border-left-content-setting {
        border-right: unset !important;
        border-bottom: 2px solid #CCD2E6;
    }

    .pl-1-25rem {
        padding-left: 1.25rem !important;
    }

    .custom-w-input {
        width: 10rem !important;
    }

    .custom-w-rps-table {
        width: 65px !important;
    }

    .rps-order-2 {
        order: 2 !important;
    }

    .rps-order-1 {
        order: 1 !important;
    }

    .calendar-table {
        margin-top: -27.3rem !important;
    }
}

@media (min-width: 730px) and (max-width: 770px) {
    .calendar-table {
        margin-left: 13px !important;
        margin-top: 0 !important;
    }

    .calendar-next-btn {
        top: 55px !important;
    }

    .calendar-next-btn {
        right: 19px !important;
    }
}