jitsi_mod/css/modals/_dialog.scss

.dialog {
    visibility: visible;
    height: auto;

    h1, h2, h3, h4, h5, h6 {
        color: $auiDialogColor;
    }

    .aui {

        &-icon {
            color: $auiDialogColor;

            &-small {
                width: 14px;
                height: 14px;
            }
        }

        &-iconfont-close-dialog {
            cursor: pointer;
            right: 20px;
            position: absolute;
            top: -49px;
        }

        &-dialog2 {
            &-header, &-footer {
                background-color: $auiDialogBg;
                border: none;
            }

            &-header {
                height: em(58, 12);
                border-bottom: 1px solid $auiBorderColor;

                h2 {
                    font-size: em(20, 12);
                    font-weight: $dialogTitleFontWeight;
                    color: $auiDialogColor;
                }

                &-main {
                    padding-right: 0;
                }
            }

            &-footer {
                border-top: 1px solid $auiBorderColor;
            }

            &-content {
                font-size: em(14, 12);
                min-height: 0;
                background-color: $auiDialogContentBg;
                color: $auiDialogColor;

                p,span, h3 {
                    font-weight: $labelFontWeight;
                }

                &:last-child {
                    border-bottom-right-radius: 5px;
                    border-bottom-left-radius: 5px;
                }

                &:first-child {
                    border-top-right-radius: 5px;
                    border-top-left-radius: 5px;
                }
            }
        }
    }

    .form-control:not(:last-child) {
        border-bottom: 1px solid $auiBorderColor;
    }
}

.modal-dialog-form {
    color: $modalTextColor;
    margin-top: 5px !important;

    .input-control {
        background: $modalMockAKInputBackground;
        border: $modalMockAKInputBorder;
        color: inherit;
    }

    &-error {
        margin-bottom: 8px;
    }
}
.modal-dialog-footer {
    font-size: $modalButtonFontSize;
}

/**
 * Styling inline dialog errors.
 */
.inline-dialog-error {
    margin-top: 16px;

    &-text {
        color: $dialogErrorText;
        margin-bottom: 8px;
        text-align: center;
    }

    &-button {
        display: block;
        margin: 16px auto 0 auto;
    }
}