#AdLayer4 a, #logoSpan, #top .weblogo.vn {
    height: 36px
}

.main-content.cup-match #account .account__left--info .avt__ellipse.dark, .main-content.cup-match #account .account__right .account__right--form .form__row--icon.dark {
    display: none
}

#logoSpan .weblogo, #top .weblogo.vn .weblogo {
    width: fit-content;
    max-width: 189px
}

#logoSpan::after, #top .weblogo.vn::after {
    left: 40px
}

#AdLayer4 a {
    display: flex;
    align-items: center
}

#top .top {
    padding-top: 16px;
    padding-bottom: 16px
}

#table_live #CompanySel {
    padding-right: 0
}

#table_live #CompanySel #dropSelect {
    padding-right: 16px !important
}

#table_live .status-time-match span {
    color: #070f03
}

#table_live .status-time-match .read-more-popover {
    color: #20be7f !important;
}

#table_live .winMatch [id^=team1_], #table_live .winMatch [id^=team2_] {
    font-weight: 700
}

.main-content.cup-match #showFilterBox #OddsFilter .goalTitle {
    line-height: 24PX
}

.main-content.cup-match #min .home__content p {
    margin-bottom: 8px
}

.main-content.cup-match #min .box-white .box-title {
    margin-bottom: 8px;
    font-weight: 600
}

.main-content.cup-match #info #i_main2 .unaccept-newversion #favTeamIcon .icon::before {
    top: 4px;
    left: 72%
}

.main-content.cup-match #info .page-schedule #showRound tr td#selectName {
    background-color: #e3f1eb
}

.main-content.cup-match #info .page-schedule #showRound-mobile .lsm2#selectName {
    background-color: #e3f1eb !important
}

.main-content.cup-match #info #databaseLeagueFilter .database_league_filter--dropdown {
    height: 100%;
    background: #fff;
    border-radius: 4px
}

.main-content.cup-match .loginPage {
    padding: 50px 0 !important
}

.main-content.cup-match .loginPage .onMobile .back-btn {
    z-index: 2;
    position: relative
}

.main-content.cup-match #tips #tips-right .detail-info .detail-info--user .detail-info--user-wrap .detail-info--name, .main-content.cup-match #tips #tips-right .detail-info .detail-info--user .detail-info--user-wrap .detail-info--user-avatar img, .main-content.cup-match #tips #tips-right .hot-match .hot-match--item .hot-match--item-advice .hot-match--item-advice-inner {
    cursor: pointer
}

.main-content.cup-match #account {
    position: relative;
    padding-top: 20px;
    padding-bottom: 32px;
    margin-bottom: -32px
}

.main-content.cup-match #account .account__border {
    max-width: calc(899px - 30px - 30px);
    margin: 0 auto;
    border-radius: 8px;
    background: var(--Monotone-Grey-0, #fff);
    padding: 30px;
    display: flex;
    gap: 47px
}

.main-content.cup-match #account .account__left {
    width: 211px
}

.main-content.cup-match #account .account__left--info .avt {
    text-align: center;
    position: relative;
    height: 140px;
    margin-bottom: 16px
}

.main-content.cup-match #account .account__left--info .avt__img {
    width: 140px;
    height: 140px;
    border-radius: 140px
}

.main-content.cup-match #account .account__left--info .avt__ellipse {
    position: absolute;
    width: 28px;
    height: 28px;
    bottom: 8px;
    right: 43px;
    cursor: pointer
}

.main-content.cup-match #account .account__left--info .user__name {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.main-content.cup-match #account .account__left--info .user__description {
    color: var(--Monotone-Grey-800, #414141);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
    display: none
}

.main-content.cup-match #account .account__left--info .user__logout {
    display: flex;
    width: 158px;
    height: 24px;
    padding: 7px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background-color: transparent;
    color: #005030;
    border: 1px solid #005030;
    flex-flow: nowrap;
    margin: auto;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: capitalize;
    cursor: pointer;
    transition: .2s
}

.main-content.cup-match #account .account__left--info .user__logout:hover {
    background: var(--New-Color-05, #005030);
    border: 1px solid transparent;
    color: var(--Monotone-Grey-0, #fff);
    transition: .2s
}

.main-content.cup-match #account .account__left--info .user__logout:hover .user__logout--icon {
    filter: none;
    transition: .2s
}

.main-content.cup-match #account .account__left--info .user__logout .user__logout--icon {
    filter: invert(48%) sepia(202%) saturate(6607%) hue-rotate(130deg) brightness(54%) contrast(100%);
    transition: .2s
}

.main-content.cup-match #account .account__right {
    border-left: 1px solid #e6e6e6;
    padding-left: 30px;
    width: calc(575px - 30px - 1px);
    gap: 16px;
    display: grid
}

.main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.dark, .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide .form__row--icon.dark, .matchDetail.ball-analysis.css-ball-analysis #porletP13, body.dark .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.dark.hidden, body.dark .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.light, body.dark .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide .form__row--icon.dark.show {
    display: none !important
}

