@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');
}

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

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
a,
div,
td,
th,
li {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

::-webkit-scrollbar {
    height: 7px !important;
    width: 7px !important;
}

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

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

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

.fw-bold {
    text-rendering: optimizeLegibility;
    font-family: 'Oswald-Medium', sans-serif !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;
}

.bg-main {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

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

/* .table-bordered thead th {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
} */

.table-bordered thead th {
    border-top: 1px solid #3a4851;
    border-bottom: 1px solid #3a4851;
}

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

.color-selected {
    color: rgba(204, 210, 230, 1) !important;
}

.dataTables_empty {
    color: #fff !important;
}


.form-control.form-control-solid {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff !important;
}

tfoot {
    border-right: unset !important;
    border-left: unset !important;
}

.border-radius-table {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.border-bottom-left-radius {
    border-bottom-left-radius: 8px !important;
    border-bottom: 1px solid #57646d;
    border-right: 1px solid #465560;
}

.border-bottom-right-radius {
    border-bottom-right-radius: 8px !important;
    /* border-bottom: 1px solid #465560; */
    border-bottom: 1px solid #57646d;
    border-right: 1px solid #465560;
}

tbody tr.odd {
    background-color: rgba(44, 68, 78, 1) !important;
}

.dataTables_info {
    color: #fff !important;
}

label {
    color: #fff !important;
}

.app-footer .flex-md-stack .text-dark {
    color: #fff !important;
}

.app-footer .flex-md-stack .text-dark a {
    font-size: 14px;
    color: #fff !important;
}

.app-footer .flex-md-stack .text-dark span {
    font-size: 14px;
    color: #fff !important;
}

.border-bottom-custom {
    border-bottom: 1px solid rgb(58 72 81) !important;
}

.ml-navtabs {
    margin-left: 1.3rem;
}

.mr-navtabs {
    margin-right: 1.3rem;
}

.nav-tabs .nav-link {
    color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-top: unset !important;
    border-left: unset !important;
    border-right: unset !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-top: unset !important;
    border-left: unset !important;
    border-right: unset !important;
    color: rgba(9, 35, 49, 1) !important;
}

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

.dataTables_wrapper .dataTables_length select {
    background-color: rgba(44, 68, 78, 1) !important;
    /* Change this color to your preference */
}

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

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

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

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

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;
}

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

.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-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;
}

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

.table.gy-5 td,
.table.gy-5 th {
    font-size: 16px !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 rgba(240, 240, 240, 1);
}

.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;
}


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

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

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

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

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

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

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

.label-d {

    line-height: 24px;
    margin-left: 0.7rem;
    padding: 4px 12px 4px 12px;
    background-color: #D4B962;
    border-radius: 2px;
    color: #000;
}

.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 12px 4px 12px;
    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;
}

.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;
}

.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;
}

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

.fs-14 {
    font-size: 14px !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: rgba(9, 35, 49, 1);
    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;
}

.fs-1-1rem {
    font-size: 1.1rem !important;
}

.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: -1px;
    bottom: 0;
    background-color: rgba(44, 68, 78, 1);
}

.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;
}

.color-border-action {
    color: #BCBCBC;
}

.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 {
    margin-left: 0.7rem;
    line-height: 24px;
    padding: 4px 12px 4px 12px;
    background-color: rgba(0, 173, 78, 1);
    border-radius: 2px;
    font-size: 14px;
    color: #000000;
}

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

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

.w-action-running {
    width: 40px !important;
    height: 40px !important;
}

.text-prematch-custom {
    color: #9b9797;
}

button.close-modal-password {
    background-color: rgb(19 22 32) !important;
    border: unset;
}

.label-status-lose {
    margin-left: 0.7rem;
    text-align: center;
    line-height: 24px;
    padding: 4px 12px 4px 12px;
    background-color: #FF4A59;
    border-radius: 2px;
    font-size: 14px !important;
    color: #000000;
}

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

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

