.button-container {
    position: relative;
    background: transparent;
    text-transform: none !important;
    font-size: 0.6rem;
    cursor: pointer;
}

div.button-container {
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: bold;
    height: 22px;
    padding: 0px 5px;
    border: 1px solid black;
    cursor: pointer;
    justify-content: center;
    align-content: center;
}

.button-container.cob_0 {
    background: #e2e2e2;
    color: #b9b9b9;
    cursor: not-allowed;
    border: 1px solid #b3b3b3;
}
.button-container.cob_1 {
    background: #317e1b;
    color: #d4eed1;

}

.button-container.cob_2 {
    background: #f4ca57;
    color: #ae553b;
    border: 1px solid #d8c088;
    margin-left: auto;
    width: 190px;
    justify-content: flex-end;
}

.button-container.cob_3 {
    background: #317e1b;
    color: #d4eed1;
}


.button-container.cob_4 {
    background: #d0fcab;
    cursor: not-allowed;
    border: 1px solid #8e8f91;
}


.button-container img {
    width: 15px !important;
    height: 15px !important;
/*    margin-right: 5px;*/
    padding: 0;
}

.button-container span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-cashout-confirm img {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 25px !important;
    height: 20px !important;
}

.cob_0 .btn-cashout-confirm,
.cob_1 .btn-cashout-confirm,
.cob_3 .btn-cashout-confirm,
.cob_4 .btn-cashout-confirm {
    display: none !important;
}

.cob_0 .loading_gif,
.cob_1 .loading_gif,
.cob_2 .loading_gif,
.cob_4 .loading_gif {
    display: none !important;
}

.cob_2 .btn-cashout-confirm {
    display: inline-block;
}

.cov_span{
    position:relative;
    top: 1px;
}

.cob_0 .cov_span {
    color: #b9b9b9;
}

.cob_1 .cov_span {
    color: yellow;
    font-weight: bold;
}

.cob_2 .cov_span {
    color: #2f7e1e;
    font-weight: bold;
}

.cob_3 .cov_span {
    color: yellow;
    font-weight: bold;
}

.cob_4 .cov_span {
    color: #52b361;
}


.CashOutSpan {
    position: relative;
    top: 1px;
}

.cob_0 .CashOutSpan {
    color: #b9b9b9;
}

.cob_1 .CashOutSpan {
    color: #fefefe;
}


.cob_2 .CashOutSpan {
    color: #a94c39;
}

.cob_3 .CashOutSpan {
    color: #fefefe;
}


.cob_4 .CashOutSpan {
    color: #137433;
}

/* Style for the feedback message container */
.feedback-message {
    position: fixed;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #28a745;
    color: white;
    padding: 15px 25px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: 9999;
    display: flex;
    justify-content: center; 
    align-items: center;
    flex-direction: column; 
}

.feedback-message p {
    margin: 0;  
}

@keyframes slideMessage {
    0% {
        top: -100px; 
        opacity: 0;
    }

    30% {
        top: 50%;
        opacity: 1;
    }

    70% {
        top: 50%;
        opacity: 1;
    }

    100% {
        top: -100px;
        opacity: 0;
    }
}
                      
.failure {
    background-color: #dc3545; 
}

.feedback-message.show {
    animation: slideMessage 5s forwards;
}

.valitdwarp {
    position: absolute;
    z-index: 999999999;
}

    .valitdwarp .msgBox {
        font-size: 14px;
        white-space: nowrap;
        word-wrap: normal;
        vertical-align: baseline;
        outline: none;
        cursor: pointer;
        text-decoration: none;
        font: 14px/100%;
        padding: 6px;
        background: #eee;
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        -o-border-radius: .2em;
        -ms-border-radius: .2em;
        border-radius: .2em;
    }

    .valitdwarp .msgTxt {
    }

input.vali-inp-err, textarea.vali-inp-err {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}