html,body{
color: #2a2a2a;
font-size: 15px;
position: relative;
}

p {
	color: #2a2a2a;
	line-height: 26px;
	margin: 0 0 20px;
}

a{
    text-decoration: none;
}
a:hover{
    cursor: pointer;
    text-decoration: none;
}
select:hover{ cursor: pointer;}
label{display: inline-block!important;}
label:hover{ cursor: pointer;}

h1, h2, h3, h4, h5, h6 {
	color: #333;
}

.grecaptcha-badge {
    display:none;
}
.recapv3 {
    width: 100%;
    color:#555; 
    display: inline-block; 
    background-color: #F9F9F9; 
    padding: 15px; 
    border: 1px solid #D3D3D3;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.12);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.12);
}
.recapv3 .links {font-size: 11px; font-weight: normal; line-height: 20px;}

.recapv3 img {
    width:40px; 
    float: left; 
    margin-right:15px;
}

.btn i{ margin: 0px 5px; font-size: 18px;vertical-align: middle; margin-top: -2px;}


.btn-primary,.btn-success{
    color: white!important;
    margin:2px;
}

.btn-primary:hover,.btn-success:hover{
    color: white!important;
}

html .btn-info{
    background-color: #d1ecf1 !important;
    border-color: #abd1d8 !important;
    color: #444!important;
}
html .btn-info:hover,html .btn-info:active,html .btn-info.active,html .btn-info:focus{
    background-color: #eef8fa !important;
    border-color: #d1ecf1 !important;
}

/*ALERTA DE COOKIES*/
.alerta_cookies .modal-content{
    font-size: 18px;
    border: 5px solid #161616;
}
.alerta_cookies h2{
    font-weight: bold;
}
.alerta_cookies .card-body{
    font-size: 14px;
}

.alerta_cookies p a,.alerta_cookies .card-body a{
    font-weight: bold;
}
.alerta_cookies .card-header a .fas{
    color:#161616;
}

.alerta_cookies h2 .fas{
    font-size: 40px;
    color:#161616;
}
.configuracion_cookies{
    display: inline-block;
    position: fixed;
    bottom: 20px;
    left: 20px;
    font-size: 35px;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
}
.configuracion_cookies a{
    color: #dfdfdf!important;
    cursor: pointer;
}
.configuracion_cookies a:hover{
    color: white!important;
}


/*LOGIN PAGE*/
body.login_page {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
    background: #161616;
    color: #f9f9f9;
}
    body.login_page a{
        color: #fff;
    }

body.login_page .logo_cliente{
    max-width: 60%!important;
}

/*HEADER*/
.fondo_header,.nav-secondary{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.2);
}
.header-top{
    z-index: 9999;
    position: relative;
}
.header-top a{color:#333!important;}
#mainNav > li > a.active,#mainNav > li:hover > a,#mainNav > li:hover > a.active{
    background-color: #fff!important;
    color: #41789e!important;
}
#header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active {
    color:#41789e !important;
    background-color: #fff!important;
}
#header .header-nav.header-nav-stripe nav > ul:hover > li > a.active {
    color:#41789e !important;
    background-color: #fff!important;

}

#mainNav > li > a{
    color: white!important;
}

#mainNav a i{ margin-right: 5px;}

@media (max-width: 991px) {
    #mainNav > li > a{
        color: #333!important;
}
}


.nav-pills .nav-link{
    background-color: #f3f3f3!important;
    color: #6e6e6e;
    margin-right: 10px;
}

.nav-pills .nav-link:hover{
    background-color: #e6e6e6!important;
}


/*SLIDER*/
.tp-caption{
    text-shadow: 1px 1px #333;
}

/*SLIDER*/
@media (max-width: 991px) {
    .slider-container h1{ font-size: 18px!important;}
}
/*FOOTER*/
#footer {
    background: #161616;
    border-top: 20px solid rgb(235, 235, 235);
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    clear: both;
}
.login_page #footer{border-top: none!important;}

#footer .footer-copyright {
    padding: 10px 0px;
}


#footer .footer-copyright p {
    color: #e9e9e9;
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}

#footer a:not(.btn) {
    color: #e4e4e4;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#menu_footer ul{
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 1.2em;
}
#menu_footer ul li{
    list-style-type: none;
    margin-bottom: 15px;
}




