/*
Modal
*/
#_cbhtml {
    .is-modal {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: none;
        z-index: 10004;
        background: rgba(0, 0, 0, 0.60);
        justify-content: center;
        align-items: center;
        flex-direction: column;
        font-family: sans-serif;
    }

    .is-modal > div:not(.is-modal-overlay) {
        position: relative;
        width: 90%;
        background: #f2f2f2;
        border: 2px solid #bbbbbb;
        box-shadow: 4px 17px 20px 0px rgba(0, 0, 0, 0.40);
        padding: 12px 12px;
        box-sizing: border-box;
    }

    .is-modal.active {
        display: flex;
    }

    .is-modal.is-modal-full > div:not(.is-modal-overlay) {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }

    .is-modal-bar {
        box-sizing: border-box;
        padding: 5px;
        text-align: center;
        font-family: sans-serif;
        font-size: 14px;
        letter-spacing: 1px;
        background: #222222;
        color: #aaaaaa;
        touch-action: none;
        user-select: none;
    }

    .is-modal div.is-draggable {
        cursor: move;
        box-shadow: none;
        border: none;
        background: #222222;
        padding: 1rem;
        color: #aaaaaa;
    }

    .is-modal-bar .is-modal-close {
        z-index: 1;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 0px;
        right: 0px;
        box-sizing: border-box;
        padding: 0;
        line-height: 32px;
        font-size: 12px;
        color: #777;
        text-align: center;
        cursor: pointer;
    }

    /* Module modal */
    .is-modal .is-module-modal {
        max-width: 900px;
        height: 570px;
        padding: 0;
        box-sizing: border-box;
        position: relative;
    }

    .is-modal .is-module-modal .is-modal-bar.is-draggable {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }

    .is-modal .is-module-modal iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        border-bottom: 60px solid transparent;
        border-top: 50px solid transparent;
        margin: 0;
        box-sizing: border-box;
    }

    .is-modal .is-module-modal .is-modal-footer {
        width: 100%;
        height: 55px;
        position: absolute;
        left: 0;
        bottom: 0;
        border-top: #efefef 1px solid;
        overflow: hidden;
        text-align: right;
        padding: 0 0.5rem;
    }
}

#_cbhtml .is-modal * {
    font-size: 13px;
}
#_cbhtml .is-modal .is-tabs a {
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: 400;
}