.bg-dark-custom {
    background-color: rgba(9, 35, 49, 1);
    border-radius: .475rem;
}

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

.bg-kingbet-all {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('../media/login/banner-login.svg');
}

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

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

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

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

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

.avatar-header .menu.menu-sub {
    background-color: rgba(44, 68, 78, 1) !important;
}

.w-up-down {
    width: 17px !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: rgba(9, 35, 49, 1) !important;
    border: unset;
}

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

.radius-6 {
    border-radius: 6px !important;
}

.modal-confirm-content {
    background-color: rgba(9, 35, 49, 1) !important;
    border-radius: 12px !important;
}

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

.bg-gold {
    background-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;
}

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

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

.py-select {
    padding-top: 0.46rem !important;
    padding-bottom: 0.46rem !important;
}

.btn {
    /* padding: 8px 15px 8px 15px !important; */
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    font-size: 16px !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;
}

.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);
}

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

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

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

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;
}

/* [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;
}

.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 !important;
    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;
}

.dataTables_scrollBody {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    /* Cuộn mượt trên mobile */
    max-width: 100%;
    overscroll-behavior: none;
    /* Ngăn chặn kéo mép */
    position: relative;
}

.opacity-02 {
    opacity: 0.2;
}

/* 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;
}

.button-gold-action {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    width: 40px;
    height: 40px;
    border-radius: 8px !important;
    background-color: #D4B962 !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-14pt {
    font-size: 14px !important;
}

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

.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;
}

.warning-icon {
    color: #D4B962 !important;
    font-size: 40px !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;
}

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

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

.text-success-custom {
    color: #09d950 !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;
}

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

.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;
}

.border-top-white {
    border-top: 2px solid rgba(255, 255, 255, 1) !important;
}

.bg-alert-success {
    z-index: 9999999999;
    position: fixed;
    top: 90px;
    right: 30px;
    border-radius: 12px;
    width: 20rem;
    background-color: #17C653 !important;
}

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

.bg-alert-error {
    z-index: 9999999999;
    position: fixed;
    top: 90px;
    right: 30px;
    width: 20rem;
    border-radius: 12px;
    background-color: #ec2024 !important;
}

.jq-toast-single {
    border-radius: 8px !important;
}

.custom-message {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 2;
    padding: .5rem 1rem;
    font-size: 16px;
}

.jq-toast-wrap.top-right {
    top: 78px !important;
}

.jq-toast-heading {
    font-family: 'Oswald-Regular' !important;
    font-size: 15px !important;
}

.close-jq-toast-single {
    font-family: 'Oswald-Regular' !important;
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 29px !important;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 6px;
    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;
}

.border-left-brown {
    border-left: 1px solid rgb(57 71 80) !important;
}

.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;
}

.pt-agent-dashboard {
    padding-top: 26px;
}

.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%;
}

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

.mw-modal-index {
    max-width: 1220px !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 dashed #6e7076;
    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;
}

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

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

.decoration-under-line {
    text-decoration: underline;
}

.decoration-under-line:hover {
    text-decoration: underline !important;
}

.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: 20px;
    margin: 30px 0 -10px;
}

.disabled-checkmark {
    background-color: #878787 !important;
    cursor: not-allowed;
}

.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;
}

.custom-w-search {
    width: 19.4rem !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;
}

.color-wellcome {
    background: linear-gradient(104.38deg, #8A93B4 5.91%, #BAC1DC 32.74%, #858DAE 70.84%, #7B81A3 94.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

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

.px-075rem {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.user-avt {
    position: absolute;
    top: -20px;
}

.associate {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
}

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

.user-text {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
}

.money-text {
    font-family: 'Oswald-Regular' !important;
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
}

/* .text-danger {
    color: #ff8100 !important;
} */
.online-icon {
    right: 92px;
    position: absolute;
    top: 4px;
}

