@charset "utf-8";

.cud-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: rgba(0, 0, 0, 0.6);
}

.cud-modal-close {
    display: none;
}

.cud-modal-dialog {
    max-width: 100%;
    max-height: 100%;
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 50%;

    /* Use this for centering if unknown width/height */
    transform: translate(-50%, -50%);

    /* If known, negative margins are probably better (less chance of blurry text). */

    /* margin: -200px 0 0 -200px; */
    background: white;
    box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.9);
    padding: 2em;
}

.cud-modal-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 20px 50px 20px 20px;
}

.cu-manager-options {
    margin: 3.5em auto;
    width: 2.5em;
    height: 2.5em;
    z-index: 15;
}

.cu-manager-open {
    display: inline;
    padding: 0.4em;
    z-index: 18;
}

.cu-manager-gear {
    margin: auto;
    padding: 0.2em .78em;
}