html, body {
    background-color: #fff;
    color: #636b6f;
    font-family: 'Nunito', sans-serif;
    font-weight: 200;
    height: 100vh;
    margin: 0;
}

.lang_flag {
    max-height: 18px;
}

.full-height {
    height: 100vh;
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.position-ref {
    position: relative;
}

.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}

.content {
    text-align: center;
}

.title {
    font-size: 84px;
}

.links > a {
    color: #636b6f;
    padding: 0 25px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.m-b-md {
    margin-bottom: 30px;
}

.nav-item {
    list-style: none;
}

.checkbox-list-left {
    text-align: right;
    padding-left: 5%;
    padding-right: 5%;
    border-top:0px !important;
}

.checkbox-list-right {
    text-align: left;
    margin-right: 10%;
    border-top:0px !important;
    min-width: 50%;
}

.checkbox-list-right input {
    margin-right: 5px;
}

input {
    margin-left: 5px;
    margin-right: 5px;
}

.verify {
    color:#38c172;
}

.alarm {
    color:red;
}

.alarm_anim {
    background: tomato;
    animation: alamrsFrames 5s infinite;
}

@keyframes alamrsFrames {
    from {background-color: tomato; color:black; }
    to {background-color: white; color:black }
}

.missing_anim {
    background:darkcyan;
    animation: missinFrames 5s infinite;
}

@keyframes missinFrames {
    from {background-color: darkcyan; color:black; }
    to {background-color: white; color:black }
}

.warning {
    color:red;
}

.normal {

}

.error {
    color:red;
}

.missind_data {
    color:#f6993f;
}

.observed {
    color:#3490dc;
}

.archive {
    color:gray;
}

.hospitalised {
    color:#f66d9b;
}

.risk_normal {

}
.risk_medium {
    color:#f6993f;
}
.risk_hight {
    color:red;
}

.symptom-radio-field {
    margin-left: 4px;
    margin-right: 4px;
}

.small-form {
    display: inline;
}

.doctor-button {
    margin: 0px 10px 10px 10px;
    min-width: 100px;
}

.footer-logo {
    
}

.comment_row {
    text-align: center;
    font-size:small; 
    border:none !important; 
    margin-top: 0px;
    margin-bottom: .5rem; 
    padding:0px;
}
            
.comment_data {
    border:none !important;
    margin:0px; 
    padding-top:0px !important;
    padding-bottom:.3rem;
}

.tight_row {
    padding-bottom:0px;
}

.tight_data {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.tight_label {
    margin-bottom: 0px !important;
}

.client_icon {
    width: 20px;
    float: right;
}