.list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child {
    color: #fff;
    border-color: #fff;
}
/*BREADCRUMBS*/
.page-header{
    background-color: #161616!important;
    margin: 0!important;
}

/*BARRA LATERAL*/
aside ul.nav-list > li {
    margin-bottom: 10px;
}

aside ul.nav-list > li > a{
    font-size: 14px;
}

aside ul.nav-list > li:hover > a,aside ul.nav-list > li > a.active{
    color:#41789e;
    font-weight: normal;
}

aside ul.nav-list > li > ul > li:hover > a,aside ul.nav-list > li > ul > li > a.active{
    color:#41789e;
    font-weight: normal;
}


/*FORMS*/
::placeholder {
    color: #41789e!important;
    opacity: 1!important;
}

:-ms-input-placeholder {
    color: #41789e!important;
}

::-ms-input-placeholder {
    color: #41789e!important;
}
input[type=text],input[type=email],input[type=password],textarea{ background-color:#F7F7F7!important; color:#000}
input[readonly] {background-color: rgb(221, 221, 221)!important;}

/*FORMS*/
.input-group-text {
	color: #757575;
	background-color: #F7F7F7;
	border: 1px solid #e9e9e9;
}
.input-group-text:hover {
	color: #505050;
	background-color: #ebebeb;
	border: 1px solid #dfdfdf;
    cursor: pointer;
}


/*MI CUENTA*/
.caja_avatar{
    position: relative;
}

.caja_avatar button.boton_borrar{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#avatar_ajax img{
    border-radius: 5px;
}

.dropzone {
    margin-top: 30px;
    min-height: 10px;
    border: 1px solid #f0f0f0;
    height: auto;
    background: #fff;
    padding: 5px 5px!important;
    color: #333;
    border-radius: 5px;
}
.dropzone:hover {
    cursor: pointer;
    background: #f9f9f9;;
    border: 1px solid #ececec;
}
.dropzone.dz-drag-hover {
    border-style: solid;
}

/*DIA SIGUIENTE*/
.dia_siguiente{
	float:left;
	width:100%;
	height:auto;
	min-height: 120px;
	text-align:left;
	line-height: 15px;
    background-color:#eee;
    border-radius: 5px;
}

.dia_siguiente.ultimo{background-color:#ebc46f;}
.dia_siguiente.disponible{background-color:#87bd81;}
.dia_siguiente.especialidad.ultimo{background-color:#ebc46f;}
.dia_siguiente.especialidad.disponible{background-color:#87bd81;}

.dia_siguiente .numero{
	float:left;
	width:80%;
	height:50px;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	line-height:50px;
	color:#fff;
	font-size:22px;
	text-align:center;
}

.dia_siguiente div.tool_dia{
	float:left;
	width:19%;
    height:50px;
    padding-top: 10px;
	font-weight:bold;
	text-align:center;
	border-bottom:#FFF 1px solid;
}

.dia_siguiente .ruta{
	float:left;
	width:96%;
	padding:2%;
    height:auto;
    padding-top: 17px;
	font-size:14px;
    overflow:hidden;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    color: #212529;
}

/*LISTADO DE ASOCIADOS*/
#tabla_asociados img{
    border-radius: 5px;
}

/*ENCUESTAS*/
.opcion_encuesta{
    background-color: #f9f9f9;
    border-radius: 5px;
    padding: 10px;
}

.opcion_encuesta input[type=radio]{
    display: inline-block;
}

.opcion_encuesta label{
    width: auto;
    height: 100%;
    margin-left: 15px;
}


.caja_leyenda{
    display: block;
    width: 100%;
    height: auto;
}

    .caja_leyenda ul{
        margin: 0;
        padding: 0;
    }

    .caja_leyenda ul li {
        margin-bottom: 20px;
        list-style-type: none;
    }

    .caja_leyenda ul li span{
        display: inline-block;
        width: 32px;
        height: 32px;
        vertical-align: middle;
        margin-right: 15px;
    }
.aviso_voto{
    background-color: #f9f9f9;
    border-radius: 5px;
}



/*NOTICIAS*/
section.section .recent-posts .date .day,section.section .recent-posts .date .month{
    border-radius: 5px;
}
.post-content h2 a{
    color:#212529!important
}
.post-content h2 a:hover{
    color:#41789e!important
}