/* ----------------------------------------------------------------------------
 *                         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;
}

/* Paginador de notificaciones */
.pagination>.active>a, .pagination>.active>a:focus,
.pagination>.active>a:hover, .pagination>.active>span,
.pagination>.active>span:focus, .pagination>.active>span:hover
{
    background-color: #fff;

}

ul.pagination li.page-item a.page-link:hover{
    cursor: pointer
}
nav ul.pagination{
    margin: -10px auto 20px auto;
}

div.pagination.ng-scope{
    margin: 0px;
}
div[ng-table-pagination]
{
    position: absolute;
    left: 37%;
    width: 40%;
}
ul.pagination li.page-item a.page-link:hover{
    cursor: pointer
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007BFF
;
  border-color: #007BFF
; }

.page-item.active .page-link:hover {
  z-index: 1;
  color: #fff;
  background-color: #007BFF
;
  border-color: #007BFF
; }

.customPager{
  display: grid;
}

.customPagerNotification{
  display: flex;
}