﻿.alertify .ajs-header {
    margin: -24px;
    margin-bottom: 0;
    padding: 10px;
    color: #fff;
    background-color: var(--color-bg-b-2);
    /*background: linear-gradient(to right, var(--color-bg-b-1) 0%, var(--color-bg-b-2) 100%);*/
    text-align: center;
    font-size: large;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.alertify .ajs-footer {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}


.alertify .ajs-dialog {
    border-radius: 0.5em;
    -moz-box-shadow: 5px 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 5px 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 5px 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}



.alertify .ajs-footer .ajs-buttons.ajs-primary {
    text-align: center;
}

    .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button,
    .ajs-custom-button {
        margin: 4px;
        background: var(--color-bg-b-2);
        color: white;
        border-radius: 2px;
        padding: 8px 25px 8px 25px;
        border-style: unset;
        text-transform: uppercase;
        font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        outline: none;
        /*background-color: var(--color-button);
        color: var(--color-text-button);*/
        border: 0;
    }

        .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button:hover,
        .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button:focus {
            color: white;
        }

            .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button:active{
                transform: translate(0, 1px);
            }

            .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button:not(:disabled):hover {
                background: linear-gradient(to right, var(--color-bg-b-2) 0%, var(--color-bg-b-1) 100%);
            }
