
//
// alertify.scss
//


.alertify {
    .ajs-header{
        color: var(--#{$prefix}body-color);
        border-bottom: 1px solid $input-border-color;
    }
    .ajs-body{
        color: var(--#{$prefix}body-color);
        .ajs-content {
            .ajs-input{
                background-color: $input-bg;
                border: 1px solid $input-border-color;
            }
        }
    }
    .ajs-footer {
        border-top: 1px solid $input-border-color;
        .ajs-buttons {
            .ajs-button{
                color: var(--#{$prefix}body-color);
            }
        }
    }
}


.alertify {
    .ajs-header{
        font-weight: $font-weight-medium;
    }
    .ajs-dialog{
        box-shadow: $box-shadow;
        background-color: $modal-content-bg;

        .ajs-header, .ajs-footer{
            background-color: $modal-content-bg;
        }
    }

    .ajs-footer {
        .ajs-buttons {
            .ajs-button{
                font-weight: $font-weight-medium;
                &.ajs-ok{
                    color: $primary;
                }
            }

            &.ajs-primary{
                text-align: right;
            }
        }
    }

    .ajs-body .ajs-content .ajs-input:focus-visible{
        outline: none;
    }

    .ajs-commands{
        right: 4px;
        left: auto;
        margin: -14px 0 0 24px;
    }
}


.alertify-notifier {
    .ajs-message{
        background-color: $primary;
        border-color: $primary;
        color: $white;
        text-shadow: none !important;
        &.ajs-success{
            background-color: $success;
            border-color: $success;
        }
        &.ajs-error{
            background-color: $danger;
            border-color: $danger;
        }
        &.ajs-warning{
            background-color: $warning;
            border-color: $warning;
        }
    }


    &.ajs-right {
        right: 10px;
        left: auto;
        .ajs-message {
            right: -320px;
            left: auto;
            &.ajs-visible {
                right: 290px;
                left: auto;
            }
        }
    }

    &.ajs-left {
        left: 10px;
        right: auto;
        .ajs-message {
            left: -300px;
            right: auto;
            &.ajs-visible {
                left: 0;
                right: auto;
            }
        }
    }
}


// light box

.gdesc-inner{
    background-color: var(--#{$prefix}secondary-bg) !important;
    color: var(--#{$prefix}body-color) !important;

    .gslide-title{
        color: var(--#{$prefix}body-color) !important;
    }
}
