/* Modificamos la validaciones de los formularios */

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}


/* ============ Efecto de cargando ===================== */

#cargando {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100000;
  cursor: wait;
  background-color: rgba(0, 0, 0, 0.1);
}

@media(max-width: 767px) {
  #cargando {
    background: rgba( 255, 255, 255, .8 ) url("../../assets/img/cargando.gif") 50% 50% no-repeat;
  }

  .box-loading{
    display: none;
  }
}

.box-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 1.5 !important;
  color: #8DBA38;
}

/*.cursor-pointer {
  cursor: pointer !important;
}
*/
/* ================= Fin efecto cargando =========================== */

/* DataTables */

.dataTables_filter [type="search"] {
  min-height: var(--input-height);
  font-size: 1em;
  margin-left: 0px !important;
}

@media screen and (max-width: 767px) {
  .dataTables_filter, .dataTables_filter label{
    width: 100%;
  }
  
  div.dataTables_wrapper div.dataTables_filter input {
    width: 100%;
  }
}

.saltoLinea {
  white-space: break-spaces !important;
  overflow: hidden;
  text-overflow: ellipse;
  max-width: 500px !important; 
}

/* Fixed bottom responsive classes */
@media (min-width: 576px) {
	.fixed-bottom-sm {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1030;
	}
}

@media (min-width: 768px) {
	.fixed-bottom-md {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1030;
	}
}

@media (min-width: 992px) {
	.fixed-bottom-lg {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1030;
	}
}

@media (min-width: 1200px) {
	.fixed-bottom-xl {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1030;
	}
}

@media (min-width: 1400px) {
	.fixed-bottom-xxl {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1030;
	}
}