@charset "ISO-8859-1";

html,.light {
	--app-primary-50: #eff8fc;
	--app-primary-50-rgb: 239, 248, 252;
	--app-primary-100: #d6eef7;
	--app-primary-100-rgb: 214, 238, 247;
	--app-primary-200: #b2deef;
	--app-primary-200-rgb: 178, 222, 239;
	--app-primary-300: #7dc7e3;
	--app-primary-300-rgb: 125, 199, 227;
	--app-primary-400: #40a9d0;
	--app-primary-400-rgb: 64, 169, 208;
	--app-primary-500: #258eb5;
	--app-primary-500-rgb: 37, 142, 181; 
	--app-primary-600: #217899;
	--app-primary-600-rgb: 33, 120, 153;
	--app-primary-700: #21647d;
	--app-primary-700-rgb: 33, 100, 125;
	--app-primary-800: #235467;
	--app-primary-800-rgb: 35, 84, 103;
	--app-primary-900: #224A59;
	--app-primary-900-rgb: 34, 74, 89;
	--app-primary-950: #11303b;
	--app-primary-950-rgb: 17, 48, 59;
	--app-primary: #224A59;
	--app-primary-rgb: 34, 74, 89;
	--app-on-primary: #FFFFFF;
	--app-on-primary-rgb: 255,255,255;
	--app-bg-opacity: 100%;
	--app-module: var(--app-bg-config-rgb);
	
	--bg-compras-rgb: 137 18 9;
	--bg-recursos-humanos-rgb: 188 114 1;
	--bg-contabilidad-rgb: 7 53 70;
	--bg-tesoreria-rgb: 44 27 71;
	--bg-almacenes-rgb:101 72 61;
	--bg-produccion-rgb: 181 66 19;
	--bg-kiosko-rgb: 82 112 198;
	--bg-notificaciones-rgb:110 75 107;
	--bg-ajustes-rgb:207 62 41;

	--p-proximo-vencer: #FDDCA5;
    --p-vencido: #FEB986;
    --p-vencido-all: #FBC6C6;
    --cancelada-or: #B10207;
    --en-proceso-or: #E76F3D;
    --finalizada-or: #5F8806;
    --pendiente-or: #00A7C7;
    --p-incorporado: #A0E49B;
}
[data-theme="dark"],.dark {

	--light-compras-rgb: 229 164 159;
	--light-recursos-humanos-rgb: 253 229 187;
	--light-contabilidad-rgb: 167 201 209;
	--light-tesoreria-rgb: 199 189 209;
	--light-almacenes-rgb:220 209 206;
	--light-produccion-rgb: 238 181 150;
	--light-kiosko-rgb: 229 233 247;
	--light-notificaciones-rgb: 229 233 247;
	--light-ajustes-rgb:207 62 41;
}
body.modulo_compras{
	--app-module: var(--bg-compras-rgb); 
	--color-light-module: var(--light-compras-rgb);
}
body.modulo_recursos_humanos{--app-module: var(--bg-recursos-humanos-rgb); --color-light-module: var(--light-recursos-humanos-rgb);}
body.modulo_contabilidad{--app-module: var(--bg-contabilidad-rgb); --color-light-module: var(--light-contabilidad-rgb);}
body.modulo_tesoreria{--app-module: var(--bg-tesoreria-rgb); --color-light-module: var(--light-tesoreria-rgb);}
body.modulo_almacenes{--app-module: var(--bg-almacenes-rgb); --color-light-module: var(--light-almacenes-rgb);}
body.modulo_produccion{--app-module: var(--bg-produccion-rgb); --color-light-module: var(--light-produccion-rgb);}
body.modulo_kiosko_personal{--app-module: var(--bg-kiosko-rgb); --color-light-module: var(--light-kiosko-rgb);}
body.modulo_notificaciones{--app-module: var(--bg-notificaciones-rgb); --color-light-module: var(--light-notificaciones-rgb);}
body.modulo_ajustes{--app-module: var(--bg-ajustes-rgb); --color-light-module: var(--light-ajustes-rgb);}

