html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.aladin-zoomControl {
    top: 10% !important;
    left: unset !important;
    right: 4px !important;
}

.aladin-zoomControl a {
    font-size: 24px !important;
    padding: 22px !important;
}

#aladin{
    flex: 1 1 0;
}

#explain {
    padding: 4px;
    top: 30%;
    max-height: 50%;
    font-size: 11pt;
    overflow: scroll;
}

#explain tbody tr:nth-child(even) {
    background-color: #ffffff;
}

#explain tbody tr:nth-child(odd) {
    background-color: #ccdaeb;
}

#layersControlLeft {
    padding: 10px;
    right: unset;
    left: 4px;
    top: 20vh;
}

#layersCL2 {
    padding: 10px;
    right: unset;
    left: 4px;
    top: 90vh;
}

#layersControlRight {
    padding: 4px;
    left: unset;
    right: 4px;
    top: 25vh;
}

#layersControlLeft, #layersControlRight, #layersCL2 input {
    margin-right: 5px;
}

.img-hips {
    padding: 5px;
    margin: 5px;
}

#opacity-slider {
    width: 220px;
    height: 20px;
}

.aladin-box {
    font-size: 12px !important;
}

#calibCircle {
    position: fixed;
    /* background-color: #F80; */
    border: 8px solid red;
    border-radius: min(50vw, 50vh);
    /* box-shadow: 0 0 2px #888; */
    height: min(100vw, 100vh);
    width: min(100vw, 100vh);
    top: -8px;
    left: calc(max(50vw, 50vh) - min(50vw, 50vh) - 8px);
    z-index: 1000;
    pointer-events: none;
}

.pure-table {
    font-size: small;
}

.catcoro {
    display: inline;
    vertical-align: middle;
}

.coro-star {
    vertical-align: middle;
}