body {    
    font: normal normal 14px/20px 'Roboto', arial, sans-serif;    
}

h1 {
    font-size: 2rem;
}

.label {
    color: #828282;
}

.passed {
    color: forestgreen;
}

.not_passed, .busy {
    color: darkred;
}

.red {
    color: red;
}

.btn-circle {
    width: 38px;
    height: 38px;
    border-radius: 19px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
}

.btn--squared {
    width: 38px;
    height: 38px; 
    font-size: 16px;   
    padding-right: 0;
    padding-left: 0;
    text-align: center;    
}

.hidden {
    display: none;
}

.check-container {
    display: flex;
    flex-wrap: wrap;
}

.form--check {    
    flex-basis: 50px; 
}

.form--check input[type=checkbox]{
    margin-left: -1rem;
}

.logo {
    float: left;
    font-size: 1rem;
    text-align: center;
    text-transform: capitalize;
}

.logo-image {
    float: left;    
}

.vertical span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.online {
    background-color: lightgreen !important;
}