.cashout-container {
    border: 1px solid #D5D8E2;
    background-color: #C9C9D3;
    margin: 3px;
    border-radius: 3px;
    font-size: 11px;
	font-weight: bold;
}

.vertical_middle {
    vertical-align: middle;
}

.cashout-button {
    margin: 1px;
    border: 1px solid #FFC98E;
    outline: 1px solid #ED9830;
    border-radius: 3px;
    background: linear-gradient(to bottom, #ED9830, #ED7332);
    text-align: center;
    color: white;
    padding: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cashout-odds {
    color: #FFE700;
    margin-left: 3px;
}

.cashoutbp-container {
    border-top: 1px dashed #C8C4C3;
    margin: 2px;
    font-size: 10px;
}

.cashoutbp-box {
    margin: 3px;
}

.cashoutbp-row {
    display: flex;
    padding: 1px;
}

.cashoutbp-left {
    width: 50%;
    background-color: #C9C9D3;
    padding: 3px;
    margin-right: 2px;
}

.cashoutbp-right {
    width: 50%;
    text-align: right;
    background-color: #FFFFFF;
    padding: 3px;
}

.cashoutbp-co {
    font-weight: bold;
}

.cashoutbpbtn-row {
    display: flex;
    margin: 3px;
}

.cashoutbpbtn-left {
    margin-right: 4px;
    border: 1px solid #A4BFE6;
    outline: 1px solid #7A90B6;
    border-radius: 3px;
    background-color: #5E88C8;
    text-align: center;
    color: #FFFFFF;
    padding: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 50%;
}

.cashoutbpbtn-right {
    border: 1px solid #FBFCFC;
    outline: 1px solid #D1D1D2;
    border-radius: 3px;
    background-color: #FFFFFF;
    text-align: center;
    color: #000000;
    padding: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 50%;
}

.cashout-button-unavailable {
    opacity: 50%;
}

.cashout-button-pointer-none {
    pointer-events: none;
}

.cashout-odds-unavailable {
    color: #FFF;
    opacity: 65%;
}

.co_positive {
    color: #000;
}

.co_negative {
    color: Red;
}

.co_loading {
    border: 2px solid transparent;
    border-radius: 50%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 12px;
    height: 12px;
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
    cursor: none;
    pointer-events: none;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.icn-co {
    position: relative;
    top: -0.5px;
}