.menu-accordion .menu-sub-accordion .menu-item .menu-link {
    padding-left: 2.5rem !important;
}

.reports-show .menu-item {
    position: relative;
}

.reports-show .menu-item .menu-link.active {
    background-image: unset !important;
    border-bottom: unset !important;
    color: unset !important;
}

.reports-show .menu-item .menu-link:hover {
    background-image: unset !important;
    border-bottom: unset !important;
    color: unset !important;
}

.reports-show .menu-item .menu-link span:hover {
    background: linear-gradient(104.38deg, #8A93B4 5.91%, #BAC1DC 32.74%, #858DAE 70.84%, #7B81A3 94.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.reports-show .menu-item .menu-link.active::after {
    left: 0;
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    display: block;
    background-color: rgba(212, 185, 98, 1);
}

.reports-show .menu-item .menu-link:hover::after {
    left: 0;
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    display: block;
    background-color: rgba(212, 185, 98, 1);
}

.reports-show .menu-sub {
    margin-top: 0.75rem;
}

.reports-show .menu-item .menu-link.active span {
    background: linear-gradient(104.38deg, #8A93B4 5.91%, #BAC1DC 32.74%, #858DAE 70.84%, #7B81A3 94.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.member-mgmt-show .menu-item {
    position: relative;
}

.member-mgmt-show .menu-sub {
    margin-top: 0.75rem;
}

.member-mgmt-show .menu-item .menu-link.active {
    background-image: unset !important;
    border-bottom: unset !important;
    color: unset !important;
}

.member-mgmt-show .menu-item .menu-link:hover {
    background-image: unset !important;
    border-bottom: unset !important;
    color: unset !important;
}

.member-mgmt-show .menu-item .menu-link span:hover {
    background: linear-gradient(104.38deg, #8A93B4 5.91%, #BAC1DC 32.74%, #858DAE 70.84%, #7B81A3 94.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.member-mgmt-show .menu-item .menu-link.active::after {
    left: 0;
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    display: block;
    background-color: rgba(212, 185, 98, 1);
}

.member-mgmt-show .menu-item .menu-link:hover::after {
    left: 0;
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    display: block;
    background-color: rgba(212, 185, 98, 1);
}

.member-mgmt-show .menu-item .menu-link.active span {
    background: linear-gradient(104.38deg, #8A93B4 5.91%, #BAC1DC 32.74%, #858DAE 70.84%, #7B81A3 94.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.menu-accordion .menu-sub-accordion {
    position: relative;
    padding-left: 0.8rem;
}

.menu-accordion .menu-sub-accordion::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    display: block;
    background-color: rgba(204, 210, 230, 0.2);
}

.h-responsive-input-main {
    height: 3.5rem !important;
}

.drawer-on .user-custom {
    width: 225px !important;
}

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

.calendar-next-btn .next-btn {
    padding: 5px 10px;
}

/* .border-right-unset {
    border-right: 1px solid #465560 !important;
}

.border-left-unset {
    border-left: 1px solid #465560 !important;
} */

.border-right-unset {
    border-right: 1px solid #515d64 !important;
}

.border-left-unset {
    border-left: 1px solid #515d64 !important;
}

.menu-accordion.show .menu-sub-accordion.show .menu-item .menu-link {
    padding-left: 2.5rem !important;
}

.menu-accordion.show .menu-sub-accordion.show {
    position: relative;
    padding-left: 0.8rem;
}

.menu-accordion.show .menu-sub-accordion.show::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 3px;
    display: block;
    background-color: rgba(204, 210, 230, 0.2);
}

.menu-sub-indention .menu-sub-accordion .menu-item a.menu-link:hover span {
    background: linear-gradient(104.38deg, #BAC1DC 32.74%, #8A93B4 5.91%, #858DAE 70.84%, #7B81A3 94.09%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.user-custom {
    height: 144px;
    padding-right: 1.75rem;
    padding-left: 1.75rem;
    opacity: 1;
    position: fixed;
    bottom: 18px;
    left: 0;
    width: 265px;
    background-color: rgba(9, 35, 49, 1);
    z-index: 1000;
}

.img-avt {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: contain;
}

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

.verserion {
    width: 240px;
    background-color: rgba(9, 35, 49, 1);
    z-index: 1000;
    height: 27px;
    color: rgb(55 96 113) !important;
    position: fixed;
    bottom: 17px;
}

.user-main {
    border-radius: 20px;
    background: linear-gradient(0deg, #00AE4F -108.37%, rgba(0, 120, 53, 0) 100%);
}

.custom-size-logo {
    width: 24px !important;
}

.border-search-main {
    border: 1px solid rgba(44, 68, 78, 1) !important;
    border-radius: 6px;
}

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

.scroll-custom {
    height: calc(100vh - 255px) !important;
}

.icon-search-main .form-control {
    background-color: rgba(9, 35, 49, 1) !important;
    font-family: 'Oswald-Regular';
    padding-right: 1rem;
    padding-left: calc(1.5em + .7rem + 2px);
    padding-top: 0.5rem !important;
    font-size: 16px !important;
    padding-bottom: 0.5rem !important;
    color: rgb(255, 255, 255) !important;
}

.color-placeholder-main::placeholder {
    color: rgba(44, 68, 78, 1) !important;
}

.icon-search-main {
    position: relative;
}

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

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

.icon-search-main 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);
}

.scroll-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    animation: marquee 10s linear infinite;
    font-size: 18px;
    color: white;
}

.border-right-table {
    border-right: 1px solid #515d64 !important;
}

.border-left-table {
    border-left: 1px solid #515d64 !important;
}

div.dataTables_scrollFootInner table.table-bordered tr th.border-left-table:first-child,
div.dataTables_scrollHeadInner table.table-bordered tr th.border-left-table:first-child {
    border-left: 1px solid #515d64 !important;
}

.nowrap-text-custom-header {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.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;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: rgba(204, 210, 230, 0.2) !important;
}

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

.border-right-w-0 {
    border-right-width: 0 !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  */

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

#kt_app_sidebar_toggle {
    background-color: rgba(44, 68, 78, 1);
}

.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;
}