.main-content.cup-match #account .account__right .account__right--form .title {
    color: var(--Monotone-Grey-900, #070f03);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -.5px;
    margin-bottom: 12px
}

.main-content.cup-match #account .account__right .account__right--form .form__row {
    position: relative
}

.main-content.cup-match #account .account__right .account__right--form .form__row--icon {
    position: absolute;
    left: 11px;
    top: 13px;
    z-index: 2;
    height: 20px;
    width: 20px
}

.main-content.cup-match #account .account__right .account__right--form .form__row--input {
    display: flex;
    padding: 10px 12px 10px 36px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid var(--Monotone-Grey-400, #d4d4d4);
    margin-bottom: 12px;
    width: calc(100% - 12px - 36px);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -.5px
}

.main-content.cup-match #account .account__right .account__right--form .form__row--input:focus-visible {
    outline: 0
}

.main-content.cup-match #account .account__right .account__right--form .form__row--input::placeholder {
    color: var(--Monotone-Grey-700, #717171);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -.5px
}

.main-content.cup-match #account .account__right .account__right--form .form__row--submit {
    display: flex;
    width: 160px;
    height: 40px;
    padding: 6px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #d4d4d4;
    color: var(--Monotone-Grey-900, #070f03);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    border: none;
    margin: auto;
    transition: .2s
}

.main-content.cup-match #account .account__right .account__right--form .form__row--submit:hover {
    background: #9f2c09 !important;
    color: var(--Monotone-Grey-0, #fff) !important;
    transition: .2s
}

.main-content.cup-match #account .account__right .account__right--form .form__row.send-code {
    gap: 16px;
    display: flex
}

.main-content.cup-match #account .account__right .account__right--form .form__row.send-code .form__row--submit {
    width: 100px;
    height: 44px;
    margin: 0
}

.main-content.cup-match #account .account__right .account__right--form .form__row.password .form__row--input {
    padding: 10px 42px 10px 36px;
    width: calc(100% - 42px - 36px)
}

.main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye {
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
    cursor: pointer
}

.main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide {
    display: inline
}

.main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide .form__row--icon.show {
    display: block
}

.main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide .form__row--icon.hidden {
    display: none
}

.main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon {
    height: 16px;
    width: 16px;
    position: unset
}

.main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.show {
    display: none
}

.main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.hidden, body.dark .main-content.cup-match #account .account__left--info .avt__ellipse.dark {
    display: block
}

.main-content.cup-match #account .popup__logout {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    transition: .2s;
    z-index: 2
}

.main-content.cup-match #account .popup__logout.hidden {
    display: none;
    transition: .2s
}

.main-content.cup-match #account .popup__logout--background {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    background: var(--Monotone-Grey-300, #e6e6e6);
    opacity: .7
}

.main-content.cup-match #account .popup__logout--border {
    border-radius: var(--Radius-border-radius-base, 4px);
    background: var(--Monotone-Grey-300, #e6e6e6);
    box-shadow: 4px 4px 30px 0 rgba(17, 19, 44, .1);
    width: calc(452px - 24px - 24px);
    height: fit-content;
    opacity: 1;
    z-index: 2;
    position: absolute;
    padding: 24px;
    left: calc(50% - 226px);
    top: 28%;
    text-align: center
}

.main-content.cup-match #account .popup__logout--border .icon {
    margin: 0 auto 20px
}

.main-content.cup-match #account .popup__logout--border .icon.dark, body footer .footer-container .bottom .about-footer .footer-logo::after, body.dark .main-content.cup-match #account .account__left--info .avt__ellipse {
    display: none
}

.main-content.cup-match #account .popup__logout--border .text {
    color: #414141;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    margin-bottom: 24px
}

.main-content.cup-match #account .popup__logout--border .button {
    display: flex;
    gap: 12px;
    justify-content: center
}

.main-content.cup-match #account .popup__logout--border .button__bottom {
    display: flex;
    width: 136px;
    height: 28px;
    padding: 6px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #d4d4d4;
    color: var(--Monotone-Grey-900, #070f03);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-transform: capitalize;
    cursor: pointer;
    transition: .2s
}

.main-content.cup-match #account .popup__logout--border .button__bottom.logout {
    text-decoration: none
}

.main-content.cup-match #account .popup__logout--border .button__bottom.stay, .main-content.cup-match #account .popup__logout--border .button__bottom:hover {
    background: #9f2c09;
    color: #fff;
    transition: .2s
}

.main-content.cup-match #account .popup__logout--border .button__bottom:hover.stay {
    background: #d4d4d4;
    color: var(--Monotone-Grey-900, #070f03);
    transition: .2s
}

.main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border .icon {
    margin-bottom: 19px;
    width: 150px;
    height: 150px;
    object-fit: contain;
    border-radius: 50%
}

