body, html { width: 100%; height: 100%; }

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.bg-gradient-animation {
    background: linear-gradient(-45deg, #563ee6, #ec7dd9, #773cae, #3c146e);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100%;
    color: #ffffff;
}

.bg-dark-blue-animation {
    background: linear-gradient(-45deg, #0e1125, #1f2b73, #132173, #06091b);
    font-family: 'Poppins', sans-serif;
    animation: gradient 10s ease infinite;
    height: 100%;

}

.bg-dark-green-animation {
    background: linear-gradient(-45deg, #0e1125, #1f6b73, #136173, #06091b);
    font-family: 'Poppins', sans-serif;
    animation: gradient 10s ease infinite;
    height: 100%;
}

.table-blue td {
    border-color: var(--bs-table-border-color);
    background: rgb(7, 11, 37) !important;
    background-size: 400% 400%;
//animation: gradient 15s ease infinite;
    height: 100%;
    color: #ffffff !important;
}

.bg-dark-red-animation {
    background: linear-gradient(-45deg, #2a0818, #711941, #681e3f, #2a0818);
    font-family: 'Poppins', sans-serif;
    animation: gradient 10s ease infinite;
    height: 100%;

}

#app {
    margin: auto;
    max-width: 800px;
}

body {
    background-color: #06091b !important;
    font-family: 'Poppins', sans-serif;
}

.bg-dark-blue {
    background-color: #06091b;
    font-family: 'Poppins', sans-serif;
}

.bg-light-blue {
    background-color: #1a1e2c;
    font-family: 'Poppins', sans-serif;
}


.modal-header {
    display: none !important;
}

.modal-content {
    top: 0px !important;
    height: 100%;
    position: absolute;
    width: 100%;
}

.w54px {
    width: 54px !important;
}

.w36px {
    width: 36px !important;
}

.w32px {
    width: 32px !important;
}

.w22px {
    width: 22px !important;
}

.w20px {
    width: 20px !important;
}

.game-box {
    position: relative;
    display: inline-block;
    border: solid #d493e9 2px !important;
    box-shadow: #001038 0 2px !important;
}

.btn-wallet {
    border: solid 2px #8a6904 !important;
    /*box-shadow: 0 2px #816304 inset;*/
}

.btn-wallet-success {
    border: solid 3px #04570c !important;
    /*box-shadow: 0 2px #816304 inset;*/
}

.btn-wallet:before,
.btn-wallet:after {
    border: solid 2px #931a45 !important;
    border-bottom: 2px solid #ae1818 !important;;
}

.week-day {
    background-color: #3c146e !important;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}


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

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

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

.w-70 {
    width: 60% !important;
}

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

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

.text-bold {
    font-weight: bold !important;
}


.app-box {
    position: relative;
    display: inline-block;
    min-height: 100px !important;
    text-decoration: none;
    color: #fafafa !important;
}

.app-description {
    line-height: 130% !important;
}
.bg-blue-1 {
    background-color: #00a5ff !important;
    font-family: 'Poppins', sans-serif;
}

.bg-pink-1 {
    background-color: #ff7ff2 !important;
    font-family: 'Poppins', sans-serif;
}

.bg-orange-1 {
    background-color: #ff5b3b !important;
    font-family: 'Poppins', sans-serif;
}

.bg-yellow-1 {
    background-color: #ffad00 !important;
    font-family: 'Poppins', sans-serif;
}

.bg-gray-1 {
    background-color: #989c9d !important;
    font-family: 'Poppins', sans-serif;

}

.bg-transparent {
    background-color: transparent !important;
    font-family: 'Poppins', sans-serif;
}

.app-title {
    text-align: left !important;
    color: #ffffff !important;
    font-weight: bolder;
}

.table-app tr td{
    min-width:64px !important;
}