.dtik-ctext-default {
    color: #12243a !important;
    -ms-word-break: break-all !important;
    word-break: break-word !important;
    -ms-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
}

.registro-navLang ul li:not(:first-child) {
    position: relative;
    border-left:1px solid grey;
}

.registro-navLang ul li{
    display: inline-block;
}

.registro-navLang ul li.selected span {
    color: #0a23d0;
}

.registro-navLang ul li a, .registro-navLang ul li > span {
    font-size: 0.875em;
    line-height: 1.7857142857em;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #6f748a;
    padding: 0 17px;
}

@media screen and (min-width: 992px) {
	.registro-navLang{
	display:none;
	}
}

textarea::placeholder{
	font-size:13px;
}

.btnAnexar{
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  padding: 10px 10px 10px 10px;
  border-radius:4px;
}

#files-area{
	margin: 0 auto;
	margin-top:-10px;
}

.file-block{
	border-radius: 10px;
	background-color: rgba(144, 163, 203, 0.2);
	margin: 5px;
	color: initial;
	display: inline-flex;
}

.file-delete{
	display: flex;
	width: 24px;
	color: initial;
	background-color: #6eb4ff00;
	font-size: large;
	justify-content: center;
	margin-right: 3px;
	cursor: pointer;
}

 div.nav-items-wrapper {
  padding: 0px 0px 0px 0px !important;
  margin-top:-20px !important;
  border:none !important;
  line-height: 15px;
 }
  
div.nav-items-wrapper a{
  	text-transform: lowercase !important;
  	display: inline-block !important;
  	padding-top: 6px !important;
  	padding-left: 6px !important;
  	font-size:14px;
} 
  
div.nav-items-wrapper a::first-letter{
  	text-transform: uppercase !important;
}
  	

@media screen and (max-width: 991px) {
  .migas-pan-app {
    display: block;
  }
}

.texto_blanco{
color: white !important;	
}

.field-wrapper .field-input {
    margin-top: 19px !important;
    position: relative !important;
    display: inline-flex !important;
    width: 100% !important;
}

/*Para varias vistas*/
	#privacidad-error{
		color: #dd380f;
		margin-left: -35px;
		font-size: 0.875rem;
	}
	
	#portal-error{
		color: #dd380f;
		margin-left: 12px;
		font-size: 0.875rem;
	}
	
	.valid {
		border-color: green !important;
	}
	
	label.valid {
		color: green !important;
	}
	
	label.error {
		color: red;
	}
	
	div.nav-items-wrapper {
		border: solid 2px rgba(221, 221, 221, 1);
    	padding: 10px 12px 0px 12px;
	}
	
	div.nav-items-wrapper a:hover, a:focus {
		text-decoration: none;
	}
	
	.bg-off {
		background-color: transparent;
	}
    
/*Primera vista*/   
    
    .follow-option-wrapper{
    	border: solid 2px rgba(221, 221, 221, 1);
    	padding: 0px 20px 20px 40px;
    	margin: 10px 0px 25px 0px;
	}

    .follow-option-wrapper a {
    	color:black;
    }
    
    .follow-option-wrapper a:hover {
    	color:black;
        text-decoration: none;
    }
    
    .option-wrapped-title {
    	text-transform: uppercase;
    	font-weight: 600;	
    }
    
    .follow-option-content > span {
    	display:block;
    }
    
    .icon-lock, .icon-keyboard{
	    margin-right: 10px;
	}
	
	.dtik-blockText-padding {
		max-width: 94%;
	}
	
/*Vista formulario interesado*/
 .tip-text p{
 	font-size: 0.875rem;
    line-height: 1.4285714286em;
    color: #415061;
 }
 
 input[type=checkbox]#privacidad {
    display: none;
}
	