.bg-almacenes{
	--app-bg-opacity: 1;
	background-color: rgb(var(--bg-almacenes-rgb) / var(--app-bg-opacity));
}
.bg-compras{
	--app-bg-opacity: 1;
	background-color: rgb(var(--bg-compras-rgb) / var(--app-bg-opacity));
}
.bg-contabilidad{
	--app-bg-opacity: 1;
	background-color: rgb(var(--bg-contabilidad-rgb) / var(--app-bg-opacity));
}
.bg-produccion{
	--app-bg-opacity: 1;
	background-color: rgb(var(--bg-produccion-rgb) / var(--app-bg-opacity));
}
.bg-recursos_humanos{
	--app-bg-opacity: 1;
	background-color: rgb(var(--bg-recursos-humanos-rgb) / var(--app-bg-opacity));
}
.bg-tesoreria{
	--app-bg-opacity: 1;
	background-color: rgb(var(--bg-tesoreria-rgb) / var(--app-bg-opacity));
}
.bg-kiosko{
	--app-bg-opacity: 1;
	background-color: rgb(var(--bg-kiosko-rgb) / var(--app-bg-opacity));
}
.bg-notificaciones{
	--app-bg-opacity: 1;
	background-color: rgb(var(--bg-notificaciones-rgb) / var(--app-bg-opacity));
}
.bg-ajustes{
	--app-bg-opacity: 1;
	background-color: rgb(var(--bg-ajustes-rgb) / var(--app-bg-opacity));
}


[data-theme="dark"] .bg-almacenes{
	background-color: #874e39;
}
[data-theme="dark"] .bg-compras{
	background-color: #ab170c;
}
[data-theme="dark"] .bg-contabilidad{
	background-color: #005270;
}
[data-theme="dark"] .bg-produccion{
	background-color: #d5480e;
}
[data-theme="dark"] .bg-recursos_humanos{
	background-color: #e79d2c;
}
[data-theme="dark"] .bg-tesoreria{
	background-color: #6235aa;
}
[data-theme="dark"] .bg-kiosko{
	background-color: #587ce4;
}

