/**************************************************/
/* Hoja de estilos de personalizaciones de cliente */
/**************************************************/

/*
 En primer lugar, tener en cuenta la variable --main-color 
que se setea con una propertie del servidor 
*/

/* Estilo de la cabecera de la sede */ 
.cabeceraCustom{
	background-color: #f8f9fa !important;
}

/* Color de los titulos de la cabecera */
.colorTitleCustom, #txtBuscarBuscadorGeneral::placeholder{
	color: grey !important;
}

/* Tamaņo del grupo ROW de servicios de la Sede Electronica*/
.iconsGroup{
	width: 90%;
}

/* Tamaņo del grupo ROW de tramites */
.tramite-group {
    width: 90%;
	background-color: unset;
}

/* Elemento tramite */
.tramite-card{
	margin: 0rem;
}


/* Tamaņo y color del texto de las imagenes del carousel */
.carouselTextCustom{
	top: 50%;
    width: 70%;
    margin: auto;
    color: white;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.47);
}

/* Color Indicador del carousel inactivo */
.carousel-indicators li {
	background-color: rgba(255,255,255,.5);
}

/* Color Indicador del carousel activo */
.carousel-indicators .active{
	background-color: var(--main-color);	
}

/* Color de background y texto del footer */
:root {
    --text-footer-color: white !important;
    --background-footer-color: black !important;
}


/* iconos login y registro */
#iconButtonIngresar, #iconButtonRegistrar{
	color: var(--main-color);
}
#titleWithButtonBar {
	top: 6em!important;
}
#contenedorPrincipal .titleWithButtonBarScrolled, #contenedorPrincipal .ContenedorPaso2 .titleWithButtonBarScrolled, #contenedorPrincipal .ContenedorPaso3 .titleWithButtonBarScrolled, #contenedorPrincipal .ContenedorPaso4 .titleWithButtonBarScrolled {
	    top: 5em!important;
}

#ventanaAccion {
	    width: 500px!important;
}

#frameAccion {
	    width: 480px!important;
		height: 650px!important;
}
#btcancelarAccion {
	    margin-left: 190px;
}

.colcertificado {
    order: 2;
	    margin-bottom: 30px;
}
#divopcionRegistrar {
	    margin-top: 20px;
}

.footer-wrap .mail, .footer-wrap .telefono {
	display: none!important;
}

#pieredessociales {
	background-color: var(--main-color);
	    margin-top: 20px;
}

#pieredessociales img {
	    margin-left: 10px;
    margin-right: 10px;
	border-radius: 30px;
}
#contentWizard {
	    margin-left: 250px!important;
}
/* MEDIA QUERIES */
/* Smartphones (portrait & landscape) */
@media only screen 
and (min-width : 320px) 
and (max-width : 780px) {
	.carousel-item > img {
		height: 28rem!important;
	}
}

#documentacionTramite #accordionEx {
	padding:40px;
}
#documentacionTramite .card-header a {
	    color: #666 !important;
	text-decoration: none!important;
}
.detalleTramiteDoc {
    border: none!important;
	cursor:pointer;
}

.infoDescargas #accordionEx {
	display:none!important;
}