.main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border .text {
    line-height: 21px;
    height: 36px;
    margin-bottom: 22px
}

#soccer #min .switch-view-btn span {
    padding: 5px 8px !important
}

#soccer #min .switch-view-btn {
    height: 32px !important;
    padding: 0 3px !important
}

body.dark #table_live #tr_upper-live-title td {
    border-top: unset !important
}

.dark #table_live .status-time-match span, body.dark .main-content.cup-match #account .account__left--info .user__name, body.dark .mcontent#main .idx-favorite #mintable #live td.winMatch .team-box a, body.dark .mcontent#main .idx-resultpage #mintable #live td.winMatch .team-box a, body.dark .mcontent.index #mintable #live td.winMatch .team-box a {
    color: #fff
}

body.dark #showFilterBox .bts #button {
    border-color: #9f2c09 !important
}

.swal2-actions.swal2-loading {
    margin-top: 10px;
    margin-bottom: 10px
}

.custom-loading-message {
    text-align: center;
    font-weight: 400
}

body #sloading {
    width: 100%;
    top: 0
}

body #sloading .loadngdiv {
    height: auto
}

body #header-wrapper #top #lg_form_head .authBox input {
    border: 1px solid transparent
}

body #header-wrapper #top #lg_form_head .authBox .mgs_login {
    min-width: 360px
}

body #header-wrapper #top #lg_form_head .authBox .mgs_login li {
    color: #e51b00;
    font-family: Inter;
    font-size: 12px;
    font-style: normal
}

body #header-wrapper #login__success {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 2;
    transition: .2s;
    justify-content: center;
    display: flex;
    align-items: center
}

body #header-wrapper #login__success.hidden {
    display: none;
    transition: .2s
}

body #header-wrapper #login__success .background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--Monotone-Grey-300, #e6e6e6);
    opacity: .7
}

body #header-wrapper #login__success .border {
    border-radius: 5px;
    box-shadow: 4px 4px 30px 0 rgba(17, 19, 44, .1);
    opacity: 1;
    background: var(--Monotone-Grey-300, #e6e6e6);
    max-width: 295px;
    gap: 24px;
    display: grid;
    padding: 40px;
    position: relative
}

body #header-wrapper #login__success .icon__close {
    position: absolute;
    top: 8px;
    right: 8px
}

body #header-wrapper #login__success .icon__close:hover {
    cursor: pointer
}

body #header-wrapper #login__success .icon__close:hover path {
    fill: #000;
    transition: .2s
}

body #header-wrapper #login__success .icon__close path, body .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone .select::after, body .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone::after {
    transition: .2s
}

body #header-wrapper #login__success .icon__noti {
    margin: auto;
    display: flex
}

body #header-wrapper #login__success .text {
    display: grid;
    gap: 16px
}

body #header-wrapper #login__success .text__title {
    color: var(--Monotone-Grey-800, #414141);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 13px
}

body #header-wrapper #login__success .text__content {
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

body #header-wrapper #login__success .button {
    display: flex;
    padding: 12px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 8px;
    background: #9f2c09;
    color: var(--Monotone-Grey-0, #fff);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    text-transform: uppercase;
    width: fit-content;
    margin: auto;
    border: 1px solid #9f2c09;
    transition: .2s
}

body #header-wrapper #login__success .button:hover {
    background-color: #fff;
    color: #9f2c09;
    transition: .2s;
    cursor: pointer;
    text-decoration: none
}


body #tableCoreSP tr .status span::after,
body .mcontent#main .idx-favorite #table_live tr.tds .status span::after,
body .mcontent.index #main #min #mintable #table_live tr.tds .status span::after {
    -webkit-filter: brightness(0) !important
}

body .mcontent#main .idx-resultpage #mintable #tr_upper-live-title #oddsHead {
    padding-left: 5px;
    padding-right: 5px
}

body .mcontent.Schedule .date-picker.piker-mobile .owl-stage-outer .owl-stage {
    display: flex
}

body .mcontent.Schedule .date-picker.piker-mobile .owl-stage-outer .owl-stage .owl-item {
    width: 42px !important;
    margin-right: 4px !important
}

body .mcontent.Schedule #mintable #live .Leaguestitle .l2 .l5 .collapse, body .mcontent.Schedule #mintable #live .Leaguestitle .l2 .l5 .expand {
    border-left: none
}

body .mcontent.Schedule #mintable #live .toolimg span .icon-icon-detail::before {
    background-image: url(/assets/images/icon-lineup.svg?v=1);
    filter: unset
}

body .mcontent.page-sixinone #teammain-6in1 #showoptional2 {
    background-color: #f2f2f2 !important
}

body .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar {
    width: 8px
}

