body {
	background-color: var(--core-background-color);
	color: var(--core-font-color);
}

.span-cantidad {
	background-color: var(--core-primary-color);
	color: var(--core-header-font-color);
}


.span-detalle {
	background-color: #a3f763bf;
	color: #444444;
}

.span-detalle-invalido {
	background-color: #EC7063;
	color: white;
	padding: 3px;
	margin: 3px;
	border-radius: 3px;
}

.info-version {
	color: var(--core-header-font-color);
	background-color: var(--core-primary-color);
}

.menu-derecho {
	color: #fff !important;
	background-color: var(--core-tertiary-color) !important;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.expandingcell-menu-derecho {
	color: #ffffff;
	background-color: #fa6800;
}

.boton-login {
	background-color: var(--core-primary-color) !important;
}

.boton-fa:HOVER, .boton-fa-sup:HOVER {
	color: #444444;
}

.boton-secundario {
	background-color: var(--core-secondary-background-color);
	color: var(--core-primary-color);
}

.boton-secundario:hover {
	color: var(--core-background-color);
	background-color: var(--core-primary-color);
}

.boton-secundario.amarillo {
	background-color: var(--core-secondary-background-color);
	color: #f1c40f;
}

.boton-secundario.amarillo:hover {
	color: #f1f1f1;
	background-color: #f1c40f;
}

.boton-secundario.verde {
	background-color: var(--core-secondary-background-color);
	color: #6ab04c;
}

.boton-secundario.verde:hover {
	color: #f1f1f1 !important;
	background-color: #6ab04c;
}

.boton-secundario.rojo {
	background-color: var(--core-secondary-background-color);
	color: #e74c3c;
}

.boton-secundario.rojo:hover {
	color: #f1f1f1 !important;
	background-color: #e74c3c;
}

/* .boton-paginado {
	background-color: #cb769e;
} */

.btn-action {
	color: #fff;
	background-color: #647687 !important;
}

.btn-aceptar {
	color: #6ab04c;
	background-color: #fff;
}

.btn-aceptar:hover {
	color: #fff;
	background-color: #6ab04c;
}

.btn-borrar {
	color: #e17373 !important;
}

.btn-borrar:hover {
	background-color: #e17373!important;
	border-radius: 4px;
	color: var(--core-background-color) !important;
	text-decoration: none;
}

.btn-editar {
	color: var(--core-primary-color);
	opacity: .8;
}

.btn-editar:hover {
	background-color: var(--core-primary-color) !important;
	border-radius: 4px;
	color: var(--core-background-color) !important;
	text-decoration: none;
}

.btn-insertar {
	color: #88CF8D
}

.btn-insertar:hover {
	background-color: #88CF8D!important;
	border-radius: 4px;
	color: #ffffff!important;
	text-decoration: none;
}

.btn-notas {
	color: #f1c40f;
}

.btn-notas:hover {
	background-color: #f1c40f!important;
	border-radius: 4px;
	color: var(--core-background-color) !important;
	text-decoration: none;
}

.boton:has(.gris) {
	color: #616161 !important;	
}

.boton:has(.naranja) {
	color: #ff5722 !important;	
}

.fa-solid.verde, .fa-regular.verde, .fa-brands.verde  {
	color: #6ab04c!important;
}

.fa-solid.rojo, .fa-regular.rojo, .fa-brands.rojo  {
	color: #e74c3c!important;
}


.icono-microfono-encendido {
	background-color: #c0392b;
}


.grilla-operacion {
	color: #2980b9 !important;
}

.iluminada {
	color: #ffffff !important;
	background-color: #596275 !important;
	transition: all .7s ease-in-out;
}

.grid_grupo0 {
	color: #fff !important;
	background-color: #f5cd79 !important;
}

.grid_grupo1 {
	color: #000 !important;
	background-color: #F8EFBA !important;
}

.tabla-resultado {
	color: #fff;
	background-color: var(--core-tabla-resultados-background);
}

div.warning {
	background-color: #ec971f;
}

/* estilo de div para feedback al agregar articulos */
.sc3-cartel {
	background-color: #badc58;
	color: #fff;
}

.barra-buscador-filtro {
	background-color: #BDC581;
}

.td_monto {
	color: #2196F3!important;
}

.td_monto_negativo {
	color: #CC0000;
}

.monto-grande {
	color: #2196F3!important;
	font-size: 15px;
	font-weight: bold;
}

.td_monto_grande {
	font-size: 21px;
	color: #2196F3;
	padding: 4px;
	border-radius: 3px;
	background-color: var(--core-background-color);
}

.td_monto_mediano {
	font-size: 18px;
	color: #4C2E0D;
	background-color: #FFFFFF;
}

.solapa {
	border-radius: 3px;
	box-shadow: rgb(100 100 111 / 40%) 0px 7px 29px
}

.link-menu {
	box-shadow: rgb(100 100 111 / 30%) 0px 7px 20px;
}

.icono-menu {
	/* color: #1289A7 !important; */
	color: var(--core-primary-color) !important;
}


/*
SECTOR VENTANAS MODAL
*/

.modal-header-autocomplete {
	background-color: var(--core-primary-color) !important;
	color: var(--core-header-font-color) !important;
}

.modal-header-autocomplete .w3-button i {
	color: var(--core-header-font-color);
}

.modal-header {
	background-color: #2d3436!important;
	color: white!important;
}

.modal-preview-contenido {
	background-color: var(--core-background-color);
}

.btn-cerrar-modal {
	background-color: #c0392b;
	color: white;
}

.botones-medio-pago {
	border-radius: 8px 8px 0px 0px;
	font-variant: small-caps;
	background-color: var(--core-primary-color) !important;
	color: var(--core-header-font-color) !important;
	padding: 8px 12px !important;
}

.botones-medio-pago-egreso {
	border-radius: 8px 8px 0px 0px;
	font-variant: small-caps;
	background-color: var(--core-primary-color) !important;
	color: var(--core-header-font-color) !important;
	padding: 8px 12px !important
}

.botones-medio-pago-efectivo {
	background-color: #87CEEB !important
}

.botones-medio-pago-efectivo-solo {
	border-radius: 0 !important;
}

.botones-medio-pago:hover, .botones-medio-pago-efectivo:hover, .botones-medio-pago-egreso:hover {
	background-color: var(--core-secondary-color) !important;
	color: var(--core-header-font-color) !important;
}

.botones-medio-pago-seleccionado {
	background-color: var(--core-secondary-color) !important;
}

.div-botones-inferior {
	background-color: var(--core-background-color);
}

/*
es una clase para los div que van a contener una etiqueta y un editor ejemplo:
Nombre:                                       Imput Text
es para mantener una distancia entre ambos controles no muy alejadas, 
ya que en pantallas grandes se ponen muy ancho, y en pantallas chicas queda muy apretado.
*/
.div-contenedor-etiquetas-control {
	margin-top: 15px;
	font-size: 14px;
	padding-left:10px;
	padding-right: 10px;
}

.div-etiqueta-control {
	margin-top: 13px;
	font-size: 14px;
}

.agregar-flotante {
	color: #88CF8D !important;
}

.swal2-modal {
	background-color: var(--core-background-color);
	color: var(--core-font-color);
}

.swal2-title {
	opacity: .6;
}

.texto-blanco {
	color: white !important;
}