html,body{height: 100%}
body{font-family: 'Lato-regular' !important; display:flex;flex-direction: column;}
main{flex-grow: 1}
footer{
	clear:both;
/* 	height: 100px; */
    margin-top: 50px;
}
.header{
	background-image: url(img/skyline.svg);
    -moz-background-size: cover;
    -o-background-size: cover;
    background-color: rgb(248, 250, 252) !important;
    background-position: center 25px;
    background-repeat: no-repeat;
}
.header .header-text{float: left;}
.row{margin: 0 !important;}
.bg-fluid4 .row{
	height: 100%;margin: 0 !important;padding: 15px 0 15px 0 !important;
}

.brand{display: block;background-color: #000;}
.brand h1 {font-family: Lato-Bold;font-size: 1em;margin: 21px 0 0 30px;}
.brand h1 a {color: #FFF;}
.brand .logo {padding: 20px 0 5px 30px;text-align: left;float: left;background-color: #000;height: 60px;width: 200px;}

.sub-menu>li.active{background-color: #013df7;}
.sub-menu>li:hover{background-color:#013df7}
.section-name{bottom: calc(50% - 14px);}
.most-watched .col-sm-3{padding: 0;}
.col-sm-3 .mw-content{color: #666;}
.col-sm-3>.step1>span::before{background-image:url(img/step1.png);background-repeat:no-repeat;position:absolute;content:'';width:28px;height:28px;left:20px;top:calc(50% - 15px);}
.col-sm-3>.step2>span::before{background-image:url(img/step2.png);background-repeat:no-repeat;position:absolute;content:'';width:28px;height:28px;left:20px;top:calc(50% - 15px);}
.col-sm-3>.step3>span::before{background-image:url(img/step3.png);background-repeat:no-repeat;position:absolute;content:'';width:28px;height:28px;left:20px;top:calc(50% - 15px);}
.col-sm-3>.step4>span::before{background-image:url(img/step4.png);background-repeat:no-repeat;position:absolute;content:'';width:28px;height:28px; left:20px;top:calc(50% - 15px);}
.mw-title{padding: 15px 0;}
.mw-title:before{content:'';position:absolute;width:0;height:0;z-index:1;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #f4f3f3;left:50%;top:0;margin-left:-7px;}
.mw-title.step1::before{display:none;}
.mw-title.step4::after{display:none;}
.mw-title>span{position: static;padding-right: 0;}
.mw-title>span::after{display:none;}
.mw-content{text-align: center;}
.modal-info{margin-bottom: 30px;text-align: center;background-color:#f4f3f3; padding: 15px}
.modal-alert{margin-bottom: 30px;position: relative;}
.modal-info>span::before{background-image:url(img/info.png);background-repeat:no-repeat;position:absolute;content:'';width:28px;height:28px; left:-10px;}
.modal-info>span{position: relative;line-height: 1.5;color:#7f7f7f; padding: 20px;}
.arrow>img{margin: 0 5px;}
.ocultar{display: none;}
/*Formulario*/
.formulario{margin: 0 auto 15px; width: calc(100% - 20px);}
.formulario .info_formulario{background: #f4f3f3;border-radius: 10px;padding: 10px;margin-bottom: 10px;}
.formulario .info_formulario>div:first-of-type>label:last-of-type{font-size: 14px;color: #7f7f7f;}
#confirm_nombre,#confirm_dni,#confirm_tlfn,#confirm_email,#confirm_oficina{color:#000; font-size: 16px;padding:3px 0;}
.formulario .info_formulario>div:nth-child(3){text-align: right;}
.formulario .info_formulario div>label>span{font-weight: bold;color: #000;word-break: break-word;}
.formulario .info_formulario div:first-child>label:first-child{/*font-weight: bold;color: #000;*/}
.formulario form div.info_formulario>div>label>span{font-weight: bold;color: #000;word-break: break-word;}
.formulario .cita_confirmada{padding: 15px 0 6px 90px;margin:20px 0 10px;border:solid 1px #abd376; border-radius: 10px; }
.formulario .id_cita{text-align: center;border: solid 1px #f3f2f2;border-radius: 10px;padding: 19px 0 10px;margin:10px 0;}
.formulario>.cita_confirmada>label{color:#000 !important;font-weight: 100 !important;}
.formulario>.cita_confirmada>label>span{font-size: 23px;}
.formulario .id_cita>label>span:first-of-type{color:#000;font-weight: 100 !important; font-size: 23px;}
.formulario #id_cita{color:#013df7;font-weight: 100 !important; font-size: 23px;}
.formulario #img_confirm{position: absolute;left: 25px; top: calc(50% - 23px);}
.formulario .titulo_confirm, .formulario .pregunta_formulario{margin-top: 8px;}
.formulario>form>div>label{width: 100%;margin: 0 2px 9px;}
.formulario>form>div>div>label:first-of-type{font-weight: bold;font-size: 16px;}
.formulario>form>div>div>div>label:first-of-type{font-weight: bold;font-size: 16px;}
.formulario>form>div>label:last-of-type{font-family:'Open Sans', 'Helvetica Neue', sans-serif; color:#666;font-size: 14px;}
.formulario>form>div>span{width: 100%;margin: 0 2px 9px;}
.formulario>form>div>div>span:first-of-type{font-weight: bold;font-size: 16px;}
.formulario>form>div>div>div>span:first-of-type{font-weight: bold;font-size: 16px;}
.formulario>form>div>span:last-of-type{font-family:'Open Sans', 'Helvetica Neue', sans-serif; color:#666;font-size: 14px;}
.formulario input{color:#000;}
.formulario input::placeholder{color:#999;}
.formulario select{color:#013df7;}
.formulario select::placeholder{color:#999;}
.formulario .pregunta_formulario {color:#666;margin-bottom: 9px;}
.formulario h3.pregunta_formulario {font-size: 23px;}
.formulario h5.pregunta_formulario {font-size: 18px;}
label.pregunta_formulario {font-size: 18px !important; font-weight: normal !important;}
.formulario .invisible{visibility: hidden;}
.formulario .divRadioBtnOpcion {
	width: 32%;
    float: left;
    padding-left: 10px;
}
.formulario .radioLabel {width: 16%;padding-left: 15px; margin-left: 0;}
.formulario .radioBtn{transform: scale(1.5);}
.form-control{width: 100%;font-size: 18px;padding: 6px;margin-bottom: 9px;}
/*.modal-alerta-control{min-height: 54px;}*/
.modal-alerta{display:none;background-color:#fff2ce;color:#906852;position: relative; padding: 15px 15px 15px 40px;line-height: 1.5;}
.modal-alerta::before{background-image:url(img/alert.png);background-repeat:no-repeat;position:absolute;content:'';width:28px;height:28px; left:10px; top: calc(50% - 13px);}
.formulario>.text-center>.button>a{color:#fff;text-decoration: none;}
.asterisco{line-height: 13px;font-size: 20px !important;padding-left: 3px;color: #013df7 !important;}
/* .formulario>.titulo_confirm>h3.pregunta_formulario{margin-bottom: 0;} */
.formulario>.titulo_confirm>h3.pregunta_formulario:nth-child(2){text-align: right;}
.formulario form>.titulo_confirm>h3.pregunta_formulario:nth-child(2){text-align: right;}
.formulario .button.button4{background-color: #013df7;}
/*Calendario*/
.datepicker.datepicker-server table.table-condensed thead tr th.prev-year a:after{color:#013df7;}
.datepicker.datepicker-server table.table-condensed thead tr th.prev a:after{color:#013df7;}
.datepicker table.table-condensed thead tr th.datepicker-switch{text-align: center; color:#013df7;}
.datepicker.datepicker-server table.table-condensed thead tr th.next-year a:after{color:#013df7;}
.datepicker.datepicker-server table.table-condensed thead tr th.next a:after{color:#013df7;}
.datepicker table.table-condensed thead tr th.dow{text-align: center;}
.datepicker table.table-condensed tbody tr td{text-align: center;}
.table-condensed>tbody>tr>td{padding: 10px;}
.datepicker table.table-condensed tbody tr td.active:after{background: #013df7;}
.datepicker table.table-condensed tbody tr td.active:after, .datepicker table.table-condensed tbody tr td.today:after{border:2px solid #013df7;margin:-16px 0 0 -17px;}
.datepicker table.table-condensed tbody tr td.disponible:after{border:2px solid #013df7;margin:-16px 0 0 -17px;position: absolute;content: '';width: 32px;height: 32px;top: 50%;left: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.button.button4{margin-top: 20px;}
/*Hora*/
.tbhorario{width:100%;margin: 0 auto;font-size: 20px;}
.tbhorario tr.separador{height : 10px;}
.tbhorario .hora>td>label{cursor: pointer;}
.hora{color: #bfbfbf;border-bottom: solid 1px #bfbfbf;}
.tbhorario>tbody>tr>td{text-align: center;}
/* .hora>td:first-of-type {text-align: right;}*/
.hora>td{padding: 5px 0px;}
.hora>td:last-of-type {text-align: left;padding-left: 3px;} 
.tbhorario>tbody input{display:none;}
.horario>input{display: none;}
.hora>td:nth-child(3)>label{font-size: 10px;}
.hora.disponible{color:#013df7;}
.hora.disponible >td:nth-child(3)>label{visibility: hidden;}
.minuto{display: none;font-size: 15px;color: #bfbfbf;}
.minuto>td{font-weight: bold;}
.minuto>td.disponible{color:#013df7;}
.hueco{display: none;font-size: 15px;color: #bfbfbf;}
.hueco>td{font-weight: bold;}
.hueco>td.disponible{color:#013df7;}

/* .minuto>td{padding-bottom: 10px;} */
.minuto>td.disponible{color:#013df7;}
.minuto>td:not(.disponible) button:hover{cursor: not-allowed;background: transparent;color:#bfbfbf;}
.minuto button{background: transparent; border: none;}
.minuto button:hover{background: #70a8c7; color:#fff;border-radius: 3px;/*padding: 5px 4px;*/}
.minuto button:active{background: #013df7; color:#fff;}
.hueco button{background: transparent; border: none;}
.hueco button:hover{background: #70a8c7; color:#fff;border-radius: 3px;padding: 5px 4px;}
.hueco button:active{background: #013df7; color:#fff;}
.minuto button.seleccionado{background :#013df7;color: #fff;border-radius: 3px;/*padding: 5px 4px;*/}
.hueco button.seleccionado{background :#013df7;color: #fff;border-radius: 3px;padding: 5px 4px;}
.col-sm-3 .mw-content {
    display:none
}
#mensajeAvisoConcertacion {
    clear: both;
    width: 100%;
    margin: 0px auto;
    float: none;
    padding: 1px 15px;
/*     background: #fff; */
	background: #eaeaea;
    color: #000;
    box-shadow: none;
    min-height: 70px;
    z-index: auto;
}
#mensajeAvisoConcertacion h2 {
	font-size: 17px;
	margin: 10px 0;
}

#mensajeAvisoConcertacion h2 p {
	color: #000;
}

#mensajeAvisoConcertacion h2.title-modal::after {
    color: #013df7;
}
.section-cont{    min-height: 62px !important;}

@media (max-width:470px){
    .sub-menu-item{font-size: 15px;}
}
@media (min-width:768px){
    .col-sm-3{padding: 0;}
    .col-sm-3>.step1>span::before{left:1px;}
    .col-sm-3>.step2>span::before{left:19px;}
    .col-sm-3>.step3>span::before{left:6px;}
    .col-sm-3>.step4>span::before{left:14px;}
    .mw-title{padding: 14px 0 16px;}
    .mw-title>span{font-size: 19px;padding-left: 20px;}
    .mw-title:before{content:'';position:absolute;width:0;height:0;z-index:1;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #fefefe;border-right:0;top:50%;left:7px;margin-top:-7px;}
    .mw-title:after{content:'';position:absolute;width:0;height:0;z-index:1;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #d1cfcf;border-right:0;top:50%;margin-top:-7px;}
    .mw-content{margin: auto; text-align: center;}
    .formulario{max-width: 800px;}
    /*Calendario*/
    .col-sm-6.actual {padding-left: 0;padding-right: 15px;}
    .col-sm-6.proximo {float: right;padding-right: 0;padding-left: 15px;}
    .datepicker.datepicker-inline table.table-condensed tbody tr td{padding: 5px 10px;}
    /*Horario*/
    .horario > h3.pregunta_formulario {margin-top: 30px;}
    .fixed_bottom{position: fixed;bottom: 0;width: 100%;}   
    #mensajeAvisoConcertacion { padding: 1px 85px;  margin: 5px auto;}
	.col-sm-3 .mw-content {    display:block;} 
	.section-cont{    min-height: 98px !important;}
}
@media (min-width:992px){
    .col-sm-3>.step1>span::before{left:15px;}
    .col-sm-3>.step2>span::before{left:40px;}
    .col-sm-3>.step3>span::before{left:25px;}
    .col-sm-3>.step4>span::before{left:40px}
    .mw-title>span{font-size: 1.1875em;}
    /*Horario*/
    .horario > h3.pregunta_formulario {margin-top: 30px;}
}

tr.hora td{
	width: 33%;
}

h3 label {
	font-weight: 500;
	margin-bottom: 0px;
}


#mensajeAvisoConfirmacion{
	margin: 0;
	    text-align: center;
}

#mensajeError h2, #mensajeError p{
	text-align: center
}
#mensajeAvisoConfirmacion h2, #mensajeAvisoConfirmacion p{
	width: 30%;
    margin-left: 0;
}
#mensajeAvisoConfirmacion h2, #mensajeAvisoConfirmacion p{
	width: 100%;
    margin-left: 0;
}
#mensajeAvisoConfirmacion p{
	margin-bottom: 10px;
	font-size: 1.4em;
	font-weight: bold;
}

#mensajeError h2:after,
#mensajeAvisoConfirmacion h2:after{
	top : -25px;
}

.section-name-title {
	height: 1.9em;
}

ul.sub-menu.hidden-print {
	margin: 0px;
}

.modal-alert .close-info {	
	right: 20%;
	top: 10%;
}

.modal-alert .close-info:after {	
	color:#fff;
}

.divTiposAtencion.col-md-12 {
	padding: 0;
	margin-bottom: 30px;
	font-size: 1.3em;
}

.divTiposAtencion.col-md-12 .modal-info {
	font-weight: bold;
	color: #000;
	padding: 5px 0;
	margin-bottom: 5px;
}

.divTiposAtencion.col-md-12 .modal-info label {
	margin-bottom: 0;
}

.divTiposAtencion.col-md-12 #radiosTipoAtencion {
	padding: 0;
}

.divTiposAtencion.col-md-12 #radiosTipoAtencion label {
	color: #7f7f7f;
}

.divTiposAtencion.col-md-12 #radiosTipoAtencion input {
	margin: 0 40px 0 5px;
	width: 25px;
	height: 22px;
	vertical-align: middle;
	cursor: pointer;
}

.divTiposAtencion.col-md-12 #radiosTipoAtencion input.tipoAtencionDisable {
	cursor: no-drop;
}

.info_formulario .center {
	text-align: center !important;
}

.modal-info h4 {
	font-size: 16px;
	font-weight: bold;
}

.valoresLista {
	font-weight: normal;
}


.mm-header{height: 55px!important}

.navigation-bar {
	background-color: #fff;
}

@media (max-width:992px){
  
	.navigation-bar-ico.nb-menu {
	    left: 10px;
	}
	.sub-menu > li{
		display: block;
	    text-align: left;
	    width: 100%;
	}
}
	

/* @media (min-width: 768px){
	
	.navigation-bar {
	    height: 70px;
	}
} */
@media (min-width: 768px){
	.navigation-bar {
	    height: 60px !important;
	}
	.brand {
		min-height: 60px;
	}
}

.header,main {
	transition: all .45s
}

nav#nav {
    transition: all .45s;
}
.mm-hasheader.mm-opened {
    left: 0;
}

.mm-hasheader {
    left: -440px;
}

#oficinaCitaTemprana {
	color: #666;
	cursor: pointer;
}

#oficinasTipoHora {
	display: none;
}

#mensajeError,#mensajeAvisoConfirmacion {
    cursor: pointer;
    clear: both;
    max-width: 800px;
    margin:20px auto;
    float: none;
    padding: 25px 85px;
}
.alert-warning {
	clear:both;
}
@media (max-width: 768px){
	
	.info_formulario .col-sm-6.text-right,.info_formulario .col-sm-12.center{
		text-align: left !important;
	}
	#mensajeAvisoConcertacion h2 {
		padding-top: 0;
	}
	#mensajeAvisoConcertacion h2 p {
	    padding-left: 40px;
	}
	.modal-alert .title-modal:after {
	    /* left: 50%; */
	    left: 5%;
	    font-size: 28px;
	}
	#mensajeError h2, #mensajeError p {
    	text-align: center;
	}
	#mensajeError {
    	padding: 25px 20px; 
	}
	.section-name-title {
	    height: auto;
	}
}

#botonTramites, #btnSiguiente, #botonSiguienteHora {
	background-color: #013df7;
}

#botonTramites:disabled, #btnSiguiente:disabled, #botonSiguienteHora:disabled, #botonComprobacionPrevia:disabled {
	background-color: #666;
}

#imgCargando,
#imgCargandoEnlace {
	width: 3%;
}

@media (max-width: 450px){
	#imgCargando,
	#imgCargandoEnlace {
		width: 5%;
	}
}

img#imagenCalendario {
	width: 23px;
    vertical-align: top;
}

.d-flex{
	display:flex
}
div#oficina-wrapper {
    flex-grow: 1;
    padding: 20px 0;
}

.wrapper-calendar{
	text-align: center;
	padding: 20px 0;
	font-size: 18px !important;
    font-weight: normal !important;
    width: 340px;
}

/* .wrapper-calendar img {
    width: 35px;
    height: 35px;
} */

input#cpTramite_combo2 {
	  width: 97%;
}

#separadorOpcionesOficina {
 	padding: 60px 10px 0;
}

a:hover span#diaSemanaError {
	color: inherit;
    text-decoration: none;
}

.padding0 {
	padding: 0 !important;
}

.titulosConflictos {
	font-weight: bold;
	text-align: left;
	width: 100%;
}

.formulario button.btnCitasConflictivas {
	width: 95%;
}

.formulario button.btnCitasConflictivas:disabled {
	background-color: #666;
}

.texto-header-portal{
    display: inline-block;
    float: right;
    margin-right: 30px;
}

@media (max-width: 991.5px) {
	.brand .logo { 
		margin-left: 60px;
	}
}

#cabeceraIzquierda {
	float: left;
	background-color: #000;
}

.sidebar-ico{
	margin-top: 11px;	
}

.titulo-cp {
	color: #013df7;
	margin-top: 0;
	padding-top: 15px;
}

/* @media (max-width: 625px) {
	.titulo-cp {
		display: none;
	}
} */

@media (max-width: 432px) {
	.texto-header-portal h1 {
		margin-top: 5px !important;
	}
	.icon-usuario {
		font-size: 22px;
	}
	#nombreAutenticado {
		display: none;
	}
	.titulo-cp {
		font-size: 22px;
	}
}

@media (max-width: 768px) {
	#botonesConfirmacion {
		display: none;
	}
	#botonesConfirmacionMovil {
		display: block;
	}
	.header{
		background-image: url(img/skyline.svg);
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-color: rgb(248, 250, 252) !important;
	    background-position: center 25px;
	    background-repeat: no-repeat;
	    background-size: 53%;
	}
	.texto-header-portal {
	    display: inline-block;
	    float: right;
	    margin-right: 1px;
	}
	
	#cabeceraIzquierda {
		height: 55px;
	}
	
	.navigation-bar-ico {
	    width: 55px;
	    height: 55px;
	}
	
	.sidebar-ico:after {
	    font-size: 22px;
	}
	
	.sidebar-ico{
		margin-top: 17px;	
		width: 22px;
    	height: 22px;
	}
	
	.brand .logo {   
		margin-left: 25px;
		padding: 15px 0 5px 30px;
		height: 55px;
	}
	
	.titulo-cp {
	    padding-top: 10px;
		display: none;
	}
	
	.texto-header-portal h1 {
		margin-top: 10px;
	}
	
	main#lista-pantalla-accesos {
		margin: 0 auto;
	}

	.header .container #tituloGeneral{
		display: none;
	}
	
	.header .container #mensajeAvisoConcertacion{
		clear: none;
	}
	
	#logoIAMfooter{
		text-align: center;
	}
	
	.footer{
		max-height: 100%;
	}
	
	#row-footer-links .row{
		padding: 32px 0 22px !important;
	}
	
	.captcha {
	    min-height: 158px;
	}
	.captcha_audio {
	   	margin-left: 0 !important;
	   	width: 100% !important;
	}
}

@media (min-width:768px){
    #botonesConfirmacion {
		display: block;
	}
	#botonesConfirmacionMovil {
		display: none;
	}
}

div.bloqueDireccion {
	padding: 0;
}

div.bloqueDireccion div {
	padding-right: 5px;
	padding-left: 5px;
}

.texto-footer-enlaces{
    top: 8px;
}

.texto-footer-enlaces-derecha{
    float: right !important;
    text-align: right;
    top: 8px;
}

div.texto-footer-enlaces-derecha ul.list-inline {
	text-align: right;
}

@media (max-width:767px){
    div.texto-footer-enlaces-derecha ul.list-inline {
		text-align: center;
	}
}

@media (min-width:1200px) and (max-width:1321px) {
	div.col-12.col-sm-6.col-md-5.col-lg-3.texto-footer-enlaces {
		width: 30% !important;
	}
	div.col-12.col-sm-6.col-md-7.col-lg-9.texto-footer-enlaces {
		width: 70% !important;
	}
}

.wrap-container-div{
	background-color: rgb(248, 250, 252);
}

.botonEnviarCodigo {
	margin: 0 0 14px 0 !important;
	max-height: 34px;
    line-height: 35px !important;
}

.divMensajeValidacion {
	padding: 0;
	display: none;
	color: green;
	height: 48px;
}


.indent-margin{
	margin-top: 75px;
}

.button-indent {
	margin-top: 50px !important;
	width: 270px;
}

.section-datos{bottom: calc(50% - 14px);}

.nombre-cabecera-logout{
	color: #013df7;
	font-size:14px;
}
.nombre-cabecera-logout a:hover{
	color: #013df7;
}
.link-cabecera-logout{
	font-size:12px;
	margin-top: 5px;
	text-align: right;
}
.link-cabecera-logout a{
	color: #013df7 !important;
}

#mensaje-aviso-MiPerfil{
    clear: both;
    max-width: 1024px;
    margin: 20px auto;
    float: none;
    padding: 25px 85px;
}

.alinear-derecha{
	float: right;
}

#comprobacionPreviaDocumento {
	padding: 0;
	margin-top: 25px;
	border-top: 1px solid #e5e5e5;
}

#porDireccion {
	margin-top: 25px;
    border-top: 1px solid #e5e5e5;
}