body .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-track {
    border-radius: 2px;
    background: var(--Monotone-Grey-500, #bbb) !important
}

body .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone.show, body .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .sixinone-dropdown.show {
    color: #fff !important;
    background: #5b1905 !important
}

body .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .sixinone-dropdown.show .selectDate .select::after {
    transform: rotate(180deg);
    -webkit-filter: brightness(0) invert(1) !important
}

body .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone.show .select::after {
    transform: rotate(180deg);
    -webkit-filter: brightness(0) invert(1);
    transition: .2s
}

body .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone.show::after {
    transform: rotate(180deg) !important;
    -webkit-filter: brightness(0) invert(1) !important;
    transition: .2s
}

body .mcontent.page-sixinone #teammain-6in1 #teamid #odds table tr.b1 td.point-col .in-gif {
    -webkit-filter: brightness(0)
}

body .mcontent.page-sixinone #teammain-6in1 #teamid #odds table tr td.rs a, body .mcontent.page-sixinone #teammain-6in1 #teamid #odds table tr td.sr a {
    padding: 3px 5px !important;
    margin-left: 5px !important
}

body .mcontent#game-rate #match-list-box .filter-23 .select2-container--below.select2-container--open .selection .select2-selection__rendered > span::after {
    transform: rotate(180deg);
    top: 26%;
    transition: .2s
}

body .mcontent#game-rate #match-list-box .filter-23 .select2-container--below .selection .select2-selection__rendered > span::after {
    transition: .2s
}

body footer .footer-container .bottom .footer-nav .bottom-item .bottom-item-title {
    color: #f1f1f1
}

body.dark #header-wrapper #login__success .background, body.dark .main-content.cup-match #account .popup__logout--background {
    background: #030405
}

body.dark #header-wrapper #login__success .border {
    background: var(--BG-card-lp-2, #1e1e1e)
}

body.dark #header-wrapper #login__success .icon__close:hover path {
    fill: #fff
}

body.dark #header-wrapper #login__success .text__title {
    color: var(--white, #fff)
}

body.dark #tableCoreSP tr .status span::after,
body.dark .mcontent#main .idx-favorite #table_live tr.tds .status span::after,
body.dark .mcontent.index #main #min #mintable #table_live tr.tds .status span::after {
    -webkit-filter: brightness(0) invert(1) !important
}

body.dark .mcontent.Schedule #mintable #live .toolimg span .icon-icon-detail::before {
    background-image: url(/assets/images/icon-lineup-dark.svg?v=1)
}

body.dark .mcontent.page-sixinone #teammain-6in1 #showoptional2 {
    background-color: #000 !important
}

body.dark .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-track {
    background: #333
}

body.dark .mcontent.page-sixinone #teammain-6in1 #teamid #odds table tr.b1 td.point-col .in-gif {
    -webkit-filter: brightness(1)
}

body.dark .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .dropdown-sixinone.show, body.dark .mcontent.page-sixinone #teammain-6in1 #tools .tools-right .sixinone-dropdown.show {
    background: var(--Orange-09, #260c04) !important
}

body.dark .mcontent#main .idx-favorite #mintable #live td .team-box a, body.dark .mcontent#main .idx-resultpage #mintable #live td .team-box a, body.dark .mcontent.index #mintable #live td .team-box a {
    color: #e6e6e6
}

body.dark .main-content.cup-match #info #databaseLeagueFilter .database_league_filter--dropdown, body.dark .mcontent#game-rate #match-list-box {
    background: #1a1a1a
}

body.dark .mcontent#game-rate #match-list-box .filter-23 .select2-container--default .selection .select2-selection__rendered > span::after {
    filter: invert(1) brightness(100%) !important
}

body.dark .main-content.cup-match #info .page-schedule #showRound tr td#selectName {
    background: var(--New-Color-06, #004026)
}

body.dark .main-content.cup-match #info .page-schedule #showRound-mobile .lsm2#selectName {
    background: var(--New-Color-06, #004026) !important
}

body.dark .main-content.cup-match #account .account__border {
    background: var(--BG-card-lp-1, #1a1919)
}

body.dark .main-content.cup-match #account .account__right .account__right--form .form__row--icon, body.dark .main-content.cup-match #account .popup__logout--border .icon {
    display: none
}

body.dark .main-content.cup-match #account .account__left--info .user__description {
    color: var(--Monotone-Grey-400, #d4d4d4)
}

body.dark .main-content.cup-match #account .account__left--info .user__logout {
    background-color: transparent;
    border-color: #10e18d;
    color: #10e18d
}

body.dark .main-content.cup-match #account .account__left--info .user__logout:hover {
    background: var(--New-Color-05, #005030);
    border: 1px solid transparent;
    color: var(--Monotone-Grey-0, #fff);
    transition: .2s
}

body.dark .main-content.cup-match #account .account__left--info .user__logout:hover .user__logout--icon {
    filter: none;
    transition: .2s
}

body.dark .main-content.cup-match #account .account__left--info .user__logout .user__logout--icon {
    filter: invert(189%) sepia(647%) saturate(6713%) hue-rotate(130deg) brightness(115%) contrast(113%);
    transition: .2s
}

