@import 'bootstrap-utilities.css';


/* Redefinición de CSS para ajustes de diseño */

/* Redes Sociales */
#header .merchant .social-list .fa-stack {
   width: 1.7em !important;
}


/* Estilos Decorativos */

.card-cemi {
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    padding: 20px;
}

/* Clases para aspecto FORMULARIOS */

.form-control:focus {
	background: none repeat scroll 0 0 rgba(var(--bs-primary-rgb), 0.03);
	outline: inherit;
	border: solid 1px var(--bs-primary);
}

.label-mandatory::before {
	content: "(*)";
	color: #005e7d;
	padding-right: 5px;
}

.form-title {
	background-color: #ebecec;
	margin-left: -20px;
	padding-left: 20px;
	max-width: 350px;
	border-radius: 0px 20px 20px 0px;
}


/* Clases para aspecto de notas */
.note-primary {
	border-left: solid 6px rgba(var(--bs-primary-rgb), 0.3);
	padding: 10px 20px 10px 20px;
	background-color: rgba(var(--bs-primary-rgb), 0.03);
}

.note-info {
	border-left: solid 6px rgba(var(--bs-info-rgb), 0.3);
	padding: 10px 20px 10px 20px;
	background-color: rgba(var(--bs-info-rgb), 0.03);
}

.note-warning {
	border-left: solid 6px rgba(var(--bs-warning-rgb), 0.3);
	padding: 10px 20px 10px 20px;
	background-color: rgba(var(--bs-warning-rgb), 0.03);
}

.note-danger {
	border-left: solid 6px rgba(var(--bs-danger-rgb), 0.3);
	padding: 10px 20px 10px 20px;
	background-color: rgba(var(--bs-danger-rgb), 0.03);
}