/* Utilities ======================================================== */
.align-center {
    display: flex; 
    align-items: center;  /*Aligns vertically center */
}

/* REQUEST_WITHDRAW ================================================= */

.card-stats {
    padding: 2%;
    font-size: 110%;
}

.card-footer {
    background-color: white;
}

.numbers p {
    margin-bottom:-.2%;
    color: rgb(134, 134, 134);
}
#balance-value {
    font-size: 250%;
    color: rgb(112, 204, 112);
}
#div-form-request {
    margin-bottom: 2%;
}
#btn-debit, #basic-addon1 {
    border-radius: 0;
}
#icon-cash {
    font-size: 250%;
    color: rgb(112, 204, 112);
}

/* NAVBAR =========================================================== */
#balance_int {
    color: rgb(112, 204, 112);
    font-size: 120%;
}
#balance_cents  {
    color: rgb(112, 204, 112);
}
#navbar-text {
    font-weight: 200;
    color: rgb(134, 134, 134);
    font-size: 200%;
    margin-right: 5%;
}


/* NAVBAR_TICKET =================================================== */
#btn-show-keyboard-ticket, #btn-close-game {
    height: 100px;
    width: 200px;
    color: white;
    font-weight: lighter;
    font-size: 150%;
    background-color:#201b51;
}
.separator {
    height: 2px;
    background-color:#201b51;
}
#menu-ticket {
    padding: 10px;
    /* background-color: blueviolet; */
}
#div-keyboard {
    text-align: center;
    z-index: 99;
    position:absolute;
    left: 65%;
    top: 50%;
    transform: translate(-50%,-50%);
}
#keyboard {
    border-radius: 2%;
    background-color: #201b51;
    padding: 5%;
}
#div-btn-close {
    padding: 2%;
    font-size: 300%;
}
#btn-close {
    font-size: 80%;
    padding: 5%;
    background-color: #201b51;
    border-color: #5b5596;
    color: rgb(190, 184, 226);;
}
#btn-go {
    /* border-color: #ffffff; */
    background-color: #3b1b51;
}
#bt-logout {
    font-size: 150%;
    padding-top: 15%;
    height: 100px;
    width: 200px;
    background-color: #201b51;
}
#code {
    color: #66615b;
    border-style: solid;
    border-color: #66615b;
    width: 100%;
    height: 80px;
    font-size: 400%;
}
.btn-keyboard {
    width: 120px;
    height: 120px;
    font-size: 200%;
    margin: 10px;
    border-color: rgb(19, 11, 58);
    background-color: #372e8a;
    color: rgb(228, 224, 255);
}
.game {
    width: 80%;
}

@media screen and (max-width: 425px){
    .footer{
        background-size: cover !important;
        min-height: 0 !important;
    }
    .navbar{
        margin-left: 5px;
    }
    .card{
        margin: 3px;
    }
}