.bg-success {
    background-color: var(--bg-success) !important
}

.bg-danger {
    background-color: var(--bg-danger) !important
}

.bg-info {
    background-color: var(--bg-info) !important
}

.bg-warning {
    background-color: var(--bg-warning) !important;
    color: var(--text-black) !important
}

.text-success {
    color: var(--book-green) !important
}

.text-danger {
    color: var(--book-red) !important
}

.text-info {
    color: var(--bg-info) !important
}

.text-warning {
    color: var(--bg-warning) !important
}

.text-playera {
    color: var(--text-red)
}

.text-playerb {
    color: var(--text-yellow)
}

.text-yellow {
    color: var(--text-yellow)
}

.sport1color {
    color: var(--football)
}

.sport2color {
    color: var(--tennis)
}

.sport3color {
    color: var(--boxing)
}

.sport4color {
    color: var(--cricket)
}

.sport5color {
    color: var(--golf)
}

.sport6color {
    color: var(--boxing)
}

.sport7color {
    color: var(--beach-volleyball)
}

.sport8color {
    color: var(--table-tennis)
}

.sport9color {
    color: var(--futsal)
}

.sport7color {
    color: var(--horse-racing)
}

.sport11color {
    color: var(--egames)
}

.sport4339color {
    color: var(--grey-hounds)
}

.sport13color {
    color: var(--trotting)
}

.sport14color {
    color: var(--speedway)
}

.sport7522color {
    color: var(--basketball)
}

.sport16color {
    color: var(--moto-gp)
}

.sport17color {
    color: var(--chess)
}

.sport998917 color {
    color: var(--vollyball)
}

.sport19color {
    color: var(--ice-hockey)
}

.sport20color {
    color: var(--equine-sports)
}

.sport21color {
    color: var(--australians-rules)
}

.sport22color {
    color: var(--badminton)
}

.sport23color {
    color: var(--formula-1)
}

.sport24color {
    color: var(--nascar)
}

.sport25color {
    color: var(--hockey)
}

.sport26color {
    color: var(--supercars)
}

.sport27color {
    color: var(--netball)
}

.sport28color {
    color: var(--surfing)
}

.sport29color {
    color: var(--cycling)
}

.sport30color {
    color: var(--gaelick-sports)
}

.sport31color {
    color: var(--biathlon)
}

.sport32color {
    color: var(--motorbikes)
}

.sport33color {
    color: var(--athletics)
}

.sport34color {
    color: var(--squash)
}

.sport35color {
    color: var(--basketball-3-3)
}

.sport36color {
    color: var(--floorball)
}

.sport37color {
    color: var(--sumo)
}

.sport38color {
    color: var(--virtual-sports)
}

.sport39color {
    color: var(--handball)
}

.sport40color {
    color: var(--politics)
}
.sport2378961color {
    color: var(--politics)
}
.sport-5color {
    color: var(--politics)
}

.sport41color {
    color: var(--weather)
}

.sport42color {
    color: var(--tv-games)
}

.sport43color {
    color: var(--lottery)
}

.sport44color {
    color: var(--bowls)
}

.sport45color {
    color: var(--poker)
}

.sport46color {
    color: var(--waterpolo)
}

.sport47color {
    color: var(--alpine-skiing)
}

.sport48color {
    color: var(--sailing)
}

.sport49color {
    color: var(--hurling)
}

.sport50color {
    color: var(--ski-jumping)
}

.sport51color {
    color: var(--bandy)
}

.sport52color {
    color: var(--motor-sports)
}

.sport53color {
    color: var(--baseball)
}

.sport54color {
    color: var(--rugby-union)
}

.sport55color {
    color: var(--rugby-league)
}

.sport56color {
    color: var(--curling)
}

.sport57color {
    color: var(--darts)
}

.sport58color {
    color: var(--americal-footbal)
}
.sport6423color {
    color: var(--americal-footbal)
}

.sport59color {
    color: var(--snooker)
}

.sport60color {
    color: var(--gaelick-sports)
}

.sport61color {
    color: var(--lottery-specials)
}

.sport62color {
    color: var(--football)
}

.sport63color {
    color: var(--special-bets)
}

.sport64color {
    color: var(--egames)
}

.sport65color {
    color: var(--grey-hounds)
}

.sport-17color {
    color: var(--card-cricket)
}


.lotto {
    background-color: var(--lotto)
}

