.custom-file-input ~ .custom-file-label::after {
  content: "Elegir";
}
.has-error small{
  color:red;
  font-weight:normal;
  margin-left:5px;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #FF0000;
}
.has-error .custom-select,
.has-error .form-control {
  border-color: #FF0000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .custom-select:focus,
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.alert {
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: 5px;
  height: 50px;
  z-index: 1050;
}


.border-left-primary {
  border-left: .25rem solid #59626A!important;
}

.text-gray-300 {
  color: #dddfeb!important;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #59626A;
}

.min-vh-20 {
  min-height: 100px !important;
}


.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #6c757d;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.modal-primary .modal-content {
  border-color: #20a8d8;
}
.modal-primary .modal-header {
  color: #fff;
  background-color: #20a8d8;
}

.modal-secondary .modal-content {
  border-color: #a4b7c1;
}

.modal-secondary .modal-header {
  color: #fff;
  background-color: #a4b7c1;
}

.modal-success .modal-content {
  border-color: #4dbd74;
}

.modal-success .modal-header {
  color: #fff;
  background-color: #4dbd74;
}

.modal-info .modal-content {
  border-color: #63c2de;
}

.modal-info .modal-header {
  color: #fff;
  background-color: #63c2de;
}

.modal-warning .modal-content {
  border-color: #ffc107;
}

.modal-warning .modal-header {
  color: #fff;
  background-color: #ffc107;
}

.modal-danger .modal-content {
  border-color: #f86c6b;
}

.modal-danger .modal-header {
  color: #fff;
  background-color: #f86c6b;
}

.modal-light .modal-content {
  border-color: #f0f3f5;
}

.modal-light .modal-header {
  color: #fff;
  background-color: #f0f3f5;
}

.modal-dark .modal-content {
  border-color: #29363d;
}

.modal-dark .modal-header {
  color: #fff;
  background-color: #29363d;
}

/* Esti para las norificaciones numericas en botones*/
.notification {
  position: relative;
}
.notification .badge {
  border-radius: 50%;
  bottom: -5;
  padding: 3px 5px;
  position: absolute;
  margin-top: 25px;
  right: -5px;
}

/*
EJEMPLO DE USO
<button type="button" data-toggle="tooltip" data-placement="top" title="titulo" class="btn btn-dark btnproce mr-2 notification">
<i class="fa fa-plus-circle" aria-hidden="true"></i>
<span class="badge badge-light">8</span>
</button>
*/

/* Estilo para los buscadores de Datatable*/
.table input {
  padding:10px;
  font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
thead,tfoot{
  background-color:#E9ECEF;
}
.table thead th, .table th, .table td {
  vertical-align: middle;
}