#alertify {width:60%;}
.alertify,
.alertify-show,
.alertify-log{}
.alertify-hide {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}

.alertify-hide.hide {
  opacity: 0;
}
alertify-log-hide {
  opacity: 1;
  transition: opacity 100ms ease-in-out;
}

alertify-log-hide.hide {
  opacity: 0;
}

.alertify-cover{position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;background-color:#6f6f6f;filter:alpha(opacity=0);opacity:0.7;}
.alertify-cover-hidden{display:none;}
.alertify{position: fixed;z-index: 99999;top: 5%;left: 50% !important;opacity: 1;transform: translate(-50%, 0%);}
@media only screen and (max-width: 767px) {
  .alertify {width: 90% !important;}
}

.alertify-hidden{opacity:0;display:none;}
:root *> .alertify-hidden{display:block;visibility:hidden;}
.alertify-logs{position:fixed;z-index:5000;bottom:10px;right:10px;width:300px;}
.alertify-logs-hidden{display:none;}
.alertify-log{display:block;margin-top:10px;position:relative;right:-300px;opacity:0;}
.alertify-log-show{right:0;opacity:1;}
.alertify-log-hide{opacity:0;}
.alertify-dialog{padding:25px;}
.alertify-resetFocus{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.alertify-inner{text-align:center;color:white;}
.alertify-text{margin-bottom:15px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;}
.alertify-buttons{}
.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited{background:none;text-decoration:none;border:none;line-height:1.5;font-size:100%;display:inline-block;cursor:pointer;margin-left:5px;}
@media only screen and (max-width:680px){.alertify,
.alertify-logs{width:90%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.alertify{left:5%;margin:0;}
}
.alertify,
.alertify-log{font-family:sans-serif;}
.alertify{background:#000;border:none;border-radius:15px;box-shadow:0 10px 20px -5px rgb(0 0 0 / 50%) ;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;}
.alertify-text{border:1px solid #CCC;padding:10px;border-radius:4px;}
.alertify-button{border-radius:10px !important;color:#FFF;font-weight:bold;padding:6px 15px;text-decoration:none; border:0;}
.alertify-button:hover,
.alertify-button:focus{outline:none;}
.alertify-button:focus{box-shadow:0 0 15px #2B72D5;}
.alertify-button:active{position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus{background-color:#FE1A00;border:none;}
.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus{background-color:#9c0000;border:none;}
.alertify-log{background:#1F1F1F;background:rgba(0,0,0,.9);padding:15px;border-radius:4px;color:#FFF;text-shadow:-1px -1px 0 rgba(0,0,0,.5);}
.alertify-log-error{background:#FE1A00;background:rgba(254,26,0,.9);}
.alertify-log-success{background:#9c0000;background:rgba(92,184,17,.9);}
.alertify-show,
.alertify-log {
  opacity: 0;
  animation: fade-in 500ms ease-in-out forwards;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}