/**** begin custom colors ****/
:root {
    --color-1: #0b0b0b;
    --color-2: #121212;
    --color-3: #282828;
    --color-4: #c9a700;
    --color-5: #fed400;
    --color-6: #fee300;
    --color-7: #003633;
    --color-8: #026963;
    --color-9: #1ac7c4;

    --gradient-1: linear-gradient(to bottom, var(--color-8), var(--color-9) 80%, var(--color-8) 100%) !important;
    --gradient-2: radial-gradient(circle at center, var(--color-9), var(--color-8)) !important;
    --gradient-3: radial-gradient(circle at center, var(--color-8), var(--color-7)) !important;
    --gradient-4: radial-gradient(circle at center, var(--color-3), var(--color-1)) !important;
    --gradient-5: linear-gradient(to bottom, var(--color-5), var(--color-4)) !important;
    --gradient-6: linear-gradient(to bottom, var(--color-3), var(--color-1)) !important;
    --gradient-7: linear-gradient(to bottom, var(--color-6) 45%, var(--color-4) 50%, var(--color-5) 100%) !important;
}
/**** endof custom colors ****/



/**** begin custom background colors ****/
.bg-color-1 { background-color: var(--color-1) !important; }
.bg-color-2 { background-color: var(--color-2) !important; }
.bg-color-3 { background-color: var(--color-3) !important; }
.bg-color-4 { background-color: var(--color-4) !important; }
.bg-color-5 { background-color: var(--color-5) !important; }
.bg-color-6 { background-color: var(--color-6) !important; }
.bg-color-7 { background-color: var(--color-7) !important; }
.bg-color-8 { background-color: var(--color-8) !important; }
.bg-color-9 { background-color: var(--color-9) !important; }

.bg-black { background-color: #000000 !important; }

.bg-gradient-1 { background-image: var(--gradient-1) !important; }
.bg-gradient-2 { background-image: var(--gradient-2) !important; }
.bg-gradient-3 { background-image: var(--gradient-3) !important; }
.bg-gradient-4 { background-image: var(--gradient-4) !important; }
.bg-gradient-5 { background-image: var(--gradient-5) !important; }
.bg-gradient-6 { background-image: var(--gradient-6) !important; }
.bg-gradient-7 { background-image: var(--gradient-7) !important; }
/**** endof custom background colors ****/



/**** begin custom button colors ****/
.btn-custom {
    padding: 6px 15px;
    background-image: var(--gradient-6) !important;
    border: 0 !important;
    border-radius: 50px;
    box-shadow: none !important;
    color: var(--color-6) !important;
    font-size: 13px;
    font-weight: 500;
    outline: 0 !important;
}
/**** endof custom button colors ****/



/**** begin custom text colors ****/
/**** endof custom text colors ****/



/**** begin custom rtp-slot colors ****/
.yellow{
    background-color: #ffc107;
}
.green{
    background-color: #28a745;
}
.red{
    background-color: #dc3545;
}
/**** endof custom rtp-slot colors ****/