main {
    height: 100%;
    padding-top: 0px !important;
}

#mapid {
    float: right;
    height: 100%;
    width:100%;
    max-width: calc(100vw - 70px);
}

#side-ribbon{
    z-index: 4;
    position: absolute;
    width: 70px;
    height: 100%;
}


html, body { 
    height: 100%;
    width: 100%; 
    margin: 0;
    padding: 0;
}

#mapid select {
    display: inline-block !important;
    max-width: 200px;
}
#mapid input {
    display: inline-block !important;
    max-width: 200px;
}
#mapid button {
    display: inline-block;
}
#mapid label {
    display: block;
}

#mapid h2 {
    font-size: 1.5em !important;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 200px;
}
#mapid h3 {
    font-size: 1.17em !important;
    font-weight: bold;
    max-width: 200px;
}

#mapid h4 {
    font-size: 1rem !important;
    font-weight: bold;
}

#details_SelectBtn {
    margin-top: 6px;
}

#details_Unsaved {
    color: red;
    margin-top: 6px; 
}

.key {
    height: 15px;
    width: 15px;
    padding-left: 15px;
    border-radius: 50%;
}

.custom-control {
    padding: 10px;
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    background: #fff;
    border-radius: 5px;
}

.hidden {
    display: none;
}

.thinking {
    animation: flasher 2s linear infinite;
}

@keyframes flasher {
    0% { 
        background-color: none; 
    }
    50% {
        background-color:  #E87722;
    }
    100% { 
        background-color: none; 
    }
}