.sport1,
.sport1:active,
.sport1:focus,
.sport1:hover {
    background-color: var(--football) !important
}

.sport2,
.sport2:active,
.sport2:focus,
.sport2:hover {
    background-color: var(--tennis) !important
}

.sport3,
.sport3:active,
.sport3:focus,
.sport3:hover {
    background-color: var(--boxing) !important
}

.sport4,
.sport4:active,
.sport4:focus,
.sport4:hover {
    background-color: var(--cricket) !important
}

.sport5,
.sport5:active,
.sport5:focus,
.sport5:hover {
    background-color: var(--golf) !important
}

.sport6,
.sport6:active,
.sport6:focus,
.sport6:hover {
    background-color: var(--boxing) !important
}

.sport7,
.sport7:active,
.sport7:focus,
.sport7:hover {
    background-color: var(--beach-volleyball) !important
}

.sport8,
.sport8:active,
.sport8:focus,
.sport8:hover {
    background-color: var(--table-tennis) !important
}

.sport9,
.sport9:active,
.sport9:focus,
.sport9:hover {
    background-color: var(--futsal) !important
}

.sport7,
.sport7:active,
.sport7:focus,
.sport7:hover {
    background-color: var(--horse-racing) !important
}

.sport11,
.sport11:active,
.sport11:focus,
.sport11:hover {
    background-color: var(--egames) !important
}

.sport12,
.sport12:active,
.sport12:focus,
.sport12:hover {
    background-color: var(--grey-hounds) !important
}

.sport13,
.sport13:active,
.sport13:focus,
.sport13:hover {
    background-color: var(--trotting) !important
}

.sport14,
.sport14:active,
.sport14:focus,
.sport14:hover {
    background-color: var(--speedway) !important
}

.sport7522,
.sport7522:active,
.sport7522:focus,
.sport7522:hover {
    background-color: var(--basketball) !important
}


.sport7522,
.sport7522:active,
.sport7522:focus,
.sport7522:hover {
    background-color: var(--basketball) !important
}


.sport16,
.sport16:active,
.sport16:focus,
.sport16:hover {
    background-color: var(--moto-gp) !important
}

.sport17,
.sport17:active,
.sport17:focus,
.sport17:hover {
    background-color: var(--chess) !important
}

.sport998917,
.sport998917:active,
.sport998917:focus,
.sport998917:hover {
    background-color: var(--vollyball) !important
}
.sport998917,
.sport998917:active,
.sport998917:focus,
.sport998917:hover {
    background-color: var(--vollyball) !important
}


.sport7524,
.sport7524:active,
.sport7524:focus,
.sport7524:hover {
    background-color: var(--ice-hockey) !important
}

.sport20,
.sport20:active,
.sport20:focus,
.sport20:hover {
    background-color: var(--equine-sports) !important
}

.sport21,
.sport21:active,
.sport21:focus,
.sport21:hover {
    background-color: var(--australians-rules) !important
}

.sport22,
.sport22:active,
.sport22:focus,
.sport22:hover {
    background-color: var(--badminton) !important
}

.sport23,
.sport23:active,
.sport23:focus,
.sport23:hover {
    background-color: var(--formula-1) !important
}

.sport24,
.sport24:active,
.sport24:focus,
.sport24:hover {
    background-color: var(--nascar) !important
}

.sport25,
.sport25:active,
.sport25:focus,
.sport25:hover {
    background-color: var(--hockey) !important
}

.sport26,
.sport26:active,
.sport26:focus,
.sport26:hover {
    background-color: var(--supercars) !important
}

.sport27,
.sport27:active,
.sport27:focus,
.sport27:hover {
    background-color: var(--netball) !important
}

.sport28,
.sport28:active,
.sport28:focus,
.sport28:hover {
    background-color: var(--surfing) !important
}

.sport29,
.sport29:active,
.sport29:focus,
.sport29:hover {
    background-color: var(--cycling) !important
}

.sport30,
.sport30:active,
.sport30:focus,
.sport30:hover {
    background-color: var(--gaelick-sports) !important
}

.sport31,
.sport31:active,
.sport31:focus,
.sport31:hover {
    background-color: var(--biathlon) !important
}

.sport32,
.sport32:active,
.sport32:focus,
.sport32:hover {
    background-color: var(--motorbikes) !important
}

.sport33,
.sport33:active,
.sport33:focus,
.sport33:hover {
    background-color: var(--athletics) !important
}

