@import url('fonts.css');

body{
    font-family: var(--cabecera-font-family) !important;
    font-size: var(--cabecera-font-size) !important;
	background: none;
}

html  {
	margin: 0; /* Elimina el margen predeterminado del cuerpo */
	padding: 0; /* Elimina el relleno predeterminado del cuerpo */
	background-image: url('../images/bg.jpg');
	background-size: cover; /* Ajusta la imagen para cubrir todo el fondo */
	background-position: center center; /* Centra la imagen horizontal y verticalmente */
	background-attachment: fixed; /* Fija la imagen de fondo para que no se desplace con el contenido */
	height: 100vh; /* Establece la altura del cuerpo al 100% del viewport */
	 

	overflow-y: auto; /* O 'scroll' si prefieres que siempre esté visible */
    
     
    max-height: 100vh; /* Limita la altura máxima al 100% del viewport */
}

.contenedor-login{
	width: 400px;
	margin: 50px auto;
	/*background-color: #E9ECEF;
     border: 1px solid #CED4DA;
	 box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);*/
	overflow: hidden;
	border-radius:8px;
	padding:  20px;	
}

.contenedor-logo{
	width: 400px;
	margin: 50px auto;
	color:#212A33;
	font-size:60px;	
	line-height:55px;
	overflow: hidden;
	font-weight:bold;
}

#captcha_code{ width:100%; border: 1px solid #ccc;height: 34px; border-radius: 4px; }


/* Skin formulario login *****************************/

.font-family-sigedops{
    font-family: var(--cabecera-font-family)  ;
    font-size: var(--cabecera-font-size) ;
  }

.link-sigedops {
    color: #4CAF50 !important; 
    text-decoration: underline !important;
}

.link-sigedops:hover {
    color: #388E3C  !important; 
}

.btn-primary {
    background-color: #4CAF50;
    border-color: #388E3C;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
    background-color: #388E3C !important;
    border-color: #388E3C !important;
}



/******* Radio buton y Check *****/
input[type="radio"],
input[type="checkbox"] {
	display: none;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	line-height: 3em;
}

input[type="radio"] + label {
	border-radius: 50px;
}

input[type="radio"]:disabled + label,
input[type="checkbox"]:disabled + label {
	color: #ccc !important;
	cursor: not-allowed;
}
input[type="radio"]:checked:disabled + label:after,
input[type="checkbox"]:checked:disabled + label:after {
	border-color: #ccc;
}

input[type="radio"] + label:before,
input[type="checkbox"] + label:before {
	content: "";
	width: 22px;
	height: 22px;
	float: left;
	/*margin: 0.1em;  /* editado */	 
	border: 2px solid #ccc;
	background: #fff;	
}
input[type="radio"] + label:before {
	border-radius: 100%;
}

input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {
	background: #eec1c2;
}

input[type="radio"]:checked + label:after {
	content: "";
	width: 0;
	height: 0;
	border: 7px solid #ff000f;
	float: left;
	margin-left: -1.25em;
	margin-top: 0.25em;
	border-radius: 100%;
}
input[type="checkbox"]:checked + label:after {
	content: "";
	width: 12px;
	height: 6px;
	border: 4px solid #ff000f;
	float: left;
	margin-left: -1.25em;
	border-right: 0;
	border-top: 0;
	margin-top: 0.50em;
	transform: rotate(-55deg);
}

input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before {
	border-color: #ff000f;
}

input[type="radio"]:checked:disabled + label,
input[type="checkbox"]:checked:disabled + label {
	background: #ccc;
	color: #fff !important;
}

input[type="radio"]:checked:disabled + label:before,
input[type="checkbox"]:checked:disabled + label:before {
	border-color: #bdbdbd;
}