.form-control.is-valid, .was-validated .form-control:valid {
    background-image: none !important;
    border-color: #ced4da;

}


header {
  background: #3F51B5;

    background: linear-gradient(to right, #3F51B5 0%, #0dd3ff 80%, #3F51B5 100%);
    padding-bottom: 1px;

}

/*estilos para la tabla*/
table th {
  background-color: #337ab7 !important;
  color: white;
}
table > tbody > tr > td {
  vertical-align: middle !important;
}

/*para alinear los botones y cuadro de busqueda*/
.btn-group,
.btn-group-vertical {
  position: absolute !important;
}
tr:hover {
  background-color: #5499C7 !important;
}

.material-icons.md-18 {
  font-size: 18px;
}

.btn.white {
  background-color: white;
  border-radius: 8px 0px 0px 8px !important;
  border-width: 3px;
}
.btn.eliminar {
  background-color: white;
    border-radius: 0px 0px 0px 0px !important;
  border-width: 3px;
}
.btn.editar {
  background-color: white;
  border-radius: 0px 0px 0px 0px !important;
  border-width: 3px;
  font-weight: bold;

}
.btn.porcentaje {
  background-color: white;
  border-radius: 0px 0px 0px 0px !important;
  border-width: 3px;
  font-weight: bold;

}
.btn.filas {
  background-color: #273746;
  text-color:white;
  max-resolution: 0px ;
  border-radius: 0px 8px 8px 0px !important;

  font-weight: bold;

}

.material-icons.black {
  color: black;
}

.material-icons.red {
  color: red;
}

button.btn.btn-secondary.buttons-excel.buttons-html5.btn-success {
  margin-top: 5px;
  margin-bottom: 5px;
}

button.btn.btn-secondary.buttons-pdf.buttons-html5.btn-danger {
  margin-top: 5px;
  margin-bottom: 5px;
}
button.btn.btn-secondary.buttons-print.btn-info {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* botones de datatable*/
.dt-buttons.btn-group {
    margin-top: -1%;
}

/*modales*/
.modal-header {
border-width: 1px ;
border-image: linear-gradient(5deg, #3F51B5 ,  #0dd3ff,#3F51B5 ) 1;
color: #3F51B5;


}
.modal-footer {
border-width: 1px ;
border-image: linear-gradient(5deg, #3F51B5 ,  #0dd3ff,#3F51B5 ) 1;


}

.modal-open .container-fluid, .modal-open  .container {
    -webkit-filter: blur(5px) grayscale(70%);
}
.gradient {
  display: inline-block;
  color: #fff;
  outline: none !important;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.5px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.gradient:hover {
  background-position: right center;
  color: #fff;
}
.gradient-blue {
  background: linear-gradient(to right, #3F51B5 0%, #0dd3ff 51%, #3F51B5 100%);
  background-size: 200% auto;
}

/*texto parpadeante minimostock*/
.parpadea {

  animation-name: parpadeo;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {
  0% { opacity: 1.0; }
   50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}

/*para poder validar el select2*/

.was-validated .custom-select:invalid + .select2 .select2-selection{
    border-color: #dc3545!important;
}
.was-validated .custom-select:valid + .select2 .select2-selection{
    border-color: #28a745!important;
}
*:focus{
  outline:0px;
}