/*!
 * Copyright (c) 2018.  JAGFx
 * @author: SMITH Emmanuel
 * @version: 2.0.0
 */
/*!
 * Copyright (c) 2018.  JAGFx
 * @author: SMITH Emmanuel
 * @version: 2.0.0
 */
/*!
 * Copyright (c) 2019.  JAGFx
 * @author: SMITH Emmanuel
 * @version: 2.1.0
 *
 */
/* Shadow */
/* ALert */
/* Ico area */
/* Info title */
/* Info text */
/* Alert style */
/*!
 * Copyright (c) 2019.  JAGFx
 * @author: SMITH Emmanuel
 * @version: 2.1.0
 *
 */
/*!
 * Copyright (c) 2019.  JAGFx
 * @author: SMITH Emmanuel
 * @version: 2.1.0
 *
 */
/* Shadow */
/* ALert */
/* Ico area */
/* Info title */
/* Info text */
/* Alert style 
*
*/
/*!
 * Rebuild 2020 by Naufal Industri Paser
 * Instagram : @naufalindustri
 * From Indonesia
 * Add custom class
 *
 */
/* Shadow */
@media (max-width: 768px) {
  .formJS .alert, .formJS2 .alert {
    flex-direction: column; } }

@media (min-width: 768px) {
  .formJS .alert, .formJS2 .alert {
    flex-direction: row; } }

.formJS-loading {
  margin-left: .5rem; }

.formJS .alert, .formJS2 .alert {
  background: rgba(52, 58, 64, 0.03);
  display: flex;
  padding: 0;
  align-items: stretch;
  border: 1px solid rgba(45, 50, 56, 0.03);
  overflow: hidden;
  -webkit-box-shadow: 0 2px 1px #F0F0F0;
  -moz-box-shadow: 0 2px 1px #F0F0F0;
  box-shadow: 0 2px 1px #F0F0F0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .formJS .alert .ico, .formJS2 .alert .ico {
    text-align: center;
    padding: 1.25rem 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    .formJS .alert .ico, .formJS2 .alert .ico > * {
      font-size: 2.5rem; }
  .formJS .alert .info, .formJS2 .alert .info {
    width: 100%; }
    .formJS .alert .info > h4, .formJS2 .alert .info > h4 {
      text-transform: uppercase;
      padding: 1.25rem 1rem 0 1rem;
      font-size: 1.5rem;
      margin: inherit; }
    .formJS .alert .info > p, .formJS2 .alert .info > p {
      font-style: italic;
      padding: 0 1rem 1rem 1rem;
      margin: 0;
      color: #353b41; }

@media (max-width: 768px) {
  .formJS .alert .info > h4, .formJS2 .alert .info > h4 {
    padding: 0 1rem 0 1rem; }
  .formJS .alert .info > p, .formJS2 .alert .info > p {
    padding: 0 1rem 1rem 1rem; } }

@media (min-width: 768px) {
  .formJS .alert .ico, .formJS2 .alert .ico {
    min-width: 5rem; }
  .formJS .alert .info > h4, .formJS2 .alert .info > h4 {
    padding: 1.25rem 1rem 0 0; }
  .formJS .alert .info > p, .formJS2 .alert .info > p {
    padding: 0 1rem 1rem 0; } }

.formJS .alert, .formJS2 .alert {
  border-bottom: 6px solid transparent; }
  .formJS .alert.formjs-success, .formJS2 .alert.formjs-success {
    border-bottom-color: #2DBDA8; }
    .formJS .alert.formjs-success .ico, .formJS2 .alert.formjs-success .ico {
      color: #2DBDA8; }
    .formJS .alert.formjs-success .info > h4, .formJS2 .alert.formjs-success .info > h4 {
      color: #2DBDA8; }
  .formJS .alert.formjs-info, .formJS2 .alert.formjs-info {
    border-bottom-color: #2C97DE; }
    .formJS .alert.formjs-info .ico, .formJS2 .alert.formjs-info .ico {
      color: #2C97DE; }
    .formJS .alert.formjs-info .info > h4, .formJS2 .alert.formjs-info .info > h4 {
      color: #2C97DE; }
  .formJS .alert.formjs-warning, .formJS2 .alert.formjs-warning {
    border-bottom-color: #EFC663; }
    .formJS .alert.formjs-warning .ico, .formJS2 .alert.formjs-warning .ico {
      color: #EFC663; }
    .formJS .alert.formjs-warning .info > h4, .formJS2 .alert.formjs-warning .info > h4 {
      color: #EFC663; }
  .formJS .alert.formjs-error, .formJS2 .alert.formjs-error {
    border-bottom-color: #CC3E4A; }
    .formJS .alert.formjs-error .ico, .formJS2 .alert.formjs-error .ico {
      color: #CC3E4A; }
    .formJS .alert.formjs-error .info > h4, .formJS2 .alert.formjs-error .info > h4 {
      color: #CC3E4A; }