.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-button-main {
    background-color: #D4B962 !important;
    color: #131620 !important;
    font-family: 'Oswald-Medium' !important;
}

/* .bg-table-main {
    background-color: #D4B962 !important;
    color: #131620 !important;
} */

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

.card-chart {
    border-radius: 12px;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 0px;
}

.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;
}

.w-user {
    width: 22px;
}

.form-bage {
    padding: 1px 5px 1px 5px;
    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: 16px;
    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;
}

/* .nav-link:focus span.form-bage, .nav-link:hover span.form-bage {
    background-color: #131620;
} */
.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;
} */
.border-right-white {
    border-right: 1px solid #515d64;
}

.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;
}



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

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

.table-condensed .next {
    display: none !important;
}

.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,
.daterangepicker .drp-calendar th {
    width: 30px !important;
    height: 30px !important;
}

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

.daterangepicker .drp-calendar td.today,
.daterangepicker .drp-calendar td.today.active {
    color: #ffffff !important;
    border-radius: 7px !important;
    background-color: #d4b962 !important;
}

.daterangepicker .drp-calendar td.in-range.available.in-range:not(.end-date):not(.end-date) {
    background-color: #20273d !important;
    color: #7d8488 !important;
}

/* .daterangepicker .drp-calendar td.weekend.available:not(.active):not(.off):not(.today):not(.in-range) {
    background-color: #2c444e !important;
    color: #81878c !important;
} */

.calendar-table {
    font-family: 'Oswald-Light' !important;
    font-weight: 600 !important;
    background-color: rgba(44, 68, 78, 1) !important;
}

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

