.rtl-dialog .modal-content {
    top: 100px;
    direction: rtl;
}

    .rtl-dialog .modal-content .modal-footer button {
        float: none;
    }

.outline-dialog .modal-header {
    background: none !important;
    background-color: none !important;
    border-bottom: solid medium;
    direction: rtl;
    text-align: right;
}

.outline-dialog .bootstrap-dialog-title {
    color: inherit;
}

.outline-dialog.type-danger .modal-header {
    border-bottom-color: #d9534f;
    color: #d9534f;
}

.outline-dialog.type-success .modal-header {
    border-bottom-color: #5cb85c;
    color: #5cb85c;
}

.outline-dialog.type-info .modal-header {
    border-bottom-color: #5bc0de;
    color: #5bc0de;
}

.outline-dialog.type-warning .modal-header {
    border-bottom-color: #f0ad4e;
    color: #f0ad4e;
}

.image-preview-dialog .modal-body {
    min-width: 200px;
    min-height: 200px;
    background: #000000;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.image-preview-dialog .modal-footer {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #000000;
    color: white;
    font-family: BYekan;
    text-indent: 20px;
    text-align: right;
    font-style: italic;
}

.image-preview-dialog .modal-body img {
    width: 100%;
    height: auto;
}

.frame-content-dialog {
    background: rgba(51, 51, 51, 0.59);
}

    .frame-content-dialog .frame-waiting {
        position: absolute;
        font-size: 70px;
        color: gray;
        right: 42%;
        top: 33%;
    }

    .frame-content-dialog .modal-body {
        background: #CCCCCC;
        padding: 0px;
        height: 310px;
        overflow-y: auto;
    }