.sport34,
.sport34:active,
.sport34:focus,
.sport34:hover {
    background-color: var(--squash) !important
}

.sport35,
.sport35:active,
.sport35:focus,
.sport35:hover {
    background-color: var(--basketball-3-3) !important
}

.sport36,
.sport36:active,
.sport36:focus,
.sport36:hover {
    background-color: var(--floorball) !important
}

.sport37,
.sport37:active,
.sport37:focus,
.sport37:hover {
    background-color: var(--sumo) !important
}

.sport38,
.sport38:active,
.sport38:focus,
.sport38:hover {
    background-color: var(--virtual-sports) !important
}

.sport39,
.sport39:active,
.sport39:focus,
.sport39:hover {
    background-color: var(--handball) !important
}

.sport40,
.sport40:active,
.sport40:focus,
.sport40:hover {
    background-color: var(--politics) !important
}
.sport2378961,
.sport2378961:active,
.sport2378961:focus,
.sport2378961:hover {
    background-color: var(--politics) !important
}
.sport2378961,
.sport2378961:active,
.sport2378961:focus,
.sport2378961:hover {
    background-color: var(--politics) !important
}
.sport-5,
.sport-5:active,
.sport-5:focus,
.sport-5:hover {
    background-color: var(--politics) !important
}
.sport--5,
.sport--5:active,
.sport--5:focus,
.sport--5:hover {
    background-color: var(--politics) !important
}

.sport41,
.sport41:active,
.sport41:focus,
.sport41:hover {
    background-color: var(--weather) !important
}

.sport42,
.sport42:active,
.sport42:focus,
.sport42:hover {
    background-color: var(--tv-games) !important
}

.sport43,
.sport43:active,
.sport43:focus,
.sport43:hover {
    background-color: var(--lottery) !important
}

.sport44,
.sport44:active,
.sport44:focus,
.sport44:hover {
    background-color: var(--bowls) !important
}

.sport45,
.sport45:active,
.sport45:focus,
.sport45:hover {
    background-color: var(--poker) !important
}

.sport46,
.sport46:active,
.sport46:focus,
.sport46:hover {
    background-color: var(--waterpolo) !important
}

.sport47,
.sport47:active,
.sport47:focus,
.sport47:hover {
    background-color: var(--alpine-skiing) !important
}

.sport48,
.sport48:active,
.sport48:focus,
.sport48:hover {
    background-color: var(--sailing) !important
}

.sport49,
.sport49:active,
.sport49:focus,
.sport49:hover {
    background-color: var(--hurling) !important
}

.sport50,
.sport50:active,
.sport50:focus,
.sport50:hover {
    background-color: var(--ski-jumping) !important
}

.sport51,
.sport51:active,
.sport51:focus,
.sport51:hover {
    background-color: var(--bandy) !important
}

.sport52,
.sport52:active,
.sport52:focus,
.sport52:hover {
    background-color: var(--motor-sports) !important
}

.sport53,
.sport53:active,
.sport53:focus,
.sport53:hover {
    background-color: var(--baseball) !important
}

.sport54,
.sport54:active,
.sport54:focus,
.sport54:hover {
    background-color: var(--rugby-union) !important
}

.sport55,
.sport55:active,
.sport55:focus,
.sport55:hover {
    background-color: var(--rugby-league) !important
}

.sport56,
.sport56:active,
.sport56:focus,
.sport56:hover {
    background-color: var(--curling) !important
}

.sport57,
.sport57:active,
.sport57:focus,
.sport57:hover {
    background-color: var(--darts) !important
}

.sport58,
.sport58:active,
.sport58:focus,
.sport58:hover {
    background-color: var(--americal-footbal) !important
}
.sport6423,
.sport6423:active,
.sport6423:focus,
.sport6423:hover {
    background-color: var(--americal-footbal) !important
}

.sport59,
.sport59:active,
.sport59:focus,
.sport59:hover {
    background-color: var(--snooker) !important
}

.sport60,
.sport60:active,
.sport60:focus,
.sport60:hover {
    background-color: var(--gaelick-sports) !important
}

.sport61,
.sport61:active,
.sport61:focus,
.sport61:hover {
    background-color: var(--lottery-specials) !important
}

.sport62,
.sport62:active,
.sport62:focus,
.sport62:hover {
    background-color: var(--football) !important
}

