@media (max-width: 576px) {
    .display-2 {
        font-size: 2.1875rem;
        font-weight: 600;
        line-height: 1.5;
    }

    .display-3 {
        font-size: 1.6275rem;
        font-weight: 600;
        line-height: 1.5;
    }

    .display-4 {
        font-size: 1.25rem;
        font-weight: 600;
    }

    .text-lg {
        font-size: 1rem !important;
    }

    .btn-md {
        padding: .375rem 1rem;
    }

    .card {
        margin-right: -15px;
        margin-left: -15px;
    }

    .card.shadow {
        border: none;
    }

    .card-header {
        width: 100%;
    }

    .nav-wrapper {
        margin-right: -5px;
        margin-left: -10px;
    }

    .text-mobile-sm {
        font-size: .875rem !important
    }

    .text-mobile-xs {
        font-size: .75rem !important
    }

    .text-mobile-xss
    {
        font-size: .65rem !important;
    }

    .custom-toggle {
        width: 44px !important;
        height: 1.25rem !important;
    }

    .custom-toggle-slider:before {
        bottom: 1px !important;
        width: 16px !important;
        height: 16px !important;
    }

    .custom-toggle input:checked + .custom-toggle-slider:before {
        transform: translateX(1.425rem) !important;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #525f7f !important;
        padding: .45rem .25rem !important;
    }

    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #172b4d !important;
    }

    .navbar-dark .navbar-nav .nav-link:focus-visible {
        outline: none !important;
    }
}

.tab-pane > .fixture-team-card {
    border: none;
    border-radius: 0;
}

.text-break {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.text-xss
{
    font-size: .65rem !important;
}

.text-brown {
    color: #964b00 !important;
}

.text-orange-light {
    color: #ffab1b !important;
}

.bg-orange-light {
    background-color: #ffab1b !important;
}

.alert-orange-light {
    background-color: #ffab1b !important;
}

.alert-yellow {
    background-color: #ffd600 !important;
}

.text-autosize-container {
    white-space: nowrap !important;
}

/*.nav-wrapper .nav-item {*/
/*    padding-right: 1rem !important;*/
/*}*/

.nav-link.disabled {
    color: #8898aa !important;
    cursor: default;
}

.container-md
{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px)
{
    .container-md
    {
        max-width: 720px;
    }
}
@media (min-width: 992px)
{
    .container-md
    {
        max-width: 960px;
    }
}
@media (min-width: 1200px)
{
    .container-md
    {
        max-width: 1140px;
    }
}

td.clickable, th.clickable {
    padding: 0 !important;
}

th.clickable > a {
    padding: .75rem 1.5rem;
    display: block;
    width: 100%;
    height: 100%;
}

td.clickable > a {
    padding: 1rem 1.5rem;
    display: block;
    width: 100%;
    height: 100%;
}

.pointer {
    cursor: pointer;
}

.display-1.font-weight-bold span,
.display-2.font-weight-bold span,
.display-3.font-weight-bold span,
.display-4.font-weight-bold span {
    font-weight: 400;
}

.py-2_5 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.px-2_5 {
    padding-left: .75rem;
    padding-right: .75rem;
}

@media (min-width: 768px) {
    .py-md-2_5 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important;
    }

    .px-md-2_5 {
        padding-left: .75rem !important;
        padding-right: .75rem !important;
    }
}


.player-photo {
    width: 6rem;
}

@media (min-width: 768px) {
    .player-photo {
        width: 8rem !important;
    }
}


/* Picks list */
.picks-list {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    list-style: none;
}

.picks-list li {
    margin-bottom: .5rem;
}

.picks-list .picks-list-points {
    font-weight: 600;
    display: inline-block;
    min-width: 1.25rem;
}

@media (min-width: 768px) {
    .picks-list .picks-list-points {
        min-width: 1.5rem;
    }
}

.picks-list .picks-list-teamplay-multiplier {
    min-width: 1.25rem;
}

@media (min-width: 768px) {
    .picks-list .picks-list-teamplay-multiplier {
        min-width: 1.5rem;
    }
}

.picks-list.rtl li {
    text-align: right !important;
}

.picks-list.rtl .picks-list-points {
    float: right !important;
}

.picks-list.rtl .picks-list-teamplay-multiplier {
    float: right !important;
}


.fixture-head {
    top: 4.5rem;
    z-index: 1000;
}

@media (max-width: 576px) {
    .fixture-head {
        top: 4.5rem;
    }
}

