:root {
	--base-color-text: #ffffff;
	--base-color-text-hover: #ffffff;
	--base-color-transparent-bg: transparent;

	/*Buscar*/
	--base-color-buscar-bg: #01B0E4;
	--base-color-buscar-border: #03C2F2;
	--base-color-buscar-active-bg: #0087B5;
	--base-color-buscar-active-border: #0182B0;
	--base-color-buscar-hover-bg: #00B2E6;
	--base-color-buscar-hover-border: #02A5D8;
	--base-color-buscar-disabled-bg: #CCCCCC;
	--base-color-buscar-disabled-border: #808080;
	--base-color-buscar-disabled-text: #808080;
	--base-color-buscar-bg-rgba: rgba(1, 176, 228, 0.5);
	
	/*Eliminar*/
	--base-color-eliminar-bg: #e90016;
	--base-color-eliminar-border: #FA3B4C;
	--base-color-eliminar-active-bg: #D3000D;
	--base-color-eliminar-active-border: #D30A17;
	--base-color-eliminar-hover-bg: #F72A39;
	--base-color-eliminar-hover-border: #E92227;
	--base-color-eliminar-disabled-bg: #CCCCCC;
	--base-color-eliminar-disabled-border: #808080;
	--base-color-eliminar-disabled-text: #808080;
    --base-color-eliminar-bg-rgba: rgba(233, 0, 22, 0.5);

	/*Guardar*/
	--base-color-guardar-bg: #0071BC;
	--base-color-guardar-border: #0283D4;
	--base-color-guardar-active-bg: #004F86;
	--base-color-guardar-active-border: #006798;
	--base-color-guardar-hover-bg: #006BAE;
	--base-color-guardar-hover-border: #0175B6;
	--base-color-guardar-disabled-bg: #CCCCCC;
	--base-color-guardar-disabled-border: #808080;
	--base-color-guardar-disabled-text: #808080;
    --base-color-guardar-bg-rgba: rgba(0, 113, 188, 0.5);

	/*Editar*/
	--base-color-editar-bg: #A4C616;
	--base-color-editar-border: #B5D727;
	--base-color-editar-active-bg: #A5B727;
	--base-color-editar-active-border: #A6C828;
	--base-color-editar-hover-bg: #7C880B;
	--base-color-editar-hover-border: #97B929;
	--base-color-editar-disabled-bg: #CCCCCC;
	--base-color-editar-disabled-border: #808080;
	--base-color-editar-disabled-text: #808080;
    --base-color-editar-bg-rgba: rgba(164, 198, 22, 0.5);

	/*Nuevo*/
	--base-color-nuevo-bg: #0071BC;
	--base-color-nuevo-border: #0283D4;
	--base-color-nuevo-active-bg: #006BAE;
	--base-color-nuevo-active-border: #0175B6;
	--base-color-nuevo-hover-bg: #004F86;
	--base-color-nuevo-hover-border: #006798;
	--base-color-nuevo-disabled-bg: #CCCCCC;
	--base-color-nuevo-disabled-border: #808080;
	--base-color-nuevo-disabled-text: #808080;
    --base-color-nuevo-bg-rgba: rgba(0, 113, 188, 0.5);

	/*Rechazar*/
	--base-color-rechazar-bg: #e90016;
	--base-color-rechazar-border: #FA3B4C;
	--base-color-rechazar-active-bg: #D3000D;
	--base-color-rechazar-active-border: #D30A17;
	--base-color-rechazar-hover-bg: #F72A39;
	--base-color-rechazar-hover-border: #E92227;
	--base-color-rechazar-disabled-bg: #CCCCCC;
	--base-color-rechazar-disabled-border: #808080;
	--base-color-rechazar-disabled-text: #808080;
    --base-color-rechazar-bg-rgba: rgba(233, 0, 22, 0.5);

    /* Cancelar */
    --base-color-cancelar-bg: #756f70;
    --base-color-cancelar-border: #867d80; /* 10% más oscuro que el fondo */
    --base-color-cancelar-active-bg: #5D5560; /* 20% más oscuro que el fondo */
    --base-color-cancelar-active-border: #676069; /* 15% más oscuro que el borde */
    --base-color-cancelar-hover-bg: #615b64; /* 15% más oscuro que el fondo */
    --base-color-cancelar-hover-border: #6f656d; /* 10% más oscuro que el borde */
    --base-color-cancelar-disabled-bg: #CCCCCC; /* Color gris claro estándar para desactivado */
    --base-color-cancelar-disabled-border: #808080; /* Color gris oscuro estándar para desactivado */
    --base-color-cancelar-disabled-text: #808080; /* Color gris oscuro estándar para texto desactivado */
    --base-color-cancelar-bg-rgba: rgba(117, 111, 112, 0.5);

	/*Volver*/
	--base-color-volver-bg: #c10012;
	--base-color-volver-border: #D82B3C;
	--base-color-volver-active-bg: #A7000B;
	--base-color-volver-active-border: #A70A17;
	--base-color-volver-hover-bg: #D31A27;
	--base-color-volver-hover-border: #C11217;
	--base-color-volver-disabled-bg: #CCCCCC;
	--base-color-volver-disabled-border: #808080;
	--base-color-volver-disabled-text: #808080;
    --base-color-volver-bg-rgba: rgba(193, 0, 18, 0.5);

	/*Aprobar*/
	--base-color-aprobar-bg: #39B54A;
	--base-color-aprobar-border: #4AC660;
	--base-color-aprobar-active-bg: #40A75B;
	--base-color-aprobar-active-border: #3BC751;
	--base-color-aprobar-hover-bg: #287336;
	--base-color-aprobar-hover-border: #2CC842;
	--base-color-aprobar-disabled-bg: #CCCCCC;
	--base-color-aprobar-disabled-border: #808080;
	--base-color-aprobar-disabled-text: #808080;
    --base-color-aprobar-bg-rgba: rgba(57, 181, 74, 0.5);

	/*Aceptar*/
	--base-color-aceptar-bg: #39B54A;
	--base-color-aceptar-border: #4AC660;
	--base-color-aceptar-active-bg: #40A75B;
	--base-color-aceptar-active-border: #3BC751;
	--base-color-aceptar-hover-bg: #287336;
	--base-color-aceptar-hover-border: #2CC842;
	--base-color-aceptar-disabled-bg: #CCCCCC;
	--base-color-aceptar-disabled-border: #808080;
	--base-color-aceptar-disabled-text: #808080;
    --base-color-aceptar-bg-rgba: rgba(57, 181, 74, 0.5);

	/*Importar Exportar 1*/
	--base-color-importexport1-bg: #FF8D1A;
	--base-color-importexport1-border: #FFAA2F;
	--base-color-importexport1-active-bg: #F79D2F;
	--base-color-importexport1-active-border: #EAA220;
	--base-color-importexport1-hover-bg: #D35E0C;
	--base-color-importexport1-hover-border: #D98A11;
	--base-color-importexport1-disabled-bg: #CCCCCC;
	--base-color-importexport1-disabled-border: #808080;
	--base-color-importexport1-disabled-text: #808080;
    --base-color-importexport1-bg-rgba: rgba(255, 141, 26, 0.5);

	/*Importar Exportar 2*/
	--base-color-importexport2-bg: #FFC300;
	--base-color-importexport2-border: #FFD73B;
	--base-color-importexport2-active-bg: #FFD62F;
	--base-color-importexport2-active-border: #FFC920;
	--base-color-importexport2-hover-bg: #F7A500;
	--base-color-importexport2-hover-border: #F7B100;
	--base-color-importexport2-disabled-bg: #CCCCCC;
	--base-color-importexport2-disabled-border: #808080;
	--base-color-importexport2-disabled-text: #808080;
    --base-color-importexport2-bg-rgba: rgba(255, 195, 0, 0.5);

    /*Sistemas*/

    --base-color-financial-bg: #F39222;
    --base-color-principal-bg: #f4f6f9;

	/*Genérico*/
	--base-color-generico-bg: #04507A;
	--base-color-generico-border: #0667A5;
	--base-color-generico-active-bg: #055E92;
	--base-color-generico-active-border: #045883;
	--base-color-generico-hover-bg: #034062;
	--base-color-generico-hover-border: #03486F;
	--base-color-generico-disabled-bg: #CCCCCC;
	--base-color-generico-disabled-border: #808080;
	--base-color-generico-disabled-text: #808080;

	

	--base-distance-1: 5px;
	--base-distance-2: 10px;
	--base-distance-3: 15px;
	--base-distance-4: 20px;
    
    --base-transition-bg: background 0.5s linear;

    
}
/* Fonts: Cambiar URL de ubicación de la fuente. */

