.anulada .x-grid-cell {
	background-color: #fc7676;
	color: #fff;
}

.produccion {
	background-color: #FD0000 !important;
	color: rgb(0, 0, 0);
}

.activo:before {
	color: #003c00;
}

.inactivo:before {
	color: #00a600;
}

.proceso .x-grid-cell {
	background-color: #a8a8a8;
	color: #fff;
}

.sinStock .x-grid-cell {
	background-color: #ffa1a1;
	color: #fff;
}

.sinStock .x-grid-cell table td {
	color: #fff !important;
	font-weight: bold;
}

.sinStock .x-grid-cell table strong {
	color: black !important;
	font-weight: normal !important;
}

.anuladaFact .x-grid-cell {
	background-color: #ffa1a1;
	color: #fff;
}

.anuladaFact .x-grid-cell table td {
	color: #fff !important;
	font-weight: bold;
}

.anuladaFact .x-grid-cell table strong {
	color: black !important;
	font-weight: normal !important;
}

.x-message-box-comprobante {
	background-image: url(../images/suspender.png) !important;
	color: #36c436;
}

.x-toolbar tspan {
	color: white;
	font-weight: bold;
}

.x-panel-default-framed {
	border: 0 !important;
}

.datos .x-form-field {
	height: 16px !important;
	font-size: 11.4px !important;
}

.estadofirma .x-form-field {
	background-color: #FD0000 !important;
	color: fff !important;
}

.estadofirmavalida .x-form-field {
	background-color: #34A836 !important;
	color: fff !important;
}

.estadofirmaporcaducarse .x-form-field {
	background-color: #F5802A !important;
	color: fff !important;
}

.inicio .x-btn-inner.x-btn-inner-center {
	font-size: 45px !important;
}

.reporteGrid .x-grid-cell {
	height: 10px !important;
	border-bottom-width: 1px;
}

.reporteGuiaRemision .x-grid-cell {
	height: 10px !important;
}

.modulos .x-btn-default-medium {
	background: #00de63;
}

.modulos .x-btn-default-medium:hover {
	background: #277219;
}

.modulos .x-btn-default-medium {
	border-color: #00de63;
}

.header a {
	background: none;
}

.actualizacionLabel {
	animation: blinker 1.5s linear infinite;
}

/*@
keyframes blinker { 50% {
	opacity: 0;
}

}*/
.panelSplitbutton .x-btn-split-right {
	background-image: url(../images/add-splitbutton.png) !important;
}

/* Opcional: simula el estilo de Bootstrap para el contenedor */
.col-lg-7 {
	width: 58.333333%;
	float: left;
	box-sizing: border-box;
}

/* Opcional: centra verticalmente el contenido */
.align-self-center {
	display: flex;
	align-items: center;
}

/* Estilo para el label del combobox */
.form-label {
	font-weight: bold;
	margin-bottom: 5px;
}

/* Opcional: estilos para el componente de documentos */
.campo_documentos {
	padding: 5px;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
}

/* Opcional: estilos para el aviso de IVA */
.info_iva {
	font-style: italic;
	color: #6c757d;
}

/* Estilo para el panel tipo "card" */
.custom-card {
	background: #fff;
	border-radius: 6px;
	/* Sombra sutil para dar efecto de elevación */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	margin: 20px auto;
}