.fixture-title-home, .fixture-title-away, .fixture-title-score {
    display: inline-block !important;
}

.fixture-title-centered {
    width: 100%;
}

.fixture-title-centered > .fixture-title-home, .fixture-title-centered > .fixture-title-away {
    width: 30%;
}

.fixture-title-centered > .fixture-title-home {
    text-align: right;
}

.fixture-title-centered > .fixture-title-away {
    text-align: left;
}

.fixture-title-centered > .fixture-title-score {
    text-align: center;
}

.fixture-title-centered.display-3 > .fixture-title-score {
    min-width: 2rem;
}

.fixture-title-score-inner {
    gap: .25rem;
    padding: 0 .125rem 1px .125rem;
    height: 25px;
}


.fixture-row {
    -webkit-transition: background-color .15s linear;
    -ms-transition: background-color .15s linear;
    transition: background-color .15s linear;
}

.mobile-menu {
    z-index: 1100 !important;
}

.mobile-menu .mobile-menu-link {
    padding: .5rem .2rem .75rem;
}

.mobile-menu .mobile-menu-link-dropdown:focus {
    color: #f7fafc !important;
}

.mobile-menu .mobile-menu-link .mobile-menu-link-text {
    display: block;
    font-size: .8rem;
}

.player-modal .modal-dialog {
    max-width: 600px;
}

.player-modal .tab-body-current-fixture,
.player-modal .tab-body-picks,
.player-modal .tab-body-stats {
    max-height: calc(100vh - 310px);
    overflow-y: auto;
}

.player-modal .tab-body-fixtures {
    max-height: calc(100vh - 363px);
    overflow-y: auto;
}

.player-modal .is-not-ok .tab-body-current-fixture,
.player-modal .is-not-ok .tab-body-picks,
.player-modal .is-not-ok .tab-body-stats {
    max-height: calc(100vh - 385px);
    overflow-y: auto;
}

.player-modal .is-not-ok .tab-body-fixtures {
    max-height: calc(100vh - 418px);
    overflow-y: auto;
}

@media (max-width: 767px) {
    .player-modal .modal-content {
        max-height: calc(100vh - 10px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .player-modal .player-photo {
        max-height: 7rem;
        object-fit: cover;
        object-position: top;
    }

    .player-modal .tab-body-current-fixture,
    .player-modal .tab-body-picks,
    .player-modal .tab-body-stats {
        max-height: calc(100vh - 225px);
        overflow-y: auto;
    }

    .player-modal .tab-body-fixtures {
        max-height: calc(100vh - 267px);
        overflow-y: auto;
    }

    .player-modal .is-not-ok .tab-body-current-fixture,
    .player-modal .is-not-ok .tab-body-picks,
    .player-modal .is-not-ok .tab-body-stats {
        max-height: calc(100vh - 285px);
        overflow-y: auto;
    }

    .player-modal .is-not-ok .tab-body-fixtures {
        max-height: calc(100vh - 347px);
        overflow-y: auto;
    }
}

.dataTables_scrollBody, .table.dataTable.no-footer {
    border-bottom: none !important;
}


/* TEMP MIGRATE TO BLACK THEME */

.bg-primary {
    background-color: rgb(31, 41, 55) !important;
    border-color: rgb(75, 85, 99) !important;
}

.bg-primary-light {
    background-color: rgb(55, 65, 81) !important;
}

.alert-primary, .btn-primary, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
    background-color: rgb(55, 65, 81) !important;
    border-color: rgb(75, 85, 99) !important;
}

.badge-primary {
    background-color: rgb(75, 85, 99) !important;
    color: #fff;
}

a {
    color: rgb(55, 65, 81);
}

a:hover {
    color: rgb(31, 41, 55);
}

.nav-pills .nav-link.active {
    color: #fff;
}
.nav-pills .nav-link.active:hover {
    color: #fff;
    background-color: rgb(75, 85, 99) !important;
}

.nav-pills .nav-link {
    color: rgb(82, 95, 127);
}
.nav-pills .nav-link:hover {
    color: rgb(55, 65, 81);
}

.nav-link.disabled, .nav-link.disabled:hover {
    color: #adb5bd;
}


:focus-visible {
    outline: none !important;
}


.feedback-modal .modal-dialog {
    max-width: 700px;
    top: 40px;
}

.feedback-modal .form-text {
    margin: 10px;
}

@media (min-width: 576px) {
    .feedback-modal .modal-dialog {
        max-width: 700px;
    }
}