@font-face {
    font-family: 'Montserrat';
    font-display: swap;
    src: url(../fonts/gfonts/Montserrat.woff2) format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-display: swap;
    src: url(../fonts/gfonts/Lato.woff2) format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-display: swap;
    src: url(../fonts/gfonts/Roboto.woff2) format('woff2');
}

.material-symbols-outlined{
    display: inline-flex;
    vertical-align: top;
}

/* body sistema*/

body {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
}

/* Elementos Base*/
.inps-texto-version{
    color: #cccccc; 
    font-size: 12px; 
    position:absolute; 
    bottom: 0; 
    left: 10px; 
    text-align: center;
}

.inps-opciones-container-menu {
    cursor: pointer;
    font-weight: bold;
    margin-top: 5px;
}

.inps-elementos-menu{
    color: #687384;
    height: 40px;
    padding-top: 10px;
    padding-left: 10px;
    vertical-align: middle;
    transition: background-color 300ms ease-out 100ms;
    border-radius: 10px;
    font-weight: bold;
    text-transform: capitalize;
}

.inps-elementos-menu-sub{
    color: #687384;
    margin-left: 15px;
}

.inps-elementos-menu-sub a {
    color: #687384;
    font-weight: lighter;
}

.inps-elementos-menu-sub a:hover {
    color: var(--base-color-generico-bg);
    font-weight: lighter;
}