/* Título de la tarjeta */
.card-title {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* Contenedor de la imagen (price-box) */
.price-box {
	margin: 20px 0;
}

/* Lista de precios */
.price-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.price-list li {
	margin-bottom: 10px;
	padding: 5px 0;
	/* Espacio para el ícono */
}

.price-list li i.icon-check {
	color: #17a2b8; /* Color del ícono de verificación */
	margin-right: 8px;
}

/* Estilo para la flecha dentro de la lista */
.price-list li .fa-arrow-right {
	font-size: 20px;
	color: #d2ad3d;
	margin: 0 5px;
}

/* Estilo opcional para el componente adicional */
.precio-plan {
	font-size: 16px;
	font-weight: 600;
}

.x-message-box-check {
	font: 44px/1 FontAwesome;
	color: #36c436;
}

.x-message-box-check:before {
	content: "\f058"
}

.x-message-box-check:before {
	background-position: left top;
	background-repeat: no-repeat;
}

/* color iconos fontawezome*/
.editar_color_icono:before {
	color: #0276cc;
	font-size: 20px;
}

.eliminar_color_icono:before {
	color: #ff4a4a;
	font-size: 20px;
}

.reporte_excel_color_icono:before {
	color: #005e17;
	font-size: 20px;
}

.nuevo_color_icono:before {
	color: #6eb558;
	font-size: 20px;
}

.enviar_xml_color_icono:before {
	color: #3dc9f1;
	font-size: 20px;
}

.tutorial_color_icono:before {
	color: #007bff;
	font-size: 20px;
}

.masivo_color_icono:before {
	color: #0056b3;
	font-size: 20px;
}

.botonmas:before {
	color: #86b258;
	font-size: 20px;
}

.botonwhatsapp:before {
	color: #4cca5b;
	font-size: 20px;
}

.botonpdf:before {
	color: #cc4b4c;
	font-size: 20px;
}

.imprimir_color_icono:before {
	color: #007bff;
	font-size: 20px;
}

.descargar_color_icono:before {
	color: #28a745;
	font-size: 20px;
}

.reenviar_email_color_icono:before {
	color: #007bff;
	font-size: 20px;
}

.reenviar_sri_color_icono:before {
	color: #0056b3;
	font-size: 20px;
}

.descargar_xml_color_icono:before {
	color: #28a745;
	font-size: 20px;
}

.anular_color_icono:before {
	color: #dc3545;
	font-size: 20px;
}

.busqueda_color_icono:before {
	color: #007bff;
	font-size: 20px;
}

.limpiar_busqueda_color_icono:before {
	color: #6c757d;
	font-size: 20px;
}

.x-grid-cell-inner {
	text-align: left !important;
}

.cancelar_color_icono:before {
	color: #e74c3c;
	font-size: 20px;
}

.btn-nueva-factura .x-btn-inner {
	font-size: 28px;
	font-weight: bold;
	
}

.btn-nueva-factura .x-btn-icon-el {
    margin-right: 8px; 
    margin-left: 0;
}

.btn-nueva-factura .fa {
	font-size: 24px;
	text-align: left !important;
}

.boton_panel_nueva_factura_color_icono:before {
	color: rgb(255, 255, 255);
	font-size: 40px;
}

.cerrar_sesion_color_icono:before {
	color: #0000;
	font-size: 20px;
}

.guardar_color_icono:before {
	color: #28a745;
	font-size: 20px;
}


.activar_iva_color_icono:before {
	color: #00ff40;
	font-size: 20px;
}
.desactivar_iva_color_icono:before {
	color: #ff0000;
	font-size: 20px;
}

.restablecer_color_icono:before {
	color: #007BFF;
	font-size: 20px;
}

.login-button {
    background-color: transparent;
   /* border: 1px solid #ccc;*/
    border-radius: 3px;
  /*  padding: 3px 6px;*/
}

.login-button .x-btn-icon-el {
    color: #444;
    font-size: 15px;
}

.login-button .x-btn-arrow {
    color: #444; 
}

.login-button:hover {
    background-color: #f0f0f0;
}

.login_color_icono:before {
	color: #2c2c2c;
	font-size: 22px;
}



.activar_color_icono:before {
	color: #00ff40;
	font-size: 20px;
}
.desactivar_color_icono:before {
	color: #ff0000;
	font-size: 20px;
}


.agregar_producto_color_icono:before {
	color: #00ca00;
	font-size: 20px;
}

.generar_color_icono:before {
	color: #b05800;
	font-size: 20px;
}



.enviar_color_icono:before {
	color: #b05800;
	font-size: 20px;
}


.x-mask.splashscreens {
	background-color: #00de63;
	opacity: 1;
}

.x-mask-msg.splashscreens, .x-mask-msg.splashscreens div {
	font-size: 20px;
	padding: 150px 5px 5px 5px;
	border: none;
	background-color: transparent;
	background-position: 50% 50%;
}


.splash-content {
	text-align: center;
	font-family: "Segoe UI", sans-serif;
	color: white;
}


.splash-image {
	background-image: url('resources/images/logo.png'); /* ← tu imagen */
	background-repeat: no-repeat;
	background-size: 120px 120px; /* ajusta tamaño */
	background-position: center;
	width: 120px;
	height: 120px;
	margin: 0 auto 20px auto;
}

.splash-text {
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 1px;
}