:root, .light
{
    --tw-gray-100: #F9F9F9;
    --tw-gray-200: #F1F1F4;
    --tw-gray-300: #DBDFE9;
    --tw-gray-400: #C4CADA;
    --tw-gray-500: #99A1B7;
    --tw-gray-600: #78829D;
    --tw-gray-700: #4B5675;
    --tw-gray-800: #252F4A;
    --tw-gray-900: #071437;
    --tw-brand: #FF6F1E;
    --tw-brand-active: #F15700;
    --tw-brand-light: #FFF5EF;
    --tw-brand-clarity: rgba(255, 111, 30, 0.20);
    --tw-brand-inverse: #ffffff;
    --tw-primary: #1B84FF;
    --tw-primary-active: #056EE9;
    --tw-primary-light: #EFF6FF;
    --tw-primary-clarity: rgba(27, 132, 255, 0.20);
    --tw-primary-inverse: #ffffff;
    --tw-success: #17C653;
    --tw-success-active: #04B440;
    --tw-success-light: #EAFFF1;
    --tw-success-clarity: rgba(23, 198, 83, 0.20);
    --tw-success-inverse: #ffffff;
    --tw-info: #7239EA;
    --tw-info-active: #5014D0;
    --tw-info-light: #F8F5FF;
    --tw-info-clarity: rgba(114, 57, 234, 0.20);
    --tw-info-inverse: #ffffff;
    --tw-danger: #F8285A;
    --tw-danger-active: #D81A48;
    --tw-danger-light: #FFEEF3;
    --tw-danger-clarity: rgba(248, 40, 90, 0.20);
    --tw-danger-inverse: #ffffff;
    --tw-warning: #F6B100;
    --tw-warning-active: #DFA000;
    --tw-warning-light: #FFF8DD;
    --tw-warning-clarity: rgba(246, 177, 0, 0.20);
    --tw-warning-inverse: #ffffff;
    --tw-dark: #1E2129;
    --tw-dark-active: #111318;
    --tw-dark-light: #F9F9F9;
    --tw-dark-clarity: rgba(30, 33, 41, 0.20);
    --tw-dark-inverse: #ffffff;
    --tw-light: #ffffff;
    --tw-light-active: #FCFCFC;
    --tw-light-light: #ffffff;
    --tw-light-clarity: rgba(255, 255, 255, 0.20);
    --tw-light-inverse: #4B5675;
    --tw-secondary: #F9F9F9;
    --tw-secondary-active: #F9F9F9;
    --tw-secondary-light: #F9F9F9;
    --tw-secondary-clarity: rgba(249, 249, 249, 0.20);
    --tw-secondary-inverse: #4B5675;
    --tw-default-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.09);
    --tw-light-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --tw-primary-box-shadow: 0px 4px 12px 0px rgba(40, 132, 239, 0.35);
    --tw-success-box-shadow: 0px 4px 12px 0px rgba(53, 189, 100, 0.35);
    --tw-danger-box-shadow: 0px 4px 12px 0px rgba(241, 65, 108, 0.35);
    --tw-info-box-shadow: 0px 4px 12px 0px rgba(114, 57, 234, 0.35);
    --tw-warning-box-shadow: 0px 4px 12px 0px rgba(246, 192, 0, 0.35);
    --tw-dark-box-shadow: 0px 4px 12px 0px rgba(37, 47, 74, 0.35);
    --tw-card-background-color: white;
    --tw-tooltip-background-color: #0F1014;
    --tw-popover-background-color: white;
    --tw-modal-background-color: white;
    --tw-drawer-background-color: white;
    --tw-dropdown-background-color: white;
    --tw-backdrop-background-color: rgba(0, 0, 0, 0.80);
    --tw-table-head-background-color: var(--tw-light-active);
    --tw-card-border: 1px solid var(--tw-gray-200);
    --tw-table-border: 1px solid var(--tw-gray-200);
    --tw-dropdown-border: 1px solid var(--tw-gray-200);
    --tw-popover-border: 1px solid var(--tw-gray-200);
    --tw-tooltip-border: 0;
    --tw-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --tw-tooltip-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --tw-popover-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --tw-modal-box-shadow: 0px 10px 14px 0px rgba(15, 42, 81, 0.03);
    --tw-drawer-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --tw-dropdown-box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.09);
    --tw-input-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.dark
{
    --tw-gray-100: #1B1C22;
    --tw-gray-200: #26272F;
    --tw-gray-300: #363843;
    --tw-gray-400: #464852;
    --tw-gray-500: #636674;
    --tw-gray-600: #808290;
    --tw-gray-700: #9A9CAE;
    --tw-gray-800: #B5B7C8;
    --tw-gray-900: #F5F5F5;
    --tw-brand: #D74E00;
    --tw-brand-active: #F35700;
    --tw-brand-light: #272320;
    --tw-brand-clarity: rgba(215, 78, 0, 0.20);
    --tw-brand-inverse: #ffffff;
    --tw-primary: #006AE6;
    --tw-primary-active: #107EFF;
    --tw-primary-light: #172331;
    --tw-primary-clarity: rgba(0, 106, 230, 0.20);
    --tw-primary-inverse: #ffffff;
    --tw-success: #00A261;
    --tw-success-active: #01BF73;
    --tw-success-light: #1F2623;
    --tw-success-clarity: rgba(0, 162, 97, 0.20);
    ;
    --tw-success-inverse: #ffffff;
    --tw-info: #883FFF;
    --tw-info-active: #9E63FF;
    --tw-info-light: #272134;
    --tw-info-clarity: rgba(136, 63, 255, 0.20);
    --tw-info-inverse: #ffffff;
    --tw-danger: #E42855;
    --tw-danger-active: #FF3767;
    --tw-danger-light: #302024;
    --tw-danger-clarity: rgba(228, 40, 85, 0.20);
    --tw-danger-inverse: #ffffff;
    --tw-warning: #C59A00;
    --tw-warning-active: #D9AA00;
    --tw-warning-light: #242320;
    --tw-warning-clarity: rgba(197, 154, 0, 0.20);
    --tw-warning-inverse: #ffffff;
    --tw-dark: #272A34;
    --tw-dark-active: #2D2F39;
    --tw-dark-light: #1E2027;
    --tw-dark-clarity: rgba(39, 42, 52, 0.20);
    --tw-dark-inverse: #ffffff;
    --tw-light: #1F212A;
    --tw-light-active: #1F212A;
    --tw-light-light: #1F212A;
    --tw-light-clarity: rgba(31, 33, 42, 0.20);
    --tw-light-inverse: #9A9CAE;
    --tw-secondary: #363843;
    --tw-secondary-active: #464852;
    --tw-secondary-light: #363843;
    --tw-secondary-clarity: rgba(54, 56, 67, 0.20);
    --tw-secondary-inverse: #9A9CAE;
    --tw-default-box-shadow: none;
    --tw-light-box-shadow: none;
    --tw-primary-box-shadow: none;
    --tw-success-box-shadow: none;
    --tw-danger-box-shadow: none;
    --tw-info-box-shadow: none;
    --tw-warning-box-shadow: none;
    --tw-dark-box-shadow: none;
    --tw-card-background-color: #111217;
    --tw-tooltip-background-color: #0B0C10;
    --tw-popover-background-color: #0B0C10;
    --tw-modal-background-color: #0B0C10;
    --tw-drawer-background-color: #0B0C10;
    --tw-dropdown-background-color: #0B0C10;
    --tw-backdrop-background-color: rgba(0, 0, 0, 0.80);
    --tw-table-head-background-color: #13141A;
    --tw-card-border: 1px solid #1B1C22;
    --tw-table-border: 1px solid #1B1C22;
    --tw-dropdown-border: 1px solid #1B1C22;
    --tw-tooltip-border: 1px solid #1B1C22;
    --tw-popover-border: 1px solid #1B1C22;
    --tw-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --tw-tooltip-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --tw-popover-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --tw-modal-box-shadow: 0px 10px 14px 0px rgba(15, 42, 81, 0.03);
    --tw-drawer-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.03);
    --tw-dropdown-box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.09);
    --tw-input-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}