body.dark .main-content.cup-match #account .account__right {
    border-left: 1px solid #070f03
}

body.dark .main-content.cup-match #account .account__right .account__right--form .title {
    color: var(--Monotone-Grey-0, #fff)
}

body.dark .main-content.cup-match #account .account__right .account__right--form .form__row--icon.dark, body.dark .main-content.cup-match #account .popup__logout--border .icon.avt, body.dark .main-content.cup-match #account .popup__logout--border .icon.dark {
    display: block
}

body.dark .main-content.cup-match #account .account__right .account__right--form .form__row--input {
    background: 0 0;
    border: 1px solid var(--Monotone-Grey-800, #414141);
    color: #fff
}

body.dark .main-content.cup-match #account .account__right .account__right--form .form__row--submit, body.dark .main-content.cup-match #account .popup__logout--border .button__bottom {
    background: #311810;
    color: #fff
}

body.dark .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye .form__row--icon.dark.show, body.dark .main-content.cup-match #account .account__right .account__right--form .form__row.password .password-eye.hide .form__row--icon.dark.hidden {
    display: block !important
}

body.dark .main-content.cup-match #account .popup__logout--border {
    background: var(--BG-card-lp-2, #1e1e1e)
}

body.dark .main-content.cup-match #account .popup__logout--border .text {
    color: #fff
}

body.dark .main-content.cup-match #account .popup__logout--border .button__bottom.logout:hover, body.dark .main-content.cup-match #account .popup__logout--border .button__bottom.stay {
    background: #9f2c09
}

body.dark .main-content.cup-match #account .popup__logout--border .button__bottom.stay:hover {
    background: #311810;
    color: #fff
}

body .page-match-odds .company-comp #oddsCompTable tr.tr2 th.sb b {
    font-weight: 400
}

.newsetting .Preferences {
    padding: 0
}

.newsetting .Preferences li {
    padding: 3px 0
}

.newsetting .switch .switch-style {
    width: 26px;
    border-radius: 10px
}

.newsetting .switch .switch-style:before {
    width: 12px;
    height: 12px;
    border-radius: 50%
}

.newsetting .soundbox {
    margin: 6px 0 10px
}

.newsetting .mb0 {
    margin-bottom: 0
}

.newsetting .selectbox {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin: 0 0 5px;
    overflow: hidden
}

.newsetting .selectbox span {
    width: 50%;
    line-height: 22px;
    float: left;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

.newsetting .selectbox span.on {
    background: var(--second-color) !important;
    color: #fff
}

.newsetting .selectbox span:hover {
    background: #ffeece
}

.newsetting .matchinfo_setting .Preferences, .newsetting .selectbox.sound {
    margin-top: 5px
}

#right .newsetting .selectbox.sound span {
    width: 26px;
    border-right: 1px solid #e5e5e5
}

#right .newsetting .selectbox.sound span:last-child {
    border: none
}

#right .newsetting #selectsound1, #right .newsetting #selectsound2 {
    width: 134px;
    height: 22px;
    margin-bottom: 4px;
    outline: 0
}

.dark .newsetting .selectbox, .dark .newsetting .selectbox.sound span {
    border-color: var(--border-4) !important
}

.dark .newsetting .selectbox span:hover {
    background: #3a3a3a
}