.sport63,
.sport63:active,
.sport63:focus,
.sport63:hover {
    background-color: var(--special-bets) !important
}

.sport64,
.sport64:active,
.sport64:focus,
.sport64:hover {
    background-color: var(--egames) !important
}

.sport4339,
.sport4339:active,
.sport4339:focus,
.sport4339:hover {
    background-color: var(--grey-hounds) !important
}

.sport-4,
.sport-4:active,
.sport-4:focus,
.sport-4:hover {
    background-color: var(--kabaddi) !important
}

.sport-17,
.sport-17:active,
.sport-17:focus,
.sport-17:hover {
    background-color: var(--card-cricket) !important
}


.sport-17,
.sport-17:active,
.sport-17:focus,
.sport-17:hover {
    background-color: var(--card-cricket) !important
}


.lotto {
    background-color: var(--lotto) !important
}

.book-green {
    color: var(--book-green) !important;
    font-weight: 400 !important
}

.book-red {
    color: var(--book-red) !important;
    font-weight: 400 !important
}

.form-group {
    margin-right: 16px
}

.form-control {
    background-color: var(--bg-body);
    height: 36px;
    border-radius: 0px;
    border: 1px solid var(--text-body);
    color: var(--text-highlight)
}

.form-control:focus,
.form-control:hover {
    box-shadow: 0 0 4px var(--text-body);
    background-color: var(--bg-body);
    border: 1px solid var(--text-body);
    color: var(--text-highlight);
    box-shadow: none
}

/* 
[type=date] {
    background: url(../img/calendar.png) 90% 50% no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: var(--font-caption)
} */

input[type=date]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-inner-spin-button {
    background: url("../../assets/images/calender.svg") no-repeat;
    border-radius:0px !important;
    background-size:16px;
    background-size:cover;
    filter:invert(1);
}

select {
    background: url("../images/arrow-down.svg") center right 10px no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none
}


label {
    font-size: var(--font-small);
    color: var(--text-body);
    margin-bottom: 8px
}

.btn {
    box-shadow: none !important;
    height: auto;
    color: var(--text-white);
    border-radius: 0px
}
.depo-withdraw-btn .btn {
    height:24px;
    padding: 0 10px;
    line-height: 24px;
    opacity: 1;
    font-size: 12px;
}
.btn:active,
.btn:focus,
.btn:hover {
    box-shadow: none !important;
    opacity: .8;
    color: var(--text-white)
}

.btn-primary {
    background-color: var(--bg-primary1);
    border-color: var(--bg-primary1);
    border-radius:0px;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    box-shadow: none;
    background-color: var(--bg-secondary1);
    border-color: var(--bg-secondary1);
    opacity: .8
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--bg-primary1);
    border-color: var(--bg-primary1);
    cursor: not-allowed
}

.btn-reset {
    background-color: var(--btn-reset);
    border-color: var(--btn-reset)
}

.btn-reset:active,
.btn-reset:focus,
.btn-reset:hover {
    box-shadow: none;
    background-color: var(--btn-reset);
    border-color: var(--btn-reset);
    color: var(--text-white)
}

.btn-bet {
    height: 34px;
    background-color: var(--btn-secondary);
    border-color: transparent;
    color: var(--text-white)
}

.btn-bet:active,
.btn-bet:focus,
.btn-bet:hover {
    background-color: var(--btn-secondary);
    border-color: transparent;
    opacity: .8
}

.table-responsive {
    scrollbar-width: thin;
    scrollbar-height: thin;
    scrollbar-color: var(--bg-table) var(--bg-table-header)
}

.table-responsive::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.table-responsive::-webkit-scrollbar-track {
    background: var(--bg-table)
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header)
}

.table {
    border: 1px solid #3c444b;
    background-color: var(--bg-table);
    color: var(--text-table);
    table-layout: fixed
}

.table thead th {
    border: 0;
    vertical-align: middle
}

.table thead {
    background:var(--bg-sidebar);
    color: var(--text-table-header-new)
}

.table td, .table th {
    border: 0;
    border-bottom: 1px solid #3c444b;
    padding: 9px;
}

.table-hover tbody tr:hover {
    color: var(--text-table)
}

.modal {
    top: 35px
}

.animate-on .modal {
    top: 69px
}

.modal-dialog {
    width: 100%;
    margin: 0 auto
}