input[type="date"]
{
    appearance: none;
    -webkit-appearance: none;
    position: relative;
}
    input[type="date"]::-webkit-calendar-picker-indicator
    {
        display: none;
        -webkit-appearance: none;
        opacity: 0;
    }

    input[type="date"]::-webkit-inner-spin-button,
    input[type="date"]::-webkit-outer-spin-button,
    input[type="date"]::-webkit-clear-button
    {
        -webkit-appearance: none;
        display: none;
    }
    input[type="date"]::-ms-clear
    {
        display: none;
    }

.combobox-value
{
    padding: 8px 12px;
    color: #fff;
    border-radius: 8px;
    background: #1B84FF
}

.combobox-menu
{
    top: 100%;
    width: 100%;
    left: 0;
    border: 1px solid var(--tw-gray-300);
}

.combobox-item{
    padding: 0.5rem;
}
    .combobox-item:hover
    {
        background: #1B84FF;
        color: #fff;
    }
.combobox-value i{
    margin-right: 6px;
    font-size: 0.7rem !important;
}

.bet-image{
    height: 40px;
}
    .bet-image img{
        max-width: none;
    }

    .table tr td
    {
        vertical-align: baseline
    }

.table1{
    width: 100%;
}

.table3
{
    width: max-content;
    min-width: 100%;
}
.bet-result{
    margin: 10px 0;
    gap: 5px;
    flex-wrap: wrap;
}

.sportsdetail-header
{
    color: #1d1dc7;
    font-weight: bold;
    text-align: initial;
}

.sportsdetail-bet
{
    border-left: 3px solid #d6d6d6;
    margin-left: 6px;
    padding-left: 10px;
    color: var(--tw-gray-700);
    text-align: initial;
}

.sportsdetail-match
{
    text-align: initial;
}

input[type="datetime-local"]
{
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    input[type="datetime-local"]::-webkit-calendar-picker-indicator,
    input[type="datetime-local"]::-webkit-inner-spin-button
    {
        display: none;
        -webkit-appearance: none;
    }
.table2 th
{
    text-align: center;
}
.table2 td
{
    padding: 0.5rem 1rem !important;
    text-align: right;
    white-space: nowrap;
}
.table2 td:first-child
{
    text-align: left;
}
.table2 .currencyFooter tr td
{
    padding: 0px;
    background: #dcdcdc;
    border: none;
    padding: 2px 4px;
    text-align: center;
    color: var(--tw-gray-700);
}

.table2 .reseller
{
    color: var(--tw-gray-700);
    border: none;
    background: #e0e0ff !important;
}
.table2 .agent
{
    color: var(--tw-gray-700);
    border: none;
    background: #efefef !important;
}
.table thead th
{
    border-bottom: 1px solid var(--tw-gray-200) !important;
}

.table tbody tr:hover td
{
    background: rgba(186,204,249, 0.4) !important;
}

.table tbody tr.selected td
{
    background: #edf0d0 !important;
}