.form-popup {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: var(--cq-surface);
    width: 250px;
    display: none;
}

.form-popup .title-large {
        background: var(--cq-dark);
        color: white;
        text-align: center;
        padding: 8px;
        font-size: 18px;
        cursor: pointer;
        margin: 0px;
    }

.form-popup .form {
        width: 100%;
    }

.form-popup .form th {
            padding-bottom: 0px;
        }

.form-popup .form th, .form-popup .form td {
            display: block;
            padding-left: 0px;
        }

.form-popup .TextArea, .form-popup .TextBox, .form-popup .Button {
        width: 100%;
    }

.form-popup .Validate {
        padding: 10px 10px 0 10px;
        display: none;
    }

.form-popup.open .Validate {
        display: block;
    }

.form-popup .title-large i {
        float: right;
    }

.form-popup.open .title-large i:before {
        content: "\e114";
    }