.modal-content {
    background-color: var(--bg-table);
    border-radius: 0;
    border: 0;
    max-height: calc(100vh - 50px)
}

.modal-placebet .modal-content {
    background-color: #000000DE
}

.modal-header {
    border: 0;
    border-radius: 0;
    background-color: var(--bg-table-header);
    padding: 8px
}

.modal-title {
    color: var(--text-white);
    font-size: var(--font-18)
}

.modal-header .close {
    color: var(--text-table-header);
    opacity: 1;
    text-shadow: none
}

.modal-body {
    padding: 8px;
    max-height: calc(100vh - 60px);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--bg-table) var(--bg-table-header)
}

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

.modal-body::-webkit-scrollbar-track {
    background: var(--bg-table)
}

.modal-body::-webkit-scrollbar-thumb {
    background-color: var(--bg-table-header)
}

.modal-footer {
    justify-content: space-between;
    border: 0;
    background-color: var(--bg-table-header);
    padding: 8px
}

.b-toast .toast {
    max-width: unset;
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 1070;
    -ms-flex-align: start;
    align-items: flex-start;
    transition: background-color .15s
}

.b-toast.b-toast-success .toast {
    background-color: var(--btn-primary)
}

.b-toast.b-toast-danger .toast {
    background-color: var(--bg-danger)
}

.b-toast.b-toast-info .toast {
    background-color: var(--bg-info)
}

.b-toast.b-toast-warning .toast {
    background-color: var(--bg-warning)
}

.toast-header {
    display: none
}

.toast-body {
    position: relative;
    color: var(--text-white);
    padding-left: 40px
}

.b-toast.b-toast-warning .toast-body {
    color: var(--text-black)
}

.toast .toast-body {
    position: relative
}

.b-toast.b-toast-success .toast .toast-body:before {
    position: absolute;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 10px
}

.b-toast.b-toast-danger .toast .toast-body:before {
    position: absolute;
    content: "\f057";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 10px
}

.b-toast.b-toast-info .toast .toast-body:before {
    position: absolute;
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 10px
}

.b-toast.b-toast-warning .toast .toast-body:before {
    position: absolute;
    content: "\f06a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 10px
}

.b-toast.b-toast-success .toast {
    border-color: var(--btn-primary)
}

.b-toast.b-toast-danger .toast {
    border-color: var(--bg-danger)
}

.b-toast.b-toast-info .toast {
    border-color: var(--bg-info)
}

.b-toast.b-toast-warning .toast {
    border-color: var(--bg-warning)
}

.b-toaster-top-full {
    position: fixed !important;
    left: 50% !important;
    width: 300px !important;
    transform: translateX(-50%) !important;
    top: 10px !important
}

.loader-section-parent {
    position: relative;
    height: 100%
}

.loader-section {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #131313B8;
    z-index: 1000
}

.loader-section-icon {
    content: "";
    box-sizing: border-box;
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border-color: #fff transparent;
    border-style: solid;
    border-width: 2px;
    animation: spinner .8s ease infinite;
    z-index: 1000
}

@keyframes rotateborder {
    100% {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn)
    }
}

.custom-control-inline {
    line-height: 24px
}

.custom-control-label {
    color: var(--text-body);
    line-height: unset
}

.custom-control-label::before {
    background-color: var(--bg-table-header)
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--bg-sidebar);
    background-color: var(--bg-sidebar);
    background-image: fill
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23999'/%3e%3c/svg%3e")
}

.pagination {
    justify-content: center
}

.page-link {
    background-color: transparent;
    border: 0;
    color: var(--text-highlight);
    cursor: pointer;
}

.page-link:active,
.page-link:focus,
.page-link:hover {
    background-color: transparent;
    color: var(--text-highlight);
    box-shadow: none
}

.page-item.active .page-link {
    background-color: var(--bg-primary1);
    border-color: var(--bg-primary1);
    border-radius: 50%;
    cursor: pointer;
}

.page-item.disabled .page-link {
    color: var(--text-table);
    background-color: transparent;
    border-color: transparent
}

.carousel-control-next,
.carousel-control-prev {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, .5)
}

.card {
    border: 0;
    border-radius: 0
}

.card-header {
    background-color: var(--bg-table-header);
    border: 0;
    border-radius: 0 !important;
    padding: 6px
}

.card-body {
    background-color: var(--bg-table);
    padding: 6px;
    color: var(--text-table)
}