@media only screen and (max-width: 1024px) {
    .add-on-mobile-tr a, body .mcontent#main .idx-favorite #table_live tr td .team-box a {
        font-weight: 500 !important
    }

    #table_live [id^=time_][id^=time_] span:after {
        filter: grayscale(100%)
    }

    .custom-select-wrapper .custom-options.show2 {
        display: block
    }

    #game-rate .filter-23 .select2-selection .select2-selection__rendered > span::after, body #header-wrapper-sp .mainBar-sp .authBox .loginButton.mobile.form {
        display: none
    }

    #game-rate .who-win .who-win-content {
        margin-top: 2.3rem !important
    }

    #game-rate .odds-container .odds-badge {
        border-radius: 0 0 4px 4px
    }

    body#soccer .matchDetail .w-section.w-section-show .scoring-rate.section-f {
        margin-top: 42px !important
    }

    .matchDetail.ball-analysis.css-ball-analysis #radar, body#soccer .child-page-matchDetail {
        margin-top: 0 !important
    }

    body#soccer .child-page-matchDetail #matchData {
        padding-top: 12px;
        padding-left: 7px
    }

    body#soccer .child-page-matchDetail #matchData .mintopnav {
        justify-content: space-between !important;
        width: calc(100% - 4px) !important
    }

    body#soccer .child-page-matchDetail #containerOfBall .company .category, body.dark#soccer .child-page-matchDetail #containerOfBall .company .category {
        margin-bottom: 12px
    }

    body#soccer .child-page-matchDetail #containerOfBall .company .category.cl1 {
        margin-bottom: 0 !important
    }

    body#soccer .child-page-matchDetail #containerOfBall .company .category .bigger {
        background: #28966a !important
    }

    body#soccer .child-page-matchDetail #containerOfBall .company .category .smaller {
        background: #b73c3d !important
    }

    #matchStatistics .see-more.onMobile::after {
        top: 1px;
        transform: unset;
        width: 13px;
        height: 13px
    }

    #matchStatistics .see-more.onMobile.long::after {
        top: 1px;
        transform: rotate(180deg)
    }

    #info .area-tab .filterLi2.xz {
        flex: 1;
        max-width: unset
    }

    #info .area-tab .filterLi2.xz .dropdown {
        justify-content: unset
    }

    #info .area-tab .filterLi2.xz .dropdown .dropdown-menu, body #info.database .area-tab .dropdown .dropdown-menu, body #info.database .area-tab .dropdown .dropdown-toggle {
        width: 100% !important
    }

    #table_v1 > tbody > tr > td:first-child, #table_v1 > tbody > tr > th:first-child, #table_v3 > tbody > tr.other-title > td, #table_v3 > tbody > tr > td:first-child, #table_v3 > tbody > tr > th:first-child {
        position: sticky;
        left: 0;
        z-index: 0
    }

    #table_v1 > tbody > tr > th.ll:first-child, #table_v3 > tbody > tr > th.ll:first-child {
        position: unset
    }

    body #info .database_league_filter--dropdown--title:before {
        transform: rotate(180deg);
        margin-top: 0
    }

    body #info .database_league_filter--dropdown--title.on:before {
        transform: rotate(0)
    }

    .swal2-popup {
        min-width: initial !important
    }

    body #header-wrapper-sp .topBar-sp .topBar-left-sp .Choose-tool .img-tool {
        border-radius: 50%
    }

    body #header-wrapper-sp .mainBar-sp .authBox .loginButton.mobile.button {
        display: flex
    }

    /*body #header-wrapper-sp .bottomBar-sp #menuSp {*/
    /*    width: calc(100% - 94px) !important;*/
    /*    margin-left: 94px !important*/
    /*}*/

    body #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu a {
        font-weight: 500;
        color: var(--Monotone-Grey-700, #717171);
        font-size: 10px;
    }



    body #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu a {
        font-weight: 500;
        color: #10E18D !important
    }

    body #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu #favCountMb.fav_count {
        display: flex;
        width: 15px;
        height: 15px;
        padding: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 30px;
        background: var(--old-Medium-Red, #e51b00);
        color: var(--Monotone-Grey-0, #fff);
        font-family: Inter;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 13px;
        top: 1px;
        right: 5px;
        border: none !important;
        position: absolute;
    }

    body #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide.swiper-slide-active .sp-item-menu {
        border-bottom: none
    }

    body #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide.swiper-slide-active .sp-item-menu a {
        color: var(--Monotone-Grey-700, #717171)
    }

    body .cz-handheld-toolbar .menu-fixed .d-table-cell:hover {
        text-decoration: none
    }

    body .main-content.cup-match #account {
        padding: 20px;
        margin-bottom: unset
    }

    body .main-content.cup-match #account .account__border {
        justify-content: space-between;
        gap: 30px
    }

    body .main-content.cup-match #account .account__left {
        min-width: 211px
    }

    body .main-content.cup-match .loginPage {
        padding: 0 !important
    }

    body .main-content.cup-match .loginPage.lg #left #lg_form #lg_msg .alert--error li {
        letter-spacing: -.9px
    }

    /*body #info.database .nation, body #info.matchDetail.ball-analysis.css-ball-analysis, body .mcontent {*/
    /*    padding-left: 7px !important*/
    /*}*/

    /* body .mcontent.index #main #min #mintable #table_live tr td .team-box a {
        font-weight: 500
    } */

    /* body .mcontent.index #main #min #mintable #table_live tr td.winMatch .team-box a {
        font-weight: 600
    } */

    body .mcontent.index #main #min .home__content {
        margin-top: 0
    }

    body .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon {
        background: #bebebe !important
    }

    body .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon::before {
        background-image: url('../../images/page-favourite-icon-start.svg');
        height: 16px;
        width: 16px
    }

    body .mcontent#main .idx-favorite #table_live tr td.winMatch .team-box a {
        font-weight: 600 !important
    }

    body .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover {
        background-color: #fbf6f5 !important
    }

    body .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child {
        color: #717171 !important
    }

    body .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child::after, body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child::after {
        background: #894f3c !important
    }

    body .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:last-child {
        color: #070f03 !important
    }

    body .mcontent.Schedule .date-now-none #mintable #livemb .match-box .tp-mb .add-div .icon:hover::after {
        left: unset !important;
        right: 0 !important
    }

    body .mcontent.Schedule .date-now-none #mintable #livemb .match-box .btm .Detail-icon {
        width: 14px
    }

    body .mcontent.Schedule .date-now-none #mintable #livemb .match-box .btm .Detail-icon .icon {
        justify-content: right;
        display: flex
    }

    body .mcontent.Schedule .date-now-none #mintable #livemb .match-box .btm .Detail-icon .icon::before {
        filter: unset !important;
        width: 12px
    }

    body .mcontent.page-sixinone #teammain-6in1 {
        padding-top: 0 !important
    }

    body .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar {
        width: 8px;
        border-radius: 2px;
        background: var(--Monotone-Grey-500, #bbb)
    }

    body .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-track {
        border-radius: 2px;
        background: var(--Monotone-Grey-500, #bbb);
        padding: 0 2px
    }

    body .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-thumb {
        border-radius: 1px;
        background: #414141
    }

    body .mcontent.page-sixinone #teammain-6in1 #showoptional2 #myleague2::-webkit-scrollbar-thumb:hover {
        background: #000
    }

    body .mcontent.page-sixinone #teammain-6in1 .Leaguestitle .leagues-title .add-div .icon::after {
        left: unset;
        right: 0
    }

    body #info.css-detail-page .event-football-detail .event-football-detail-right-content .event-top-right .team-name.guest {
        flex-direction: unset;
        justify-content: center
    }

    body #info.css-detail-page .event-football-detail .event-football-detail-right-content .event-top-right .team-name.guest img {
        order: -1
    }

    body #info #i_main {
        padding-left: 0 !important
    }

    body #info #i_main .techlist #mainData .twoteam-mobile {
        margin-left: 8px !important
    }

    body #info.database .area-tab {
        margin-left: 7px
    }

    body #info.database .nation #list-nation .nation-row .nation-row-items {
        justify-content: space-between !important
    }

    body #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 64px) / 9) !important
    }

    body #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item .nation-row-items-item-logo {
        width: unset !important
    }

    body #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item .nation-row-items-item-name {
        width: unset
    }

    body footer {
        margin-bottom: 20px;
        margin-top: 20px
    }

    body footer .footer-container .bottom .about-footer .footer-logo {
        height: 24px
    }

    body footer .footer-container .bottom .about-footer .footer-logo .weblogo {
        max-width: 160px;
        object-fit: contain;
        max-height: 24px
    }

    body footer .footer-container .bottom_info {
        padding: 0 0 20px;
        font-size: 11px;
        justify-content: center;
        display: flex;
        width: 100%
    }

    body.dark #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu a, body.dark #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide.swiper-slide-active .sp-item-menu a {
        color: var(--Monotone-Grey-500, #bbb)
    }

    /*body.dark #header-wrapper-sp .bottomBar-sp #menuSp .swiperMenu .swiper-slide .sp-item-menu.active-menu a {*/
    /*    color: var(--Monotone-Grey-0, #fff) !important*/
    /*}*/

    body.dark .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon {
        background: var(--BG-TITLE-BNG-T-L, #374033) !important
    }

    body.dark .mcontent#main .idx-favorite #table_live tr#trNoFavWrapper #trNoFav .no_fav_data #nodatatip .explain i.icon::before {
        background-image: url('../../images/page-favourite-icon-start-dark.svg')
    }

    body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover {
        background-color: #3a0f01 !important
    }

    body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:first-child {
        color: #d4d4d4 !important
    }

    .dark .add-on-mobile-tr a, body.dark .mcontent#main .idx-favorite #mintable #live td.winMatch .team-box a, body.dark .mcontent.Schedule .date-picker.piker-mobile .owl-item .item-pk:hover span:last-child, body.dark .mcontent#main .idx-resultpage #mintable #live td.winMatch .team-box a, body.dark .mcontent.index #mintable #live td.winMatch .team-box a {
        color: #fff !important
    }

    body.dark .mcontent#main .idx-favorite #mintable #live td .team-box a, body.dark .mcontent#main .idx-resultpage #mintable #live td .team-box a, body.dark .mcontent.index #mintable #live td .team-box a {
        color: #e6e6e6 !important
    }

    body.dark#soccer .child-page-matchDetail #containerOfBall .company .category .bigger {
        background: #004026 !important
    }

    body.dark#soccer .child-page-matchDetail #containerOfBall .company .category .smaller {
        background: #761b1c !important
    }

    .add-on-mobile-tr {
        margin-top: 12px;
        margin-bottom: 25px;
    }

    .add-on-mobile-tr label {
        position: relative;
        top: -2px
    }

    .add-on-mobile-tr a {
        width: 100%;
        display: block;
        text-align: left;
        font-size: 12px !important;
        color: var(--Black, #000) !important;
        margin-bottom: 6px !important
    }

    .add-on-mobile-tr td {
        background: 0 0 !important;
        text-align: left !important
    }

    .add-on-mobile-tr td input {
        margin-right: 5px !important;
        margin-left: -5px !important
    }

    .add-on-mobile-tr td .box-flex-select.d-flex.f-right {
        margin-top: 2px
    }
}

