:root {
    --primary-color-rgb: 0, 93, 170;
    --secondary-color-rgb: 72, 156, 220;
    --tertiary-color-rgb: 140, 200, 71;
    --warning-color-rgb: 255, 193, 7;
}


.alert-panel {
    min-width:400px;
    width:400px;
    max-width:90%;
    margin:auto;
}
.alert-panel .jconfirm-content {
    text-align:center;
    font-size:1.25em;
}
.confirm-panel {
    min-width:400px;
    max-width:90%;
    margin:auto;
}
.confirm-panel .jconfirm-content {
    text-align:center;
    font-size:1.25em;
}

.jconfirm-title-c {
    font-weight: bold;
}

._confirm-check {
    text-align:left;
    min-height:25px;
    position:relative;
    padding-left:2.5em;
    line-height:2em;
}
._confirm-check .ui-checkbox {
    width:2em;
    height:2em;
    position:absolute;
    left:0px;
    top:0px;
    margin:0px;
}

.jconfirm .jconfirm-box.jconfirm-type-primary {
    border-top: solid 7px rgb(var(--primary-color-rgb));
    -webkit-animation-name: type-primary;
    animation-name: type-primary;
}
.jconfirm .jconfirm-box.jconfirm-type-primary .jconfirm-title-c .jconfirm-icon-c{
    color: rgb(var(--primary-color-rgb)) !important
}

.jconfirm .jconfirm-box.jconfirm-type-secondary {
    border-top: solid 7px rgb(var(--secondary-color-rgb));
    -webkit-animation-name: type-secondary;
    animation-name: type-secondary;
}
.jconfirm .jconfirm-box.jconfirm-type-secondary .jconfirm-title-c .jconfirm-icon-c{
    color: rgb(var(--secondary-color-rgb)) !important
}

.jconfirm .jconfirm-box.jconfirm-type-tertiary {
    border-top: solid 7px rgb(var(--tertiary-color-rgb));
    -webkit-animation-name: type-tertiary;
    animation-name: type-tertiary;
}
.jconfirm .jconfirm-box.jconfirm-type-tertiary .jconfirm-title-c .jconfirm-icon-c{
    color: rgb(var(--tertiary-color-rgb)) !important
}

.jconfirm .jconfirm-box.jconfirm-type-warning {
    border-top: solid 7px rgb(var(--warning-color-rgb));
    -webkit-animation-name: type-warning;
    animation-name: type-warning;
}
.jconfirm .jconfirm-box.jconfirm-type-warning .jconfirm-title-c .jconfirm-icon-c{
    color: rgb(var(--warning-color-rgb)) !important
}



@-webkit-keyframes type-primary{
    1%,100%{
        border-color: rgb(var(--primary-color-rgb))
    }
    50%{
        border-color: rgb(var(--primary-color-rgb))
    }
}
@keyframes type-primary{
    1%,100%{
        border-color: rgb(var(--primary-color-rgb))
    }
    50%{
        border-color: rgb(var(--primary-color-rgb))
    }
}

@-webkit-keyframes type-secondary{
    1%,100%{
        border-color: rgb(var(--secondary-color-rgb))
    }
    50%{
        border-color: rgb(var(--secondary-color-rgb))
    }
}
@keyframes type-secondary{
    1%,100%{
        border-color: rgb(var(--secondary-color-rgb))
    }
    50%{
        border-color: rgb(var(--secondary-color-rgb))
    }
}

@-webkit-keyframes type-tertiary{
    1%,100%{
        border-color: rgb(var(--tertiary-color-rgb))
    }
    50%{
        border-color: rgb(var(--tertiary-color-rgb))
    }
}
@keyframes type-tertiary{
    1%,100%{
        border-color: rgb(var(--tertiary-color-rgb))
    }
    50%{
        border-color: rgb(var(--tertiary-color-rgb))
    }
}

@-webkit-keyframes type-warning{
    1%,100%{
        border-color: rgb(var(--warning-color-rgb))
    }
    50%{
        border-color: rgb(var(--warning-color-rgb))
    }
}
@keyframes type-warning{
    1%,100%{
        border-color: rgb(var(--warning-color-rgb))
    }
    50%{
        border-color: rgb(var(--warning-color-rgb))
    }
}



@-webkit-keyframes glow{
    0%,100%{
        -webkit-box-shadow:0 0 0 rgb(var(--warning-color-rgb));
        box-shadow:0 0 0 rgb(var(--warning-color-rgb))
    }
    50%{
        -webkit-box-shadow:0 0 30px rgb(var(--warning-color-rgb));
        box-shadow:0 0 30px rgb(var(--warning-color-rgb))
    }
}
@keyframes glow{
    0%,100%{
        -webkit-box-shadow:0 0 0 rgb(var(--warning-color-rgb));
        box-shadow:0 0 0 rgb(var(--warning-color-rgb))
    }
    50%{
        -webkit-box-shadow:0 0 30px rgb(var(--warning-color-rgb));
        box-shadow:0 0 30px rgb(var(--warning-color-rgb))
    }
}