svg {
    height: auto;
    vertical-align: middle;
}

svg.theme-fill {
    color: #283252;
    fill: #283252;
}

body.is-dark svg.theme-fill {
    color: #A9ABAC;
    fill: #A9ABAC;
}

body .navbar-separator {
    height: 38px;
    width: 2px;
    border-right: 1px solid #e3e3e3;
    margin: 0;
}

body.is-dark .navbar-separator {
    border-color: #404046;
}

table td {
    vertical-align: middle;
}

body.is-dark input:-webkit-autofill,
body.is-dark input:-webkit-autofill:hover,
body.is-dark input:-webkit-autofill:focus,
body.is-dark textarea:-webkit-autofill,
body.is-dark textarea:-webkit-autofill:hover,
body.is-dark textarea:-webkit-autofill:focus,
body.is-dark select:-webkit-autofill,
body.is-dark select:-webkit-autofill:hover,
body.is-dark select:-webkit-autofill:focus {
    border: 1px solid rgb(100, 100, 100);
    -webkit-text-fill-color: #aaaab3;
    -webkit-box-shadow: 0 0 0 1000px rgb(55, 55, 59) inset;
    transition: background-color 5000s ease-in-out 0s;
}

@media all and (max-width:767px)
{
    .page-content-inner {
        padding-top: 10px;
    }
}

.header-title-separator {
    background-color: rgb(203,203,203);
    width: 46px;
    height: 2px;
    margin-top: 8px;
}

body.is-dark .header-title-separator {
    background-color: rgb(100,100,100);
}

@media all and (max-width: 767px)
{
    .is-form {
        padding-top: 70px !important;
    }
}

.toast-message {
    color: white !important;
}


hr {
    background-color: rgb(229,229,229);
    border: none;
    display: block;
    height: 1px;
    margin: 1.5rem 0;
}

body.is-dark hr {
    background-color: rgb(54,54,58);
}

body.is-dark hr.light {
    background-color: rgb(62,62,68);
}

a {
    color: #3273dc;
    transition: color 0.2s;
}

a:hover {
    color: rgb(80, 145, 250);
}

.user-grid.user-grid-v4 .grid-item h3 {
    font-family: "Montserrat",sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
}

svg {
    width: 16px;
}

svg.feather {
    width:16px;
    overflow: hidden;
    vertical-align: middle;
}

#manage-filter-bg {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    background-color: white;
}

body.is-dark #manage-filter-bg {
    background-color: #323236;
}

.loader {
    border: 2px solid rgb(180,180,180);
    border-right-color: transparent;
    border-top-color: transparent;
}

body.is-dark .loader {
    border: 2px solid #dbdbdb;
    border-right-color: transparent;
    border-top-color: transparent;
}

body.is-dark .table>thead>tr>th {
    color: #aaaab3;
    border-bottom: 2px solid #404046;
}

body.is-dark .table td, body.is-dark .table th {
    border-color: #404046;
}

#toast-container>div {
    opacity: 0.96;
}

#toast-container>div:hover {
    opacity: 1;
}

.premium-panel-border-right {
    border-right: 1px solid rgb(220,220,220);
    padding: 14px 20px;
}

.premium-panel-title {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Roboto',sans-serif;
    margin-top:6px;
    text-align: left;
}

@media all and (max-width: 768px) {
    .premium-panel-border-right {
        border-right: 0;
        border-bottom: 1px solid rgb(220,220,220);
        padding:10px;
    }

    .premium-panel-title {
        font-size: 1.5rem;
    }
}

.columns .premium-panel-border-right:last-child {
    border:0;
}



body.is-dark .premium-panel-border-right {
    border-color: #404046;
}

.select select:not([multiple]) {
    padding-right: 2em;
}

.input:focus, .textarea:focus {
    border-color: #3498db !important;
}

body.is-dark .h-icon {
    color: rgb(250,250,250);
}

.tabs-inner .tabs li.disabled, .vertical-tabs-wrapper .tabs li.disabled {
    pointer-events: none;
    opacity: 0.8;
}

.table-odds tr td.active {
    background-color: rgba(24,138,226,0.7) !important;
    color: white;
}

body.is-dark .table-odds tr td.active {
    background-color: rgba(52, 152, 219,0.9) !important;
    color: white;
}

.condition-item svg {
    flex-shrink: 0;
}

.conditions-background-live {
    background-color: #fffceb;
    box-shadow: 0 0 0 1.4px #ede4ad;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.conditions-background-prematch {
    background-color: #e1fcf4;
    box-shadow: 0 0 0 1.4px #b6e3d5;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.conditions-background-custom {
    background-color: #e5f4fa;
    box-shadow: 0 0 0 1.4px #cde9f5;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}


body.is-dark .conditions-background-live {
    background-color: #4a4521;
    box-shadow: 0 0 0 1.4px #676139;
}

body.is-dark .conditions-background-prematch {
    background-color: #304f45;
    box-shadow: 0 0 0 1.4px #47675d;
}

body.is-dark .conditions-background-custom {
    background-color: #324657;
    box-shadow: 0 0 0 1.4px #335168;
}


.momentum-fieldset {
    border: 1px solid rgb(230,230,230);
    border-radius: 6px;
    padding: 8px 22px;
}

.momentum-fieldset legend {
    font-weight: 600;
    font-size: 18px;
    padding:0 14px;
    font-style:italic;
}

body.is-dark .momentum-fieldset {
    border-color: #494b54;
}

body.is-dark .momentum-fieldset legend {

}



.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top:2px;
}

.select2-container .select2-selection--single {
    height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    color: #aaaab3;
}