/* .daterangepicker .drp-calendar td.available:hover,
.daterangepicker .drp-calendar th.available:hover {
    border-radius: 20px !important;
    background-color: #2c444e !important;
    color: #131620 !important;
} */

.daterangepicker {
    background-color: rgba(44, 68, 78, 1) !important;
}

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

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

.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;
}

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

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

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

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

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

.drp-buttons .applyBtn {
    background-color: rgba(0, 125, 227, 1) !important;
    border-radius: 8px !important;
    color: #fff !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: rgba(0, 125, 227, 1) !important;
    border-radius: 8px !important;
    color: #fff !important;
}

.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';
}

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

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

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

/* 
.daterangepicker .drp-calendar td.today,
.daterangepicker .drp-calendar td.today.active {
    background-color: #2c444e !important;
    border-radius: 20px !important;
    color: #7e858a !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';
}

.text-sun {
    padding: 4px 12px 4px 12px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
}

.color-text-discription {
    color: rgba(137, 137, 137, 1) !important;
}

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

/* .border-left-white {
    border-left: 1px solid #fff !important;
} */

.border-left-white {
    border-left: 1px solid #515d64 !important;
}

tr th.prev {
    background-color: rgb(44 68 78) !important;
}

tr th.next {
    background-color: rgb(44 68 78) !important;
}

.daterangepicker .drp-calendar th.prev:hover {
    background-color: rgb(62 81 89) !important;
}

tr th.next:hover {
    background-color: rgb(62 81 89) !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 {
    background-color: #D4B962 !important;
    color: #ffffff !important;
    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: #ffffff !important;
}

.w-calendar {
    width: 17px;
}

.selected {
    background-color: rgba(0, 173, 78, 1) !important;
    color: #fff !important;
    /* Màu chữ */
}

.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;
}

.rps-icon-search {
    text-align: center;
}

.app-sidebar-toggle:hover {
    background-color: rgba(44, 68, 78, 1) !important;
}

.icon-online-header {
    position: absolute;
    right: 0;
    bottom: -4px;
}

.text-breadcrumb-one {
    color: rgba(255, 255, 255, 0.6);
}

.w-icon-search-sidebar {
    width: 20px;
}

.dollar {
    font-size: 16px !important;
    line-height: 29px;
}

/* .header-right {
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    padding: 5px 9px 5px 9px;
    border-radius: 8px;
    border: 1px solid #F0F0F0;
    width: 11rem;
} */
.avatar-header-app {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: contain;
}

.modal-header-contact {
    border-bottom: 1px solid #3a4f5a !important;
}

.border-right-contact {
    border-right: 3px dashed rgb(240 240 240 / 84%);
}

.custom-dark-main {
    background-color: rgba(9, 35, 49, 1);
    border: 1px solid #F0F0F0;
    border-radius: .475rem;
}