/*Vista elegir Motivo*/
	/*tambien para tema, subtema*/
    input.tematica-input {
        background: none;
        border: none;
        margin-bottom: 15px;
        white-space: pre-wrap;
        text-align: left;
    }
    
    .container-sug-item {
	  display: flex;
	  flex-wrap: wrap;
	}
	
	.standarize-height {
	  display: flex;
	  flex-wrap: wrap;
	}
	
	.standarize-height > li {
	  flex: 1 0 50%;
	  padding: 10px;
	  box-sizing: border-box;
	}
	
	.standarize-height > li > a {
	  height: 100%;
	  display: flex;
	  flex-direction: column;
	  justify-content: space-between;
	}

/*Vista formulario datos Sugerencia*/
	#locLabel, #localizacionMapa, #localizacionDir, #mapaLabel, #dirLabel {
		display: inline;
		margin-top:0px;
	}
	
	.form-input-info {
		font-size:10px;
		color: #333333;
		font-weight: 200;
	}


	#datosSugForm input.valid{
	    box-shadow: 0 0 1px 1px green;
	    outline-width: 0px;
	}
	
	#datosSugForm input.error{
	    box-shadow: 0 0 1px 1px red;
	    outline-width: 0px;
	    margin-left:0px
	}
	
	#datosSugForm input[name="localizacion"].error {
		box-shadow:none;
	}
	
	#datosSugForm input[name="localizacion"].valid {
		box-shadow:none;
	}

	#datosSugForm textarea.valid{
	    box-shadow: 0 0 1px 1px green;
	    outline-width: 0px;
	}
	
	#datosSugForm textarea.error{
	    box-shadow: 0 0 1px 1px red;
	    outline-width: 0px;
	    margin-left:0px
	}
	
	input#archivo.valid, input#archivo.error {
		box-shadow:none;
	}
	
	#datosSugForm #archivo-error {
		display: none;
	}
	
	#datosSugForm #archivo {
		border:none;
		font-size:13px;
		background-color: transparent;
	}
	
	#dir-preferencias > fieldset > legend {
		display: none;
	}
	
	.out-of-context {
  		position: absolute; 
  		left: -9999px;
  	}
  	
  	 p.helper-text-archivo {
  	font-size: 0.875rem;
    color: #415061;
  }
  
	.calle-select-form .col-md-2,
	 .calle-select-form .col-md-1, 
	 .calle-select-form .col-md-3,
	 .calle-select-form .col-md-6.numeroFijoLocalType  {
	    width: 100%;
	}
	
	.calle-select-form .col-md-2, .calle-select-form .col-md-1, .calle-select-form .col-md-3, .calle-select-form .col-md-6.numeroFijoLocalType {
    width: 100%;
    flex: none;
    max-width: inherit;
	}
	
	.calle-select-form .col-md-1,
	.calle-select-form .col-md-3.restodireccionType,
	.calle-select-form .col-md-2.codpostalType {
		width: 50%;
	}
	
	.calle-select-form .col-md-2.escaleraType,
	.calle-select-form .col-md-2.pisoType,
	.calle-select-form .col-md-2.manoType {
    	width: 33.3%;
	}
	
	.form-location-dir .field-wrapper .field-radio input[type=radio]:checked + .field-label-wrapper:after {
	    top: 5.5px;
	    left: 3.3px;
	}
	
	.capa-mapa {
		width: 48%;
	}
	
	.capa-direccion {
		width: 45%;
	}
	
	.location-flex-container {
		margin-left: -30px;
		gap: 20px;
	}
	
		
	@media (max-width: 1200px) {
		#seccionUbicacion{
			margin-left:30px;
		}
		
		.capa-mapa, .capa-direccion, .capa-sin{
			width:100% !important;
			margin-right:40px;
		}
		
		.capa-direccion {
			margin-left: 0 !important;
		}
		
		.capa-sin {
			margin-left: -30px !important;
			margin-right: 0px !important;
		}
	}
  


/*Popup map*/
.leaflet-popup .dtik-seccionBtn-wrapper{
    padding: 0 !important;
    padding-right: 20px !important;
}

.leaflet-popup .dtik-seccionBtn-wrapper:hover{
    background-color: transparent !important;
}

.leaflet-popup .dtik-seccionBtn-wrapper::before{
    content: none !important;
    transform: rotate(-45deg) !important;
}

