p
{
    font-family: Arial, serif;
}

h1
{
    font-family: "Helvetica Neue", sans-serif;
    color: #000000;
    text-align: center;
}

td
{
    text-align: center;
}

body
{
    font-family: "Helvetica Neue", sans-serif;
    height: 100%;
    width:  100%;
    background-color: lightgrey;

}

div
{
    height: 100%;
    width:  100%;
    margin: 10px auto 10px auto;
    text-align: center;

}

.image-div
{
    width:100%;
}


.login-div input
{
    /*display: none;*/
    font-size: 120%;
    border: 1px solid #bdbdbd;
    text-align: left;
}

.login-div button
{
    font-size: 150%;
    border: 1px solid #bdbdbd;
    background: black;
    color: #16bfe5;

}

.login-div button:hover
{
    background: white;
}

.heading-div
{
    float: top;
}

.container-div
 {
     /*width: 25%;*/
     margin: 0 auto;

 }

.control-div
{
    /*width: 25%;*/
    margin: 0 auto;

}

.top-div
{
    width: 35%;
    float: top;
    text-align: left;

}

.top-div button:hover
{
    background: white;
}

.top-left-div
{
    text-align: left;
    width: 100%;
    float: left;
    background-color: #16bfe5;
    /*margin: 0 auto;*/


}

.top-right-div
{
    text-align: right;
    width: 0%;
    float: right;
    background-color: #16bfe5;
    /*padding-bottom: 10px;
    margin: 0 auto;*/

}

.date
{
    padding-top: 0px;
    float: left;
    text-align: left;
    font-weight: bolder;
    margin-left: 5px;
}

.team-member
{
    float: left;
    display: inline;
    font-weight: bolder;
    margin-right: 2px;
    margin-left: 5px;

}

.team-member-container
{
    margin-left: 5px;
    float: right;
}

.quiz-selector-container
{
    margin-left: 5px;
    float: right;
}

.member-select
{
    float: left;
}

.quiz-select
{
    float: left;
}

.quiz
{
    float: left;
    display: inline;
    font-weight: bolder;
    margin-right: 2px;
    margin-left: 5px;
    /*margin-right: 2px;*/
    /*margin-left: 5px;*/
}



.spacer
{
    height: 71px;
}

.sign-out-button
{
    font-size: 100%;
    border: 1px solid #bdbdbd;
    background: black;
    color: #16bfe5;
    float: right;
    margin-right: 5px;
}

.display-div
{
    /*float: left;*/
    text-align: left;
    background-color: lightgrey;
    /*margin: 0 auto;*/
    margin-bottom: 25px;
}


.view-button
{
    float: left;
    font-size: 100%;
    border: 1px solid #bdbdbd;
    background: black;
    color: #16bfe5;
    margin-left: 5px;
}

.view-all-button
{
    float: left;
    font-size: 100%;
    border: 1px solid #bdbdbd;
    background: black;
    color: #16bfe5;
    margin-left: 5px;

}

.group-stats-button
{
    font-size: 100%;
    border: 1px solid #bdbdbd;
    background: black;
    color: #16bfe5;
    margin-right: 5px;
    margin-left: 5px;
}

.fromInput
{

}

.control-panel
{
    text-align: center;
    padding-bottom: 0;
}



table, th, td
{
    margin-top: 25px;
    margin-left:25px;
    border: 10px hidden;
}

th
{

    /*height: 150px;*/
    text-align: left;
    font-size: 16px;
    padding: 10px;
    margin-top: 15px;
    border: white solid 1px;
}

td
{
    text-align: right;
    font-size: 14px;
    padding: 10px;
    border: white solid 1px;


}

tr:nth-child(even)
{

    /*background-color: #16bfe5;*/
}