/* color */
:root {
--main-bg-color: #48484a;
--bg-card: #333335;
--bg-card-hover: #48484a;
--bg-card-active: #3b4e57;
--bg: #121212;
--firstcolor: #2eb3e5;
--secondcolor: rgba(0, 255, 203, 1);
--text-light1: rgba(255,255,255, 0.87);
--text-light2: rgba(255,255,255, 0.67);
--text-light3: rgba(255,255,255, 0.50);
--contrastcolor: rgba(210,47,229, 1);
--yellow: #ffc107;
--warning: #fd7e14;
--danger: #dc3545;
--info: #17a2b8;
}
/* */

body {
	background-color:var(--main-bg-color);
	color:var(--text-light1);
}
main, main.container {
	margin-top : 5em;
}

label {
	display: block;
	font-weight: bold;
}

.list-group-item {
	background-color:transparent;
	border-color:var(--firstcolor);
}

.list-group-item a {
	color:var(--text-light1);
}

td a {
	color:var(--firstcolor);
}

td a:hover {
	text-decoration: underline;
	color:var(--firstcolor);
}

.btn-primary, .badge-primary {
    background-color:var(--firstcolor);
    border-color:var(--firstcolor);
    color:black;
    transition-duration:1s;
    transition-property:background-color;
}

.btn-primary:hover, .btn-warning:hover, .btn-warning:hover, .btn-warning:active, .btn-primary:not(:disabled):not(.disabled).active, .badge-primary:hover {
    background-color:var(--secondcolor);
    border-color:var(--secondcolor);
    color:black;
}

.mt-6 {
	margin-top:6em;
}

/* STATUS Styling */

.inprogress {
	background-color:var(--yellow);
}

.readyfortest {
	background-color:var(--warning);
}

.confirmed {
	background-color:var(--danger);
}

.needinfo {
	background-color:var(--info);
}