#map{
    display: block;
    padding-bottom: 50%;
    height: 0;
}

.resolution_bt{
    display: inline-block;
    padding:.25em 1em .125em;
    background-color: #1c7599;
    color:white;
    float:right;
    border-radius:20px;
    font-weight: bold;
    text-transform: uppercase;
}

html{
    overflow-y: auto !important;
}

small{
    font-size: 50%;
}

.flag{
    display: inline-block;
    margin-right: 0.3em;
    position: relative;
    vertical-align: text-bottom;
    height: 1.3em;
    width: auto;
}

.risk_container.red .v-card{
    background-color: #E40000;
    color:white;
}
.risk_container.red .v-card .v-card-subtitle{
    font-weight: bold;
}
.risk_container.red hr{
    opacity: 1;
}
.risk_container.red img{
    filter: brightness(0) invert(1);
}


.risk_container.yellow .v-card{
    background-color: #f4e16a;
}
.risk_container.yellow hr{
    opacity: 1;
}
.risk_container.yellow img{
    filter: brightness(0);
}


.risk_container.orange .v-card{
    background-color: #ffa500;
}
.risk_container.orange hr{
    opacity: 1;
}
.risk_container.orange img{
    filter: brightness(0);
}


.risk_container.green .v-card{
    background-color: #406e40;
    color:white;
}
.risk_container.green .v-card .v-card-subtitle{
    font-weight: bold;
}
.risk_container.green hr{
    opacity: 1;
}
.risk_container.green img{
    filter: brightness(0) invert(1);
}

.popup{
    width: 90%;
    max-width: 600px;
    margin:0 auto;
}

.popup ul, .actions{
    padding-left:1.15em;
    list-style: disc;
}

.popup ul li, .actions li{
    margin-top:.5em;
}

.actions li a{
    text-decoration: underline;
    font-weight: bold;
}