/* ALERTAS */

.alerta{
  position:fixed;
  background:#fff;
  border-bottom:1px solid #ddd;
  display:table;
  margin:0;
  font-size:14px;
  font-weight: 300;
  /*bottom:15px;
  right:15px;*/
  top:80%;
  right: 15%;
  z-index:9999;
  box-shadow:0px 3px 6px rgba(0,0,0,0.1);
  -webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.1);
}

.alerta > div{
  display:table-cell;
  vertical-align: middle;
}

.alerta .titulo{
  font-weight: 600;
  margin:0;
  display:block;
  font-size:16px;
}

.alerta .fecha-alerta{
  display:table-cell;
  vertical-align:top;
  padding:10px;
  font-size:14px;
  display:block;
  color:#ccc;
}

.alerta .icone{
  color:#fff;
  padding:15px;
}

.alerta .text{
  padding:10px;
  width:240px;
  font-size:13px;
  color:#666;
}

/** Alerta **/
.alerta.active{
    border: 0;
    border-radius: 6px;
    background-color: #484848;
    display: flex !important;
    align-items: center;
}
.alerta .titulo{
    font-size: 13px;
    font-family: "Montserrat";
    font-weight: 500;
    color: white;
    line-height: 1.4em;
}
.alerta .titulo a{
    display: block;
    margin-top: 4px;
    font-size: 13px;
    font-family: "Montserrat";
    font-weight: 500;
    color: white;
    text-decoration: underline;
}
.alerta .text{
    padding: 10px 0;
}
.alerta .fecha-alerta .fa{
    display: none;
}
.alerta .fecha-alerta{
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('../images/close-alerta.png');
    background-position: center;
    background-repeat: no-repeat;
}
.alerta.alerta-danger .wrap-icone .fa{
    display: none;
}
.alerta .wrap-icone{
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    margin: 0 4px 0 10px;
    background-color: none;
}
.alerta.alerta-danger .wrap-icone{
    background-image: url('../images/danger.png');
}
.alerta.alerta-warning .wrap-icone{
    background-image: url('../images/danger.png');
}
.alerta.alerta-info .wrap-icone{
    background-image: url('../images/danger.png');
}
.alerta.alerta-success .wrap-icone{
    background-image: url('../images/success.png');
}
.alerta.alerta-info{
    background-color: #0d4279;
}
.alerta.alerta-danger{
    background-color: #EC3942;
}
.alerta.alerta-warning{
    background-color: #f0ad4e;
}
.alerta.alerta-success{
    background-color: #30A84B;
}
.alerta .icone{
    display: none;
}

.input-warning{
  border: 1px solid red;
}

@media (max-width: 768px) {
  .alerta{
    position:absolute;
    left: 25px;
    top: 1175px;
  }   
}