body{
    background-color: #f4f2e7;
}

#pill{
    font-weight: bold;
    color: #cfcfcf;
}
#pill:hover {
    font-weight: bold;
    color: #ffffff;
}

#pill a {
    font-weight: bold;
    color: #ffffff;
}

#pill a.active {
    font-weight: bold;
    color: #ffffff;
    background-color: #c72018;
}

/*===================== BLUE ======================*/
#pill-blue a {
    font-weight: bold;
    color: #4285f4;
}

#pill-blue a.active {
    font-weight: bold;
    color: #ffffff;
    background-color: #4285f4;
}

/*==================== PROFILE ====================*/
.pkt {
    margin:0;
    font-size: 50px;
}

#pkt_good {
    margin:0;
    font-size: 200px;
    color: #4CAF50;
    text-align: center;
}

#pkt_bad {
    margin:0;
    font-size: 200px;
    color: #e94235;
    text-align: center;
}

.custom-h1 {
    background-color: #c72018;
    color: white;
    border-radius: 20px;
    padding: 10px;
}

.custom-clock {
    background-color: #E3E1D6;
    color: black;
    border-radius: 20px;
    padding: 10px;
    font-size: 28px;
}

.custom-dd {
    border-radius: 20px;
}

.dd-ok {margin:0;background-color: #9F9F9F;color: #9F9F9F; border-radius: 20px 0 0 20px;}
.dd-else {margin:0;background-color: #eeeeee;color: #eeeeee; border-radius: 0 20px 20px 0;}
.dd-else-start {margin:0;background-color: #eeeeee;color: #eeeeee; border-radius: 20px 20px 20px 20px;}
.dd-ok-stop{margin:0;background-color: #9F9F9F;color: #9F9F9F; border-radius: 20px 20px 20px 20px;}

/*====================== MAP ======================*/
#map {
    height: 90vh;
    width: 100%; 
}