body {
    background-color: transparent;
}

/* waiting */
.lds-dual-ring {
    width: 80px;
    height: 80px;
    margin:auto;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid black;
    border-color: black transparent black transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.spinner {
    position: absolute;
    left: 45%;
    top:15px;
    z-index:-1000;
}


.legend-color-18 {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 1em;
    background-color: #FFCFC2;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em
}

.legend-color-28 {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 1em;
    background-color: #FEDDB9;
    font-weight: bold;
    text-align: center;
}

.legend-color-36 {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 1em;
    background-color: #E9F0C7;
    font-weight: bold;
    text-align: center;
}

.legend-color-37 {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 1em;
    background-color: #FFD6D4;
    font-weight: bold;
    text-align: center;
}

.legend-color-41 {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 1em;
    background-color: #C2E6D6;
    font-weight: bold;
    text-align: center;
}

.legend-color-45 {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 1em;
    background-color: #D0E8F2;
    font-weight: bold;
    text-align: center;
}

/*18 28 36 37 41 45*/