/* login.css */
@import url("/css/acciona.css");
@import url("/css/bootstrap_styles.css");

body{
    padding-top: 40px;
}

.form-signin {
    max-width: 330px;
    padding-top: 15px;
    margin: 0 auto;
}

.form-signin > h1 > a > img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.form-signin > .form-group > div {
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    margin: 0 auto 15px;
    padding: 5px;

}

.info_politica {
    display: flex;
    flex-flow: column nowrap;
    gap:1em;
    align-items:center;
    max-width: 280px;
}

.info_politica_text{
     display: flex;
    flex-flow: row nowrap;
    gap:0.5em;
    align-items:center;
    width:100%;
}

#btn_show_politica_privacidad {
    cursor: pointer;
    color: var(--color-blue);
}

.error {
    color: var(--colora);
    padding:5px;
    display: none;
    font-weight: normal;
    text-align: left;
    width: 100%;
}


.btn-login{
	text-align: center;
	text-decoration: none;
	display: inline-block;
	background-color: var(--colord);
	padding: 0 10px;
	margin: 0 auto;
    height: 26px;
	font-family: var(--fuente-principal);
	font-weight:700;
	font-size:12px;
	cursor: pointer;
	border: 1px solid  var(--colorg);
	width:auto;
	border-radius: 0;
	color:var(--colore);
	text-transform: uppercase;
    vertical-align: middle;
	box-sizing: border-box;
	align-content:center;
}

.btn-login:hover{
	background-color: var(--colora); 
	color:var(--colord);
	border: 1px solid  var(--colora);
    text-decoration: none;
}


/* ------------------- CSS del modal con la privacidad ------------------- */

.modal-dialog {
    width: 600px;
    margin: 30px auto;
}

.modal-header h4 {
    margin: 0;
    line-height: 1.4286;
    font-size: 16px;
    font-family: inherit;
    font-weight: 500;
    flex-grow: 1;
}

/* -------------------------------------------------------- */