.leaflet-popup .dtik-seccionBtn-wrapper::after{
    content: none !important;
}

.leaflet-container a.leaflet-popup-close-button{
    top: 5px !important;
    right: 7px !important;
    font-size: 23px !important;
}

#map{
    z-index: 0;
}

.location-flex-container {
	display: flex !important;
    flex-wrap: wrap;
    gap: 30px;
}	

/*Valoracion con estrellas*/
.container-rating {
  text-align: center;

}
.rate {
    border: 0;
    margin: 0;
    display: flex;
  	flex-direction: row-reverse;
  	justify-content: center;
    
}

.rate > input {
    display: none;
}

.rate > label:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    content: "\2605"; 
    font-size: 3rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
}

/* Click color */
input:checked ~ label,
label:hover,
label:hover ~ label {
    color: #0A23D0; 
}

/* Hover highlights */
input:checked + label:hover,
input:checked ~ label:hover,
input:checked ~ label:hover ~ label,
label:hover ~ input:checked ~ label {
    color: #142FFB; 
}

/*Selector registro*/
#s2id_idioma span.select2-arrow {
    display: none;
}

/*Resumen Menu nav inferior */
	.map_menu{
	    display: block;
	    background-color: white;
	    position: relative; /*antes ocupando todo el ancho: fixed*/
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    margin: 0;
	    z-index: 99999;
	    min-height: 71px;
	    max-height: 71px;
	    border-top: solid 1px rgba(173, 178, 202, 0.6);
	}
	
	.map_menu ul{
	    display: flex;
	    align-items: center;
	    height: 100%;
	    margin-bottom: 0;
	    height: 71px;
	}
	
	.map_menu ul li{
	    list-style: none;
	    width: 85px;
	    height: 71px;
	}
	
	.map_menu ul li a,
	.map_menu ul li span{
	    width: 100%;
	    height: 100%;
	    display: inline-block;
	}
	.map_menu ul li a{
	    height: 71px;
	}
	.map_menu ul li a:hover{
	    background-color: aliceblue;
	    text-decoration: none;
	}
	
	.map_menu ul li span{
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    font-size: 25px;
	    margin-top: -5px;
	}
	
	.map_menu .icon-map{
	    background-repeat: no-repeat;
	    background-position: center 15px;
	    background-size: 34px;
	}
	
	.map_menu .icon-map.list-icon{
	    background-image: url("../images/list.svg");
	}
	
	.map_menu .icon-map.map-icon{
	    background-image: url("../images/map.svg");
	}
	
	.normalmap{
	    height: 100px !important;
	}
	
	.stickymap{
	    height: 50px !important;
	}
	
/*Estilos mobile app*/
@media only screen and (max-width: 600px) and (display-mode: standalone) {
  	
  .form-wrapper-pwa {
  	text-align: center;
  	margin-top:15px;
  }
  
  .hide-pwa {
  	display:none !important; 
  }

/* Vista Datos Formulario*/
  
  /* Comentado por Eli para que siempre salga el input, ya que con los iconos 
  no sale el nombre del fichero anexado 
  input[name="archivo"] {
  	position: absolute; 
  	left: -9999px;
  }
  */
  
  label.form-file-info{
  	display: none;
  }
  
  label.form-upload-file{
  	display: none;
  }
  
  p#archivo-error {
  	font-size: 0.875rem;
  	color: #DD380F;
  }
  
  p#camara-error {
  	font-size: 0.875rem;
  	color: #DD380F;
  }
  
  
  
  i.dfont-camera {
        background-image: url("../images/camera.svg");
        background-repeat: no-repeat;
        background-size: cover;
        width: 25px;
        height: 25px;
        display: inline-block;
        color:#0A23D0;
	}

	i.dfont-clipboard {
	   	background-image: url("../images/paperclip.svg");
	    width: 25px;
	    height: 25px;
	    background-size: cover;
	    background-repeat: no-repeat;
	    display: inline-block;
	    margin-right: 15px;
	    color: #0A23D0;
	}
}