/**** begin custom colors ****/
:root {
    --color-1: #000000;
    --color-2: #242424;
	--color-2a: #24242400;
    --color-3: #515151;
    --color-4: #84bd00;
    --color-5: #398400;
    --color-6: #cb0000;
    --color-7: #680202;
    --color-8: #fff095;
    --color-9: #b88416;

    --gradient-gold: linear-gradient(to bottom, var(--color-9) 0%, var(--color-8) 45%, var(--color-9) 100%) !important;
    --gradient-grey: linear-gradient(to bottom, var(--color-2) 0%, var(--color-3) 45%, var(--color-2) 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-2a) !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-gradient-gold { background-image: linear-gradient(to bottom, var(--color-8), var(--color-9)) !important; }
.bg-gradient-green { background-image: linear-gradient(to bottom, var(--color-4), var(--color-5)) !important; }
.bg-gradient-grey { background-image: linear-gradient(to bottom, var(--color-2) 0%, var(--color-3) 45%, var(--color-2) 100%) !important; }
.bg-gradient-red { background-image: linear-gradient(to bottom, var(--color-6), var(--color-7)) !important; }
/**** endof custom background colors ****/



/**** begin custom bootstrap ****/
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 0.9em; }
p { font-size: 0.9em; }

.btn, .btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none;
    border: 0 !important;
    border-radius: 0;
}
  
.btn:hover {
  box-shadow: 0 0 5px 3px #fff;
  
}

.card,
.card .card-body {
    border-radius: 0;
}

.text-danger, .text-danger:hover {
    color: #e4302f !important;
}
.text-success, .text-success:hover {
    color: #70e000 !important;
}
/**** endof custom bootstrap ****/



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