body {
	padding-left:20%;
	width:900px;
	font-family:arial;
	font-size:14px;
}
	
h1, h2 { 
text-align: center;
text-decoration:underline
}


.texto, .texto2, .input {
	border:none;
	
}

.texto2, .input {
	font-size:large;
	font-weight:bold;
}

.input {
	background-color: lightyellow;
}

.pcentro {
	text-align:center;
}

.pderecha {
	text-align:right;
	height: 20px;
}

.texto{
	font-size:small;
}

.texto2 p{
	text-align:justify;
	font-size:medium;
	font-weight:normal;
}

#BntBorrar, #BntImprimir{
	font-size:20px;
}

#BtnCheck{
	font-size:16px;
}

#formu{
	padding:20px 75px;
}

#nota{
	margin-left:50px;
	margin-right:50px;
	padding-bottom:20px;
	text-align:center;
}

.barras {
	visibility:hidden;
}

#subtitulo{
	text-justify:auto;
}

#importe input{
	text-decoration:underline;
	font-size:18px;
	text-align: right; width: 100%; padding: 20px 0;
	height: 20px;
}

.ins {
	visibility:hidden;
	--position:absolute;
	width:600px;;
	padding-left:20px;
	padding-right:20px;
	border:2px black dotted;
	border-radius:6px;
}

.ins h2{
	text-decoration:underline;
}

.ins li {
	padding-bottom:10px;
}

.tasas{
	font-size:20px;
	font-weight:bold;
	border: none;
	text-align: right;
	width: 100px; 
}

table tr{
	height: 35px;
}

#anualtext{
	display: inline; 
	margin-left: 5px;
	border:none;
	font-size: small;
	visibility: hidden;
}

.celdaLibre {
	border: none;
}

.input2 {
	background-color: white;
	font-size:18px;
	width: 8%;
	direction: rtl;
}

.table {
	background-color: #ddd;
	color: black;
}


#espacio{
	background-color: #ffffff;
	margin-top: -3px;
	color: black;
	border: none;
}



.textoSpam {
	width: 70%;
}

.tdSpam {
	size: 10;
}

.formu {
	width: 100%;
	padding: 20px 15px;
}


#BtnCheck {
	color: white;
	background-color: #15803d;
	border: none;
    font-size: 14px;
	border: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
	padding: 7px 9px;
	border-radius: 8px ;
}

#BtnCheck,.botoncheck:hover {
	background-color: #166534;
}

#BtnCheck:focus, .botoncheck:focus {
    outline: none;
    box-shadow: 0 0 0 4px #bbf7d0; 
}

.botonBorrar {
    background-color: #dc2626 ;
    color: #ffffff ;
    padding: 6px ; 
    border-radius: 8px ;
    border: none ;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.botonBorrar:hover {
    background-color: #b91c1c ; 
}

.botonBorrar svg {
    display: block;
    width: 20px;
    height: 20px;
}

.res {
	justify-content: flex-end;
	white-space: nowrap;
	width: 120px; 
	white-space: nowrap;
}

.separador {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  border-bottom: 1px solid #ddd !important;
  justify-content: flex-end !important;
}

.separador strong {
  flex: 1 !important;
  font-size: 15px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: ellipsis !important;
  min-width: 30px !important;
}

.input2 {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  flex-shrink: 0 !important;
  font-size: 16px !important;
  text-align: right !important;
  direction: rtl !important;
  border: 1px solid #ddd !important;
}

.botonBorrar {
  flex-shrink: 0 !important;
}

#cabecera-especial {
    display: none !important;
}

.solo-impresion { display: none; }

.td-importe { display: none; }



.botoncheck:focus {
  outline: none;
  box-shadow: none;
}

.se {
	justify-content: flex-end;
	text-align: right;
	width: 100px;
	min-width: 100px;
	position: relative; 
    white-space: nowrap;
}



.botoncheck{
	color: white;
	background-color: #15803d;
	border: none;
    font-size: 14px;
	border: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
	padding: 7px 9px;
	border-radius: 8px ;
}

.separador2 {
	gap: 8px;
}

.stands{
	visibility: hidden;
}

.boton_tipo {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
	border-radius: 3px ;
    padding: 5px ;
    cursor: pointer;
    transition: background 0.3s;
	width: 72px;
	font-weight: bold;
	
}

.boton_tipo.activo {
    background-color: #0056b3 !important;
    color: white;
    border-color: #004085;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}