body {
    color: rgb(32, 33, 32);
    --sp-yellow: rgb(19, 128, 94);
    text-shadow: none;
    --sp-bg-surface: rgb(80, 80, 80, 0.3) !important;
    --sp-bg-surface-tertiary: rgb(56, 56, 56) !important;
    --sp-table-striped-bg: rgb(0 0 0 / 2%) !important;
    background: linear-gradient(to right, #eee 50%, #eee 50%) !important;

}

.light-logo {
    display: inline;
}

.dark-logo {
    display: none;
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
    --sp-offcanvas-color: rgb(0, 0, 0) !important;
    --sp-offcanvas-bg: rgb(255, 255, 255) !important;
}

.bg-nav4 {
    background-color: #eee !important;
}

.border-right {
    border-right: var(--sp-border-width) var(--sp-border-style) rgba(4, 32, 69, .14) !important;
}

.border-left {
    border-left: var(--sp-border-width) var(--sp-border-style) rgba(4, 32, 69, .14) !important;
}

.list-group-item {
    border-bottom: 1px solid rgb(0, 0, 0, 0.05) !important;
}

.text-body {
    color: rgb(0, 20, 30) !important;
}

.text-muted {
    color: rgb(102, 102, 102) !important;
}

a {
    color: rgb(0, 20, 30) !important;
}

a:hover {
    color: rgb(0, 146, 66) !important;
}

.list-group-item:focus,
.list-group-item:hover {
    background-color: rgb(0, 0, 0, 0.02) !important;
}

.bg-nav {
    background: rgb(255, 255, 255) !important;
}

.table {
    margin-bottom: 0rem !important;
    --sp-table-border-color: rgb(0, 0, 0, 0.05) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

.markdown>table,
.table {
    --sp-table-hover-bg: rgb(249, 249, 249);
    color: rgb(0, 0, 0) !important;
}

.table .TeamTd {
    color: rgb(0, 0, 0) !important;
}

.markdown>table thead th,
.table thead th {
    color: rgb(20, 100, 70);
    background: #f5f5f5;
}

.markdown>table> :not(caption)>*>*,
.table> :not(caption)>*>* {
    background-color: rgb(255, 255, 255);
}


.table>tbody>tr:hover>* a {
    color: #13805e;
    text-decoration: none;
}

.table>tbody>tr:hover .btn-per,
.table>tbody>tr:hover .btn-text,
.table>tbody>tr:hover .btn-result {
    background-color: #f7d43c !important;
    color: #000 !important;
}



.accordion-header {
    border-top: 3px solid #009688!important;
        position: relative;
    overflow: hidden;
}

.accordion-button {
    text-align: center !important;

    color: rgb(0, 0, 0) !important;
            position: relative;
    overflow: hidden;
    padding: 24px!important;
}

.accordion-button:hover {
    color: #009688 !important;
}


.accordion-body{
position: relative!important;
overflow: hidden!important;
}


.icon {
    color: #bbb;
}

.gr {
    color: rgb(85, 94, 97) !important;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active {
    color: rgb(47, 133, 102) !important;
    background-color: rgb(255 255 255 / 58%) !important;
}

.btn-per.active,
.btn-per:hover {
    background: rgb(19, 128, 94) !important;
    color: rgb(255, 255, 255) !important;
}

.btn-per {
    background: rgb(240, 240, 240) !important;
    color:#444 !important;
}
.scrollmenu {
    background-color: #fff !important;
    }
.scrollmenu a {
    color: rgb(0, 0, 0) !important;
    background: #eee !important;
    border-top: 1px solid rgb(238, 238, 238) !important;
    border-bottom: 1px solid rgb(238, 238, 238) !important;
}

.scrollmenu a:hover {
    color: rgb(0, 0, 0) !important;
    background-color: #f7d43c !important;
}

.scrollmenu .active {
    color:rgb(255, 255, 255) !important;
    background-color: #009688 !important;
}

.breadcrumb-right::before {
    color: rgba(0, 0, 0, 0.2) !important;
}

ul.custom-repeater li {
    padding: 0.4rem 0.2rem;
    background: rgb(0, 0, 0, 0.04);
    border-radius: 4px;
    margin: 0.4rem 0px;
    border-top: 1px solid rgb(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2) !important;
}

ul.custom-repeater li:hover {
    cursor: pointer;
    background: rgb(0 0 0 / 6%) !important;
}

.btn-dark {
    background: #eee;
    --sp-btn-bg: rgb(255, 255, 255, 0.1) !important;
    --sp-btn-hover-color: rgb(255, 255, 255) !important;
    --sp-btn-hover-bg: rgb(19, 128, 94) !important;
    color: #555e61 !important;
}

.btn-dark:hover {
    color: rgb(255, 255, 255) !important;
    background: rgb(19, 128, 94) !important;
}

.btn-dark.active {
    color: rgb(255, 255, 255) !important;
    background: rgb(19, 128, 94) !important;
}

.bg-light-lt {
    color: rgb(200, 52, 73) !important;
}

.bg-light-lt a {
    color: rgb(200, 52, 73) !important;
}

.bg-nav2 {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-size: 0.9rem;
}

.bg-nav5 {
    background-color: #fff !important;
}
.bg-nav6 {
    background-color: #007575 !important;
}

.form-select {
    --sp-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    border: 1px solid rgb(0, 0, 0, 0.15) !important;
}

.hr-text {
    color: rgb(0, 0, 0) !important;
}

.hr-text::after,
.hr-text::before {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.btn-tab {
    background: rgb(238, 238, 238);
    color: rgb(0, 0, 0) !important;
}

.btn-tab:hover {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(19, 128, 94) !important;
}

.content-bottom:active,
.content-bottom:focus,
.content-bottom:hover {
    background-color: rgb(0, 0, 0, 0.05) !important;
    cursor: pointer;
}

::-webkit-scrollbar-thumb {
    border: 10px solid rgb(0, 0, 0, 0.3) !important;
}

.border-top-2 {
    border-top: 2px solid rgb(0, 0, 0, 0.09) !important;
}

.border-bottom {
    border-bottom: 1px solid rgb(0, 0, 0, 0.15) !important;
}

.border-top {
    border-top: 1px solid rgb(0, 0, 0, 0.15) !important;
}

.TableActive {
    background-color: rgb(255, 251, 220) !important;
}

.v {
    color: rgb(200, 52, 73) !important;
}

.color {
    color: rgb(213 0 0);
    font-weight: 600;
}

.text-seo {
    color: rgb(0, 20, 30) !important;
    font-size: 0.85rem !important;
}

.btn-per.active,
.btn-per:hover {
    background-color: #009688 !important;
    color: #fff !important;
}

.btn-0, .btn-10, .btn-20, .btn-30, .btn-40 {
    background: #f0f0f0 !important;
    color: #444 !important;
}

.btn-50, .btn-60, .btn-70 {
    background: #ddf3ed !important;
    color: #00845a !important;
}

.btn-80 {
    background: #ABE1D2 !important;
    color: #00845a !important;
}

.btn-90 {
    background: #009688 !important;
    color: #fff !important;
}



.match-table {

    overflow: hidden;
}
.match-row td {
    padding:0rem;
}

.odds-box {
    background-color: #eee;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    color: #00141e;
    font-size: 0.65rem;
    width: 36px;
}

.team-logo {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

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

.match-link {
    text-decoration: none;
    color: #444!important;
    display: block;
    padding: 10px 0px;
    font-size: 12px !important;
    font-weight: 600;
}

.match-link:hover {
    color: rgb(0, 146, 66) !important;
}




.sticky-col2 {
    position: sticky;
    left: 0;
    z-index: 2;
}

th.sticky-col2 {
    z-index: 3;
    background: #f5f5f5!important;
}


.form-control {
    border: var(--sp-border-width) solid #ddd!important;
}