.text-green-1{color: #5F8806;}
.text-red-1{color: #B10207;}
.text-yellow-1{color: #E4B61A;}
.text-orange-1{color:#E76F3D;}
.text-blue-1{color: #00A7C7;}
.bg-green-1{background-color: #5F8806;}
.bg-red-1{background-color: #B10207;}
.bg-yellow-1{background-color: #E4B61A;}
.bg-blue-1{background-color: #00A7C7;}
.bg-orange-1{background-color:#E76F3D;}

.colorGreen-Maximos-bg{background: #00B050!important;}
.colorGray-Normal-bg{background: #AFABAB!important;}
.colorYellow-Recompra-bg{background: #ECC424!important;}
.colorRed-Minimos-Maximos-bg{background: #F60030!important;}

.colorGreen-Maximos-text{color: #00B050!important;}
.colorGray-Normal-text{color: #AFABAB!important;}
.colorYellow-Recompra-text{color: #ECC424!important;}
.colorRed-Minimos-Maximos-text{color: #F60030!important;}

.mate-listbox-element.z-listbox .z-listitem.colorGreen-Maximos-text .z-listcell .z-listcell-content{color: #00B050;}

.mate-listbox-element.z-listbox .z-listcell.colorGreen-Maximos-bg{background: #00b050!important;}
.mate-listbox-element.z-listbox .z-listcell.colorGray-Normal-bg{background: #bfbfbf!important;}
.mate-listbox-element.z-listbox .z-listcell.colorYellow-Recompra-bg{background: #f3e61b!important;}
.mate-listbox-element.z-listbox .z-listcell.colorRed-Minimos-Maximos-bg{background: #fd4848!important;}

.z-listitem.item-status-1>.z-listcell {background: var(--p-proximo-vencer);}
[data-theme="dark"] .z-listitem.item-status-1 .z-listcell-content,
[data-theme="dark"] .z-listitem.item-status-2 .z-listcell-content{color: #1e293b !important;}
.mate-listbox-element.z-listbox .z-listitem.item-status-2 .z-listcell {background: var(--p-vencido-all);}
.mate-listbox-element.z-listbox .z-listitem.item-status-3 .z-listcell {background: var(--p-vencido)!important;}

.mate-listbox-element.z-listbox .z-listitem.p-incorporado .z-listcell{background: var(--p-incorporado)!important;}

.z-listitem-onOk.z-listitem.z-listitem-selected{
	position:relative;
}
.z-listitem-onOk.z-listitem.z-listitem-selected:after {
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f149";
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 0.5rem;
    font-size: 1rem;
    color: #0d6efd;
    -webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

[data-theme="dark"] .z-listitem-onOk.z-listitem.z-listitem-selected:after {
	color:white;
}
.gb-fisica-content .z-groupbox-content > .row:last-child{display: none;}
.gb-moral-content .z-groupbox-content > .row:first-child{display: none;}

.mate-listbox-element .z-listhead>th,
.mate-listbox-element .z-auxhead>th {border-color: #143541;}
.z-auxhead-noborder.z-auxhead>th {
	border-left-color: var(--app-primary);
}
.brand-icon {
  	mask: url(/fch_erp/images/login/logoMini.svg) no-repeat center / contain;
  	-webkit-mask: url(/fch_erp/images/login/logoMini.svg) no-repeat center / contain;
}
.z-loading-icon{
	 background: url(/fch_erp/images/loaders/fchloader.gif) no-repeat center;
}
/* Tab seleccionado */
.breacumb-tabbox>.z-tabs>.z-tabs-content .z-tab.z-tab-selected,.breacumb-tabbox>.z-tabs>.z-tabs-content .z-tab.z-tab-selected:after {
	background-color: var(--app-primary);
}
/* Tab seleccionado */
html[data-theme=dark] .breacumb-tabbox>.z-tabs>.z-tabs-content .z-tab.z-tab-selected {
	background-color: rgb(7 136 155 / 85%);
}
html[data-theme=dark] .breacumb-tabbox>.z-tabs>.z-tabs-content .z-tab.z-tab-selected:after {
	background-color: #08778a;
}
.z-tab-selected .z-tab-text, .z-tab-selected .z-tab-text:hover {
	--app-bg-opacity: 1;
    color: rgb(var(--app-module) / var(--app-bg-opacity));
}
.modulo_configuracion .z-tab-selected .z-tab-text, .modulo_configuracion .z-tab-selected .z-tab-text:hover {
    color: var(--app-primary);
}
html[data-theme=dark] .z-tab-selected .z-tab-text, 
html[data-theme=dark] .z-tab-selected .z-tab-text:hover {
    color: rgb(var(--color-light-module));
}
.z-tab:not(.z-tab-disabled, .z-tab-selected):hover {
	--app-bg-opacity: 0.08;
    background: rgb(var(--app-module) / var(--app-bg-opacity));
}
html[data-theme=dark] .z-tab:not(.z-tab-disabled):hover {
	--app-bg-opacity: 0.34;
}
html[data-theme=dark] .z-tab-selected:not(.z-tab-disabled) {
	background: #1e293b
}
input[name="password"].ps {
    font-family: 'pass'!important;
}
input[name="password"].ps::placeholder {
	font-family: var(--app-field-font-family)!important;
}

.div-pair:not(:empty){
	margin-bottom: 0.75rem;
}
.pairs-div>div{
	margin-bottom: 12px;
}
.div-pair>div>.z-label:first-child{
	font-family: 'OpenSans-Bold';
}

.pairs-div > div >span:first-child{
    font-family: 'OpenSans-Bold' !important;
}

.mate-listpanel{
    border-radius: 0.875rem;
    --fch-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;
    --fch-shadow-colored: 0 1px 3px 0 var(--fch-shadow-color), 0 1px 2px -1px var(--fch-shadow-color) !important;
    box-shadow: var(--fch-ring-offset-shadow, 0 0 #0000),var(--fch-ring-shadow, 0 0 #0000),var(--fch-shadow);
    overflow: hidden;
}
.mate-listpanel-header{
	display: flex;
    align-items: center;
	padding: 0.25rem 1rem;
	--fch-text-opacity: 0.95 !important;
    color: rgba(255, 255, 255, var(--fch-text-opacity));
}
.mate-listpanel-header .mate-panel-title {
	font-family: "OpenSans-Bold";
	line-height: 1.5rem
}
.mate-listpanel-header .breadcrumb {
	--bs-breadcrumb-divider-color: rgba(255, 255, 255, 0.64);
	color: rgba(255, 255, 255);
}
.mate-listpanel .z-listbox{
	border-radius: 0;
	box-shadow: none;
}
.mate-listpanel .z-listheader,
.mate-listpanel .z-auxheader,
.mate-listpanel .z-auxhead-bar,
.mate-listpanel .z-listhead-bar{
	border-top: 1px solid;
}
.mate-header-primary,.mate-listpanel .mate-listpanel-header.mate-header-primary ~ .z-listbox>.z-listbox-header{
	background: var(--app-primary)!important;
}

/* .mate-listpanel{ */
/*     border-radius: 0.875rem!important; */
/*     --fch-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important; */
/*     --fch-shadow-colored: 0 1px 3px 0 var(--fch-shadow-color), 0 1px 2px -1px var(--fch-shadow-color) !important; */
/*     box-shadow: var(--fch-ring-offset-shadow, 0 0 #0000),var(--fch-ring-shadow, 0 0 #0000),var(--fch-shadow)!important; */
/*     overflow: hidden; */
/* } */
/* .mate-listpanel-header{ */
/* 	display: flex; */
/*     align-items: center; */
/* 	padding: 0.25rem 1rem; */
/* 	--fch-text-opacity: 0.95 !important; */
/*     color: rgba(255, 255, 255, var(--fch-text-opacity)); */
/* } */
/* .mate-listpanel-header .mate-panel-title { */
/* 	font-family: "OpenSans-Bold"; */
/* 	line-height: 1.5rem */
/* } */
/* .mate-listpanel-header .breadcrumb { */
/* 	--bs-breadcrumb-divider-color: rgba(255, 255, 255, 0.64); */
/* 	color: rgba(255, 255, 255); */
/* } */
/* .mate-listpanel .z-listbox{ */
/* 	border-radius: 0; */
/* 	box-shadow: none; */
/* } */
/* .mate-listpanel .z-listheader, */
/* .mate-listpanel .z-auxheader, */
/* .mate-listpanel .z-auxhead-bar, */
/* .mate-listpanel .z-listhead-bar{ */
/* 	border-top: 1px solid; */
/* } */
/* .mate-header-primary,.mate-listpanel .mate-listpanel-header.mate-header-primary ~ .z-listbox>.z-listbox-header{ */
/* 	background: var(--app-primary)!important; */
/* } */

.mate-header-confirmation{
	background-color: var(--app-confirmation)!important;
}
.mate-header-information{
    background: var(--app-information)!important;
}
.mate-header-danger{
	background: #5F010A!important;
}
.mate-header-warning{
	background: #e6b95f!important;
}
.mate-windows-element.doexpand-window .mate-listpanel-header{
	border-bottom: solid 1px #143541;
}

body.fuse-splash-screen-hidden .fuse-splash-screen {
  visibility: hidden;
  opacity: 0;
}
body .fuse-splash-screen {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #111827;
  color: #f9fafb;
  z-index: 1999;
  opacity: 1;
  visibility: visible;
  transition: opacity 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
body .fuse-splash-screen img {
  width: 125px;
  max-width: 125px;
}
body .fuse-splash-screen .spinner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  width: 56px;
}
body .fuse-splash-screen .spinner > div {
  width: 12px;
  height: 12px;
  background-color: #007ff2;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: fuse-bouncedelay 1s infinite ease-in-out both;
  animation: fuse-bouncedelay 1s infinite ease-in-out both;
}
body .fuse-splash-screen .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  background-color: #002f59;
}
body .fuse-splash-screen .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  background-color: #0057a5;
}

html.hideprogress .z-temp {
  display: none !important;
}
@-webkit-keyframes fuse-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes fuse-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.accordion{
	--bs-accordion-bg: var(--accordion-bg);
	--bs-accordion-family: 'OpenSans-Medium';
	--bs-accordion-fs: var(--app-font-size);
	--bs-accordion-border-color: var(--app-border);
	--bs-accordion-btn-padding-x: 0.875rem;
	--bs-accordion-btn-padding-y: 0.625rem;
    --bs-accordion-btn-color: var(--app-text-default);
    --bs-accordion-counter-bg: #B9CCD5;
    --accordion-actions-w: 152px;
    
    --bs-accordion-counter-padding-x: 0.5rem;
    --bs-accordion-counter-padding-y: 0;
    --bs-accordion-counter-width: 2rem;
}
[data-theme="dark"] .accordion {
	--bs-accordion-active-bg: #11233e;
	--bs-accordion-active-color: #6ea8fe
}
.accordion-item{
	background-color: unset
}
.accordion-button{
	font-family: var(--bs-accordion-family);
	font-size: var(--bs-accordion-fs);
	
/* 	padding-left: calc(var(--bs-accordion-counter-width) + var(--bs-accordion-btn-padding-x)) */
}
.hide-accordion-arrow:after{
	background-image: none;
}
.accordion-button.collapsed:hover {
	background-color: var(--bs-accordion-active-bg)
}
.accordion-button .z-toolbar-content>*{
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.accordion-button .z-toolbar-content>*:before{
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.accordion-button-disabled{
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b1b2b4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	cursor: default;
}
.accordion-counter{
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bs-accordion-counter-bg);
    width: var(--bs-accordion-counter-width);
    height: 100%;
    padding: var(--bs-accordion-counter-padding-y) var(--bs-accordion-counter-padding-x);
}
.accordion-item:first-of-type .accordion-counter {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed .accordion-counter {
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-closable{
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto;
    content: "";
	background-image: var(--accordion-color-icon);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    background-position: center;
    transition: transform 0.2s ease-in-out;
    z-index: 1;
}
.accordion-closable.open-all{
	transform: rotate(-180deg);
}
.accordion-actions {
	display: flex;
	align-items: center;
	justify-content: end;
	flex-shrink: 0;
	min-width: var(--accordion-actions-w);
	width: var(--accordion-actions-w)
}


.draft-view__container {
	width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.draft-view__titlebar {
    display: flex;
    z-index: 10;
    position: relative;
    flex-shrink: 0;
/*     color: white; */
/*     height: 32px; */
min-height: 2.5rem;
}
.draft-view__titlebar-options {
	display: flex;
	align-items: center;
	justify-content: center;
}
.draft-view__body {
    min-width: 0;
    min-height: 0;
    flex-grow: 1;
}
.draft-view__scrollable {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.draft-view__footer {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding: 4px 0;
    border-top: solid 1px var(--app-border);
}
.draft-view__footer-options {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding-right: 20px;
/*     margin-top: 5px; */
    margin-left: 20px;
    flex-wrap: wrap;
}
.draft-view__footer-options > div {
	font-family: 'OpenSans-Medium';
	font-size: 11px;
	position: relative;
   	margin-right: 10px;
}
.draft-view__footer-options > div:before {
	color: #ffffff;
	border-radius: 2px;
	margin-right: 4px;
}
.draft-view__footer-options > div:first-child:before {
	content: "T/S";
	background-color: var(--responsable);
	padding-left: 1px;
	padding-right: 1px;
}
.draft-view__footer-options > div:nth-child(2):before {
	content: "T";
	background-color: var(--involucrado);
	padding-left: 6px;
	padding-right: 6px;
}
.draft-view__footer-options > div:last-child:before {
	content: "T/S";
	background-color: var(--Solicitante);
	padding-left: 1px;
	padding-right: 1px;
}