.inps-contenido-base {
    border-radius: 5px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 15px;
    margin: 0 auto;
}

.inps-contenido-base .inps-titulo{
    border-radius: 5px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 15px;
    margin: 0 auto;
}

.inps-contenido-base .inps-titulo h2 {
    color: #535457;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 7px;
}

.inps-contenido-base .inps-titulo h2:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: none;
    border: 3px solid var(--base-financial-color, #F39222);
    margin-right: 6px;
    top: -2px;
    position: relative;
}

.inps-accion-password{
    cursor:     pointer;
    background: var(--base-color-generico-bg);
    color:      var(--base-color-text);
    border-color: var(--base-color-generico-border);
}
/* Colores Sistema*/

.inps-contenido-principal{
    background: var(--base-color-principal-bg);
    min-height: calc(100vh - 70px);
}

.inps-financial{
    background-color: var(--base-color-financial-bg);
}

.inps-generico{
    background-color: var(--base-color-generico-bg);
}

.inps-menu-icono-blanco{
    color: #ffffff;
}

.inps-cursor{
    cursor: pointer;
}
/* Bordes */
.inps-border-radius {
    border-radius: 0.375rem !important;
}

/* Boton Base (sin diseño)*/

.inps-btn {
    --base-inpt-padding-x: 0.75rem;
    --base-inpt-padding-y: 0.375rem;
    --base-inpt-font-family: ;
    --base-inpt-font-size: 1.1rem;
    --base-inpt-font-weight: 400;
    --base-inpt-line-height: 1.5;
    --base-inpt-btn-color: #212529;
    --base-inpt-btn-bg: transparent;
    --base-inpt-border-width: 1px;
    --base-inpt-border-color: transparent;
    --base-inpt-border-radius: 0.375rem;
    --base-inpt-hover-border-color: transparent;
    --base-inpt-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --base-inpt-disabled-opacity: 0.65;
    --base-inpt-focus-box-shadow: 0 0 0 0.25rem rgba(var(--base-inpt-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--base-inpt-padding-y) var(--base-inpt-padding-x);
    font-family: var(--base-inpt-font-family);
    font-size: var(--base-inpt-font-size);
    font-weight: var(--base-inpt-font-weight);
    line-height: var(--base-inpt-line-height);
    color: var(--base-inpt-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--base-inpt-border-width) solid var(--base-inpt-border-color);
    border-radius: var(--base-inpt-border-radius);
    background-color: var(--base-inpt-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    isolation: isolate;
}

.inps-btn:disabled,
.inps-btn[disabled]{
  opacity: 0.5 !important;
}



.inps-btn:hover:not(:disabled) {
    color: var(--base-inpt-hover-color);
    background-color: var(--base-inpt-hover-bg);
    border-color: var(--base-inpt-hover-border-color);
}

.inps-btn:focus-visible:not(:disabled) {
    color: var(--base-inpt-hover-color);
    background-color: var(--base-inpt-hover-bg);
    border-color: var(--base-inpt-hover-border-color);
    outline: 0;
    box-shadow: var(--base-inpt-focus-box-shadow);
}

.inps-btn-check:checked+.inps-btn:not(:disabled), .inps-btn.active:not(:disabled), .inps-btn.show:not(:disabled), .inps-btn:first-child:active:not(:disabled), :not(.inps-btn-check)+.inps-btn:active:not(:disabled) {
    color: var(--base-inpt-active-color);
    background-color: var(--base-inpt-active-bg);
    border-color: var(--base-inpt-active-border-color);
}

.inps-presionar:active:not(:disabled){
	outline: none;
    border: none;
}

.inps-btn[disabled]:hover, .inps-btn[disabled]:active, .inps-btn[disabled]:focus-visible{
    cursor: not-allowed !important;
}

.inps-expande{
	width:100%;
}

.inps-btn-tam-1{
    padding: 5px; 
    max-height: 30px;
}
.inps-btn-tam-1 span, .inps-btn-tam-1 i{
    font-size: 1.3em !important;
}

.inps-btn-tam-2{
    padding: 5px; 
    max-height: 60px;
}
.inps-btn-tam-2 span, .inps-btn-tam-2 i{
    font-size: 1.9em !important;
}

.inps-btn-tam-3{
    padding: 5px; 
    max-height: 90px;
}
.inps-btn-tam-3 span, .inps-btn-tam-3 i{
    font-size: 2.2em !important;
}

.inps-btn-tam-4{
    padding: 5px; 
    max-height: 120px;
}
.inps-btn-tam-4 span, .inps-btn-tam-4 i{
    font-size: 2.8em !important;
}
/* Button (Se necesita la clase ".inps-btn" en el elemento para que funcione correctamente)*/

.inps-btn-buscar{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-buscar-bg);
    --base-inpt-border-color: 					var(--base-color-buscar-border);
    --base-inpt-hover-bg: 						var(--base-color-buscar-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-buscar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-buscar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-buscar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-buscar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-buscar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-buscar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-eliminar{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-eliminar-bg);
    --base-inpt-border-color: 					var(--base-color-eliminar-border);
    --base-inpt-hover-bg: 						var(--base-color-eliminar-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-eliminar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-eliminar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-eliminar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-eliminar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-eliminar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-eliminar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-guardar{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-guardar-bg);
    --base-inpt-border-color: 					var(--base-color-guardar-border);
    --base-inpt-hover-bg: 						var(--base-color-guardar-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-guardar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-guardar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-guardar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-guardar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-guardar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-guardar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-editar{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-editar-bg);
    --base-inpt-border-color: 					var(--base-color-editar-border);
    --base-inpt-hover-bg: 						var(--base-color-editar-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-editar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-editar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-editar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-editar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-editar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-editar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-nuevo{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-nuevo-bg);
    --base-inpt-border-color: 					var(--base-color-nuevo-border);
    --base-inpt-hover-bg: 						var(--base-color-nuevo-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-nuevo-hover-border);
    --base-inpt-active-bg: 						var(--base-color-nuevo-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-nuevo-active-border);
    --base-inpt-disabled-color: 				var(--base-color-nuevo-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-nuevo-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-nuevo-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-rechazar{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-rechazar-bg);
    --base-inpt-border-color: 					var(--base-color-rechazar-border);
    --base-inpt-hover-bg: 						var(--base-color-rechazar-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-rechazar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-rechazar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-rechazar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-rechazar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-rechazar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-rechazar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-cancelar{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-cancelar-bg);
    --base-inpt-border-color: 					var(--base-color-cancelar-border);
    --base-inpt-hover-bg: 						var(--base-color-cancelar-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-cancelar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-cancelar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-cancelar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-cancelar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-cancelar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-cancelar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-volver{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-volver-bg);
    --base-inpt-border-color: 					var(--base-color-volver-border);
    --base-inpt-hover-bg: 						var(--base-color-volver-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-volver-hover-border);
    --base-inpt-active-bg: 						var(--base-color-volver-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-volver-active-border);
    --base-inpt-disabled-color: 				var(--base-color-volver-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-volver-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-volver-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-aprobar{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-aprobar-bg);
    --base-inpt-border-color: 					var(--base-color-aprobar-border);
    --base-inpt-hover-bg: 						var(--base-color-aprobar-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-aprobar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-aprobar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-aprobar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-aprobar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-aprobar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-aprobar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-aceptar{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-aceptar-bg);
    --base-inpt-border-color: 					var(--base-color-aceptar-border);
    --base-inpt-hover-bg: 						var(--base-color-aceptar-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-aceptar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-aceptar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-aceptar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-aceptar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-aceptar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-aceptar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-importexport1{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-importexport1-bg);
    --base-inpt-border-color: 					var(--base-color-importexport1-border);
    --base-inpt-hover-bg: 						var(--base-color-importexport1-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-importexport1-hover-border);
    --base-inpt-active-bg: 						var(--base-color-importexport1-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-importexport1-active-border);
    --base-inpt-disabled-color: 				var(--base-color-importexport1-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-importexport1-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-importexport1-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-importexport2{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-importexport2-bg);
    --base-inpt-border-color: 					var(--base-color-importexport2-border);
    --base-inpt-hover-bg: 						var(--base-color-importexport2-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-importexport2-hover-border);
    --base-inpt-active-bg: 						var(--base-color-importexport2-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-importexport2-active-border);
    --base-inpt-disabled-color: 				var(--base-color-importexport2-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-importexport2-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-importexport2-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.inps-btn-generico{
	--base-inpt-btn-color: 						var(--base-color-text);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-generico-bg);
    --base-inpt-border-color: 					var(--base-color-generico-border);
    --base-inpt-hover-bg: 						var(--base-color-generico-hover-bg);
    --base-inpt-hover-border-color: 			var(--base-color-generico-hover-border);
    --base-inpt-active-bg: 						var(--base-color-generico-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-generico-active-border);
    --base-inpt-disabled-color: 				var(--base-color-generico-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-generico-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-generico-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/* Button Outer */

.inps-btn-buscar-o{
	--base-inpt-btn-color: 						var(--base-color-buscar-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-buscar-border);
    --base-inpt-hover-bg: 						var(--base-color-buscar-bg);
    --base-inpt-hover-border-color: 			var(--base-color-buscar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-buscar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-buscar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-buscar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-buscar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-buscar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-eliminar-o{
	--base-inpt-btn-color: 						var(--base-color-eliminar-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-eliminar-border);
    --base-inpt-hover-bg: 						var(--base-color-eliminar-bg);
    --base-inpt-hover-border-color: 			var(--base-color-eliminar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-eliminar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-eliminar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-eliminar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-eliminar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-eliminar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-guardar-o{
	--base-inpt-btn-color: 						var(--base-color-guardar-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-guardar-border);
    --base-inpt-hover-bg: 						var(--base-color-guardar-bg);
    --base-inpt-hover-border-color: 			var(--base-color-guardar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-guardar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-guardar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-guardar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-guardar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-guardar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-editar-o{
	--base-inpt-btn-color: 						var(--base-color-editar-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-editar-border);
    --base-inpt-hover-bg: 						var(--base-color-editar-bg);
    --base-inpt-hover-border-color: 			var(--base-color-editar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-editar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-editar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-editar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-editar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-editar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-nuevo-o{
	--base-inpt-btn-color: 						var(--base-color-nuevo-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-nuevo-border);
    --base-inpt-hover-bg: 						var(--base-color-nuevo-bg);
    --base-inpt-hover-border-color: 			var(--base-color-nuevo-hover-border);
    --base-inpt-active-bg: 						var(--base-color-nuevo-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-nuevo-active-border);
    --base-inpt-disabled-color: 				var(--base-color-nuevo-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-nuevo-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-nuevo-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-rechazar-o{
	--base-inpt-btn-color: 						var(--base-color-rechazar-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-rechazar-border);
    --base-inpt-hover-bg: 						var(--base-color-rechazar-bg);
    --base-inpt-hover-border-color: 			var(--base-color-rechazar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-rechazar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-rechazar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-rechazar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-rechazar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-rechazar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-cancelar-o{
	--base-inpt-btn-color: 						var(--base-color-cancelar-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-cancelar-border);
    --base-inpt-hover-bg: 						var(--base-color-cancelar-bg);
    --base-inpt-hover-border-color: 			var(--base-color-cancelar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-cancelar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-cancelar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-cancelar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-cancelar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-cancelar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-volver-o{
	--base-inpt-btn-color: 						var(--base-color-volver-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-volver-border);
    --base-inpt-hover-bg: 						var(--base-color-volver-bg);
    --base-inpt-hover-border-color: 			var(--base-color-volver-hover-border);
    --base-inpt-active-bg: 						var(--base-color-volver-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-volver-active-border);
    --base-inpt-disabled-color: 				var(--base-color-volver-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-volver-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-volver-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-aprobar-o{
	--base-inpt-btn-color: 						var(--base-color-aprobar-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-aprobar-border);
    --base-inpt-hover-bg: 						var(--base-color-aprobar-bg);
    --base-inpt-hover-border-color: 			var(--base-color-aprobar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-aprobar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-aprobar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-aprobar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-aprobar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-aprobar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-aceptar-o{
	--base-inpt-btn-color: 						var(--base-color-aceptar-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-aceptar-border);
    --base-inpt-hover-bg: 						var(--base-color-aceptar-bg);
    --base-inpt-hover-border-color: 			var(--base-color-aceptar-hover-border);
    --base-inpt-active-bg: 						var(--base-color-aceptar-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-aceptar-active-border);
    --base-inpt-disabled-color: 				var(--base-color-aceptar-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-aceptar-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-aceptar-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-importexport1-o{
	--base-inpt-btn-color: 						var(--base-color-importexport1-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-importexport1-border);
    --base-inpt-hover-bg: 						var(--base-color-importexport1-bg);
    --base-inpt-hover-border-color: 			var(--base-color-importexport1-hover-border);
    --base-inpt-active-bg: 						var(--base-color-importexport1-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-importexport1-active-border);
    --base-inpt-disabled-color: 				var(--base-color-importexport1-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-importexport1-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-importexport1-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-importexport2-o{
	--base-inpt-btn-color: 						var(--base-color-importexport2-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-importexport2-border);
    --base-inpt-hover-bg: 						var(--base-color-importexport2-bg);
    --base-inpt-hover-border-color: 			var(--base-color-importexport2-hover-border);
    --base-inpt-active-bg: 						var(--base-color-importexport2-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-importexport2-active-border);
    --base-inpt-disabled-color: 				var(--base-color-importexport2-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-importexport2-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-importexport2-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}

.inps-btn-generico-o{
	--base-inpt-btn-color: 						var(--base-color-generico-border);
    --base-inpt-hover-color: 					var(--base-color-text);
	--base-inpt-active-color: 					var(--base-color-text);
    --base-inpt-btn-bg: 						var(--base-color-transparent-bg);
    --base-inpt-border-color: 					var(--base-color-generico-border);
    --base-inpt-hover-bg: 						var(--base-color-generico-bg);
    --base-inpt-hover-border-color: 			var(--base-color-generico-hover-border);
    --base-inpt-active-bg: 						var(--base-color-generico-active-bg);
    --base-inpt-active-border-color: 			var(--base-color-generico-active-border);
    --base-inpt-disabled-color: 				var(--base-color-generico-disabled-text);
    --base-inpt-disabled-bg: 					var(--base-color-generico-disabled-bg);
    --base-inpt-disabled-border-color: 			var(--base-color-generico-bg);
	--base-inpt-focus-shadow-rgb: 49, 132, 253;
	--base-inpt-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    transition: var(--base-transition-bg); /* vendorless fallback */
    -o-transition: var(--base-transition-bg); /* opera */
    -ms-transition: var(--base-transition-bg); /* IE 10 */
    -moz-transition: var(--base-transition-bg); /* Firefox */
    -webkit-transition: var(--base-transition-bg); /*safari and chrome */
}
/* Border Radius*/
.inps-round-input{
	border-radius: 0.375rem;
}

/* Padding */
.inps-p-0{
	padding: 0px !important;
}

.inps-p-1{
	padding: var(--base-distance-1);
}

.inps-p-2{
	padding: var(--base-distance-2);
}

.inps-p-3{
	padding: var(--base-distance-3);
}

.inps-p-4{
	padding: var(--base-distance-4);
}

.inps-pl-0{
	padding-left: 0px !important;
}

.inps-pl-1{
	padding-left: var(--base-distance-1);
}

.inps-pl-2{
	padding-left: var(--base-distance-2);
}

.inps-pl-3{
	padding-left: var(--base-distance-3);
}

.inps-pl-4{
	padding-left: var(--base-distance-4);
}

.inps-pr-0{
	padding-right: 0px !important;
}

.inps-pr-1{
	padding-right: var(--base-distance-1);
}

.inps-pr-2{
	padding-right: var(--base-distance-2);
}

.inps-pr-3{
	padding-right: var(--base-distance-3);
}

.inps-pr-4{
	padding-right: var(--base-distance-4);
}

.inps-pt-0{
	padding-top: 0px !important;
}

.inps-pt-1{
	padding-top: var(--base-distance-1);
}

.inps-pt-2{
	padding-top: var(--base-distance-2);
}

.inps-pt-3{
	padding-top: var(--base-distance-3);
}

.inps-pt-4{
	padding-top: var(--base-distance-4);
}

.inps-pb-0{
	padding-bottom: 0px !important;
}

.inps-pb-1{
	padding-bottom: var(--base-distance-1);
}

.inps-pt-2{
	padding-bottom: var(--base-distance-2);
}

.inps-pt-3{
	padding-bottom: var(--base-distance-3);
}

.inps-pt-4{
	padding-bottom: var(--base-distance-4);
}

/*Margin*/
.inps-m-0{
	margin: 0px !important;
}

.inps-m-1{
	margin: var(--base-distance-1);
}

.inps-m-2{
	margin: var(--base-distance-2);
}

.inps-m-3{
	margin: var(--base-distance-3);
}

.inps-m-4{
	margin: var(--base-distance-4);
}

.inps-ml-0{
	margin-left: 0px !important;
}

.inps-ml-1{
	margin-left: var(--base-distance-1);
}

.inps-ml-2{
	margin-left: var(--base-distance-2);
}

.inps-ml-3{
	margin-left: var(--base-distance-3);
}

.inps-ml-4{
	margin-left: var(--base-distance-4);
}

.inps-mr-0{
	margin-right: 0px !important;
}

.inps-mr-1{
	margin-right: var(--base-distance-1);
}

.inps-mr-2{
	margin-right: var(--base-distance-2);
}

.inps-mr-3{
	margin-right: var(--base-distance-3);
}

.inps-mr-4{
	margin-right: var(--base-distance-4);
}

.inps-mt-0{
	margin-top: 0px !important;
}

.inps-mt-1{
	margin-top: var(--base-distance-1);
}

.inps-mt-2{
	margin-top: var(--base-distance-2);
}

.inps-mt-3{
	margin-top: var(--base-distance-3);
}

.inps-mt-4{
	margin-top: var(--base-distance-4);
}

.inps-mb-0{
	margin-bottom: 0px !important;
}

.inps-mb-1{
	margin-bottom: var(--base-distance-1);
}

.inps-mt-2{
	margin-bottom: var(--base-distance-2);
}

.inps-mt-3{
	margin-bottom: var(--base-distance-3);
}

.inps-mt-4{
	margin-bottom: var(--base-distance-4);
}

/* Fondos */
.inps-bg-buscar{
	color: 						var(--base-color-text);
    background: 				var(--base-color-buscar-bg);
}

.inps-bg-eliminar{
	color: 						var(--base-color-text);
    background: 				var(--base-color-eliminar-bg);
}

.inps-bg-guardar{
	color: 						var(--base-color-text);
    background: 				var(--base-color-guardar-bg);
}

.inps-bg-editar{
	color: 						var(--base-color-text);
    background: 				var(--base-color-editar-bg);
}

.inps-bg-nuevo{
	color: 						var(--base-color-text);
    background: 				var(--base-color-nuevo-bg);
}

.inps-bg-rechazar{
	color: 						var(--base-color-text);
    background: 				var(--base-color-rechazar-bg);
}

.inps-bg-cancelar{
	color: 						var(--base-color-text);
    background: 				var(--base-color-cancelar-bg);
}

.inps-bg-volver{
	color: 						var(--base-color-text);
    background: 				var(--base-color-volver-bg);
}

.inps-bg-aprobar{
	color: 						var(--base-color-text);
    background: 				var(--base-color-aprobar-bg);
}

.inps-bg-aceptar{
	color: 						var(--base-color-text);
    background: 				var(--base-color-aceptar-bg);
}

.inps-bg-importexport1{
	color: 						var(--base-color-text);
    background: 				var(--base-color-importexport1-bg);
}

.inps-bg-importexport2{
	color: 						var(--base-color-text);
    background: 				var(--base-color-importexport2-bg);
}

.inps-bg-generico{
	color:                      var(--base-color-text);
    background:                 var(--base-color-generico-bg);
}

/* Fondos Tabla */
.inps-bg-tbl-buscar{
    background: 				var(--base-color-buscar-bg-rgba);
}

.inps-bg-tbl-eliminar{
    background: 				var(--base-color-eliminar-bg-rgba);
}

.inps-bg-tbl-guardar{
    background: 				var(--base-color-guardar-bg-rgba);
}

.inps-bg-tbl-editar{
    background: 				var(--base-color-editar-bg-rgba);
}

.inps-bg-tbl-nuevo{
    background: 				var(--base-color-nuevo-bg-rgba);
}

.inps-bg-tbl-rechazar{
    background: 				var(--base-color-rechazar-bg-rgba);
}

.inps-bg-tbl-cancelar{
    background: 				var(--base-color-cancelar-bg-rgba);
}

.inps-bg-tbl-volver{
    background: 				var(--base-color-volver-bg-rgba);
}

.inps-bg-tbl-aprobar{
    background: 				var(--base-color-aprobar-bg-rgba);
}

.inps-bg-tbl-aceptar{
    background: 				var(--base-color-aceptar-bg-rgba);
}

.inps-bg-tbl-importexport1{
    background: 				var(--base-color-importexport1-bg-rgba);
}

.inps-bg-tbl-importexport2{
    background: 				var(--base-color-importexport2-bg-rgba);
}

.inps-bg-tbl-generico{
    background:                 var(--base-color-generico-bg-rgba);
}

/* Efectos */
.inps-icono-xl{
    cursor: pointer;
    transition: 0.2s all;
    isolation: isolate;
    width: 150px;
}
.inps-icono-l{
    cursor: pointer;
    transition: 0.2s all;
    isolation: isolate;
    width: 75px;
}
.inps-icono-m{
    cursor: pointer;
    transition: 0.2s all;
    isolation: isolate;
    width: 50px;
}
.inps-icono-s{
    cursor: pointer;
    transition: 0.2s all;
    isolation: isolate;
    width: 30px;
}
.inps-icono-xl:active, .inps-icono-l:active, .inps-icono-m:active, .inps-icono-s:active{
    transform: scale(0.95);
}

.inps-icono-xl-inactivo{
    cursor: pointer;
    transition: 0.2s all;
    isolation: isolate;
    width: 150px;
}
.inps-icono-l-inactivo{
    cursor: pointer;
    transition: 0.2s all;
    isolation: isolate;
    width: 75px;
}
.inps-icono-m-inactivo{
    cursor: pointer;
    transition: 0.2s all;
    isolation: isolate;
    width: 50px;
}
.inps-icono-s-inactivo{
    cursor: pointer;
    transition: 0.2s all;
    isolation: isolate;
    width: 30px;
}

.inps-gira {
    display: inline-block;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}