@charset "iso-8859-1";


.tooltip-icon {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin-left: 5px;
}

.tooltip-icon .tooltip-text {
	visibility: hidden;
	width: 160px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%; /* Posición del tooltip arriba del ícono */
	left: 50%;
	margin-left: -80px; /* Centrar el tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip-icon .tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip-icon:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}

.checkbox-container {
	display: flex;
	align-items: center;
	gap: 10px;
}

body {
	color:#000000;
	font-family:  'Roboto'; font-weight: 300 !important;
}
	.font{
		font-family: 'roboto';
	}
	.titulos_secciones{font-size:18px; border-bottom:1px solid #676767; color:#000000; margin-left:inherit 20px;}

img { border: none;}
a {color:#000000; text-decoration:none;}
a:hover{text-decoration:none; color:#000000;}
a:active { color: #C83A3A;  text-decoration: none}
a:link {  color: #626161; text-decoration: none}

.forma_redondas
	{
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border: 0px solid #000000;

	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.51);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.51);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.51);
		}

.forma_sombra_titulos
	{
			
			padding-left:10px;
			text-shadow: 5px 5px 5px #aaa;	
			font-size:18px;
		}
.forma_sombra_titulos_simple
	{
			padding-left:10px;
			text-shadow: 5px 5px 5px #aaa;	
			font-size:18px;
		}		
.error_imagen_fuente_16
	{		font-size:16px;
			color:#C60005;
			padding:15px 0px 0 40px;
			height:35px;
			background-position: left center;
			background-repeat:no-repeat;	
		}
.error01_imagen_bloqueo_fuente_16
	{		font-size:16px;
			color:#030;
			padding:15px 0px 0 40px;
			height:35px;
			background-position: left center;
			background-repeat:no-repeat;	
		}
		
.error02_imagen_cambi_fuente_16
	{		font-size:16px;
			color:#030;
			padding:15px 0px 0 40px;
			height:35px;
			background-image:url(../imagenes/botones/error_03_cambio.png?ac=2) ;
			background-position: left center;
			background-repeat:no-repeat;	
		}		


#cuerpo_general{ padding:10px, 10px, 10px, 10px; }
#logo_general{  height:70px; width:80%; float:left;  }
#servicio_cliente{ text-align:right; margin-right:10px; margin-top:10px;  padding:10px, 10px, 10px, 10px; font-size:12px}




.bordes_curvos{
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border: 0px solid #000000;

-webkit-box-shadow: 3px 4px 18px 0px rgba(92,92,92,1);
-moz-box-shadow: 3px 4px 18px 0px rgba(92,92,92,1);
box-shadow: 3px 4px 18px 0px rgba(92,92,92,1);
}

#caja_logeo{ width:auto; background-color:#FFFFFF; margin-top:30px; padding-top:20px; } 
#caja_logeo2{ width:auto; background-color:#EEEEEE; margin-top:50px; padding-top:20px; } 




.titulo_01{ font-size:20px; color:#666666; font-style:oblique }
.titulo_02_servicio{ font-size:14px; color:#666666;  }
.titulo_03_login{ font-size:16px; color:#666666; font-weight:bold; width:auto;  border-bottom:1px solid #666666; padding-left:10px; margin-left:20px; margin-right:20px; }
.titulo_04_problemas{ font-size:16px; color:#06F; font-weight:bold; width:auto;  border-bottom:1px solid #666666; padding-left:10px; margin-left:20px; margin-right:20px;

 }


.contenido_login{ height:auto;font-size:12px; color:#666666;   margin-left:20px; margin-right:20px; margin-top:20px; text-align:justify}
.label_login{ width:30%; padding:10px 5px 0 5px; text-align:right;float:left; }

.li_general {font-size:1.166em; line-height:1.485em; padding-left:3px;  text-align:left; list-style:url(../img/boton-bullet.png); }
#div_titulos
	{
		margin-top:15px; margin-left:5px; margin-bottom:15px;
		
		}






h7 { 
	 display: block;
	font-size:1.30rem;
	font-weight:400;
    line-height: 110%;

	
	}
	
.material-icons.orange600 { color: #FB8C00; }	
.material-icons.blue600 { color: #1D82FC; }
.material-icons.banco { color:#FFFFFF; }	
.color-menu { border-top:solid 3px #FF0000; } 
.color-inact { border-top:solid 3px #666666; } 
.material-icons.menu_pri{height: 10px; width:20px; line-height: 40px;  padding: 0 0.10rem; }

.material-icons.carge_anexo{ line-height: 1px;  padding: 0 0.10rem; }
.material-icons.descarge_anexo{ line-height: 90px;  padding: 0 0.10rem; font-size:2.05rem; font-weight:bold; cursor:pointer}

.select-wrapper input.select-dropdown{ 
	height:2rem !important;
	line-height:2rem !important;
	 }
.dropdown-content li > a, .dropdown-content li > span
	{
		color:#000000 !important;
		}


.tabla_nueva_2 td{
	
	vertical-align:middle; 
	padding: 3px 3px;
    display: table-cell;
    text-align: left;
}

.tabla_nueva td{
	
	vertical-align:middle; 
	border:solid 1px #B7B7B7;
	padding: 3px 3px;
    display: table-cell;
    text-align: left;
    border-radius: 2px;
	font-size:0.95rem;
	}
	
.tabla_nueva th{
	
	vertical-align:bottom; 
	border:solid 1px #B7B7B7;
	padding: 3px 3px;
    display: table-cell;
    text-align: left;
    border-radius: 2px;
	font-size:0.95rem;
	background-color:#9BCBFF;
	font-weight:normal;
	}
.tabla_nueva .footer{
	
	vertical-align:middle; 
	border:solid 0px ;
	padding: 3px 3px;
    display: table-cell;
    text-align: left;
    border-radius: 2px;
	font-size:0.95rem;
	background-color:#FFFFFF;
	}		
.tabla_nueva .justi{	
	text-align:justify; 
}
.tabla_nueva .derecha{	
	text-align:left; 
}

.tabla_nueva .izq{	
	text-align:right; 
}

.tabla_nueva .centrado{	
	text-align:center; 
}

.tabla_especial th {
    padding: 3px 3px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    border-radius: 2px;
	font-size:0.95rem;
}
.tabla_especial td {
    padding: 3px 3px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    border-radius: 2px;
	font-size:0.95rem;
}

.lis__lista_items 
{
    font-weight:normal;
}

i.icon-red { color: red; } 

.tab a  {
 
  text-transform:none;
}
.tab a.active i{
  color: #ef9a9a   !important;
}

.tab a.active {
  background-color:#1976d2  !important;
}

.tabs .indicator
	{
		 background-color:#ff5722   !important;
		
		}


.tab_sub a  {
 
  text-transform:none;
   color: #212121  !important;
}
.tab_sub a.active i{
  color: #212121  !important;
}

.tab_sub a.active {
  background-color:#9e9e9e   !important;
}

.tabs_sub .indicator
	{
		 background-color:#9e9e9e    !important;
		
		}


.row .col.digi_v {
    width: 4%;
}

.alerta_negro { font-weight:bold; color: #212121 !important; }

.tabla_nueva_mate td{
	
	vertical-align:middle; 
	padding: 3px 3px;
    display: table-cell;
    text-align: left;
    border-radius: 2px;
	font-size:12px;
	}
	
.tabla_nueva_mate th{
	vertical-align:bottom; 
	padding: 3px 3px;
    display: table-cell;
	}


.tabla_especial_repo th {
    padding: 3px 3px;
    display: table-cell;
    text-align: center;
    vertical-align: top;
    border-radius: 2px;
	font-size:0.85rem;
	border: solid 1px #666666;
}
.tabla_especial_repo td {
    padding: 3px 3px;
    display: table-cell;
    text-align:right;
    vertical-align: top;
    border-radius: 2px;
	font-size:0.85rem;
	border: solid 1px #666666;
}

.tabla_especial_facturacion_inmueble th {
height: auto; /* Altura dinámica según contenido */
            vertical-align: top; /* Alineación inicial */
	border:solid 0px #B7B7B7;
	padding: 3px 3px;
    display: table-cell;
    text-align: left;
    border-radius: 2px;
	font-size:0.95rem;
}
.tabla_especial_facturacion_inmueble td {
	vertical-align:middle; 
	border:solid 1px #B7B7B7;
	padding: 3px 3px;
    display: table-cell;
    text-align: left;
    border-radius: 2px;
	font-size:0.75rem;
}

        .th-wrapper_esp {
            display: flex;
            flex-direction: column;
            height: 70px; /* Ocupar todo el espacio disponible en el th */
            justify-content: space-between; /* Dividir los divs entre la parte superior e inferior */
			font-size:12px
        }
        .top-content_esp {
            align-self: flex-start; /* Alineación superior */
        }
        .bottom-content_esp {
            align-self: flex-end; /* Alineación inferior */
        }