.contact-modal-body {
    padding: 18px;
    border-radius: 6px;
    background: linear-gradient(0deg, #21a6917a -108.37%, rgba(1, 50, 55, 0) 100%);
}

.color-space {
    color: rgba(188, 188, 188, 1) !important;
}

.border-left-unset {
    border-left-width: 0 !important;
}

.border-right-unset {
    border-right-width: 0 !important;
}

table.table-bordered.dataTable th.border-right-unset {
    border-right-width: 0 !important;
}

table.table-bordered.dataTable th.border-left-unset {
    border-left-width: 0 !important;
}



.modal-contact-content {
    border-radius: 12px;
    padding: 24px 22px 20px 22px;
    background-color: rgba(38, 38, 38, 1);
}

.dataTables_scrollHead .dataTables_scrollHeadInner .dtfc-fixed-left {
    background-color: #092331 !important;
}

.tfoot-not-sticky .dtfc-fixed-left {
    background-color: #57646d !important;
}

.card-body-dashboard {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: unset;
    padding: 16px 20px 16px 20px;
}

button.close-contact {
    background-color: rgba(38, 38, 38, 1) !important;
    border: unset;
}

.dataTables_scroll .dataTables_scrollBody .table-bordered .tfoot-not-sticky {
    visibility: collapse;
}

.dtfc-right-top-blocker {
    width: 0 !important;
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
    border-color: #515d64;
    border-left-width: 0.5px !important;
}

/* .border-left-right-table-custom th:last-child {
    border-right: 1px solid rgba(9, 35, 49, 1);
} */

.border-left-right-table-custom th:last-child {
    border-right: 1px solid #394750;
}

/* #515d64 */
.border-left-right-table-custom th:first-child {
    border-left: 1px solid #394750;
}

.border-left-right-table-custom td:last-child {
    border-right: 1px solid #394750;
}

.dataTables_filter input[type="search"] {
    position: relative;
    padding-right: 10px !important;
}

.dataTables_filter input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 23px;
    width: 23px;
    cursor: pointer;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>') no-repeat center;
    background-size: 100%;
}


/* .border-left-right-table-custom td:first-child {
    border-left: 1px solid rgba(9, 35, 49, 1);
} */

.border-left-right-table-custom td:first-child {
    border-left: 1px solid #394750;
}

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

.text-color-main-card {
    color: rgba(188, 188, 188, 1) !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%);
}

.h-100vh {
    height: 100vh !important;
}

.table-responsive::-webkit-scrollbar {
    height: 6px;
    /* Độ cao của thanh cuộn ngang */
}

/* id  */

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

#kt_app_main {
    padding-top: 1rem;
    background-color: rgba(9, 35, 49, 1);
}

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

#kt_app_body .rps-user-main {
    display: none;
}

#kt_app_sidebar_logo a.text-white {
    width: 100%;
}

#kt_app_body .rps-icon-search {
    display: none;
}

#kt_app_footer {
    background-color: #092331;
}

#copy-success {
    top: -47px;
    width: 200px;
    text-align: center;
    position: absolute;
    display: block;
    /* display: flex; */
    /* width: 100%; */
    color: #131620 !important;
    left: 46%;
    padding: 6px;
    border-radius: 8px;
    background: #D4B962 !important;
}

#copy-success {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#copy-success.show {
    opacity: 1;
}

/* kết thúc id  */

/* metronic theme  */

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

/* kết thúc metronic theme  */

/* Scroll riêng tbody trên desktop */
@media (min-width: 769px) {
    .dataTables_scrollBody {
        overflow-y: auto;
    }
}