@media only screen and (max-width: 1024px) and (max-width: 678px) {
    body .main-content.cup-match #account {
        padding: 12px 8px 20px
    }

    body .main-content.cup-match #account .account__border {
        background-color: unset !important;
        padding: 0;
        display: grid;
        gap: 20px;
        justify-content: unset
    }

    body .main-content.cup-match #account .account__left {
        display: flex;
        gap: 12px;
        width: 100%
    }

    body .main-content.cup-match #account .account__left--info {
        display: flex;
        gap: 12px
    }

    body .main-content.cup-match #account .account__left--info .avt {
        height: 85px;
        margin-bottom: 0
    }

    body .main-content.cup-match #account .account__left--info .avt__img {
        width: 85px;
        height: 85px
    }

    body .main-content.cup-match #account .account__left--info .avt__ellipse {
        right: 3px;
        bottom: 3px;
        width: 20px;
        height: 20px
    }

    body .main-content.cup-match #account .account__left--info .user {
        width: 100%
    }

    body .main-content.cup-match #account .account__left--info .user__name {
        font-size: 16px;
        margin-bottom: 6px;
        text-align: left;
        line-height: 19px
    }

    body .main-content.cup-match #account .account__left--info .user__description {
        font-size: 14px;
        text-align: left;
        margin-bottom: 10px
    }

    body .main-content.cup-match #account .account__left--info .user__logout {
        font-size: 12px;
        height: 14px;
        margin: unset;
        width: 133px
    }

    body .main-content.cup-match #account .account__right {
        border: none;
        padding-left: 0;
        width: 100%
    }

    body .main-content.cup-match #account .account__right .account__right--form .title {
        font-size: 16px;
        margin-bottom: 10px
    }

    body .main-content.cup-match #account .account__right .account__right--form .form__row--icon {
        height: 18px;
        width: 18px;
        top: 7px
    }

    body .main-content.cup-match #account .account__right .account__right--form .form__row--input {
        padding: 6px 12px 6px 34px;
        font-size: 12px
    }

    body .main-content.cup-match #account .account__right .account__right--form .form__row--input::placeholder {
        font-size: 12px
    }

    body .main-content.cup-match #account .account__right .account__right--form .form__row--submit {
        font-size: 14px;
        height: 33px;
        margin-top: 16px;
        width: 100%
    }

    body .main-content.cup-match #account .account__right .account__right--form .form__row.send-code .form__row--submit {
        width: 84px;
        height: 33px
    }

    body .main-content.cup-match #account .account__right .account__right--form .form__row.password .form__row--input {
        width: calc(100% - 44px - 36px)
    }

    body .main-content.cup-match #account .account__right .account__right--form .form__row.password .form__row--icon {
        top: 10px
    }

    body .main-content.cup-match #account .popup__logout--border {
        padding: 16px;
        width: 268px;
        left: calc(50% - 150px)
    }

    body .main-content.cup-match #account .popup__logout--border .icon {
        width: 40px;
        height: 40px;
        margin-bottom: 16px
    }

    body .main-content.cup-match #account .popup__logout--border .text {
        margin-bottom: 16px
    }

    body .main-content.cup-match #account .popup__logout--border .button__bottom {
        font-size: 14px;
        width: fit-content;
        padding: 8px 14px;
        height: 20px
    }

    body .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border {
        padding: 12px;
        width: 290px;
        left: calc(50% - 157px)
    }

    body .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border .icon {
        width: 56px;
        height: 56px;
        margin-bottom: 16px
    }

    body .main-content.cup-match #account .popup__logout#changeAvt .popup__logout--border .text {
        font-size: 14px;
        height: 28px;
        line-height: 15px;
        margin-bottom: 16px
    }
}

@media only screen and (max-width: 1024px) and (max-width: 757px) {
    body #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 56px) / 8) !important
    }
}

@media only screen and (max-width: 1024px) and (max-width: 757px) and (max-width: 683px) {
    body #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 48px) / 7) !important
    }
}

@media only screen and (max-width: 1024px) and (max-width: 757px) and (max-width: 683px) and (max-width: 609px) {
    body #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 40px) / 6) !important
    }
}

@media only screen and (max-width: 1024px) and (max-width: 757px) and (max-width: 683px) and (max-width: 609px) and (max-width: 535px) {
    body #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 32px) / 5) !important
    }
}

@media only screen and (max-width: 1024px) and (max-width: 757px) and (max-width: 683px) and (max-width: 609px) and (max-width: 535px) and (max-width: 461px) {
    body #info.database .nation #list-nation .nation-row .nation-row-items .nation-row-items-item {
        width: calc((100% - 24px) / 4) !important
    }
}

#showoptional2.home .rbl > .el-radio {
    width: calc(100% / 3)
}
