.modal {
    .modal-dialog {
        width: 500px;

        &.modal-lg {
            width: 1000px
        }

        &.modal-md {
            width: 800px
        }

        &.modal-sm {
            width: 500px
        }

        &.modal-xl {
            width: 300px
        }
    }



    .modal-header {
        padding: .5rem 1rem;

        .modal-title {
            color: $iwb-color;

            .modal-title-span {
                padding-right: 2px;
            }
        }
    }

    .modal-body {
        color: $gray-700;
        min-height:250px;
        label {
            color: $gray-900
        }

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

    .modal-footer {
        justify-content: space-between;
        padding: .5rem 1rem;

        button {
            min-width: 100px;

            &.close-button,
            &.save-button, &.save-btn {
                min-width: 100px;
            }
        }
    }
}