body.is-dark .select2-container--default .select2-selection--single {
    background-color: #2d2d30;
    border-color: #404046;
    color: #aaaab3;
}

body.is-dark .select2-dropdown {
    background-color: #2d2d30;
    border: 1px solid #404046;
}

body.is-dark .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #2d2d30;
    border-color: #404046;
    border-radius: 3px;
    height:32px;
    line-height:32px;
    transition: all 0.2s;
    color: #aaaab3;
    outline: none;
}

body.is-dark .select2-container--default .select2-search--dropdown .select2-search__field:focus, body.is-dark .select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    border-color: #3498db!important;
    outline: none;
}

body.is-dark .select2-container--default .select2-results__option--selected {
    background-color: #2d2d30;
}

body.is-dark .select2-container--default .select2-results__group {
    color: white;font-size: 16px;
    font-weight:600;
}

body.is-dark .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3498db;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px !important;
}

.select2-container {
    max-width: 70vw;
}

.select2 {
    display: block;
    max-width: 420px;
}


.winstrike-winrate-chart-container {
    display: flex;align-items: flex-start;padding:10px 0;
}

.winstrike-winrate-chart-container > div:nth-child(1) {
    width: 35%;padding-right:20px;
}

.winstrike-winrate-chart-container > div:nth-child(2) {
    width: 75%;padding-left: 20px;
}

.winstrike-winrate-chart {
    flex-grow: 1;
}

.winstrike-winrate-align {
    display: flex;align-items: center;
}

@media all and (max-width: 700px) {
    .winstrike-winrate-chart-container {
        flex-wrap: wrap;
    }

    .winstrike-winrate-chart-container > div:nth-child(1) {
        width: 100%;padding-bottom:20px;
    }

    .winstrike-winrate-chart-container > div:nth-child(2) {
        width: 100%;
    }

    .winstrike-winrate-chart {
        flex-grow: 0;
        max-width:105px;
    }

    .winstrike-winrate-align {
        justify-content: center;
    }
}

.winstrike-match-container {
    display: flex;justify-content: space-between;align-items: center
}

.winstrike-match-actions {
    display: flex;align-items: center;gap: 15px;
}

.winstrike-match-separator {
    height:62px;width:1px;background: rgb(122,122,122);
}

body.is-dark .winstrike-match-separator {
    background: rgb(42,42,42);
}

@media all and (max-width: 700px) {
    .winstrike-match-container {
        justify-content: flex-start;
        flex-direction: column;
    }

    .winstrike-match-container > div:nth-child(1) {
        align-self: flex-start;
    }

    .winstrike-match-container > div:nth-child(2) {
        margin-top: 12px;
    }

    .winstrike-match-actions {
        flex-wrap: wrap;
        gap: 10px;
    }

    .winstrike-match-separator {
        height:1px;width:1px;background: none;
        flex-basis: 100%;
    }
}


.donut-chart {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}
.donut-chart .slice {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.donut-chart .chart-center {
    position: absolute;
    border-radius: 50%;
}
.donut-chart .chart-center span {
    display: block;
    text-align: center;
}

.donut-chart.chart1 {
    width: 30px;
    height: 30px;
    background: rgb(255,180,0);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.donut-chart.chart1 .slice.two {
    clip: rect(0 15px 30px 0);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    background: rgb(1,189,255);
}
.donut-chart.chart1 .chart-center {
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    background: white;
    color: rgb(80,80,80)
}



body.is-dark .donut-chart.chart1 .chart-center {
    background: #323236;
    color: #a9abac;
}



.inAppChart {
    margin: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXY3B3d/8PAAODAdWUPC4yAAAAAElFTkSuQmCC') repeat-x;
    background-position: center;
    background-color: rgb(57,57,57);
}
.inAppChart-home {
    margin: 2px 0 0 0;
    background-color: rgb(77,77,77);
}
.home-off_target {
    position:absolute;
    top:6px;
    width:6px;
    height:6px;
    border-radius:6px;
    border: 1px solid rgb(10,10,10);
    background-color:rgb(255,180,0);
    display: none;
    z-index:99;
}
.home-on_target {
    position:absolute;
    top:4px;
    width:10px;
    height:10px;
    border-radius:10px;
    border: 1px solid rgb(10,10,10);
    background-color:rgb(255,180,0);
    margin-left:2px;
    display: none;
    z-index:100;
}
.home-goal {
    position:absolute;
    top:2px;
    width:15px;
    height:15px;
    background: url(/assets/dist/images/app/goal.png);
    background-size:cover;
    background-repeat:no-repeat;
    display: none;
    z-index:101;
}

.inAppChart-away {
    margin: 0;
    background-color: rgb(77,77,77);
}
.away-off_target {
    position:absolute;
    top:6px;
    width:6px;
    height:6px;
    border-radius:6px;
    border: 1px solid rgb(10,10,10);
    background-color:rgb(1,189,255);
    display: none;
    z-index:99;
}
.away-on_target {
    position:absolute;
    top:4px;
    width:10px;
    height:10px;
    border-radius:10px;
    border: 1px solid rgb(10,10,10);
    background-color:rgb(1,189,255);
    margin-left:2px;
    display: none;
    z-index:100;
}
.away-goal {
    position:absolute;
    top:2px;
    width:15px;
    height:15px;
    background: url(/assets/dist/images/app/goal.png);
    background-size:cover;
    background-repeat:no-repeat;
    display: none;
    z-index:101;
}

.bg-separator {
    background: #e5e5e5;
}

body.is-dark .bg-separator {
    background: #36363a;
}

[data-filter-export-condition].active {
    background: rgba(24,138,226,.14)!important;
}

body.is-dark [data-filter-export-condition].active {
    background: rgba(52,152,219,.3)!important;
}