/* ************************************************* */
/* PREVIEWS **************************************** */
/* ************************************************* */

#preview_container {
    position: fixed !important;
    background-color: white;
    top: 90px !important;
    right: 45px !important;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 #00000040;
    max-height: 80% !important;
    overflow-y: auto;
    display: none;
}

@media (max-width: 991px) {
    #preview_container {
        right: 30px !important;
    }
}
@media (max-width: 499px) {
    #preview_container {
        right: 15px !important;
    }
}

.preview-card {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}


#help_container {
    position: fixed !important;
    background-color: white;
    top: 90px !important;
    right: 45px !important;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 #00000040;
    max-height: 80% !important;
    overflow-y: auto;
    display: none;
}

@media (max-width: 991px) {
    #help_container {
        right: 30px !important;
    }
}
@media (max-width: 499px) {
    #help_container {
        right: 15px !important;
    }
}

#help_container h1 {
    margin-top: 10px !important;
    margin-bottom: 24px; !important;
    font-size: 22px !important;
}
#help_container h2 {
    margin-bottom: 10px; !important;
}