/* ADP Custom Alert/Notification Styles */
.adp-alert,
.inline-msg {
  position: relative;
  font-size: 14px;
  padding: 20px;
  margin-bottom: 20px;
  border: none;
  border-radius: 0;
  vertical-align: middle;
}
.adp-alert.closeable .adp-alert-title,
.inline-msg.closeable .adp-alert-title,
.adp-alert.closeable .adp-alert-content,
.inline-msg.closeable .adp-alert-content {
  padding-right: 25px;
}
.adp-alert.animate,
.inline-msg.animate {
  -webkit-animation-name: alertPopIn;
          animation-name: alertPopIn;
}
.adp-alert.animate.ng-hide-add.ng-hide-add-active,
.inline-msg.animate.ng-hide-add.ng-hide-add-active,
.adp-alert.animate.ng-hide-remove.ng-hide-remove-active,
.inline-msg.animate.ng-hide-remove.ng-hide-remove-active {
  display: block !important;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.adp-alert.animate.ng-hide,
.inline-msg.animate.ng-hide {
  -webkit-animation-name: alertPopOut;
          animation-name: alertPopOut;
}
.adp-alert.fade,
.inline-msg.fade {
  -webkit-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
  opacity: 0;
}
.adp-alert.fade-in,
.inline-msg.fade-in {
  -webkit-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
  opacity: 1;
}
/* close button on the right */
.adp-alert-close {
  font-size: 20px;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 1;
  position: absolute;
}
.adp-alert-close:hover {
  text-decoration: none;
  opacity: .5;
  border: 0px dotted;
  color: inherit;
  cursor: pointer;
}
/* vertical bar on the right */
.adp-alert-bar {
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  height: 100%;
}
.adp-alert-icon,
.adp-alert-content-container {
  float: left;
  padding-right: 10px;
}
.adp-alert-icon {
  font-size: 30px;
  width: auto;
}
.adp-alert-content-container {
  width: 80%;
}
.adp-alert-content-container .adp-alert-title {
  font-weight: 500;
}
.adp-alert-content-container .adp-alert-content {
  padding-top: 3px;
  font-weight: 400;
}
/* Variables/mixin to change for easy maintenance */
/* TYPE = "INFO" */
.adp-alert-info {
  color: #1e92af;
  background-color: #e1e7ed;
}
.adp-alert-info .adp-alert-icon .fa {
  color: #3ebede;
}
.adp-alert-info .adp-alert-close {
  color: #1e92af;
}
.adp-alert-info .adp-alert-bar {
  background-color: #3ebede;
}
/* TYPE = "WARNING, PENDING" */
.adp-alert-warning,
.adp-alert-pending {
  color: #8c7631;
  background-color: #f3ede0;
}
.adp-alert-warning .adp-alert-icon .fa,
.adp-alert-pending .adp-alert-icon .fa {
  color: #ffb400;
}
.adp-alert-warning .adp-alert-close,
.adp-alert-pending .adp-alert-close {
  color: #8c7631;
}
.adp-alert-warning .adp-alert-bar,
.adp-alert-pending .adp-alert-bar {
  background-color: #ffb400;
}
/* TYPE = "ERROR" */
.adp-alert-error {
  color: #940a0a;
  background-color: #f1e1e7;
}
.adp-alert-error .adp-alert-icon .fa {
  color: #d40f0f;
}
.adp-alert-error .adp-alert-close {
  color: #940a0a;
}
.adp-alert-error .adp-alert-bar {
  background-color: #d40f0f;
}
/* TYPE = "SUCCESS" */
.adp-alert-success {
  color: #188018;
  background-color: #dae7dd;
}
.adp-alert-success .adp-alert-icon .fa {
  color: #22b322;
}
.adp-alert-success .adp-alert-close {
  color: #188018;
}
.adp-alert-success .adp-alert-bar {
  background-color: #22b322;
}
@media screen and (max-width: 640px) {
  .adp-alert-title {
    width: 85%;
  }
}
/* Alert Frames */
@-webkit-keyframes alertPopIn {
  0% {
    opacity: 0;
    height: 0;
    padding: 0 10px;
    margin: 0;
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    height: auto;
    padding: 10px;
    margin-bottom: 20px;
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes alertPopIn {
  0% {
    opacity: 0;
    height: 0;
    padding: 0 10px;
    margin: 0;
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    height: auto;
    padding: 10px;
    margin-bottom: 20px;
  }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@-webkit-keyframes alertPopOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  75% {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    height: auto;
    padding: 10px;
    margin-bottom: 20px;
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    height: 0;
    padding: 0 10px;
    margin: 0;
  }
}
@keyframes alertPopOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  75% {
    opacity: 0;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    height: auto;
    padding: 10px;
    margin-bottom: 20px;
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
    height: 0;
    padding: 0 10px;
    margin: 0;
  }
}
/* ADP Custom Messages / Notification Styles */
.adp-message {
  position: relative;
  display: table;
  padding: 5px;
  vertical-align: top;
}
.adp-message-icon,
.adp-message-content {
  display: table-cell;
  /* this is so when text wraps on right div it doesn't drop it all the way to next line */
  vertical-align: top;
  text-align: left !important;
}
.adp-message-icon {
  width: auto;
  padding-right: 5px;
}
.adp-message-small .adp-message-content {
  padding-top: 0px;
  font-size: 16px;
}
.adp-message-medium .adp-message-content {
  padding-top: 0px;
  font-size: 14px;
}
.adp-message-large .adp-message-content {
  padding-top: 1px;
  font-size: 18px;
}
/* Variables/mixin to change for easy maintenance */
/* TYPE = "INFO" */
.adp-message-info {
  color: #1e92af;
}
.adp-message-info .adp-message-icon .fa {
  color: #3ebede;
}
/* TYPE = "WARNING, PENDING" */
.adp-message-warning,
.adp-message-pending {
  color: #8c7631;
}
.adp-message-warning .adp-message-icon .fa,
.adp-message-pending .adp-message-icon .fa {
  color: #ffb400;
}
/* TYPE = "ERROR" */
.adp-message-error {
  color: #940a0a;
}
.adp-message-error .adp-message-icon .fa {
  color: #d40f0f;
}
/* TYPE = "SUCCESS" */
.adp-message-success {
  color: #188018;
}
.adp-message-success .adp-message-icon .fa {
  color: #22b322;
}
.adp-alert-info {
  font-family: inherit;
  font-weight: 500;
  color: #0e5061;
  background-color: #ffffff;
  margin-top: 20px;
}
.adp-alert-info .close,
.adp-alert-info .close:hover,
.adp-alert-info .close:visited {
  float: right;
  text-decoration: none;
  position: relative;
  color: inherit;
  opacity: 1;
  text-shadow: none;
}
.adp-alert-info .default {
  font-size: 24px;
}
.adp-alert-info .sm {
  font-size: 16px;
}
.adp-alert-info .default-icon {
  font-size: 30px;
}
.adp-alert-info .sm-icon {
  font-size: 20px;
}
.adp-alert-info .msg-txt {
  display: inline-block;
  margin-left: 10px;
  width: 75%;
}
.adp-alert-info .msg-txt-img {
  display: inline-block;
  margin-left: 35px;
  width: 75%;
  vertical-align: top;
  margin-top: 15px;
}
.adp-alert-info img {
  left: 20px;
  width: 50px;
  position: relative;
  top: 5px;
}
/*
   * Inline Error Message
   *
   */
.adp-alert-error {
  font-family: inherit;
  background-color: #d40f0f;
  color: #ffffff;
  margin-top: 20px;
}
.adp-alert-error .close,
.adp-alert-error .close:hover,
.adp-alert-error .close:visited {
  color: #ffffff;
  float: right;
  text-decoration: none;
  position: relative;
  opacity: 1;
  text-shadow: none;
}
.adp-alert-error .default {
  font-size: 24px;
}
.adp-alert-error .sm {
  font-size: 16px;
}
.adp-alert-error .default-icon {
  font-size: 30px;
  padding-right: 6px;
}
.adp-alert-error .sm-icon {
  font-size: 20px;
  padding-right: 6px;
}
.adp-alert-error .msg-txt {
  display: inline-block;
  margin-left: 10px;
  width: 75%;
}
.adp-alert-error .btn-cont {
  margin-bottom: 0px;
  margin-left: 60px;
  margin-top: 20px;
}
.adp-alert-error .btn {
  margin-left: 5px;
}
/*
   * Inline Success Message
   *
   */
.adp-alert-success {
  font-family: inherit;
  font-weight: 500;
  background-color: #51dc51;
  color: #188018;
  margin-top: 20px;
}
.adp-alert-success .close,
.adp-alert-success .close:hover,
.adp-alert-success .close:visited {
  color: #188018;
  float: right;
  text-decoration: none;
  position: relative;
  opacity: 1;
  text-shadow: none;
}
.adp-alert-success .default {
  font-size: 24px;
}
.adp-alert-success .sm {
  font-size: 16px;
}
.adp-alert-success .default-icon {
  font-size: 30px;
  padding-right: 6px;
}
.adp-alert-success .sm-icon {
  font-size: 20px;
  padding-right: 6px;
}
.adp-alert-success .btn-cont {
  margin-bottom: 0px;
  margin-left: 60px;
  margin-top: 20px;
}
.adp-alert-success .btn {
  margin-left: 5px;
}
.adp-alert-success .msg-txt {
  display: inline-block;
  margin-left: 10px;
  width: 75%;
}
/*
   * Styles for Inline Alert Message
   *
   */
.adp-alert {
  font-family: inherit;
  font-weight: 700;
  background-color: #f9f189;
  color: #6b4e09;
  margin-top: 20px;
}
.adp-alert .close,
.adp-alert .close:hover,
.adp-alert .close:visited {
  color: #6b4e09;
  float: right;
  text-decoration: none;
  position: relative;
  opacity: 1;
  text-shadow: none;
}
.adp-alert .default {
  font-size: 24px;
}
.adp-alert .sm {
  font-size: 16px;
}
.adp-alert .default-icon {
  font-size: 30px;
  color: #f47b24;
}
.adp-alert .sm-icon {
  font-size: 20px;
  color: #f47b24;
}
.adp-alert .btn-cont {
  margin-bottom: 0px;
  margin-left: 60px;
  margin-top: 15px;
}
.adp-alert .btn {
  margin-left: 5px;
}
.adp-alert .msg-txt {
  display: inline-block;
  margin-left: 10px;
  width: 75%;
}