/* Colores controlados */
:root {
  --notifyCV-success-icon: #40C057;
  --notifyCV-success-bg: #EBFBEE;
  --notifyCV-info-icon: #228BE6;
  --notifyCV-info-bg: #E7F5FF;
  --notifyCV-error-icon: #FA5252;
  --notifyCV-error-bg: #FFF5F5;
  --notifyCV-alert-icon: #F59F00;
  --notifyCV-alert-bg: #FFF9DB;
  --notifyCV-box-shadow: #000000;

}

/*#region Notify Boxes CV*/
#notifyCV-container {
  position: fixed;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999999999999999;

  .notifyCV {
    margin-top: 15px;
    border-radius: 8px;
    padding: 12px 16px;
    box-shadow: 0px 2px 8px -5px;

    &.successNotifyCV {
      background-color: var(--notifyCV-success-bg);

      .fa-check-circle {
        margin: 0 !important;
        font-size: 18px;
        color: var(--notifyCV-success-icon);
      }
    }

    &.infoNotifyCV {
      background-color: var(--notifyCV-info-bg);

      .fa-circle-info {
        font-size: 18px;
        color: var(--notifyCV-info-icon);
      }
    }

    &.errorNotifyCV {
      background-color: var(--notifyCV-error-bg);

      .fa-hexagon-exclamation {
        font-size: 18px;
        color: var(--notifyCV-error-icon);
      }
    }

    &.alertNotifyCV {
      background-color: var(--notifyCV-alert-bg);

      .fa-triangle-exclamation {
        font-size: 18px;
        color: var(--notifyCV-alert-icon);
      }
    }

    .notifyCV-title {
      color: var(--black-color);
      gap: 8px;
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: 700;
    }

    .notifyCV-description {
      color: var(--black-color);
      font-size: 13px;
      font-weight: 400;
      padding-left: 26px;
      padding-top: 2px;
      margin-bottom: 0px;
    }
  }
}

/*#endregion  */