html {
    font-family: Calibri;
    height: 100%;
}
body {
    background-color: #f8f8f8;
}
td, th, tr {
    text-align: center;
}
nav {
    background-color: #4dd0e1;
}
.admin-panel {
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    margin-top: 50px;
}
.background-user {
    border-radius: 10px;
    margin-top: 5%;
}
.dropdown-content li:hover {
    background-color: #54cfe1;
}
.background-reg {
    border-radius: 10px;
    margin-top: 10%;
    margin-bottom: 100px;
}
.tests-bg {
    border-radius: 10px;
    padding: 10px;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
    border-bottom: 1px solid #87d7fc;
    box-shadow: 0 1px 0 0 #87d7fc;
}
input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #87d7fc;
}
label .active {
    color: #87d7fc;
}
.input-field .prefix.active {
    color: #87d7fc;
}
.title-test {
    text-align: center;
}
.bg-test {
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
}
.bg-test label {
    color: #9e9e9e;
}
.profil-content {
    display: flex;
    justify-content: center;
}
.profil-text {
    margin-top: 10%;
    border-radius: 15px;
    text-align: center;
}
.center-table {
    text-align: center;
}
#timer {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 99999;
    background-color: #276670;
    border-radius: 0 10px 10px 0;
    width: 60px;
    justify-content: center;
    display: flex;
    padding: 10px;
    color: #fff;
}