.alertify, .alertify-log {
  font-family: sans-serif;
}

.alertify {
  background: #FFF;
  border: 10px solid #333;
  /* browsers that don't support rgba */
  border: 10px solid #FFF;
  border-radius: 8px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
  background-clip: padding-box;
}

.alertify-text {
  border: 1px solid #CCC;
  padding: 10px;
  border-radius: 4px;
}

.alertify-button {
  border-radius: 4px;
  color: #FFF;
  font-weight: bold;
  padding: 6px 15px;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5);
  background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
}

.alertify-button:hover, .alertify-button:focus {
  outline: none;
  background-image: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
}

.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: 1px solid #D83526;
}

.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus {
  background-color: #5CB811;
  border: 1px solid #3B7808;
}

.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: #17c6a3;
}
/**
 * Default Look and Feel
 */

.alertify, .alertify-log {
  font-family: sans-serif;
}

.alertify {
  background: #FFF;
  border: 10px solid #333;
  border: 10px solid #FFF;
  border-radius: 8px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
  background-clip: padding-box;
}

.alertify-text {
  border: 1px solid #CCC;
  padding: 10px;
  border-radius: 4px;
}

.alertify-button {
  border-radius: 4px;
  color: #FFF;
  font-weight: bold;
  padding: 6px 15px;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5);
  background-image: linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
}

.alertify-button:hover, .alertify-button:focus {
  outline: none;
  background-image: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
}

.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: 1px solid #D83526;
}

.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus {
  background-color: #5CB811;
  border: 1px solid #3B7808;
}

.alertify-log {
  background: #1F1F1F;
  background: rgba(0, 0, 0, .9);
  padding: 15px;
  border-radius: 4px;
  color: #FFF;
  font-size: 1.2em;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, .5);
}

.alertify-log-error {
  background: #FE1A00;
  background: rgba(254, 26, 0);
}

.alertify-log-success {
  background: #17c6a3
}