@media screen and (max-width: 992px) {
    .w-custom-edit-account {
        width: unset !important;
    }

    .verserion {
        width: unset !important;
    }

    .custom-date-range-text {
        width: 102px !important;
    }

    .daterangepicker .drp-calendar {
        margin-left: 100px;
    }

    .h-responsive-input-main {
        margin-top: 2rem;
        height: 4rem !important;
    }

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

    .card-container {
        grid-template-columns: repeat(4, 1fr);
    }

    .user-custom {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .card-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .invalid {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 576px) {
    .card-container {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 992px) {
    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .user-custom {
        transition: width .3s ease !important;
    }

    [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .rps-user-main {
        display: none !important;
    }

    [data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-menu .menu-item .menu-sub.show {
        height: 0;
        margin-top: 0 !important;
        overflow: hidden;
        transition: height .3s ease !important;
    }

    [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on].rps-icon-search {
        display: none !important;
    }

    [data-kt-app-sidebar-minimize=on] .flex-root .app-wrapper #kt_app_sidebar .app-sidebar-menu #myTabContent .menu .menu-item .menu-link.active {
        width: 52px;
    }

    [data-kt-app-sidebar-minimize=on] .flex-root .app-wrapper .rps-user-main {
        display: block !important;
        width: 75px !important;
        position: fixed;
    }

    [data-kt-app-sidebar-minimize=on] .flex-root .app-wrapper .rps-icon-search {
        display: block !important;
    }

    [data-kt-app-sidebar-minimize=on] .flex-root .app-wrapper .rps-input-search-main {
        display: none !important;
    }

    [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) .rps-user-main {
        display: none !important;
    }

    [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) .rps-icon-search {
        display: none !important;
    }

    [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .app-sidebar:hover:not(.animating) .rps-input-search-main {
        display: block !important;
    }

    [data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] .rps-input-search-main {
        display: block !important;
    }

    [data-kt-app-sidebar-minimize=on] .flex-root .app-wrapper .rps-user-main .user-main .user-avt {
        left: 18px;
        top: 55px;
    }

    [data-kt-app-sidebar-minimize=on] .flex-root .app-wrapper .rps-user-main .user-main .log-out {
        position: fixed;
        width: 74px;
        bottom: 21px;
    }

    [data-kt-app-sidebar-minimize=on] .flex-root .app-wrapper .rps-user-main .user-main .online-icon {
        right: 16px !important;
        position: absolute;
        top: 79px;
    }
}

@media (min-width: 992px) {
    [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;
    }
}

/* kết thúc sửa giao diện mới  */
/* @media (min-width: 2000px) and (max-width: 3821px) {
    .app-sidebar-menu .menu>.menu-item>.menu-link>.menu-title {
        font-size: 16px;
    }
    .table:not(.table-bordered) tbody tr:last-child td, .table:not(.table-bordered) tbody tr:last-child th, .table:not(.table-bordered) tfoot tr:last-child td, .table:not(.table-bordered) tfoot tr:last-child th {
        font-size: 16px !important;
    }
    .table-account-authorization table.dataTable>thead>tr>td:not(.sorting_disabled), table.dataTable>thead>tr>th:not(.sorting_disabled) {
        font-size: 16px !important;
    }
    .table.gy-5 td, .table.gy-5 th {
        font-size: 16px !important;
    }
    .menu-item .menu-link .menu-arrow {
        width: 12px !important;
        height: 12px !important;
    }
    td.dataTables_empty {
        font-size: 16px !important;
    }
    .lh-19 {
        line-height: 19px !important;
    }
    #kt_datatable_vertical_scroll.table.gy-5 td, .table.gy-5 th {
        font-size: 16px !important;
    }
    h1.page-heading {
        font-size: 25px !important;
    }
    ul.breadcrumb {
        font-size: 16px !important;
    }
    ul.breadcrumb li.breadcrumb-item a {
        font-size: 16px !important;
    }
    .nav-tabs .nav-link {
        font-size: 16px !important;
    }
    .form-select {
        font-size: 16px !important;
    }
    .form-control {
        font-size: 16px !important;
    }
    .mr-3 .form-control {
        font-size: 16px !important;
    }
    button {
        font-size: 16px !important;
    }
    .mr-3 button {
        font-size: 16px !important;
    }
    .input-icon.input-icon-right .form-control {
        font-size: 16px !important;
    }
    .select2-container--bootstrap5 .select2-dropdown .select2-results__option {
        font-size: 16px !important;
    }
    .dataTables_length label {
        font-size: 16px !important;
    }
    .lh-9 {
        line-height: 9px;
    }
    .w-label-quantity-bet {
        width: 6rem !important;
    }
    .w-11rem {
        width: 13rem !important;
    } 
    .w-7rem {
        width: 8rem;
    }
    .date_report {
        font-size: 16px !important;
    }
    .py-8px {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    i {
        font-size: 16px !important;
    }
    .fs-16 {
        font-size: 16px !important;
    }
    .apexcharts-bar-series {
        font-size: 16px !important;
    }
    tr, th, td, div, span, label, a, tspan, text {
        font-size: 16px !important;
    }
    .select2-dropdown--below {
        width: 22rem !important;
    }
} */
@media (min-width: 5464px) {
    .mw-modal-index {
        max-width: 1240px !important;
    }
}

@media (max-width: 2133px) {
    .switch-wrapper {
        top: 1px !important;
    }
}

@media (min-width: 2400px) {
    .switch-wrapper {
        top: -0.3px !important;
    }

    .toggle-container input[type="checkbox"]::before {
        top: 2.5px !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: 32rem !important;
    }
}

@media (max-width: 2732px) {

    #modal_dashboard .w-openbet-left-description {
        width: 32rem !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: 35rem !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: 992px) {
    .flex-responsive {
        flex-wrap: wrap !important;
    }

    .scroll-custom {
        height: calc(100vh - 117px) !important;
    }

    .invalid {
        margin-bottom: 2rem;
    }

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

}

@media (max-width: 576px) {
    .rps-w-full {
        width: 100% !important;
    }

    .scroll-custom {
        height: calc(100vh - 117px) !important;
    }

    .invalid {
        margin-bottom: 2rem;
    }

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

@media (min-width: 992px) {
    .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;
    }
}

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

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

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

    .rps-id-time {
        width: 7rem !important;
        /* white-space: break-spaces; */
    }

    .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;
        /* white-space: break-spaces; */
    }

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

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

    .w-openbet-left-description {
        width: 20rem !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: 1725px) {
    .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: 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: 48px !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;
        /* white-space: break-spaces; */
    }

    .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: 14rem !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: 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: 1200px) {
    .rps-id-time {
        width: 6rem !important;
        /* white-space: break-spaces; */
    }

    .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) {

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

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

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

    .member-mgmt-show {
        font-size: 16px !important;

    }

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


    /* 
    .dataTables_scrollBody {
        overflow: unset !important;
    } */



    .bg-fixed-bottom {
        background-color: #566971 !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: 576px) {
    .border-right-contact {
        border-bottom: 3px dashed rgb(240 240 240 / 84%);
        border-right: unset !important;
        margin-bottom: 1rem;
    }

    .rps-px-contact {
        padding-right: .75rem !important;
        padding-left: .75rem !important;
    }

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

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

    .fixed-column.fixed-column4 {
        left: 210px !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;
    }

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

    .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;
    }

}

@media screen and (max-width: 992px) {
    .w-custom-button {
        width: unset !important;
    }

    table.dataTable tfoot tr>.dtfc-fixed-left,
    table.dataTable tfoot tr>.dtfc-fixed-right,
    table.dataTable thead tr>.dtfc-fixed-left,
    table.dataTable thead tr>.dtfc-fixed-right {
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2) !important;
    }

    .tfoot-not-sticky .dtfc-fixed-left {
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2) !important;
    }

    table.dataTable tbody tr>.dtfc-fixed-left,
    table.dataTable tbody tr>.dtfc-fixed-right {
        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2) !important;
    }

}

@keyframes marquee {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* Thông báo hiệu ứng  */

@keyframes slideInRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

.slide-in-right {
    animation: slideInRight 0.5s ease-out;
}

.slide-out-right {
    animation: slideOutRight 0.5s ease-in;
}

.border-8px {
    border-radius: 8px !important;
}

/* Kết thúc thông báo hiệu ứng  */

.form-control {
    border: 1px solid transparent !important;
}

.form-select {
    border: 1px solid transparent !important;
}

div.dataTables_wrapper div.dataTables_length {
    padding-top: 0.5rem !important;
    padding-bottom: 1rem !important;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: #ffffff !important;
}

.table-container {
    padding: 10px;
    background-color: #2a414a;
    border-radius: 8px;
}

div.dataTables_wrapper div.dataTables_paginate {
    padding-top: 0.5rem !important;
    padding-bottom: 0 !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.bg-main-input-select {
    background-color: rgb(58 79 90) !important;
}