/* ----------------------------------------------------------------------------
 *                         Todos los derechos Reservados
 *                           AyV Ingeniería S.A.S 2017
 *  ----------------------------------------------------------------------------
 *	Nombre:       notifications.blade.php
 *	Ruta:         /public/css/Notifications/notifications-style.css
 *	Descripción:  Estilos para las notificaciones.
 *	Fecha:        18/10/2017
 *  Autor:        Luis Fernando Rivera Cortés.
 *  Versión:      1.0
 *  OD:           12398579
 *  ----------------------------------------------------------------------------
 *	 							Histórico de cambios
 *  ----------------------------------------------------------------------------
 *	Fecha        OD        Autor        Descripción
 *  ----------------------------------------------------------------------------
 *  18/10/2017   12398579  lfriveraco   Creación de cabecera de documentacion
 *  18/10/2017   12398579  lfriveraco   Creación de Se agregan estilos para los
 *                                      mensajes de notificacion y alerta.
 *  ----------------------------------------------------------------------------
 */
 li[data-priority='1'] .priority-ico{
  color: #AED581;
  font-size: 1em;
}
li[data-priority] .text-muted{
  font-size: 8px;
}
li[data-priority='2'] .priority-ico{
   color: #FFF176;
    font-size: 1em;
}
li[data-priority='3'] .priority-ico{
  color: #DD2C00;
  font-size: 1em;
}
li[data-priority='0'] .priority-ico{
  color: #757575;
  font-size: 1em;
}
.notify-detail{
  border-bottom-style: inset;
  padding-top: 5px;
}
.notify-detail:hover{
cursor: pointer;
background-color: #FAFAFA;
}
.notification-detail-ico{
  text-align: right !important;
  padding: 0px !important;
}

.notify-detail[data-priority='1'] .priority-ico{
  color: #AED581;
  font-size: 2em;

}
.notify-detail[data-priority='2'] .priority-ico{
   color: #FFF176;
  font-size: 2em;

}
.notify-detail[data-priority='3'] .priority-ico{
  color: #DD2C00;
  font-size: 2em;
}
.notify-detail[data-priority='0'] .priority-ico{
    color: #757575;
    font-size: 2em;

}
.center-horizontal{
  padding-top: 5px;
}

.noti-setting :hover{
  cursor: pointer;
  color: #616161;
}


.row-shippingMethod{
  padding: 20px;
  background-color: #FAFAFA;
  border-bottom: 1px #d1d1d1 solid;
}

.row-shippingMethod:hover{
  background-color: #F5F5F5;
}
.table-transparent{
  background-color: transparent!important;
}

/**
  * Estilos para Notificaciones del modulo de Estaciones.
  */
  .alert-title{
    color: #FFA000;
  }
  .alert-message{
    padding-left: 10px;
  }
  .alert-footer{
    text-align: right;
  }
.alert{
    padding: 5px;
    border-radius: 3px;
    list-style: none;
    text-align: justify;
    margin: 5px;
}
.alert-default{
  background-color: #F5F5F5;
  color: #000000;
  border-left: 5px solid #FFD54F;
}
.alert-default .alert-title{
  color: #FFD54F;
}


.alert-success{
  background-color: #72EFA8;
  color: #08311A;
  border-left: 5px solid #17CA65;
}
.alert-success .alert-title{
  color: #17CA65;
}
.alert-success .text-muted{
    color: #08311A;
}


.alert-info{
  background-color: #80CBFF;
  color: #133150;
  border-left: 5px solid #0098FF;
}
.alert-info .alert-title{
  color: #0098FF;
}
.alert-info .text-muted{
    color: #133150;
}

.alert-warning{
  background-color: #FFF59D;
  color: #F57F17;
  border-left: 5px solid #FF982D;
}
.alert-warning .alert-title{
  color: #FF982D;
}
.alert-warning .text-muted{
    color: #F57F17;
}


.alert-danger{
  background-color: #FF8282;
  color: #000000;
  border-left: 5px solid #CC0000;
}
.alert-danger .alert-title{
  color: #CC0000;
}
.alert-danger .text-muted{
    color: #000000;
}