@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");

body {
    font-family: "Jost", sans-serif;
}

a{
    text-decoration: none !important;
}

.bg-yellow {
    background-color: #ffc000 !important;
}

.bg-gray{
    background: #6c6c6c;
}

.bg-gray-lite{
    background: #d4d4d4;
}

.fs-11{
    font-size: 11px !important;
}

.fsb-12 {
    font-size: 12px !important;
    font-weight: bold !important;
}

.btn-yellowin-yellow {
    background: #ffc000;
    border: #000 2px solid;
}

.btn-yellowin-yellow:hover {
    background: #000;
    color: #ffc000;
    border: #ffc000 2px solid;
}

.active-pick {
    background-color: #000 !important;
    border: 2px solid #ffcb05 !important;
    color: #ffcb05 !important;
}

.active-pick-inv {
    background-color: #ffcb05 !important;
    border: 2px solid #000 !important;
    color: #000 !important;
}

.pick-completed {
    padding: 10px;
    border-radius: 0.4rem;
    background-color: #ffcb05 !important;
    border: 2px solid #000 !important;
    color: #000 !important;
}

.terms-table tr {
    border: 2px solid #fca900 !important;
}

.w-33 {
    width: 33% !important;
}

.w-120px{
    width: 120px !important;
}

.br-7 {
    border-radius: 7px;
}

.br-10 {
    border-radius: 10px !important;
}

.br-15 {
    border-radius: 15px;
}

.br-30 {
    border-radius: 30px;
}

.br-35 {
    border-radius: 35px !important;
}

.br-99{
    border-radius: 99px !important;
}

.match-timer {
    font-weight: bold !important;
    color: #ffcb05 !important;
}

.w-20 {
    width: 20% !important;
}

.w-80 {
    width: 80% !important;
}

.predictor-input {
    /* border-radius: 25px; */
    background: #ffffff;
    border: #000 2px solid;
}

.mtn-black-outline {
    color: #000;
    border: solid #000 2px;
}

.garea {
    height: 65vh;
    overflow: scroll;
}

.mtn-black-bg,
.mtn-black-bg:hover,
.nav-pills .nav-link.active {
    color: #ffc805;
    background: #000;
}

.mtn-yellow-bg,
.mtn-yellow-bg:hover,
.nav-pills .nav-link {
    background: #ffc805;
    color: #000;
}

.score-input {
    height: 26px;
    width: 55px;
}

.dropdown-menu {
    background-color: #f1b905;
}

.fs-13 {
    font-size: 13px;
}

.text-live-timer {
    color: #28a745;
    font-size: 13px;
    font-weight: 700;
}

.br-20 {
    border-radius: 20px !important;
}

.col-md-2 {
    -ms-flex: 0 0 16.666667% !important;
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important;
    width: 16.666667% !important;
}

.col-md-5 {
    -ms-flex: 0 0 41.666667% !important;
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
    width: 41.666667% !important;
}

.col-md-7 {
    -ms-flex: 0 0 58.333333% !important;
    flex: 0 0 58.333333% !important;
    max-width: 58.333333% !important;
    width: 58.333333% !important;
}

.mtn-black-bg,
.mtn-black-bg:hover {
    color: #ffc805;
    background: #000;
}

.mtn-yellow-bg,
.mtn-yellow-bg:hover {
    color: #000;
    background: #ffc805 !important;
}

.bg-black {
    background: #000 !important;
}

.winTb:not(:first-child) {
    height: 100px;
}

.winTb:nth-child(odd) {
    background-color: #000;
    color: #ffc805 !important;
}

.soka-yellow{
    color: #ffc000 !important;
}

.bg-soka-gray{
    background: #333435;
}

.winners-list>:nth-child(odd){
    background: #eee;
}

.soka-yellow-border{
    border: 2px #ffc000 solid !important;
    border-radius: 10px;
    color: #ffc000;
}

.btn-soka{
    color: #ffc000;
    border: #ffc000 2px solid;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
}

.btn-soka:hover, .supaoutcomeselected{
    background: #ffc000 !important;
    color: #000;
    border: #ffc000 2px solid;
}

.sweet-alert{
    background: #ffc000 !important;
}

.sa-confirm-button-container > .confirm{
    background: #000 !important;
    border-radius: 50px;
}

.sweet-alert .sa-icon.sa-error .sa-line{
    background-color: red !important;
}

.sweet-alert .sa-icon.sa-error {
    border-color: red !important;
}

.row{
    padding-right: 7px;
    padding-left: 7px;
}

.row>* {
    padding-right: 7px;
    padding-left: 7px;
}

.col-lg-4{width:33.33333333%}

.fs-16{
    font-size: 16px !important;
}

.fs-25{
    font-size: 25px !important;
}

.pointer-cursor {
    cursor: pointer !important;
}

.bg-yellofc{
    background: #ffc000;
}

.text-yellofc{
    color: #ffc000;
}

@media (max-width:992px){
    .fs-16{
        font-size: 13px !important;
    }    
}