:root,
[data-bs-theme=light] { 
  --body-color: #000;
  --btn-disabled-border-color: transparent;
}
.offcanvas-form { 
	--offcanvas-width: 85%; 
}
.o-ctrl-sel,
.o-ctrl-input{
    width: 100%;

}
.w-5{
  width: 5% !important;
}
.w-10{
  width: 10% !important;
}
.w-15{
  width: 15% !important;
}
.w-20{
  width: 20% !important;
} 
.w-30{
  width: 30% !important;
}
.w-35{
  width: 35% !important;
}
.w-40{
  width: 40% !important;
}
.w-45{
  width: 45% !important;
} 
.w-55{
  width: 55% !important;
}
.w-60{
  width: 60% !important;
}
.w-65{
  width: 65% !important;
}
.w-70{
  width: 70% !important;
} 
.w-80{
  width: 80% !important;
}
.w-85{
  width: 85% !important;
}
.w-90{
  width: 90% !important;
}
.w-95{
  width: 95% !important;
} 
.botonera{
    display: flex;
    justify-content: space-between;
    padding: var(--offcanvas-padding-y) var(--offcanvas-padding-x);
}
.primera-pag .primera-pag-d-none,
.segunda-pag .segunda-pag-d-none,
.tercera-pag .tercera-pag-d-none,
.cuarta-pag .cuarta-pag-d-none,
.ultima-pag .ultima-pag-d-none,
.penultima-pag .penultima-pag-d-none,
.antepenultima-pag .antepenultima-pag-d-none,
.preantepenultima-pag .preantepenultima-pag-d-none{
    display: none;
}
input[type=number] {
  text-align: right;
}
.email-attachments .btn-file.estado-4,
.email-attachments .btn-file.estado-6,
.email-attachments .btn-file.estado-8,
.email-attachments .btn-file.estado-14 {
	--custom-color: rgba(var(--dark-rgb), 0.5); 
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.info-icon .icon { 
	font-size: 2.2rem;
  color:var(--primary);
}

.info-icon.info-compra .icon {  
  color:var(--success);
}
.info-icon.info-gasto .icon {  
  color:var(--info);
}
.sidebar { 
	z-index: 1025; 
}
.table-data.text-white  span {
  color: #fff;
}
.table-data.text-white strong {
  color: #fff;
}
.bg-none.bg-secondary-subtle {
	background-color: transparent !important;
}  
.form-control.numerico.is-invalid { 
	background-position: left calc(0.25em + 0.05rem) center; 
}
.form-control.numerico.esta-cambiado {
	border-color: var(--warning);
	padding-right: calc(1em + 0.2rem); 
	background-repeat: no-repeat;
	background-position: left calc(0.25em + 0.05rem) center;
	background-size: calc(0.5em + 0.55rem) calc(0.5em + 0.55rem);
background-image: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128px" height="128px" viewBox="0,0,256,256"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(2,2)"><path d="M55.34,23.21l-49.53,85.79c-3.85,6.67 0.96,15 8.66,15h99.06c7.7,0 12.51,-8.33 8.66,-15l-49.53,-85.79c-3.85,-6.67 -13.47,-6.67 -17.32,0z" fill-opacity="0" fill="%23ffffff"></path><path d="M113.53,127h-99.06c-4.7,0 -8.91,-2.43 -11.26,-6.5c-2.35,-4.07 -2.35,-8.93 0,-13l49.53,-85.79c2.35,-4.07 6.56,-6.5 11.26,-6.5c4.7,0 8.91,2.43 11.26,6.5l49.53,85.79c2.35,4.07 2.35,8.93 0,13c-2.35,4.07 -6.56,6.5 -11.26,6.5zM64,21.21c-2.53,0 -4.8,1.31 -6.06,3.5v0l-49.53,85.79c-1.26,2.19 -1.26,4.81 0,7c1.27,2.19 3.53,3.5 6.06,3.5h99.06c2.53,0 4.8,-1.31 6.06,-3.5c1.27,-2.19 1.27,-4.81 0,-7l-49.53,-85.79c-1.26,-2.19 -3.53,-3.5 -6.06,-3.5zM55.34,23.21v0z" fill="%23FF9000"></path><path d="M64,107c-1.66,0 -3,-1.34 -3,-3v-5c0,-1.66 1.34,-3 3,-3c1.66,0 3,1.34 3,3v5c0,1.66 -1.34,3 -3,3z" fill="%23FF9000"></path><path d="M64,87c-1.66,0 -3,-1.34 -3,-3v-30c0,-1.66 1.34,-3 3,-3c1.66,0 3,1.34 3,3v30c0,1.66 -1.34,3 -3,3z" fill="%23FF9000"></path></g></g></svg>')
}
.color-nave-1 {
  color: var(--info-text);
}
.color-nave-2:hover,
.color-nave-2 {
  color: var(--primary-text);
}
.color-nave-3:hover,
.color-nave-3 {
  color: var(--success);
}
.border-end {
	border-right: 1px solid  !important;
  border-color: var(--gray-500);;
}
.cp{
  cursor: pointer;
}
.wb-header .wb-control { 
	float: right;
}
.wb-header .wb-control span{ 
	margin: 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
}

.buscar {
  opacity:0;
  filter:alpha(opacity=0); 
  width: 0;  
  height: 0;
  overflow: hidden;

}
.form-check-input:checked {
	background-color: #ff4e52;
	border-color: #ff4e52;
}


.form-label-110 {
	width: 110px !important;
	max-width: 110px !important;
}
.ifr{
  top:0;
  left:0;
  width:100%;
  height:100%;
}
 
.btn-success {
  --btn-color: #fff;
}

.fs-7{
  font-size: 0.875rem !important;
}
.fs-8{
  font-size: 0.75rem !important;
}
.fs-9{
  font-size: 0.625rem !important;
}

.alert-naranja {
	--bs-alert-color: #ff8000;
	--bs-alert-bg: #ffd5b1;
	--bs-alert-border-color:#ff8000;
	--bs-alert-link-color:#ff8000;
}
.form-labels-inline {
	--label-min-width: 70px;
	--label-min-width-sm: 25px;
	--label-min-width-xl: 200px;
	--label-min-width-mobile: 120px;
}
.bg-rosa { 
	background-color: #ffdcdc;
}
.f-btn-4 {
  font-size: 30px;
  font-weight: bold;
}
.qr-scanner {
  max-width: 500px;
  margin: 0 auto;
  padding: 0px;
  font-family: system-ui, -apple-system, sans-serif;
}

.reader-visible {
  width: 200px !important;
  height: 200px !important;
  margin: 0 auto;
  position: relative;
  border: 2px solid #28a745;
  border-radius: 12px;
  background: #000;
  overflow: hidden;
} 
 

.error {
  background: #f8d7da;
  color: #721c24;
  padding: 15px;
  border-radius: 6px;
  text-align: center;
  border: 1px solid #f5c6cb;
} 
  /* Estilos para el datalist personalizado */
.autocomplete-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: auto;
  background: #f5f8fa;
  border: 1px solid #ccc;
  z-index: 10000;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
}

.autocomplete-item {
  padding: 8px 12px;
  cursor: pointer;
}

.autocomplete-item:hover {
  background-color: #f5f8fa;
}