/* login error border */
.inputerror {
    border-color: red;
}

/* login error message */
.errormessage {
    line-height: 2;
    color: red;
    font-size: 12px;
    margin-left: 12px;
}

.correctInput{
    border-color: green;
}

/* pw reset correct message */
.succeedmessage {
    line-height: 2;
    color: green;
    font-size: 12px;
    margin-left: 12px;
}


@media (max-width: 500px) {
    #HDContainer { 
        padding-left: 0;
        padding-right: 0;
    } 
}

#HDContainer { 
    padding-top: 10px;
    padding-bottom: 25px;
} 

/* Team A vs Team B */
.team-participants {
    box-sizing: border-box;
    padding: 20px;
    padding-bottom: 20px;
    /* background-color: #f8f9fc; */
}

.divider
{
	position: relative;
	margin-top: 0px;
	height: 1px;
}

.div-transparent:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0%;
	right: 0%;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(163, 167, 172), transparent);
}

/* Without sidebar we want body to fill the screen */
html, body {
    height: 100%;
}

/* #accordionSidebar{
    overflow-y: auto;
} */