.bg-orange-tbg{
    background-color: #fb0184 !important;
}
.bg-red-tbg{
    background-color: #a8021b !important;
}
.bg-dark-tbg{
    background-color: #101924 !important;
}
.bg-light-skyblue-tbg{
    background-color: #e0eaf5 !important;
}
.bg-success-tbg{
    background-color: #61ecc7 !important;
}


.text-orange-tbg{
    color: #fb0184 !important;    
}
.text-red-tbg{
    color: #a8021b !important;
}
.text-dark-tbg{
    color: #101924 !important;
}
.text-light-skyblue-tbg{
    color: #e0eaf5 !important;
}
.text-success-tbg{
    color: #61ecc7 !important;
}

/* play page input box css */
.input_5 {
    width: 5%;
}

.input_10 {
    width: 10%;
}

.input_16 {
    width: 16%;
}

.input_20 {
    width: 20%;
}

.input_23 {
    width: 23%;
}

.input_25 {
    width: 25%;
}

.input_30 {
    width: 30%;
}

.input_40 {
    width: 40%;
}

.input_50 {
    width: 50%;
}

.input_60 {
    width: 60%;
}

.input_70 {
    width: 70%;
}

.input_80 {
    width: 80%;
}

.input_90 {
    width: 90%;
}

.input_100 {
    width: 100%;
}

#play_page input {
    border: 1px solid #dbdfea;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 1px;
    height: 30px;
    text-align: center;
}
#play_page select {
    border: 1px solid #dbdfea;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 1px;
    height: 30px;
}

.fix_select {
    border: 1px solid #dbdfea !important;
    border-radius: 4px !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    margin: 1px !important;
    height: 35px !important;
    display : initial !important;
}

.err-border-tbg{
    border-color: #a8021b !important;
}

#main_form_div{
    height: 350px; /* Set the fixed height */
    overflow:scroll !important;
    display: unset !important;
}
hr{
    margin: 0.5rem 0 !important;
}

.play_btn
{
    width: 100%;
    align-items: center;
    text-align: center;
    place-content: center;   
    border-radius: 4px;    
    height: 30px;
}
.yantra-game-dashboard-img{
    justify-content: center !important;
    align-items: center !important;
    padding-right: unset !important;
    /* padding: 5px !important; */
}
.justify-content{
    justify-content: center !important;
    align-items: center !important;
}
.yantra-game-dashboard-content{
    justify-content: center !important;
    align-items: center !important;
    padding-left: unset !important;
    /* padding: 5px !important; */
}
.yantra-game-dashboard-content h4{
    padding: unset !important;
    margin: unset !important;
    padding-top: 10px !important;
    line-height: 0.5;
}
.yantra-game-dashboard-content .span-minute{
    font-weight: bold;
    font-size: 20px;    
    padding: unset !important;
    margin: unset !important;    
    line-height: 1.5 !important;
}
.yantra-game-dashboard-content .span-minute-title{
    font-weight: bold;
    font-size: 14px;    
    padding: unset !important;
    margin: unset !important;    
    line-height: 0 !important;
}
.game_section .card.bg-orange-tbg{border-radius: 4px;}
.game_section .card-inner{padding: 0.2rem;}
.game_section .text-center{display: inline-flex;}
.game_section p { font-size: 0.9rem; font-weight: bolder;}
/* Change the placeholder text color */
.all_game_section::placeholder {
    color: #101924 !important; /* Replace with your desired color */
    font-size: 12px;    
}
.all_game_section{
    border-radius: unset !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.remove-border-radious{
    border-radius: unset !important;
}

.input-form-game-div{
    justify-content: center !important;
    align-items: center !important;
    padding: 5px !important;
}
.input-form-game-div .card{
    justify-content: center !important;
    align-items: center !important;   
}
.input-form-game-div img{
    width: 60%;    
}
.svg-height{
    height: unset !important;
}


/* timer css */
.base-timer {
    position: relative;
    width: 100%;
    /* height: 4.5em; */
}

.base-timer__svg {
    transform: scaleX(1);
}

.base-timer__circle {
    fill: none;
    stroke: none;
}

.base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: white;
}

.base-timer__path-remaining {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}

.base-timer__path-remaining.arc {
    color: #fb0184;
}

.base-timer__label {
    position: relative;
    width: 0px;
    height: 0px;
    top: -2.7rem;
    right: -50%;
    display: flex;
    align-items: center;   
    font-size: 2.3em;
    color:white;
    justify-content: center !important;    
}
svg{
    height:100%;
    max-height: 100%;
}
.blink_me {
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.active_border{
    border-color: #fb0184 !important;
}