/* LIFERAY NAVIGATION BAR */
.control-menu {
    position: relative !important;
}

.has-control-menu #wrapper {
    margin-top: 0px !important;
}

/* GENERAL */
:root {
	--valorations-width: 19px;
	--valorations-height: 19px;
	--valorations-font-size: 16px;
}
:focus {
	outline: none;
}
a:hover {
	text-decoration: none;
}

.not-visible {
	display: none;
}

.row, footer .container .row {
	margin: 0;
} 
footer .container.vertical {
	padding: 0;
}
.resource-lis a {
    color: black;
}

li.resource-lis {
    margin-top: 10px;
    color: #212529;
}

.vertical {
	display: flex;
	flex-direction: column;
}

.color-caixa-blue, .card-register a:not(.color-white) {
	color: #009DDF;
}

.color-white, .slick-slide a.color-white.background-caixa-blue, #copyright a {
	color: #ffffff;
}

.background-caixa-blue {
	background-color: #009DDF;
}

.background-white {
	background-color: #ffffff;
}

.block-no-color-border {
	width: 100%;
	padding: 50px 90px;
}

.block-blue-border {
	width: 100%;
	padding: 50px 90px;
    border-radius: 15px;
    border: 1px solid #009DDF;
}

p, div {
	font-family: "Circular Std Medium";
}

section.portlet, p {
	margin: 0;
}

.portlet-content, .portlet-minimized .portlet-content-container, .portlet-content-editable, .container-offcanvas, .portlet-column {
	padding: 0!important;
}

/* removing the top margin from the header */
.header-no-margin-top {
    margin-top: 0px !important;
}

.portlet-layout .portlet-header {
	margin-bottom: 0!important;
}

.center-content {
	justify-content: center;
}

.flex {
	display: flex;
}

.subscribe-action {
	display: none;
} 
@media (min-width: 768px) {
	.visible-mobile, ul .register {
		display: none;
	}
}
/**/

/* NAVIGATION MENU */
.header-container {
	max-width: 1280px;
	margin: auto;
	flex: 1 1 auto;
	padding: 0 25px;
	width: 100%;
}

.header-container .col-lg-5, .header-container .col-md-7 {
	align-items: center;
	justify-content: flex-end;
    display: flex;
}

.header-container .col-lg-5 {
	padding-right: 50px;
	margin-right: auto;
	font-size: 14px;
}

.header-container .col-md-7 input {
	width: 100%;
    border: none;
    font-size: 21px;
    border-bottom: 2px solid #9B9B9B;
    background-color: #EFF1F3;
}

.row#menu {
	padding-top: 15px;
	flex-direction: column;
}

.row#menu .logo {
	padding-bottom: 12px;
	display: flex;
    flex-direction: column;
    width: 290px;
}
.row#menu .logo img#edu {
	display: flex;
    margin-top: -5%;
    margin-left: auto;
    width: 217px;
    image-rendering: -webkit-optimize-contrast;
}
.row#menu .logo img#edu.ca_ES {
	width: 208px;
	image-rendering: -webkit-optimize-contrast;
}
.row#search {
	background-color: #EFF1F3;
	/*padding: 20px 0 15px;*/   
}
.navigation-main {
	display: flex;
    align-items: flex-end;
    flex: 1 1 auto;
}
.nav.navbar-nav {
	flex-direction: inherit;
	flex: 1 1 auto;
	padding: 0 20px;
}
.nav.navbar-nav li {
	margin: auto;
}						 				 
.nav.navbar-nav li a {
	color: #4A4A4A;	
	font-weight: 500;	
	line-height: 20px;
	padding: 0.5rem 0;
}
.menu_options {
	align-items: flex-end;
	margin-bottom: 5px;
	flex-direction: column;
    justify-content: space-between;
}
.language-entry-header-educaixa-dropdown {
    display: none;
    min-width: 60px;
    top: 20px;
    z-index: 1;
    padding: 10px 10px 10px 10px;
    position: absolute;
    left: -38px;
    border-radius: 1px;
    background: #fff;
    text-align: center;
    border-style: solid;
    border-color: #DBDFE5;
    border-width: 1px;
}
.language-entry-header-educaixa-dropdown span {
    display: block;
    text-transform: uppercase;
    text-align: start;
}

.menu_options .language-entry-header-educaixa, .menu_options .language-entry-header-educaixa a,
ul .language-entry-header-educaixa-selected, ul .language-entry-header-educaixa-dropdown a {
	color: #9B9B9B;
	font-size: 14px;
	text-transform: uppercase;
}
ul .language-entry-header-educaixa-selected {
	display: flex;
    padding-bottom: 20px;
}
ul .language-entry-header-educaixa-selected > span {
	margin: auto;
}
ul .language-entry-header-educaixa-dropdown {
	left: 46%;
}

.language-entry-header-educaixa span.up {
    border-bottom: 10px solid #fff;
    /* border-left: 2px solid #000; */
    /* border-right: 9px solid #000; */
    position: absolute;
    left: 50%;
    top: 11px;
}    

.menu_options .language-entry-header-educaixa, .menu_options .language-entry-header-educaixa a {
	color: #9B9B9B;
	font-size: 14px;
	text-transform: uppercase;
}

.menu_options .language-entry-header-educaixa, .menu_options .language-entry-header-educaixa span{
    color: #000;
}
.menu_element {
	font-size: 14px;
    width: auto;
    position: relative;
}
.menu_element #user_info {
	/*margin-left: 30px;*/
	width: 110px;
}
.menu_element #user_info div a {
	line-height: 13px;
}
.menu_element a {
	font-size: 8px;
}
.menu_element .userTop.login .userPic span{
	font-size: 13px;
}
.menu_element a:first-of-type {
	font-size: 14px;
}
.menu_element .userPic, .menu_element .userPic-responsive {
	display: block;
    color: #7B7B7B;
}
.menu_element .userPic {
	color: #000;
}

.menu_element .userPic img.user-image {
    max-width: 40px;
    border-radius: 50%;
    max-height: 40px;
    width: 30px;
    height: 30px;
}
.menu_element #user_info div a.userPic, .menu_element #user_info div a.userPic-responsive {
    float: right;
}

.menu_element:before {
	width: 22px;
	height: 22px;
	margin: 0 5px;
}
.menu_element #user_info .notification__user {
    width: 16px;
    height: 16px;
    background: #F50800;
    position: absolute;
    border-radius: 50%;
    right: 0;
    transform: translate(-72px, -8px);
    padding: 2px;
    text-align: center;
    color: white;
    font-size: 10px;
}
.navigation-main .register .notification__user {
    width: 16px;
    height: 16px;
    background: #F50800;
    position: absolute;
    border-radius: 50%;
    transform: translate(20px, -8px);
    padding: 2px;
    text-align: center;
    color: white;
    font-size: 10px;	
}

#calendar:before {
	content: url(../images/menu_icons/calendar.PNG);
}
#shop:before {
	content: url(../images/menu_icons/bag.PNG);
}
#user .no-login:before {
	content: url(../images/menu_icons/user.PNG);
	position: absolute;
}
/*.menu_element#search:before, .header-container .col-md-7:before {
	content: url(../images/menu_icons/search.PNG);
}*/
#hamburger:before {
	content: url(../images/menu_icons/hamburger.PNG);
}
#hamburger.close_menu:before {
	content: url(../images/menu_icons/close_menu.PNG);
}
.header-container .col-md-7:before {
	position: absolute;
}

.login-modal#myeducaixa-login-modal {
	position: absolute;
    background-color: #fff;
    padding: 30px 50px 40px;
    z-index: 10;
    margin-left: -420px;
    margin-top: 57px;
    margin-right: 80px;
    text-align: center;
}
.close-login-modal {
	position: absolute;
    top: 0;
    right: 0;
    margin-top: -12px;
    margin-right: -11px;
    background-color: #009ddf;
    border-radius: 15px;
    padding: 7px;
    line-height: 10px;
}
#close-login-modal {
	font-size: 12px;
    color: #fff;
}
.welcome-title {
	margin-bottom: 10px;
}
.welcome-subtitle {
	font-size: 14px;
    margin-bottom: 30px;
}
#myeducaixa-login-modal .btn-sign-in {
	border: 1px solid #009DDF;
    border-radius: 20px;
    padding: 10px 20px 9px;
    font-size: 14px;
    margin: 27px 0;
}
#myeducaixa-login-modal a.btn-sign-in.color-white.background-caixa-blue {
    color: #fff;
} 
.myeducaixa-log-in {
	margin-top: 15px;
}
.myeducaixa-log-in p {
	font-size: 12px;
}
.myeducaixa-log-in a.color-caixa-blue {
	color: #009ddf;
	cursor: pointer;
}

/* -- cookies -- */
.cookie-message {
    box-sizing: border-box;
    background: #f1f1f1;
}
.cookie-message .content-text {
    width: 82%;
    padding: 10px 0 10px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}
.cookie-message .inner-content {
    margin: 0 auto;
    width: 82%;
}
.cookie-message p {
    font-size: .88em;
    line-height: 1.5em;
    letter-spacing: 0;
    margin: 0;
}
/* -- */
/**/

/* BANNER */
.carousel {
	max-height: 600px;
	overflow: hidden;
	margin-bottom: 30px;
}

.carousel img {
	width: 100%;
}

.carousel .text {
	position: absolute;
    z-index: 1;
    top: 60px;
    display: flex;
    max-width: 470px;
}

.slick-dots {
	bottom: 0;
	padding-bottom: 10px;
}

.slick-dots li button:before {
	font-size: 50px;
	color: #ffffff;
	opacity: 1;
}

.slick-dots li.slick-active button:before {
	color: #009DDF;
	opacity: 1;
}

.slick-pause {
    z-index: 1;
    width: 30px;
    height: 16px;
    background-color: transparent;
    border: none;
    position: absolute;
    bottom: 17px;
    /* removing the focus after clicking the button */
    outline: 0px !important;
}

.slick-pause:before {
    content: '';
    background-image: url(../images/slider_pause_white.png);
    display: block;
    width: 24px;
    height: 24px;
}

.slick-pause.paused:before {
    background-image: url(../images/slider_play_white.png);
}

.banner-element {
	margin: auto;
}

a.register-button.background-caixa-blue.color-white:hover {
    color: white;
}

.slick-slide .text a, .slick-slide .text a:hover {
	color: #ffffff;
}

.slick-slide .text .title, .slick-slide .description {
	margin: 10px 0;
}

.slick-slide .text .title > p {
	line-height: 1;
}

.carousel .text button {
    line-height: 35px;
    border: 1px solid #009DDF;	
    border-radius: 15px;
    padding: 0 24px;
    font-size: 11px;
    margin: 10px 0;
}

.slick-slide button {
    line-height: 35px;
    border: 1px solid #009DDF;	
    border-radius: 15px;
    padding: 0 24px;
    font-size: 11px;
    margin: 10px 0;
}

.carousel .text a {
    line-height: 70px;
    border: 1px solid #009DDF;	
    border-radius: 15px;
    margin: 10px 0;
    padding: 15px 30px 15px 30px;
    font-size: 18px;
}

.carousel .text .tags a {
    line-height: 60px;
    font-size: 16px;
    border: none;
    margin: 0;
    padding: 0;
    color: #009DDF;
}

.slick-slide a:not(.level_body a) {
    line-height: 50px;
    border: 1px solid #009DDF;
    border-radius: 15px;
    padding: 4px 24px;
    font-size: 14px;
    margin: 10px 0;
    color: #009DDF;
    font-size: 18px;
}

.card-actions.flex.form {
    margin-top: -35px;
}

.row ul {
    margin-left: 0px;
}

.carousel .text .title {
	font-size: 3em;
	color: #ffffff;
	line-height: 60px;
}

.carousel .text .subtitle, .slick-slide .text .description {
	font-size: 2em;
	margin-bottom: 10px;
}

.carousel .text .description {
	font-size: 1em;
}

/* -- video banner -- */
.banner-bottom-video {
	position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    padding-top: 10px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
.banner-bottom-video .container {
	background-color: white;
}
.banner-bottom-video iframe, .video iframe {
	width: 100%;
	height: 420px;
}

.banner-video-button-wrapper {
 	position: absolute;
    bottom: 20px;
    right: 175px;
  	z-index: 1;  
}

.image-gradient {
    width: 10%;
    box-sizing: border-box;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), #000);
    bottom: 0;
    position: absolute;
    height: 100%;
}
.slick-slide .slide {
	position: relative;
}

.banner-programs .image-gradient, .challenge-programs .image-gradient {
	width: 100%;
}

.carousel .container > .container {
    position: absolute;
    padding-top: 60px;
    top: 0;
    max-height: 600px;
    height: 100%;
}

.carousel .banner-video-button {
	background-image: url('../images/PLAY.png');
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	width: 43px;
    height: 45px;
}

.close-video p {
	text-align: right;
	cursor: pointer;
}

.close-video p:hover {
	text-decoration: underline;
}
/**/



/* HOME */
.element {
	margin-bottom: 50px;
	max-width: 360px;
	min-width: 355px;	
}

.element-img {
	border-radius: 0;
	margin-bottom: 10px;
}

.element-img img {
	width: 100%;
	height: auto;
}

.element-text > p {
	margin: 5px 0 0;
}

.element-type {
	font-size: 14px;
	line-height: 18px;
}

.element-title {
	font-size: 28px;
	line-height: 34px;
	color: #000000;
	font-weight: 900;
}

.element-body {
	line-height: 24px;
	flex: 0;
	padding: 0;
}

.links-wrapper {
	padding: 10px 10px 20px;
}

.link-elements {
	text-decoration: underline;
}
/**/

/* CARDS */
.elements-cards > .row {
	margin: auto;
}
a.card-button-green.color-caixa-green.background-white:hover {
	color:#0fb158;
}

.cards .row {
	margin: auto;
}

.valoration-row {
	margin: 10px -10px 0;
	display: flex;
    flex-wrap: wrap;
}

.valoration-row .cuerpo p:last-of-type > a {
	margin-right: -3px;
}

.valoration-row .cuerpo p:last-of-type {
	margin-top: 3px;
    margin-left: -1px;
}

.valoration-row .col-xs-4 {
	padding-right: 0;
}

.valoration-row .col-xs-4:last-of-type p:last-of-type {
	color: #009DDF;
}

.valoration-row .eur, .valoration-row .shield, .valoration-row .icon-empty {
  
	width: var(--valorations-width);
	height: var(--valorations-height);
}

.valoration-row .eur, .valoration-row .shield, .valoration-type .icon-information {
  
	display: inline-block;
	background-size: cover;
	background-image: url(../images/euro.PNG);
}

.valoration-row .shield {
	background-image: url(../images/shield.PNG);
}

.valoration-row .icon-empty {
	display: inline-block;
	border: 1px solid #cacaca;
	border-radius: 50%;
}

.valoration-type {
	font-weight: bold;	
	font-size: var(--valorations-font-size);
	color: #9b9b9b;
}

.valoration-type .icon-information {
	background-image: url(../images/info.PNG);
	width: 18px;
	height: 18px;
	margin-bottom: -3px;
    margin-left: 3px;
					  
}

.extra-info {
	font-weight: bold;
	margin-bottom: 20px;
}

.statistics {
	width: 30px;
	height: 30px;
}

.card-share {
	padding: 12px 0;
	justify-content: space-between;
	border-top: 1px solid #000000;
}

.slider-impact-evidencias{
	display: none;
	color:transparent;
}

.card-button, .register-button {
	width: 123px;
    line-height: 35px;
    border: 1px solid #009DDF;	
    border-radius: 15px;
	text-align:center;
}

.card-actions {
	align-items: center;
}

.show-more{
	color: #009ddf;
	margin-bottom:50px;
}

.show-more.actualidad{
	color: #d33f48;
	margin-bottom:50px;
}

.show-more.recursos {
    color: purple;
    margin-bottom:50px;
}

.show-more.formacion {
    color: #0FB158;
    margin-bottom:50px;
}

.show-more.evidencia {
    color: #F0940E;
    margin-bottom:50px;
}

.card-actions button, .programs-aula .related-content #bookmark, .programs-aula .related-content #share {
					  
    border: none;
    background-color: transparent;
    width: 24px;
    height: 24px;
    margin: 0 5px;
}

.actualidad .selected-option {
    background-color: #d33f48;
    border-color: #d33f48;
}

.actualidad .showTags{
	color: #d33f48;
}

.programas .selected-option {
    background-color: #02B6BC;
    border-color: #02b6bc;
    background: url(/o/educaixa-theme/css/../images/arrow-down-white.png) right 10px center no-repeat #02B6BC;
}

.programas .showTags {
	color: #02B6BC;
}

.programas .element-type {
	color: #02B6BC;
}

.color-caixa-cian, .programas .filter-container > ul li a {
	color: #02B6BC;
}

button#bookmark, .programs-aula .related-content #bookmark {
				 
	background-image: url(../images/cards_home/bookmark.svg);
}

button#share, .programs-aula .related-content #share {
			  
	background-image: url(../images/cards_home/share.svg);
}
/*
.programs-aula button#bookmark {
	background-image: url(../images/cards_home/bookmark_blue.png);
}
.programs-aula button#share {
	background-image: url(../images/cards_home/share_blue.png);
	margin-right: 20px;
}
*/
.programs-aula .card-actions button {
	width: 20px;
	height: 20px;
}
			
.tooltip {
	display: none;
	border: 1px solid rgba(0, 157, 223, 0.25);
	border-radius: 15px;
	right: 5px;
	padding: 9px 12px 7px;
	margin-top: 10px;
	background-color: #ffffff;
}

.tooltipLeft{
	right:auto;
	left: 0;
}

.card-register.cards.register-icon{
	margin: 0 auto;
}

.tooltip:after {
	
    position:absolute;
  	content:'';
  	height: 15px;
    width: 15px;
    background: #fff;
    left: 50%;
    margin-left: 25px;
    top: -9px;
  	border-top:1px solid rgba(0, 157, 223, 0.25);
  	border-left:1px solid rgba(0, 157, 223, 0.25);
  	-webkit-transform: rotate(45deg);  /* Saf3.1+ */     
  	-moz-transform: rotate(45deg);  /* FF3.5/3.6 */
  	-ms-transform: rotate(45deg);  /* IE 9+ */
  	-o-transform: rotate(45deg);  /* Opera 10.5 */
  	transform: rotate(45deg);  /* Newer browsers (incl IE9) */
}

button#share:focus {
	outline: none;
}

button#share:focus ~ .tooltip {
	display: block;
	opacity: 1;
}
button#share {
	outline: none;
}

button#share ~ .tooltip {
	display: block;
	opacity: 1;
}
.tooltip > a {
	font-size: 25px;
	padding: 0 5px;
}

.tooltip > a:hover {
	text-decoration: none;
	color: #009DDF;
}

/* -- valoracions -- */
.circular-chart {
  	display: block;
}

.circle-bg {
    fill: none;
    stroke: grey;
    stroke-width: 2px;
}

.circle {
  	stroke: #000;
    fill: none;
    stroke-linecap: round;
    stroke-width: 2px;
    animation: progress 1s ease-out forwards;
}

 
@keyframes progress {
  0% {
	 
    stroke-dasharray: 0 100;
	 
  }

}
.percentage {
  	fill: #0FB158;
  	font-family: sans-serif;
  	text-anchor: middle;
	font-size: 13px;
    font-weight: bold;
}

/* -- Register card -- */

.card-register {
	display: block;
	padding: 20px 0px;
	border: 1px solid #009DDF;	 
 	border-radius: 19px;
 	max-width: 360px; 
    margin-top: 20px;			   
}

.card-register .element {
	min-width: auto;
}

.card-register img {
	margin: auto;
    display: block;	
}

.card-register .register {
    margin-bottom: 14px;
}

.register-text {
	line-height: 32px;
	text-align: center;
	padding: 25px;
	font-size: 24px; 
}

.register {
	text-align: center;
}

.register-button {
    height: 50px;
	margin-bottom: 12px;
	padding: 0;
	font-size: 18px;
}
a.register-button {
	padding: 15px 25px 13px;
    border-radius: 20px;
}
/* --- */

/* -- */

/* NEWS */
.news .element-title {
	font-size: 21px;
	line-height: 26px;
}

.news #central .element-title {
	font-size: 32px;
	line-height: 41px;
}

.news .links-wrapper {
	border: none;
	margin-bottom: 10px;
}

.element-wrapper .fa-arrow-right {
	margin-left: 10px;
}
/* --- */


/* PROGRAMES */

/* --- Banner --- */
.banner-programs .carousel  {
	margin-bottom: 0;
	max-height: 450px;
	max-width: 1440px;
	
}
.banner-programs .carousel .container > .container, .carousel.banner .container > .container, 
.carousel.banner {
	max-height: 450px;
	max-width: 1440px;
}
.carousel.banner, .banner-programs .carousel {
	margin-left: auto;
	margin-right: auto;
}


/**/

	

/* --- Under Banner --- */
.under-banner {
	background-color: #EFF1F3;
	padding: 20px 0;
	margin-bottom: 50px;
}

.under-banner .row {
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
}

.info-block {
	font-size: 14px;
	margin-bottom: 20px;
	padding: 0;
}

.under-banner .card-actions {
	justify-content: flex-end;
}

.under-banner .card-actions > p:not(:last-of-type) {
	margin-right: 30px;
	margin-left: 5px;
}

.under-banner .tooltip {
	right: auto;
}

.under-banner .tooltip:after {
	left: -6%;
}
/**/

/* -- Programs summary -- */
.block {
	margin-bottom: 90px;
}

.tabs-selector {
	display: flex;	
	width: auto;		
	text-align: center;
	font-size: 1.5em;
	line-height: 32px;
	font-weight: bold;
	margin: 0 auto;
	padding: 0 20px;
}
.tabs-evidencias .tabs-selector{	
	width: 90%;		
}
.challenge-programs .tabs-selector {
	border-bottom: 1px solid #cfd8dc;
	width: 1140px;
}
.selector {
	max-width: 200px;
	display: flex;
    flex-direction: column;
    cursor: pointer;
}

.number > p {
	padding: 25px 35px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #ffffff;
	opacity: 0.25;
}

.selector .text {
	display: flex;
    padding: 10px 0 15px;
    margin: 0 5px;
    border-bottom: 5px solid #ffffff;
    opacity: 0.25;
    flex: 1 1 auto;
}

.selector.selected  {
	display: flex;
}

.selector.selected .number > p {
	border: 1px solid #009ddf;
	opacity: 1;
}

.pagegreen .selector.selected .number > p{
	border: 1px solid #0fb158;
}

.pagered .selector.selected .number > p{
	border: 1px solid #d33f48;
}

.pageyellow .selector.selected .number > p{
	border: 1px solid #f0940e;
}

.pagepurple .selector.selected .number > p{
	border: 1px solid #7B2FA1;
}

.selector.selected .text {
	/*border-bottom: 5px solid #009ddf;*/
	opacity: 1;
}

.pagegreen .selector.selected .text {
	border-bottom: 5px solid #0fb158;
}

.pagered .selector.selected .text {
	border-bottom: 5px solid #d33f48;
}

.pageyellow .selector.selected .text {
	border-bottom: 5px solid #f0940e;
}

.pagepurple .selector.selected .text {
	border-bottom: 5px solid #7B2FA1;
}

.tabs-selector .line {
	width: 164px;
				
    height: 2px;
    border: 1px solid #8ED1ED;
    margin-top: 45px;
}

.pagegreen .tabs-selector .line {
    border: 1px solid #0fb158;
}

.pagered .tabs-selector .line {
    border: 1px solid #d33f48;
}

.pageyellow .tabs-selector .line {
    border: 1px solid #f0940e;
}

.pagepurple .tabs-selector .line {
    border: 1px solid #7B2FA1;
}

.summary-description {
    font-size: 21px;
    line-height: 1.5;
}

.summary-description .slick-prev {
	left: 15px;
}

.summary-description .slick-next {
	right: 15px;
}

.summary-description .slick-prev:before, .slick-next:before {
	color: #009DDF;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 28px;
}

.summary-description .slick-prev:before {
	content: "\f053";	
}

.summary-description .slick-next:before {
	content: "\f054";
}

.program-summary-description {
	font-size: 1rem;
}

.summary-description ul {
	line-height: 27px;
}

.summary-description .slick-slide {
	margin: 0 5px;
}

.summary-description .card-button {
	width: 180px;
	height: 50px;
	align-items: center;
    justify-content: center;
    display: flex;
    font-size: 18px;
    line-height: 23px;
}

/**/

/* -- Apunta't -- */
.not-cards .card-register, .not-cards .register-description {
	display: flex;
	padding: 15px 40px;
}

.not-cards .register-description {
	align-items: center;
	padding: 0;
}

.register-description{
	margin: auto;
}

.link-captacion{
	cursor: pointer;
}

.not-cards .card-register > div, .not-cards .register-description > div {
	margin: auto;
}

.not-cards .register-text {
	font-size: 24px;
	text-align: left;
	max-width: 520px;
}

.not-cards .register-button {
	width: auto;
	height: auto;
	padding: 15px 30px;
	line-height: 23px;
}
/**/

/* VALORATIONS */
.valorations .block-blue-border {
    padding: 50px 60px;
}

.block > .col-md-10, .block > .col-lg-10, .full-block > .col-lg-10 {
	margin: auto;
}

.programs-informat div .title-informat {
	margin-bottom: 10px;
    font-size: 1.75rem;
}

.valorations .col-md-6:first-of-type {
	border-right: 1px solid #009DDF;
	align-items: center;
}

.valoration {
	text-align: center;
	margin: auto;
}

.pre-title-open-modal {
	font-weight: bold;
}

.pre-text-open-modal, .pre-text-open-modal > span {
	color: #9B9B9B;
}

.pre-text-open-modal > span {
	text-decoration: underline;
}

.stats {
	width: 130px;
	height: 140px;
	margin: auto;
}

button.valor {
	border: 1px solid #009DDF;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 400;	
    line-height: 23px;	
    text-align: center;
    padding: 12px 35px;
    margin-top: 25px;
}

.comments {
	padding-left: 90px;
	font-size: 14px;
}


.comment {
	margin-bottom: 20px;
}

.comments .open-modal {
	font-size: 16px;
}

.date {
	color: #9B9B9B;
}

.name {
	font-weight: bold;
}
/**/


/* Centre*/
.box-img {
    height:auto;
    background-color:#EFF1F3 ;
    position: absolute;
    padding: 45px;
    width: 450px;
    left:60%;
    margin-top:80px;
}
	
.center-info p {
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    left: -40px; 
}

.center-title {
    font-size: 24px;
    text-align: left;
}

.act-title {
    font-size: 36px;
    text-align: center;
    margin-top: 3%;
    margin-bottom: 2%;
}

.box-img-title {
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: 900;
}

.box-img-pre {
    color: #009DDF;
}

.box-img hr {
    width: 80%;
}

.c-link {
    color: #009DDF;
    text-decoration: underline;
}

.m-link {
    color: #9B9B9B;
    text-decoration: underline;
}

.circle {
    stroke: #000;
}

.percentage {
    fill: #000;
}
	
/**/

/* Activitat 1*/
.value {
    background-color: #EFF1F3;
    border-radius: 15px;
    text-align: center;
    padding: 15px;
}

.three p3 {
	height: 224px;
	color: #000000;
	font-size: 138px;
	font-weight: 300;
	line-height: 28px;
	text-align: justify;
}

titol {
	height: 18px;
	color: #0FB158;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	margin-top: 25px
}

.row p3 {
	height: 36px;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	margin-top: 25px
}

.green-line {
	box-sizing: border-box;
	height: 1px;
	width: 75%;
	border: 1px solid #0FB158;
}

.first {
    position: relative;
}

element.style {
    height: 650px;
}

.pdf {
    margin-bottom: 2em;
    text-decoration: underline;
}

.material h3 {
	height: auto;
	color: #000000;
	font-size: 24px;
	font-weight: 300;
	line-height: 30px;
	margin-top: 35px;
}

.material p {
	height: auto;
	color: #000000;
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
    margin-bottom: 20px;
}

.material .pdf {
	height: 23px;
	color: #0FB158;
	font-size: 18px;
	font-weight: 300;
	line-height: 23px;
    margin-top: 10px;
}

.color-caixa-green, .formacion .filter-container > ul li a {
	color: #0FB158;
}

.card-button-dark{
	background: #4A4A4A!important;
    border: 1px solid #4A4A4A!important;
}

.card-button-green {
	width: 123px;
    line-height: 35px;
    border: 1px solid #0FB158;
    border-radius: 15px;
}

.card-button-purple {
	text-align:center;
}

.card-button-cian {
	width: 123px;
    line-height: 35px;
    border: 1px solid #02B6BC;
    border-radius: 15px;
    text-align:center;
}

.block-green-border {
    width: 100%;
    padding: 50px 90px;
    border-radius: 15px;
    border: 1px solid #0FB158;
}

.background-caixa-green {
	background-color: #0FB158;
	border: 1px solid #0FB158;
}

.profile {
    position: absolute;
    margin-top: 25%;
   	border-radius: 50%;
}

.square .card-actions {
    float: right;
}

.square {
    background-color: #EFF1F3;
    width: 460px;
    height: auto;
    padding: 30px;
    margin-top: 50px;
    position: absolute;
    right: 13%;
}

.square p0 {
	height: 20px;
	color: #0FB158;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px;
}

.square h1 {
    height: auto;
    color: #000000;
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
}

.square h2 {
	height: 60px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.square p1 {
    height: 120px;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.square hr {
	box-sizing: border-box;
	height: 1px;
	width: 100%;
	border: 1px solid #000000;
}

.box {
    border-style: solid;
    border-width: 1px;
    border-radius: 25px;
    color: green;
    padding: 10px;
    text-align: center;
    width: 60%
}

.green-line hr {
	box-sizing: border-box;
	height: 1px;
	width: 80%;
	border: 1px solid #0FB158;
}

button.valor-g {
	border: 1px solid #0FB158;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 400;	
    line-height: 23px;	
    text-align: center;
    padding: 12px 35px;
    margin-top: 25px;
}

.valorations-g .col-md-6:first-of-type {
	border-right: 1px solid #0FB158;
	align-items: center;
}

.register-card-tab {
    border: 1px solid #009DDF;	 
 	border-radius: 19px; 
    text-align: left;
    display: none;
}

.register-text-tab {
    line-height: 32px;
	text-align: left;
	padding: 5px;
	font-size: 16px; 
}

.register-text-tab .register-button {
	text-align: center;
	padding: 0px;
	font-size: 16px;
	width: 40%;
	margin-left: 5%;
}

.register-icon {
	padding: 15px;
	margin: 0 auto;
	width: 100%;
}

.evidencias-tab .register-icon {
    margin-left: 25%;
    margin-right: 25%;
}

.evidencias-tab .slick-slide .register a.register-button {
    width: 123px;
    line-height: 35px;
    border: 1px solid #009DDF;
    text-align: center;
    padding: 15px 25px 13px;
    border-radius: 20px;
    color: #ffffff;
}

.evidencias-tab .slick-slide .register a.link-captacion {
    color: inherit;
}

/* */

/*Actualidad Arn*/

.actualit-text-title{
        color: #009DDF;
        font-size: 28px;
        font-weight: 300;
        line-height: 28px;
        margin-top: 60px;
        margin-bottom:20px;
    }

    .actualit-text-desc{
        color: #000000;
        font-size: 18px;
        font-weight: 300;
        line-height: 28px;
    }

    .box-actualit-name{
        color: #9B9B9B;
        font-size: 16px;
        font-style: italic;
        font-weight: 300;
        line-height: 20px;    
    }

    .box-actualit-tipe{
        color: #009DDF;
        font-size: 16px;
        font-style: italic;
        font-weight: 300;
        line-height: 20px; 
    }

    .box-actualit-title{
        color: #000000;
        font-size: 28px;
        font-weight: 900;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .box-actualit-subtitle{
        color: #000000;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .box-actualit-tags{
        color: #000000;
        font-size: 14px;
        font-weight: 900;
        line-height: 18px;
        text-decoration: underline;
    }				 
	.box-img-pre{
		color: #4176DB;
		font-size: 16px;
		line-height: 20px;
	}
.btn-primary.btn-default.redirect-btn{
	margin-left:240px;
}

.box-img-pre-c{
	color: #009DDF;
	font-size: 16px;
	line-height: 20px;
}	
							  
.box-img-title{
    color: black;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
}

.box-img-description{
    font-size: 16px;
    line-height: 24px;
}

.box-img-cate{
    font-size: 14px;
    line-height: 18px;
    text-decoration: underline;
    padding: 10px 0px;
}

.box-img-price{
    font-weight: bold;
    line-height: 20px;
    font-size: 16px;
}

.box-img-more{
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-decoration: underline;
    padding: 10px 0px;
}

.box-img-button{
    width: auto;
    line-height: 35px;
    border: 1px solid #4176DB;
    border-radius: 15px;
    color: #4176DB;
    background-color: transparent;
}

.info-view titol{
    color: #4176DB;
}
.info-number{
    color: #4176DB;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    margin-top: 3%;

}

.info-title-2{
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 2%;
}

.student-list{
    list-style-type: circle;
    
}

.student-list li{
    font-size: 16px;
    font-weight: 300;
}

.student-info{
    color: #000000;	
    font-size: 24px;	
    font-weight: 500;	
}

.line-11 {
	box-sizing: border-box;
	height: 1px;
	width: 100%;
	border: 1px solid #4176DB;
}

.cards-title{
    margin: 15px;
    font-size:36px;
    line-height: 42px;
}

.video-info{
    color: #009ddf;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
}

.video-info-text{
    color: black;
    font-size: 32px;
    line-height: 42px;
    margin-top: 15px;
}

.center-info-img:nth-of-type(2) {
    margin-top: 30px;
}

.cards-link-form{
    color:black;
    font-size:16px;
}
    
.element-body{
    color:black;
}

.card-button-purple{
    width: 123px;
    line-height: 35px;
    border: 1px solid #7b2fa1;
    border-radius: 15px;
}

.card-button-yellow{
    width: 123px;
    line-height: 35px;
    border: 1px solid #f0940e;
    border-radius: 15px;
    text-align:center;
}

.tags a, .box-img-categ-rec a{
    color:slategray;
    font-size:12px;
    text-decoration:underline;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
}

.tags a:last-child:after, .box-img-categ-rec a:last-child:after{
    content: "";
}

.container.vertical.cont-first-rec {
    display: inline-block;
    margin-top: 15px;
}

/*MODAL I DEMAS RECURSOS*/
.cont-first-rec {
    display: inline-block;
    margin-top: 15px;
}

.modal-resource {
  display: none; 
  position: fixed; 
  z-index: 100; 
/*   padding-top: 100px;  */
  left: 0;
  top: 0;
  bottom:0;
  width: 100%; 
  height: 100%;
/*   overflow: auto; */
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-content-resource {
  background-color: white;
  margin: auto;
  padding: 20px;
  border: 0px solid white;
  width: 50%;
  border-radius:15px;
  overflow:initial;
  min-height:110px;
				   
}

.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: 100;
  background-color:deepskyblue;
  border-radius:15px;
  margin-left:100% !important;
  margin-top:1%;
  margin-bottom:15px;
  opacity:1;
}

.close:hover,
.close:focus {
  color: #aaa;
  text-decoration: none;
  cursor: pointer;
}

.cont-first-rec {
    display: block;
    margin-top: 15px;
}

.play-video-image{
    position: absolute;
    width: 100px;
    top: 12%;
    left: 45%;
}

.box-img-categ-rec a {
    color: black;
}

.box-img-categ-rec a::after {
    content: ", ";
}

.compet-rec-sub.accordion{
    cursor: pointer;
    padding: 0;
    transition: 0.4s;
    list-style-type: none;
    min-width: 550px;
    margin-top: 25px;
    list-style: none;
}

li.compet-rec-sub.accordion:after {
    min-width: 550px;
    content: "+";
    margin-left: 50%;
}

.open-img-info{
    position: absolute;
    left: 45%;
    height: 100px;
    top: 5%;
}

.audio-controller{
    width: 50%;
    margin-bottom: 190px;
    margin-top: 190px;
}
/**/

.tags a::after{
    content: ",";
}

.tags:nth-child(-n+4){
    display:block;
}
    

.center-info-img:nth-of-type(3) {
    margin-top: 30px;
}

.main-text-title{
    font-size: 18px;
    color: #F0940E;
    margin-top: 5%;

}

.line-11 {
	box-sizing: border-box;
	height: 1px;
	width: 80%;
	border: 1px solid #F0940E;
}

.eur {
    display: inline-block;
    background-size: 8px;
    background-image:url(/o/educaixa-theme/images/euro-white.png);
    width: 10px;
    height: 10px;
}

.shield{
    background-image: url(/o/educaixa-theme/images/shield-white.png);
    display: inline-block;
    background-size: 10px;
    width: 10px;
    height: 10px;
					   
}

span.icon-empty.eur {
    background-image: url(/o/educaixa-theme/images/euro.PNG);
    /* background-size: cover; */
    background-size: 20px;
    padding-left: 14px;
}

span.icon-empty.shield {
    background-image: url(/o/educaixa-theme/images/shield.PNG);
    background-size: cover;
    background-size: 18px;
    padding-left: 14px;
}

.box-img-pre-o {
    color: #F0940E;
    font-size: 16px;
    line-height: 20px;
}

.orange-title {
    height: 18px;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin-top: 25px;
}


.icon-information{
    background-image: url(/o/educaixa-theme/images/info.PNG);
    width: 18px;
    height: 18px;
    margin-bottom: -3px;
    margin-left: 3px;
    display: inline-block;
    background-size: cover;
}
/**/						   
/* Credits */
.credit .credit-content img {
	width: 132px;
	height: 132px;
	max-width: none;
}

.credit .colaborators img {
	height: 33px;
    width: auto;
}

.col-md-2.image {
	padding: 0;
}

.credit-content {
	font-size: 20px;
	line-height: 24px;
}

.credit .name p {
	margin-bottom: 10px;
}

.author-info .description {
	font-size: 16px;
}

.credit-content .name {
	font-weight: 300;
}

.credit-content .col-md-4 {
	padding-right: 0;
}

.logos {
	display: inline-block;
}

/**/

/*RECURSOS*/

.container.vertical.info-view{
	margin-top:25px;
}

.container.vertical.info-content{
	margin-top:3%;	
}

.obj-rec-title{
	color: #7B2FA1;
	margin-top: 15px;
    margin-bottom: 20px;
}

#myBtn{
	border-radius:10px;
	background-color: transparent;						   
}
.objectives-info{
	margin-top:3%;
}

.resource-lis span {
    color: #7B2FA1;
}
.resource-lis span:first-of-type {
    font-weight: bold;
    text-decoration: underline;
}

.box-img-pre-rec{
	color: #7B2FA1;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
} 

.box-img-title-rec{
    font-weight: 900;
    font-size: 28px;
    line-height: 32px;
}

.box-img-desc-rec{
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
}

.box-img-categ-rec{
    text-decoration: underline;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.purple-title{
    color: #7B2FA1;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.container.vertical.image-view {
    min-height: 420px;
}

.info-block .description{
	padding-right:15px;
}
.description-text-rec{
    font-size: 18px;	
    font-weight: 300;	
    line-height: 28px;
}

h2.training-title{
	font-size:24px;
}

p.training-type{
	color:#0fb158;
}
.link-rec{
    color: #7B2FA1;
    font-size: 21px;
    line-height: 32px;
    margin-bottom:5%;
}

.info-number{
    color: #7B2FA1;
}

.compet-rec{
    font-size: 24px;	
    font-weight: 300;	
    line-height: 30px;
    color: #7B2FA1;
    margin-bottom: 5%;
    margin-top: 10% ;
    margin-left:1px;
}

.compet-rec-sub{
    font-size: 21px;
    font-weight: 300;
    line-height: 27px;
}

.title-rec{
    font-size: 36px;	
    font-weight: bold;	
    line-height: 42px;
    margin-bottom: 25px;
    margin-top: 50px;
    color:#7b2fa1;
}

.cont-first-rec ul {
    margin-left: 1px;
}

.desc-rec{
    font-size: 18px;	
    font-weight: 300;	
    line-height: 28px;
    margin-bottom: 30px;
}

.recursos-info{
    font-size: 18px;	
    font-weight: 300;	
    line-height: 28px;
    margin-top: 10%;
    margin-bottom: 10%;
}

.line-12{
    box-sizing: border-box;
    height: 1px;
    width: 100%;
    border: 1px solid #7B2FA1;
}

.obj-rec-title{
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
}

.float-sign{
    float: right;
}

.block-purple-border{
    width: 100%;
    padding: 50px 90px;
    border-radius: 15px;
    border: 1px solid #7B2FA1;
}

.valorations-p .col-md-6:first-of-type {
    border-right: 1px solid #7B2fa1;
    align-items: center;
}

button.valor-p{
    border: 1px solid #7B2FA1;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    text-align: center;
    padding: 12px 35px;
    margin-top: 25px;
}

.comments-p {
	padding-left: 90px;
	font-size: 14px;
}

.background-caixa-purple{
	background-color:#7B2FA1;	
}

.color-caixa-purple, .recursos .filter-container > ul li a {
    color: #7B2FA1;
}

.color-caixa-yellow, .recursos-evidencias .filter-container > ul li a, .wrapper-filters.noticias-evidencias ul li a{
    color: #f0940e;
}

.card-button-purple{
	width: 123px;
    line-height: 35px;
    border: 1px solid #7B2FA1;
    border-radius: 15px;
}					 
/**/
.main-text{
    text-align: justify;
}

/* INFORMAT */
.programs-informat p, 
.programs-informat div, 
.programs-informat li {
    font-family: "Circular Std Medium";
    font-size: 1rem;
}

.programs-informat .banner-programs, .programs-aula .banner-programs, .challenge-programs .banner-programs {
	margin-bottom: 40px;
	max-height: 450px;
}

.programs-informat .carousel .text, .programs-aula .carousel .text, 
.challenge-programs .carousel .text {
	max-width: 554px;
	top: auto;
	bottom: 50px;
}

.programs-informat .carousel .text .title, .programs-aula .carousel .text .title, 
.challenge-programs .carousel .text .title {
	font-size: 3em;
}
.programs-informat .carousel .text .title {
	width: 110%;
}

.programs-informat .banner-video-button-wrapper, .programs-aula .banner-video-button-wrapper {
	bottom: 50px;
}

.programs-informat .block, .programs-aula .block {
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 50px;
}

.programs-aula .col-lg-11.block {
	display: flex;
	flex-direction: row-reverse;
}
.programs-aula .block.col-lg-8 {
	margin-left: 0;
	margin-bottom: 0;
}
.programs-aula .block.col-lg-3 {
	margin-right: 0;
	margin-bottom: 0;
}
.col-lg-10 .col-lg-10 {
	padding: 0;
}

.block .col-md-8, .programs-informat .block .col-md-10 {
	padding: 0;
}

@media(max-width: 430px) {
    .programs-informat .block, .programs-aula .block {
        padding-left: 0px;
        padding-right: 0px;
    }

    .programs-informat .container {
        padding-left: 0px;
        padding-right: 0px;
    }
}


.title-informat {
    line-height: 25px;
	margin-bottom: 10px;
}

.description-informat {
	font-size: 1rem;	
	line-height: 1.5;
}

.access-informat {
	display: flex;
}


.programs-informat .element-description, .programs-aula .element-description {
	margin-bottom: 35px;
	font-size: 1rem;
}

.block .time-description {
	font-size: 18px;
	width: 100%;
} 

.programs-aula .time-description .cards.element {
	min-width: auto;
	margin-bottom: 40px;
}
.programs-aula .time-description .flex > .cards.element:first-of-type {
	margin-left: 10px;
}
.goals {
	margin-bottom: 35px;
}

.goal-element {
	display: flex;
	margin-bottom: 20px;
	padding-left: 0;
}

.goal-element .number p {
	padding: 0 15px 0 0;
	opacity: 1;
}

.goal-element .text {
	font-size: 18px;
	padding-top: 4px;
}

.goal-element .number {
	font-size: 24px;
}

.access-informat > div {
	border: 1px solid #009DDF;	
	border-radius: 20px;
	padding: 10px 30px;
}

.competences {
	margin-bottom: 40px;
    margin-left: 35px;
	font-size: 19px;
}

.competence .title {
    width: 455px;
    justify-content: space-between;
    padding: 5px 10px 10px 0; 
}

.competence .content{
	margin-bottom: 20px;
	font-size: 16px;
}
.access-informat > p {
	padding: 11px;
}

/* TABS PROGRAMS */
.programs-aula .tabs-selector, .programs-informat .tabs-selector {
																						  
	font-size: 18px;
	text-align: left;
	margin: 0;
	width: 100%;
	line-height: 20px;
	padding: 0;
}

.banner-programs .container .block-blue-border.slick-slider {
    border: none;
}

.banner-programs .selector.selected, .programs-informat .selector.selected,
.programs-aula .selector.selected, .programs-informat .selector.selected {
	color: #009DDF;
	border-bottom: 5px solid #009DDF;
}

.programs-aula .selector, .programs-informat .selector {
	color: #9B9B9B;
	margin: auto;
	max-width: 360px;
	font-weight: 300;
	padding-bottom: 10px;
	border-bottom: 5px solid #ffffff;
}

.programs-aula .selector:first-of-type, .programs-informat .selector:first-of-type {
	margin-left: 0;
}

.programs-aula .selector .length, .programs-informat .selector .length {
	font-size: 16px;
}

.programs-aula .selector.selected .length, .programs-informat .selector.selected .length {
	color: #000000;
}

.programs-informat .description-wrapper {
	padding-top: 20px;
}
/**/

/* PROGRAMAS AULA */
.programs-aula #slick_slider {						  
	background-color: #EFF1F3;	
}
.programs-aula .block#before_tabs {
	margin-bottom: 0;
}
.programs-aula #slick_slider .col-md-10 {
	margin: 0 auto;
}
.programs-aula .description-wrapper {
	padding-top: 35px;			   
	padding-bottom: 35px;
}
.programs-aula .slick-slide button, .programs-aula .blocks-summary button.link {
	margin: 0 0 0;
	font-size: 18px;
    border-radius: 23px;
    padding: 10px 24px;
}
.programs-aula .cards.element {
	max-width: 350px;
	margin: 0 10px;
}

.programs-aula .flex > .cards.element:first-of-type {
	margin-left: 0;
}
.programs-aula .flex > .cards.element:last-of-type {	 
	margin-right: 0;
}
.programs-aula .related-content .card-share {
	margin-bottom: 0;
}
.programs-aula .cards.element .element-title {
	font-size: 21px;
}
.programs-aula .cards.element p.element-body {
	font-weight: bold;
	margin-bottom: 15px;
}
.programs-aula .related-content .cards.element p.element-body {
	font-weight: normal;
}
.programs-aula .cards.element span.element-body {
	font-size: 14px;
}
.programs-aula .col-lg-9 {
	font-size: 1rem;
	padding: 0;
	margin-bottom: 15px;
}
.programs-aula .card-actions {
	font-size: 14px;
}
.programs-aula .card-actions {
	margin-bottom: 0;
}
.programs-aula .related-content #share {
	margin-right: 0;
}
.programs-aula .blocks-summary .card-button {
	width: auto;
	padding: 10px 24px;
	border-radius: 25px;
	line-height: 16px;
}
.programs-aula .related-content .card-button {
	padding: 0 15px;
}
.programs-aula .blocks-summary .flex > .col-lg-8 {
	font-size: 24px;
	padding-right: 0;
	line-height: 26px;
}
.programs-aula .blocks-summary .flex > .col-lg-4 {
	justify-content: center;
}
.programs-aula .blocks-summary .col-lg-11 {
	margin: auto;
}
.programs-aula .blocks-summary .col-lg-11 > .flex {
	align-items: center;	
}
.programs-aula .related-content {
	margin-top: 30px;
}
.programs-aula .full-block-title {
	border-bottom: 2px solid #EFF1F3;
	justify-content: space-between;
	margin-bottom: 0;
}
.programs-aula .active .full-block-title-content > #num_block {
	color: #009ddf;
}
.programs-aula .active .full-block-title-content > #title {
	color: #000000;
}
.programs-aula .full-block > div:not(.col-lg-10), .programs-aula .full-block > div .description-informat,
.programs-aula .full-block > div .card-actions {
	display: none;
}
.programs-aula .full-block .col-lg-10.col-lg-12-custom {
    flex: auto;
    max-width: none;
}
.programs-aula .full-block.active + .full-block:not(.active) .full-block-title, .programs-aula .full-block:not(.active):first-of-type .full-block-title  {
	border-top: 2px solid #EFF1F3;
}
.programs-aula .active.full-block > div, .programs-aula .active.full-block > div .description-informat {
	display: block;
}
.programs-aula .active.full-block > .related-content, .programs-aula .active.full-block > div .card-actions {
	display: flex;
}
.programs-aula .active .full-block-title {
	border-top: none;
	margin-bottom: 30px;
}
.programs-aula .full-block-title-content {
	padding: 20px 0;
}
.programs-aula .active .full-block-title-content {
	padding: 20px 0;
}
.programs-aula .full-block-title-content #title {
	font-size: 1.75rem;
    font-weight: bold;
}
.programs-aula .full-block-title-content #num_block {
	font-size: 1rem;
}
.programs-aula .full-block.active {
	margin-bottom: 40px;
}
.fa.flex {
	margin-bottom: 0;
	display: flex;
	font-size: 14px;
}

.programs-aula .full-block-title .fa-plus:before, 
.programs-aula .full-block-title .fa-minus:before {
    color: #009DDF;
}

.fa-plus:before, .fa-minus:before {
    margin-top: 75px;
    margin-bottom: auto;
    color: #9B9B9B;
}
.active .fa.fa-minus, .fa.fa-plus {
	display: flex;
}
.active .fa-plus, .fa.fa-minus {
	display: none;
}
.programs-aula .level {
	font-size: 1rem;
	color: #9B9B9B;
	border: 1px solid #979797;	
	border-radius: 15px;
	min-width: 180px;
	text-align: center;
	padding: 10px 20px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: inline-block;
}
.programs-aula .level:hover, .programs-aula .level.active_level {
	background-color: #009DDF;
	border: 1px solid #009DDF;	
	color: #ffffff;
}
.programs-aula .level:hover p, .programs-aula .level.active_level p {
	color: #ffffff;
}
.level_body {
	display: none;
}
.level_body.active_level {
	display: block;
}
.side_block {
	padding: 30px;
	text-align: center;
}
.side_block p, .side_block img {
	margin-bottom: 1rem;
}
.side_block p:last-of-type {
	margin: 0;
}
.side_line {
	border: 3px solid #009ED8;
    width: 45px;
    margin: auto;
    margin-bottom: 1rem;
    border-radius: 5px;
}
.programs-aula .slick-slide .cards.element .element-img a {
    line-height: 50px;
    border: none;
    font-size: 14px;
}
.programs-aula .slick-slide .card-actions button {
	margin: 0;
}
.programs-aula .slick-slide .cards.element .element-text a {
	border: none;
    margin: 0;
    padding: 0;
}
.programs-aula .slick-slide .cards.element .card-share > a {
	line-height: inherit;
    padding: 8px;
    border-color: inherit;
    background-color: transparent;
}
.programs-aula .blocks-summary button#bookmark {
	background-image: url(../images/cards_home/bookmark_blue.png);
}
.programs-aula .blocks-summary button#share {
	background-image: url(../images/cards_home/share_blue.png);
	margin-right: 20px;
}
/**/

/* PROGRAMAS REPTE */
#curiosity.col-lg-10 {
	margin: auto;
	font-size: 21px;
}
.challenge-programs .block {
	margin-bottom: 0;
}
.challenge-programs .not-cards {
	flex: 1 1 auto;
}
.repte-layout-4 .block-blue-border.flex {
	padding: 32px 73px;
    text-align: right;
    font-size: 18px;
}
.repte-layout-4 .link.color-white.background-caixa-blue {
    padding: 10px 30px;
    font-size: 18px;
    margin: 0;
    vertical-align: inherit;
    width: 100%;
    display: block;
    border-radius: 20px;
    text-align: center;
}
.repte-layout-4 .container {
	margin-bottom: 60px;
	margin-top: 40px;
}
#curiosity .description {
	margin-bottom: 30px;
}
#curiosity ul {
	list-style: circle;
}
#curiosity .row {
	margin-bottom: 30px;
}
/* -- title block -- */
.title-block {
	max-width: 80%;
    margin: auto;
	text-align: center;	
}
.title-block h2, .title-curiosity h2 {
	font-size: 36px;
}
.title-curiosity h2 {
	width: 110%;
	margin-bottom: 1rem;
}
.countdown > div {
	font-size: 28px;
    justify-content: space-between;
    max-width: 65%;
    margin: auto;
}
.countdown {
	margin-bottom: 50px;
}
.countdown .numerical {
	line-height: 100px;
    font-size: 82px;
    text-align: center;
    font-weight: 900;
    color: #009ddf;
}
.countdown .not-numerical {
	max-width: 50%;
}
/* -- 2 columns -- */
.col-str-2 p {
	margin-bottom: 1em;
}
.col-str-2 .row {
	justify-content: space-evenly;
}
/* -- video -- */
.video, .video img {
	padding-top: 20px;
}
.video img {
	margin: auto;
    width: 950px;
    margin-bottom: 30px;
}
.video p {
	font-size: 21px;
    line-height: 27px;
    max-width: 65%;
    text-align: center;
    margin: auto;
}
/**/

/* BREADCRUMB */

.breadcrumb.breadcrumb-arrows{
	font-family: "Circular Std Medium";
	background-color: #fff;
	max-width: 1280px;
    margin: auto;
    margin-top: 10px;
    flex: 1 1 auto;
    padding: 0 25px;
    width: 100%;
}

.breadcrumb.breadcrumb-arrows ul, .breadcrumb.breadcrumb-arrows li {
    list-style: none;
    display: inline-block;
}

.breadcrumb.breadcrumb-arrows a{
    position: relative;
    text-decoration: underline;
}

.breadcrumb.breadcrumb-arrows .active{
    text-decoration: none;
}

.breadcrumb.breadcrumb-arrows a {
    color: #000;
}

.breadcrumb.breadcrumb-arrows li {
    margin-right: 5px;
    margin-left: 5px;
}

.breadcrumb.breadcrumb-arrows li.active {
    color: #009DDF;
    size: 14px;
}
/**/


/* FOOTER */
footer {
	margin: 60px 0 0;
}

footer .rrss-row {
	height: 249px;
	padding: 0 15px;
}

footer .rrss-row .vertical {
	height: inherit;
	justify-content: space-between;
}
footer .rrss-row .vertical > .row#logo {
	height: 35%;
}
footer .rrss-row .vertical > .row.es_ES#logo:before {
	content: url(/o/educaixa-theme/images/logo-FLC-es_ES.jpg);
	margin-left: -35px;
}

footer .rrss-row .vertical > .row.ca_ES#logo:before {
    content: url(/o/educaixa-theme/images/logo-FLC-ca_ES.jpg);
    margin-left: -35px;
}

footer .rrss-row .vertical > .row.ca_ES#logo:after {
    width: 208px;
    margin-left: -208px;
}

footer .rrss-row .vertical > .row#logo:after {
	background-image: url(/o/educaixa-theme/images/LogosEduCaixa+LC.PNG);
    margin-left: -217px;
    margin-top: 40px;
    width: 217px;
    background-size: 100%;
    display: flex;
    content: "";
    background-repeat: no-repeat;
}
    
footer .rrss-row .page-links, footer .rrss-row .page-links:hover {
	line-height: 20px;
	text-decoration: none;
	margin: 10px auto;
	padding: 0 1px;
}

footer .rrss-row .vertical > .row:last-of-type {
	padding-bottom: 20px;
}

footer .rrss-row .rrss-icon .fa:before {
	font-size: 20px;
}

footer .rrss-row .rrss-icon [class*="fa fa-"] {
	background-color: #333;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
}

footer .legal-row {
	height: 167px;
}

footer .legal-row .container {
	height: inherit;
}

footer .legal-row .container > .row {
	margin: 20px 0 0;
}

footer .legal-row .container > .row:last-of-type {
	margin-left: 20px;
    margin-right: 20px;
    text-align: center;	
}

footer .legal-row .page-legals, footer .legal-row #copyright, footer .legal-row .fa-copyright {
  
	font-size: 12px;
	line-height: 15px;
}

footer .legal-row .fa-copyright {
	padding: 1px 4px 0 0;
}

footer .legal-row .page-legals {
	padding: 0 25px;
	margin-bottom: 10px;
}

footer .legal-row .page-legals:not(:last-of-type) {
	border-right: 1px solid #ffffff;
}
/* -- */


/* -- IE --	*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		
	.not-cards .register-icon {
		display: flex;
		align-items: center;
	}
	
	/* NAVIGATION */
	.header-container {
		margin-left: 5%;
	}
	.header-container .col-md-7::before {
		right: 10px;
		top: 9px;
	}
	/**/
	
	/* CREDIT */
	.credit .flex.tablet-block {
		width: 100%;
	}
	/**/
	.aula-row{
		width:85%;
	}
	.modal :last-child.close{
		margin-right:0px;
		margin-bottom:0px;
	}	   
			   
}
/* -- */

/* -- FireFox -- */
 
@-moz-document url-prefix() {
	/* Banner */
	.slick-dots li button:before {
		position: relative;
		display: flex;
	}
	/**/
	/* statistics */
	.under-banner .card-actions > div {
		display: flex;
	}
	.under-banner .tooltip {
		margin-top: 40px;
	}
	/**/
}
	
/* -- */
.cards .container {
	max-width: 1150px;
 }									  

	  
	  
	  
	  
	   

/*JL*/
.select {
  display: inline-block;
  margin: 0 20px 20px 0;
  vertical-align: top;
}

.select .filter-title {
  padding: 0 20px 0 0;
  font-size: 16px;
  line-height: 20px;
  color: black;
}


select {
  width: 100%;
  margin: 10px 0 0 0;
  padding: 9px 30px 9px 16px;
  font-size: 16px;
  font-family: "CircularStd-Medium", Arial Bold, Helvetica Bold, sans-serif;
  color: #9b9b9b;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background: url("../images/arrow-down-grey.png") right 10px center no-repeat;
  background-size: 12px;
  border: 1px solid #9b9b9b;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

select.selected-option {
  color: #fff;
  background: url("../images/arrow-down-b.png") right 10px center no-repeat #009DDF;
  background-size: 12px;
  border-color: #009DDF;
}

select.selected-option option {
  background-color: #fff;
  color: #000;
}

select::-ms-expand {
  display: none;
}

.filter-tags {
  display: inline-block;
  margin: 0 0 10px 0;
}

.filter-tags ul {
  margin: 20px 0 0 0;
  padding: 0;
}

.filter-tags ul li {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.filter-tags ul li .filter-tag {
  display: block;
  padding: 9px 16px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 18px;
  color: #9b9b9b;
  text-transform: none;
  border: 1px solid #9b9b9b;
}

.filter-tags ul li .filter-tag:hover {
  color: #fff;
  background-color: #009DDF;
  border: 1px solid #009DDF;
}

.filter-tags ul li .filter-tag.active {
  color: #fff;
  background-color: #009DDF;
  border: 1px solid #009DDF;
}


.cards-link-form{
    color:black;
    font-size:16px;
}
    
.element-body{
    color:black;
}

.card-button-purple{
    width: 123px;
    line-height: 35px;
    border: 1px solid #7b2fa1;
    border-radius: 15px;
}

.tags a{
    color:slategray;
    font-size:12px;
    text-decoration:underline;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    
}

.tags a::after{
    content: ",";
}

.tags:nth-child(-n+4){
    display:block;
}

.cards .element-img img.element-img-type {
    width: 54px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cards .element-img:hover img {
    opacity: .7;
}

.cards .element-img img {
    transition: all 0.3s ease;
}

.cards .element-img {
    display: block;
    position: relative;
    font-size: 0;
    background-color: #009DDF;
}

.cards .element-img.recursos {
    background-color: #7B2FA1;
}

.element-img {
    border-radius: 0;
    margin-bottom: 10px;
}

.cards .element-img .corner-badge-l-t {
    top: 0;
}

.cards .element-img .corner-badge-l-t, .cards .element-img .corner-badge-r-t, .cards .element-img .corner-badge-r-b, .cards .element-img .corner-badge-l-b {
    position: absolute;
}

.cards .element-img .corner-badge-l-t .corner-badge-text {
    top: 10px;
    left: 10px;
}
.cards .element-img .corner-badge-l-t .corner-badge-text, .cards .element-img .corner-badge-r-t .corner-badge-text, .cards .element-img .corner-badge-r-b .corner-badge-text, .cards .element-img .corner-badge-l-b .corner-badge-text {
    font-size: 12px;
    line-height: 12px;
    z-index: 1;
    position: absolute;
    color:black;
}

.cards .element-img .corner-badge-l-t:after {
    content: '';
    border-top: 130px solid #eff1f3;
    border-right: 130px solid transparent;
    top: 0;
}

.cards .element-img .corner-badge-l-t:after, .cards .element-img .corner-badge-r-t:after, .cards .element-img .corner-badge-r-b:after, .cards .element-img .corner-badge-l-b:after {
    content: '';
    position: absolute;
}

.actualit-text-title{
    color: #009DDF;
    font-size: 28px;
    font-weight: 300;
    line-height: 28px;
    margin-top: 60px;
    margin-bottom:20px;
}

.actualit-text-desc{
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
}

.box-actualit-name{
    color: #9B9B9B;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 20px;    
}

.box-actualit-tipe{
    color: #009DDF;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 20px; 
}

.box-actualit-title{
    color: #000000;
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 30px;
}

.map-link{
  height: 20px;
  width: 74px;
  color: #9B9B9B;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.map-adress-link{
    display:inline;
}

.access-text{
    margin-top:25px;
}

.visit-link{
    color:#9B9B9B;
    text-decoration:none;
    margin-top:25px;
}

.audio-controller{
    width: 50%;
    margin-bottom: 190px;
    margin-top: 190px;
}

.marked {
	list-style: circle;
}

.un-marked{
	list-style: none;
}

.green-title{
	color: #0fb158;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.description-text{
    color:white;
    font-size:14px;
}

.container.vertical.cont-first-rec {
    display: inline-block;
    margin-top: 15px;
}

.box-actualit-subtitle{
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
}

.box-actualit-tags{
    color: #000000;
    font-size: 14px;
    font-weight: 900;
    line-height: 18px;
    text-decoration: underline;
}

.help-block.validation-required-checkbox {
    color: #dc3545;
}
/* .color-caixa-red, .actualidad .filtros-landing > ul li{ */
/*     color:#d33f48; */
/* } */

.filter-tags ul li .filter-tag.followed {
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 21px;
  line-height: 24px;
  color: #009DDF;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  text-decoration: underline;
}

.filter-tags ul li .filter-tag.followed:hover {
  background-color: transparent;
}

.filter-tags ul li .close-tag {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 20px 0 0;
  background: url("../images/close_white.png") center bottom no-repeat;
  background-size: 10px;
  text-indent: -99999px;
  vertical-align: top;
}

.wrapper-filters.recursos .filters-row .filter-tags ul li .filter-tag:hover, .wrapper-filters.recursos .filters-row .filter-tags ul li .filter-tag.active {
  color: #fff;
  background-color: #7B2FA1;
  border: 1px solid #7B2FA1;
}

.wrapper-filters .filters-actions {
  margin: -30px 0 0 0;
  padding: 0 0 20px 0;
  text-align: right;
}
.wrapper-filters .filters-actions:empty {
	margin: 0;
	padding: 0;
}
.wrapper-filters.recursos h4 {
    float: right;
    font-size: 14px;
}
.wrapper-filters .filters-actions .showTags {
  display: inline-block;
  padding: 0 20px 0 0;
  position: relative;
  cursor: pointer;
  color: #009DDF;
  font-size: 14px;
  line-height: 14px;
  font-weight: 300;
}

.wrapper-filters .filters-actions .showTags:after {
  display: block;
  width: 12px;
  height: 7px;
  content: '';
  background-image: url("../images/arrow-down-blue.png");
  background-size: 100%;
  background-repeat: no-repeat;
  
  right: 0;
  top: 50%;
							  
  transition: all 0.3s ease;
  margin-left: 10px;
  transform: rotate(0deg);
}

.wrapper-filters .filters-actions .showTags.open:after {
  top: 30%;
  transform: rotate(180deg);
}

.wrapper-filters.recursos .filters-actions .showTags {
  color: #7B2FA1;
}

.wrapper-filters .showTagsWrapper {
  display: none;
  padding: 20px 0 0 15px;
  border-top: 0px solid #d8d8d8;
}

.filter-datepicker-wrapper {
  display: inline-block;
  margin: 0 20px 20px 0;
  vertical-align: top;
}

.filter-datepicker-wrapper .filter-datepicker {
  display: inline-block;
  padding: 10px 10px 0 0;
  /* padding: 10px 20px 0 0; */
  position: relative;
  margin-right: 46px;
}


.filter-datepicker-wrapper .filter-datepicker .filter-title {
  display: inline-block;
  color: #9b9b9b;
  margin-right:15px;
  /*width: 80px;*/				
}

.filter-datepicker-wrapper .filter-datepicker input[type="text"] {
  margin: 0;
  padding: 9px 16px;
  font-family: "CircularStd-Medium", Arial Bold, Helvetica Bold, sans-serif;
  color: #9b9b9b;
}

.filter-datepicker-wrapper .filter-datepicker input[type="text"].hasDatepicker {
  width: 120px;
  font-size: 16px;
  border: 1px solid #9b9b9b;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

.card-button-green{
	text-align:center;
}

#ui-datepicker-div {
  display: none;
  padding: 30px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  border-radius: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  display: block;
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  border-radius: 100px;
  text-indent: -9999px;
  cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  float: left;
  background: url("../images/calendar-arrow-prev.png") center center no-repeat #eceff1;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  float: right;
  background: url("../images/calendar-arrow-next.png") center center no-repeat #eceff1;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:not(.ui-state-disabled) {
  background-color: #4176db;
  color: white;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover:not(.ui-state-disabled) {
  background-color: #009DDF;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:not(.ui-state-disabled) {
  background-color: #4176db;
  color: white;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover:not(.ui-state-disabled) {
  background-color: #009DDF;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-disabled {
	color: #DDD;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
}

#ui-datepicker-div table.ui-datepicker-calendar {
  margin: 20px 0 0 0;
}

#ui-datepicker-div table.ui-datepicker-calendar th {
  padding: 0 0 10px 0;
  font-weight: 400;
  text-align: center;
}

#ui-datepicker-div table.ui-datepicker-calendar th span {
  color: #9b9b9b;
}

#ui-datepicker-div table.ui-datepicker-calendar td {
  padding: 10px 16px;
  text-align: center;
}

#ui-datepicker-div table.ui-datepicker-calendar td a {
  color: #37474f;
}

.programas {
    color: #009DDF;
}

/**/
/*Filtres*/

.mod-filtros-landings__total.container.row {
    
    font-size: 28px;
    margin-left: 15px;
}



.wrapper-filters.recursos .showTags:after, 
.recursos .filter-container > ul li.init:after{
	background-image: url(/o/educaixa-theme/images/arrow-down-recursos.png);
	display: block;
    width: 12px;
    height: 7px;
    content: " ";
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
								
    transition: all 0.3s ease;
    float:right;
    margin-top:5px;
    margin-left:10px;
    transform: rotate(0deg);
    
}

.wrapper-filters.formacion .showTags:after, 
.formacion .filter-container > ul li.init:after{
	background-image: url(/o/educaixa-theme/images/arrow-down-formacion.png);
	display: block;
    width: 12px;
    height: 7px;
    content: " ";
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
								
    transition: all 0.3s ease;
    float:right;
    margin-top:5px;
    margin-left:10px;
    transform: rotate(0deg);
}

.wrapper-filters.programas .showTags:after, 
.programas .filter-container > ul li.init:after{
	background-image: url(/o/educaixa-theme/images/arrow-down-programas.png);
	display: block;
    width: 12px;
    height: 7px;
    content: " ";
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
								
    transition: all 0.3s ease;
    float:right;
    margin-top:5px;
    margin-left:10px;
    transform: rotate(0deg);
}

.wrapper-filters.actualidad .showTags:after, 
.actualidad .filter-container > ul li.init:after{
	background-image: url(/o/educaixa-theme/images/arrow-down-actualidades.png);
	display: block;
    width: 12px;
    height: 7px;
    content: " ";
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
								
    transition: all 0.3s ease;
    float:right;
    margin-top:5px;
    margin-left:10px;
    transform: rotate(0deg);
}

.wrapper-filters.actividades .showTags:after, 
.actividades .filter-container > ul li.init:after {
	background-image: url(/o/educaixa-theme/images/arrow-down-actividades.png);
	display: block;
    width: 12px;
    height: 7px;
    content: " ";
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
								
    transition: all 0.3s ease;
    float:right;
    margin-top:5px;
    margin-left:10px;
    transform: rotate(0deg);
}

.wrapper-filters.recursos-evidencias .showTags:after,
.noticias-evidencias .filter-container > ul li.init:after, 
.recursos-evidencias .filter-container > ul li.init:after {
	background-image: url(/o/educaixa-theme/images/arrow-down-evidencias.png);
	display: block;
    width: 12px;
    height: 7px;
    content: " ";
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 50%;
    transition: all 0.3s ease;
    float:right;
    margin-top:5px;
    margin-left: 0px;
    transform: rotate(0deg);
    
}

a.card-button.card-button-red.color-caixa-red.background-white:hover {
    color: #d33f48;
}

select.selected-option{
	color: #fff;
    background: url(/o/educaixa-theme/css/../images/arrow-down-white.png) right 10px center no-repeat #009DDF;
    background-size: 12px;
    border-color: #009DDF;
}

a.card-button-purple.color-caixa-purple.background-white:hover {
    color: #7B2FA1;
}

.recursos select.selected-option{
	color: #fff;
    background: url(/o/educaixa-theme/css/../images/arrow-down-white.png) right 10px center no-repeat #7B2FA1;
    background-size: 12px;
    border-color: #7B2FA1;
}

.noticias-evidencias select.selected-option{
	color: #fff;
    background: url(/o/educaixa-theme/css/../images/arrow-down-white.png) right 10px center no-repeat #f0940e;
    background-size: 12px;
    border-color: #f0940e;
}

.formacion select.selected-option{
	color: #fff;
    background: url(/o/educaixa-theme/css/../images/arrow-down-white.png) right 10px center no-repeat #0fb158;
    background-size: 12px;
    border-color: #0fb158;
}

.wrapper-filters h4{
	color:#000000;
}

iframe#myBtn {
    width: -webkit-fill-available;
}
/* .wrapper-filters.formacion h4{ */
/* 	color:#0fb158; */
/* } */

/* .wrapper-filters.recursos h4{ */
/* 	color:#7b2fa1; */
/* } */

button.delete-filter,
.user-profile-tabs .filters-row.clear .clear-filters {
    border: 0;
    background-color: transparent;
    color: gray;
    margin-bottom: 15px;
    text-align: end;
    margin-left: auto;
    margin-right: 20px;
    padding: 0 0 15px;
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
    outline: none;
}
.mod-filtros-landings button.delete-filter,
.user-profile-tabs .filters-row.clear .clear-filters {
	border-bottom: none;
	padding: 0;
    margin-bottom: 0px;
} 
.user-profile-tabs .filters-row.clear .clear-filters {
	margin-top: 10px;
}
.filters-row .filter-title {
	margin-top: 20px;
}
.wrapper-filters .showTags{
	font-size:14px;
/* 	text-align:right; */
/* 	float:right; */
	
}

.nav.navbar-nav li a:active {
    color: #009DDF;
}

p.info-block-card {
    display: none;
    background-color: #EFF1F3;
    text-align: center;
    padding: 10px;
    z-index: 17;
    border-radius: 10px;
    width: 260%;
    z-index: 1000;
    position: absolute;
    font-size: 10px;
    padding: 25px;
}

p.info-block-card-2 {
    display: none;
    background-color: #EFF1F3;
    text-align: center;
    padding: 10px;
    z-index: 17;
    border-radius: 10px;
    width: 260%;
    z-index: 1000;
    position: absolute;
    font-size: 10px;
    padding: 25px;
    margin-left: -100%;
}

p.valoration-type-icon.orange-title:hover + p.info-block-card, p.valoration-type-icon.orange-title:hover + p.info-block-card-2{
	display:block;
}

.valoration-type:hover p.info-block-card{
	display: block;	
}

p.icon-info-text:after {
    content: "test info";
    position: absolute;
    text-align: center;
    font-size: 16px;
    display: none;
}

span.ui-slider-handle {
    position: absolute;
    z-index: 0;
    width: 13px;
    height: 13px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    background-color: #F0940E;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    margin-left: -6px;
}

.ui-slider-range {
    position: absolute;
    margin-top: 4px;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 20px 0;
    /* top: 87px; */
    height: 5%;
    /* left: 0; */
    background-color: #F0940E;
}

.recursos-evidencias .filters-row .col:first-child{
	margin-left: 0px;
}
.recursos-evidencias .filters-row .col{
	margin-left: 40px;
}

.recursos-evidencias .filters-row .col .slieder.col{
	margin-left: 0px;
}

.slider-euro-evidencias, .slider-shield-evidencias {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 20px 0 -20px;
    background-color: #F0940E;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    vertical-align: middle;
    /* margin-top: 40px; */
}

.slider-background-evidencias{
	border: solid 1px #9b9b9b;
    width: 125%;
    margin-left: -15px;
    margin-bottom: -6px;	
}

.slider-euro-evidencias img, .slider-shield-evidencias img{
	width: 14px;
    margin: 0px 0 0 5px;
}

.amount-min {
	padding-right:85%;
}

.amount-min {
	padding-right:74%;
}

.amount-min, .amount-max {
	color: #F0940E;
}

.filter-datepicker-wrapper .filter-datepicker .ui-datepicker-trigger {
    width: 24px;
    margin: 0 0 0 14px;
    vertical-align: top;
    cursor: pointer;
    background-image: url(/o/educaixa-theme/css/../images/menu_icons/calendar.PNG);
    background-repeat: no-repeat;
    border: none;
    color:transparent;
    background-color: transparent;
    height: 25px;
    margin-top: 18px;
    outline: 0px !important;
    position: absolute;
    bottom: 10px;

}

.recursos-evidencias .showTags {
    display: none;
}

a.card-button-yellow.color-caixa-yellow.background-white:hover {
    color: #f0940e;
}

.wrapper-filters .showTags.open:after, 
.wrapper-filters .filter-container > ul li.init.open:after  {
  top: 30%;
  transform: rotate(180deg);
  margin-left:10px;
}


.wrapper-filters.actualidad {
    width: 100%;
}

a.show-more:after {
	background-image: url(/o/educaixa-theme/images/arrow-down.png);
	display: block;
    width: 13px;
    height: 15px;
    content: " ";
    background-size: 100%;
    background-repeat: no-repeat;
    float: right;
    margin-top: 5px;
    margin-left: 10px;
}

p.impact-time {
    color: #f0940e;
}

a.show-more.formacion:after {
    background-image: url(/o/educaixa-theme/images/arrow_next_02_formacion.png);
    transform:rotate(90deg);
}

a.show-more.actualidad:after {
    background-image: url(/o/educaixa-theme/images/arrow-next-06-actualidad.png);
    transform:rotate(90deg);
}

a.show-more.recursos:after {
    background-image: url(/o/educaixa-theme/images/arrow_next_05_recursos.png);
    transform:rotate(90deg);
}

a.show-more.evidencia:after{
	background-image: url(/o/educaixa-theme/images/arrow_next_01_evidencias.png);
    transform:rotate(90deg);
}

select.selected-option.orange {
  color: #fff;
  background: url("../images/arrow-down-white.png") right 10px center no-repeat #7b2fa1;
  background-size: 12px;
  border-color: #7b2fa1;
}

.formacion .filter-tags .filter-tag.active{
	color: #fff;
    background-color: #0fb158;
    border: 1px solid #0fb158;
}

.formacion .filter-tags .filter-tag:hover{
	color: #fff;
    background-color: #0fb158;
    border: 1px solid #0fb158;
}

.wrapper-filters.formacion {
    width: 100%;
}

.wrapper-filters.formacion .showTagsWrapper{
    display: flex;
    flex-direction: column;
}


.icon-off:before {
  content: "\f10c";
}

.wrapper-filters .filters-actions {
    margin: 15px 0 0 0;
}

.filter-container {
	display: flex;
    justify-content: flex-end;
}
.wrapper-filters .filter-container .showSorts {
	color: #000000;
	font-size: 14px;
    margin-left: 30px;
}
.filter-container > ul { 
    height: 30px;
    list-style: none;
    padding: 0;
    z-index: 1;
    width: 156px;
}
.evidencias-tab .filter-container > ul {
	margin-right: 2%;
}

.filter-container > ul li { 
	padding-left: 10px; 
	z-index: 2; 
	line-height: initial;
    font-size: 14px;
    background: #ffffff;
}
.filter-container > ul li:not(.init) a {
	width: 100%;	
	display: flex;
}
.filter-container > ul li:not(.init) { 
	float: left; 
	width: 156px; 
	display: none; 
	padding-top: 5px;
}
.filter-container > ul li:not(.init):hover, .filter-container > ul li.selected:not(.init) { 
/* 	background: #09f;  */
}
.filter-container > ul li.init:after {
	top: 30%;
    transform: rotate(180deg);
    margin-left: 10px;
		
}
.filter-container li.init { 
	cursor: pointer; 
}
.filter-container a#submit { 
	z-index: 1; 
	background: black;
}
/**/

/* BANNER */



/* /* Slider */ */
/* .slick-slider */
/* { */
/*     position: relative; */

/*     display: block; */
/*     box-sizing: border-box; */

/*     -webkit-user-select: none; */
/*        -moz-user-select: none; */
/*         -ms-user-select: none; */
/*             user-select: none; */

/*     -webkit-touch-callout: none; */
/*     -khtml-user-select: none; */
/*     -ms-touch-action: pan-y; */
/*         touch-action: pan-y; */
/*     -webkit-tap-highlight-color: transparent; */
/* } */

/* .slick-list */
/* { */
/*     position: relative; */

/*     display: block; */
/*     overflow: hidden; */

/*     margin: 0; */
/*     padding: 0; */
/* } */
/* .slick-list:focus */
/* { */
/*     outline: none; */
/* } */
/* .slick-list.dragging */
/* { */
/*     cursor: pointer; */
/*     cursor: hand; */
/* } */

/* .slick-slider .slick-track, */
/* .slick-slider .slick-list */
/* { */
/*     -webkit-transform: translate3d(0, 0, 0); */
/*        -moz-transform: translate3d(0, 0, 0); */
/*         -ms-transform: translate3d(0, 0, 0); */
/*          -o-transform: translate3d(0, 0, 0); */
/*             transform: translate3d(0, 0, 0); */
/* } */

/* .slick-track */
/* { */
/*     position: relative; */
/*     top: 0; */
/*     left: 0; */

/*     display: block; */
/*     margin-left: auto; */
/*     margin-right: auto; */
/* } */
/* .slick-track:before, */
/* .slick-track:after */
/* { */
/*     display: table; */

/*     content: ''; */
/* } */
/* .slick-track:after */
/* { */
/*     clear: both; */
/* } */
/* .slick-loading .slick-track */
/* { */
/*     visibility: hidden; */
/* } */

/* .slick-slide */
/* { */
/*     display: none; */
/*     float: left; */

/*     height: 100%; */
/*     min-height: 1px; */
/* } */
/* [dir='rtl'] .slick-slide */
/* { */
/*     float: right; */
/* } */
/* .slick-slide img */
/* { */
/*     display: block; */
/* } */
/* .slick-slide.slick-loading img */
/* { */
/*     display: none; */
/* } */
/* .slick-slide.dragging img */
/* { */
/*     pointer-events: none; */
/* } */
/* .slick-initialized .slick-slide */
/* { */
/*     display: block; */
/* } */
/* .slick-loading .slick-slide */
/* { */
/*     visibility: hidden; */
/* } */
/* .slick-vertical .slick-slide */
/* { */
/*     display: block; */

/*     height: auto; */

/*     border: 1px solid transparent; */
/* } */
/* .slick-arrow.slick-hidden { */
/*     display: none; */
/* } */

/*JL CARROUSEL*/
.carousel-landing .carousel {
  margin-bottom: 40px;
}

.carousel-landing .carousel .slide:before {
  display: block;
  width: 95vw;
  height: 450px;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 80%);
  background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  content: '';
  position: absolute;
}

.carousel-landing .carousel img {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 450px;
  min-height: 200px;
  object-fit: cover;
}

.carousel-landing .carousel .container {
  max-width: 1140px;
  margin: 0 auto;
}

.carousel-landing .carousel .container > .container {
  position: absolute;
  padding: 60px 15px 0 15px;
  top: 0;
  max-height: 450px;
  height: 100%;
}

.carousel-landing .carousel .container > .container .row {
  height: 100%;
}

.carousel-landing .carousel .container > .container .row .text {
  max-width: 50%;
  top: auto;
  bottom: 10px;
}

.carousel-landing .carousel .container > .container .row .text .event-type {
  font-size: 21px;
}

.carousel-landing .carousel .container > .container .row .text .description {
  margin: 10px 0 20px 0;
  font-size: 21px;
  line-height: 28px;
  font-weight: 300;
}

.carousel-landing .carousel .container > .container .row .text .date {
  margin: 0 0 30px 0;
  font-size: 18px;
  line-height: 23px;
  color: #fff;
}

.carousel-landing .carousel .container > .container .row .text .link {
  margin: 0 0 40px 0;
  color: #fff;
  font-size: 16px;
}

.carousel-landing .carousel .container > .container .row .text .share-save {
  margin: 0 0 30px 0;
  padding: 0;
}

.carousel-landing .carousel .container > .container .row .text .share-save li {
  display: inline-block;
  margin: 0 30px 0 0;
}

.carousel-landing .carousel .container > .container .row .text .share-save li a {
  font-size: 14px;
}

.carousel-landing .carousel .container > .container .row .text .share-save li a:after {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
}

.carousel-landing .carousel .slick-prev,
.carousel-landing .carousel .slick-next {
  display: none !important;
}

.carousel-landing .carousel .slick-dots {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  position: absolute;
  bottom: 12px;
}

.carousel-landing .carousel .slick-dots li {
  display: inline-block;
}

.carousel-landing .carousel .slick-dots li button {
  width: 10px;
  height: 10px;
  margin: 0 7px 0 0;
  padding: 0;
  background-color: #fff;
  font-size: 0;
  line-height: 10px;
  text-indent: 99999px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

.carousel-landing .carousel .slick-dots li button:hover {
  background-color: #009DDF;
}

.carousel-landing .carousel .slick-dots li.slick-active button {
  background-color: #009DDF;
}

.carousel-landing.formacion .event-type {
  color: #0FB158;
}

.carousel-landing.formacion .link {
  background-color: #0FB158;
  border-color: #0FB158;
}

.carousel-landing.formacion .share-save li a {
  color: #0FB158;
}

.carousel-landing.formacion .share-save li a.share:after {
  content: url("../images/share-formacion.png");
}

.carousel-landing.formacion .share-save li a.save:after {
  content: url("../images/save-formacion.png");
}

.carousel-landing.formacion .slick-dots li:hover button {
  background-color: #0FB158;
}

.carousel-landing.formacion .slick-dots li.slick-active button {
  background-color: #0FB158;
}

.carousel-landing.actualidad .event-type {
  color: #009DDF;
}

.carousel-landing.actualidad .link {
  background-color: #009DDF;
  border-color: #009DDF;
}

.carousel-landing.actualidad .share-save li a {
  color: #009DDF;
}

.carousel-landing.actualidad .share-save li a.share:after {
  content: url("../images/share-actualidad.png");
}

.carousel-landing.actualidad .share-save li a.save:after {
  content: url("../images/save-actualidad.png");
}

.carousel-landing.actualidad .slick-dots li:hover button {
  background-color: #009DDF;
}

.carousel-landing.actualidad .slick-dots li.slick-active button {
  background-color: #009DDF;
}

.carousel-landing.actividades .event-type {
  color: #4176DB;
}

.carousel-landing.actividades .link {
  background-color: #4176DB;
  border-color: #4176DB;
}

.carousel-landing.actividades .share-save li a {
  color: #4176DB;
}

.carousel-landing.actividades .share-save li a.share:after {
  content: url("../images/share-actividades.png");
}

.carousel-landing.actividades .share-save li a.save:after {
  content: url("../images/save-actividades.png");
}

.carousel-landing.actividades .slick-dots li:hover button {
  background-color: #4176DB;
}

.carousel-landing.actividades .slick-dots li.slick-active button {
  background-color: #4176DB;
}

.carousel-landing.recursos .event-type {
  color: #7B2FA1;
}

.carousel-landing.recursos .link {
  background-color: #7B2FA1;
  border-color: #7B2FA1;
}

.carousel-landing.recursos .share-save li a {
  color: #7B2FA1;
}

.carousel-landing.recursos .share-save li a.share:after {
  content: url("../images/share-recursos.png");
}

.carousel-landing.recursos .share-save li a.save:after {
  content: url("../images/save-recursos.png");
}

.carousel-landing.recursos .slick-dots li:hover button {
  background-color: #7B2FA1;
}

.carousel-landing.recursos .slick-dots li.slick-active button {
  background-color: #7B2FA1;
}

.carousel-landing.evidencias .event-type {
  color: #F0940E;
}

.carousel-landing.evidencias .link {
  background-color: #F0940E;
  border-color: #F0940E;
}

.carousel-landing.evidencias .share-save li a {
  color: #F0940E;
}

.carousel-landing.evidencias .share-save li a.share:after {
  content: url("../images/share-evidencias.png");
}

.carousel-landing.evidencias .share-save li a.save:after {
  content: url("../images/save-evidencias.png");
}

.carousel-landing.evidencias .slick-dots li:hover button {
  background-color: #F0940E;
}

.carousel-landing.evidencias .slick-dots li.slick-active button {
  background-color: #F0940E;
}

.carousel-landing.programas .event-type {
  color: #009DDF;
}

.carousel-landing.programas .link {
  background-color: #009DDF;
  border-color: #009DDF;
}

.carousel-landing.programas .share-save li a {
  color: #009DDF;
}

.carousel-landing.programas .share-save li a.share:after {
  content: url("../images/share-programas.png");
}

.carousel-landing.programas .share-save li a.save:after {
  content: url("../images/save-programas.png");
}

.carousel-landing.programas .slick-dots li:hover button {
  background-color: #009DDF;
}

.carousel-landing.programas .slick-dots li.slick-active button {
  background-color: #009DDF;
}

.landing-block-centros .col {
  width: 30.9%;
  margin: 0 0 20px 0;
  position: relative;
  text-align: center;
}

.landing-block-centros .col span {
  font-size: 28px;
  line-height: 34px;
  color: #000;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  text-align: center;
}

.landing-block-centros .col:nth-of-type(3n+1) {
  margin-right: 2%;
}

.landing-block-centros .col:nth-of-type(3n+2) {
  margin-left: 1%;
  margin-right: 1%;
}

.landing-block-centros .col:nth-of-type(3n+3) {
  margin-left: 2%;
}

.modal-landing-actividades {
  max-width: 820px;
  margin: 0 auto;
  padding: 20px;
}

			  
				
 

.modal-landing-actividades .logo-educaixa {
  max-width: 220px;
  margin: 0 0 50px 0;
}

.modal-landing-actividades .info {
  max-width: 80%;
  margin: 0;
  font-size: 16px;
  line-height: 23px;
}

.modal-landing-actividades .select {
  width: 345px;
}

.modal-landing-actividades .select select {
  padding: 16px 30px 16px 16px;
  font-size: 18px;
  line-height: 23px;
}

.modal-landing-actividades .filter-tags ul {
  margin: 0;
}

.modal-landing-actividades .filter-tags ul li .filter-tag {
  width: 254px;
  padding: 16px;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
}

.modal-landing-actividades .modal-actions-actividades {
  margin: 40px 0 0 0;
}

.modal-landing-actividades .modal-actions-actividades button {
  width: 200px;
  vertical-align: top !important;
}

.modal-landing-actividades .modal-actions-actividades .save-preferences {
  width: calc(100% - 250px);
  margin: 0 0 0 30px;
}

.modal-landing-actividades .modal-actions-actividades .save-preferences .info {
  padding: 0 0 0 10px;
  color: #9b9b9b;
  font-size: 14px;
  line-height: 18px;
}

.landing-evidencias .container {
  max-width: 1140px;
  margin: 0 auto;
}

.landing-evidencias .container .summary-evidencias {
  width: 60%;
  margin: 20px 0 50px 0;
  font-size: 18px;
  line-height: 28px;
}

.landing-evidencias .container .wrapper-block-evidencias {
  display: inline-block;
  margin: 0 0 100px 0;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias {
  width: 30.9%;
  margin: 0 0 20px 0;
  float: left;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias:nth-of-type(3n+1) {
  margin-right: 2%;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias:nth-of-type(3n+2) {
  margin-left: 1%;
  margin-right: 1%;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias:nth-of-type(3n+3) {
  margin-left: 2%;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias .title-block-evidencias {
  margin: 0 0 10px 0;
  font-size: 21px;
  line-height: 27px;
  font-weight: bold;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias .summary-block-evidencias {
  font-size: 16px;
  line-height: 24px;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias .summary-block-evidencias p {
  font-size: 16px;
  line-height: 24px;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias .summary-block-evidencias ul {
  margin: 30px 0;
  padding: 0;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias .summary-block-evidencias ul li {
  margin: 0 0 15px 0;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias .summary-block-evidencias ul li::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border: 2px solid #F0940E;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 5px;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias .button-block-evidencias {
  margin: 40px 0 0 0;
  padding: 6px 30px;
  font-size: 16px;
  line-height: 20px;
  color: #F0940E;
  border: 1px solid #F0940E;
  background-color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

.landing-evidencias .container .wrapper-block-evidencias .block-evidencias .button-block-evidencias:hover {
  color: #fff;
  background-color: #F0940E;
  border-color: #F0940E;
}

.landing-evidencias .container .title-list-evidencias {
  margin: 50px 0 40px 0;
}

.landing-evidencias .container .logo-list-evidencias {
  width: auto;
  max-height: 70px;
  vertical-align: top;
}

.landing-evidencias .container .summary-list-evidencias {
  width: 60%;
  margin: 30px 0 50px 0;
  font-size: 18px;
  line-height: 28px;
}

.landing-evidencias .evidencias-filters .col {
  /* support: IE8 - See #6727 */
}

.landing-evidencias .evidencias-filters .col input[type="text"] {
  margin: 10px 0 0 0;
  font-size: 16px;
  line-height: 20px;
}

#search .col-md-7:before {
	transform: scale(0.75);
	margin-top: -5px;
    margin-left: -25px;
}

.cont-first-rec ul {
    margin-left: 0px;
}

.landing-evidencias .evidencias-filters .col .valoration-type {
  display: inline-block;
  width: 100%;
  padding: 0 0 0 40px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 100;
  color: #9b9b9b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.landing-evidencias .evidencias-filters .col .valoration-range {
  display: inline-block;
  width: 100%;
}

.landing-evidencias .evidencias-filters .col .ui-slider {
  position: relative;
  text-align: left;
}

.landing-evidencias .evidencias-filters .col .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 13px;
  height: 13px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  background-color: #F0940E;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.landing-evidencias .evidencias-filters .col .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.landing-evidencias .evidencias-filters .col .ui-slider.ui-state-disabled .ui-slider-handle,
.landing-evidencias .evidencias-filters .col .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.landing-evidencias .evidencias-filters .col .ui-slider-horizontal {
  width: calc(100% - 55px);
  height: 2px;
  background-color: rgba(240, 148, 14, 0.3);
}

.landing-evidencias .evidencias-filters .col .ui-slider-horizontal .ui-slider-handle {
  top: -6px;
  margin-left: -6px;
}

.landing-evidencias .evidencias-filters .col .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
  background-color: #F0940E;
}

.landing-evidencias .evidencias-filters .col .ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.landing-evidencias .evidencias-filters .col .ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.landing-evidencias .evidencias-filters .col .amount {
  display: inline-block;
  width: 100%;
  padding: 0 0 0 40px;
  margin: 0 0 6px 0;
  font-size: 16px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.landing-evidencias .evidencias-filters .col .slider-euro-evidencias,
.landing-evidencias .evidencias-filters .col .slider-shield-evidencias {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 20px 0 0;
  background-color: #F0940E;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  vertical-align: middle;
}

.landing-evidencias .evidencias-filters .col .slider-euro-evidencias img,
.landing-evidencias .evidencias-filters .col .slider-shield-evidencias img {
  width: 16px;
}

.landing-evidencias .evidencias-filters .col .slider-euro-evidencias img {
  width: 14px;
  margin: 5px 0 0 4px;
}

.landing-evidencias .evidencias-filters .col .slider-shield-evidencias img {
  margin: 4px 0 0 4px;
}

.landing-evidencias .evidencias-filters .col .slider-impact-evidencias {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 20px 0 0;
  font-size: 21px;
  line-height: 27px;
  color: #F0940E;
  vertical-align: middle;
}

.landing-evidencias .evidencias-filters .col .slider-range {
  display: inline-block;
  vertical-align: middle;
}

.landing-evidencias .evidencias-filters .valoration-tooltip {
  position: relative;
  display: inline-block;
}

.landing-evidencias .evidencias-filters .valoration-tooltip .valoration-tooltip-text {
  visibility: hidden;
  width: 300px;
  background-color: #eff1f3;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.landing-evidencias .evidencias-filters .valoration-tooltip .valoration-tooltip-text p {
  color: #000;
}

.landing-evidencias .evidencias-filters .valoration-tooltip:hover .valoration-tooltip-text {
  visibility: visible;
  opacity: 1;
}

.landing-evidencias .evidencias-filters .valoration-tooltip:hover .valoration-tooltip-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/**/


.cards .element-img img.element-img-type {
    width: 54px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cards .element-img:hover img {
    opacity: .7;
}

.cards .element-img img {
    transition: all 0.3s ease;
}

.cards .element-img {
    display: block;
    position: relative;
    font-size: 0;
    background-color: #009DDF;
}

.cards .element-img.recursos {
    background-color: #7B2FA1;
}

.cards .element-img.form {
    background-color: #0FB158;
}

.cards .element-img.programas {
    background-color: #02B6BC;
}

.cards .element-img.evidencias {
    background-color: #f0940e;
}

.cards .element-img.actividades, .cards .element-img.centro {
    background-color: #009DDF;
}

.cards .element-img.actualidad, .cards .element-img.experiencias {
    background-color: #d33f48;
}

.cards .element-img{
	margin-top:25px;
}

.element-img {
    border-radius: 0;
    margin-bottom: 10px;
}

.cards .element-img .corner-badge-l-t {
    top: 0;
}

.cards .element-img .corner-badge-l-t, .cards .element-img .corner-badge-r-t, .cards .element-img .corner-badge-r-b, .cards .element-img .corner-badge-l-b {
    position: absolute;
}

.cards .element-img .corner-badge-l-t .corner-badge-text {
    top: 10px;
    left: 10px;
}
.cards .element-img .corner-badge-l-t .corner-badge-text, .cards .element-img .corner-badge-r-t .corner-badge-text, .cards .element-img .corner-badge-r-b .corner-badge-text, .cards .element-img .corner-badge-l-b .corner-badge-text {
    font-size: 12px;
    line-height: 12px;
    z-index: 1;
    position: absolute;
    color:black;
}

.cards .element-img .corner-badge-l-t:after {
    content: '';
    border-top: 130px solid #eff1f3;
    border-right: 130px solid transparent;
    top: 0;
}

.cards .element-img .corner-badge-l-t:after, .cards .element-img .corner-badge-r-t:after, .cards .element-img .corner-badge-r-b:after, .cards .element-img .corner-badge-l-b:after {
    content: '';
    position: absolute;
}

.icon-banner{
	color: #7B2FA1;
    font-family: inherit;
    font-size: 18px;
}

.icon-banner.share{
	margin-left: 25px;
}

.icon-banner.save{
	margin-left: 25px;
}

button#share {
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    color: blue;
    border-color: transparent;
}

button#bookmark {
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    color: blue;
    border-color: transparent;
}

/*EVIDENCIAS*/


.evidencias {
    color: #F0940E;
}

.landing-evidencias .evidencias-filters .col input[type="text"] {
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 20px;
}
input[type="text"], input[type="password"], input[type="test"] {
    width: 100%;
    margin: 0 0 24px 0;
    padding: 18px 0 6px 0;
    font-size: 16px;
	height: auto;
    color: #000;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    border-color: transparent transparent #9b9b9b transparent;
    outline: none;
    color: #9b9b9b;
}

.landing-evidencias .evidencias-filters .col .slider-range {
    display: inline-block;
    vertical-align: middle;
}
.landing-evidencias .evidencias-filters .col .ui-slider-horizontal {
    width: calc(100% - 55px);
    height: 2px;
    background-color: rgba(240, 148, 14, 0.3);
}
.landing-evidencias .evidencias-filters .col .ui-slider {
    position: relative;
    text-align: left;
}

.landing-evidencias .evidencias-filters .col .ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    margin-left: -6px;
}

slider-handle {
    top: -6px;
    margin-left: -6px;
}
.landing-evidencias .evidencias-filters .col .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 13px;
    height: 13px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    background-color: #F0940E;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.evidencias-tab .mod-filtros-landings__filters.container{
    max-width: 1140px;
}

.slider-evi {
  -webkit-appearance: none; 
  appearance: none;
  width: 100%; 
  height: 5px !important; 
  background: #f7c171; 
  outline: none;
  overflow: visible !important; 
}

.slider-evi::-webkit-slider-thumb {
  -webkit-appearance: none; 
  appearance: none;
  width: 12px; 
  height: 12px; 
  background: #F0940E; 
  cursor: pointer; 
  border-radius: 100%;
}

.icon-full {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: none;
  -webkit-box-shadow: 0 0 0 1px #cacaca;
  -moz-box-shadow: 0 0 0 1px #cacaca;
  box-shadow: 0 0 0 1px #cacaca;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-full {
  background-color: #F0940E;
  -webkit-box-shadow: 0 0 0 1px #F0940E;
  -moz-box-shadow: 0 0 0 1px #F0940E;
  box-shadow: 0 0 0 1px #F0940E;
}

.slider-evi::-moz-range-thumb {
  width: 12px;
  height: 10px;
  background: #F0940E;
  cursor: pointer;
  border:none;
}

.card-button.color-caixa-cian.background-white{
	color:#009ddf;
}

#cost-min-input, #cost-max-input, #efficacy-min-input, #efficacy-max-input, #impact-min-input, #impact-max-input{
	margin-top:45px;
}

span.icon-empty {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #cacaca;
    -moz-box-shadow: 0 0 0 1px #cacaca;
    box-shadow: 0 0 0 1px #cacaca;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.col .width-25pc .border-box .margin-0 .padding-hor-10::before{
	content: url(/o/educaixa-theme/images/euro-white.png);
}

section.range-slider{
	text-align:left;
}

input[type="range"]::-moz-range-track {
	color: #F0940E;
	border:none;
	background: rgba(240, 148, 14, 0.3); 
}

input[type="range"]::-ms-fill-lower {
    background: coral;
    overflow: visible; 
}

input[type="range"]::-ms-track {
	
    color: #F0940E;
	border:none;
	background: rgba(240, 148, 14, 0.3); 
}

input[type="range"]::-ms-thumb {
  appearance: none;
  width: 12px; 
  height: 12px; 
  background: #F0940E; 
  cursor: pointer; 
  border-radius: 100%;
  overflow: visible; 
}

/**/

			
/*portlet searchbar*/
#search .col-md-7:before {
    z-index: 1;
}
#search-bottom .col-md-7:before {
    z-index: 1;
    margin-left:-125px;
    transform: scale(.9);
}
.search-bar-bottom {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
}
.row#search-bottom {
    background-color: #009DDF;
    height: 80px;
}
#search-bottom .footer-container .col-md-7 input {
    width: 100%;
    border: none;
    border-bottom: 2px solid #FFFFFF;
    background-color: #009DDF;
    color: #7FCCEB;
    /* font-family: "Circular Std"; */
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 23px;									  
			   
}
#search-bottom .footer-container .col-md-7 input::placeholder{
    color: #7FCCEB;
}
#search-bottom .footer-container .col-md-7 input:-ms-input-placeholder{
    color: #7FCCEB;
}
#search-bottom .footer-container .col-md-7 input::-ms-input-placeholder{
    color: #7FCCEB;
			 
}
.footer-container .col-lg-5 {
    padding-right: 50px;
    margin-right: auto;
    font-size: 14px;
}
.footer-container {
    max-width: 1280px;
    margin: auto;
    flex: 1 1 auto;
    padding: 0 25px;
}
.footer-container .col-lg-5, .footer-container .col-md-7 {
    align-items: center;
    justify-content: flex-end;
    display: flex;
}
.footer-container .col-md-7:before {
    position: absolute;	   
			   
}
.footer-container .col-md-7:before {
    content: url(../images/search_white.png);			   
}
#search-bottom .input-text-wrapper{
											   
    margin-bottom: 0;
    margin-top:1rem;
}
#search-bottom .footer-form-search{
    width: 615px;
    max-width: 100%;
}

#search .imageSearch{
	z-index: 1;
	transform: scale(0.75);
	margin-top: -5px;
	margin-left: -25px;
	position: absolute;
	padding: 29px 0 6px 0;
	margin: 0 0 24px 0;
	right: 15px;
}

.filter-container li.selected {
    display: none !important;
  }
  .filter-container {
    align-items: baseline;
  }

@media (max-width: 767px) {
    #search-bottom .footer-container .col-lg-5 {
        display: none;
    }
    #search-bottom{
        display: block !important;
    }
    #search-bottom .footer-form-search{
        padding-right: 0;
    }
}
/**/
.color-caixa-red, .actualidad .filter-container > ul li a {
    color:#d33f48;
}

.card-button-red{
	border: 1px solid #d33f48;
}

a.links-wrapper {
    color: #009DDF;
    font-size: 14px;
    text-decoration: underline;
		
}

.info-view ul {
	margin-left: -30px;
}

.color-caixa-blue-two{
	color: #02B6BC;
}

/* FORMS */
#modal-solicitar-material .contenido-ficha-central .header {
	display: flex;	
}
#modal-solicitar-material .contenido-ficha-central h4 {
	    margin: 0 10px 15px 0;
    font-size: 21px;
    line-height: 27px;
    font-weight: bold;
}
#modal-solicitar-material .contenido-ficha-central a {
	line-height: 30px;
}
#modal-solicitar-material .contenido-ficha-central .bloc.margin-top-40 p.center:last-of-type {
	margin-top: 20px;	
}
#modal-solicitar-material .contenido-ficha-central .bloc.margin-top-40 a, 
#modal-solicitar-material .contenido-ficha-central .margin-top-40 button.boton-educaixa,
#contactar-con .button-holder button.edu-send-button,
#formulario-reto .button-holder button.edu-send-button,
#inscribete-conferencia .button-holder button.edu-send-button
#modal-solicitar-info .button-holder button, 
.login-form .button-holder button, 
.box-login .button-holder button,
button#show-modal-valorar, button#show-modal-login, button#form-rating-button   {
	padding: 10px 25px 10px;
    border-radius: 20px;
    border: 1px solid #009ddf;
    background-color: #009ddf;
    color: #fff;
}

.lfr-ddm-field-group .form-group.form-inline.input-checkbox-wrapper{
	display: none;
}

.advice, .advice_no_add_prefered_center {
    margin: 20px 0;
    font-size: 12px;
    line-height: 16px;
    color: #9b9b9b;
	text-align: left;    
}

#modal-solicitar-material .contenido-ficha-central .margin-top-40 button.boton-educaixa {
	line-height: 21px;
			   
}
#modal-solicitar-material .contenido-ficha-central .margin-top-40 {											 
	margin-top: 40px;
}
.font-small.blue-grey {
	font-size: 14px !important;
	color: #9b9b9b;				 
}
#modal-solicitar-material .contenido-ficha-central .margin-top-40 p.font-small.blue-grey {
	margin-bottom: 20px;
													   
}
#modal-solicitar-material .contenido-ficha-central select.form-control,
#contactar-con select.form-control,
#inscribete-conferencia select.form-control,
#modal-solicitar-info select.form-control,
.profile-personal-data-block .wrapper-filters .input-select-wrapper select.form-control,
#formulario-reto select {
	border: 1px solid #90a4ae;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 20px;
    color: #90a4ae;
    padding: 0 30px 0 15px;
    font-size: 16px;
    font-family: "Lato-Regular",Arial,Helvetica,sans-serif;
    background: url(/o/com.educaixa.myeducaixa.login/css/../images/app_24/png/drop_down.png) 98% center no-repeat transparent;
    width: auto;
    margin: unset;
}
#contactar-con select.form-control {
	width: 50%;			  
}
#modal-solicitar-material .contenido-ficha-central input.form-control,
#contactar-con .fieldset .input-text-wrapper input.form-control,
#inscribete-conferencia .fieldset .input-text-wrapper input.form-control,
#modal-solicitar-info .fieldset .input-text-wrapper input.form-control,
.profile-personal-data-block .wrapper-filters .input-text-wrapper input.form-control,
.input-text-wrapper input.form-control {
	margin: 0 0 10px 0;	
    font-weight: 300;
    padding: 18px 0 6px 0;
    font-size: 16px;
    color: #495057;
    background-color: transparent;
    border-style: solid;
    height: auto;
    border-width: 1px;
    border-color: transparent transparent #9b9b9b transparent;
    outline: 0;
}
@media(min-width: 768px) {
	#contactar-con .fieldset > div > div, #inscribete-conferencia .fieldset > div > div {
		display: inline-flex;
	    width: 40%;
	    margin-right: 15px;
	}
	
	#contactar-con .help-block {
	    position: absolute;
	}
	#contactar-con .input-select-wrapper .help-block {
	   	top: -30px;
	}
	
	#contactar-con .fieldset > div > div.advice {
	    display: block;
	    width: 90%;
	    text-align: left;
	    margin: auto;
	    margin-bottom: 20px;
	}
	#contactar-con .fieldset > div > div.checkbox-switch {
		display: inline-block;
	    width: 90%;
	    text-align: left;
	    margin: auto;
	    margin-bottom: 20px;
    }

}
#contactar-con .telefono-wrapper > div, #inscribete-conferencia .telefono-wrapper > div,
#modal-solicitar-info .telefono-wrapper > div {
	display: inline-block;
    float: left;
}
#contactar-con .telefono-wrapper .phone-prefix,
#inscribete-conferencia .telefono-wrapper .phone-prefix,
#modal-solicitar-info .telefono-wrapper .phone-prefix {
	width: 60px;
}
#contactar-con .telefono-wrapper .phone-prefix .input-text-wrapper input,
#inscribete-conferencia .telefono-wrapper .phone-prefix .input-text-wrapper input {
	width: 100%;
					
}
#contactar-con .telefono-wrapper label,
#inscribete-conferencia .telefono-wrapper label {
	display: none;
				   
					
}
#contactar-con .lfr-ddm-field-group > span,
#inscribete-conferencia .lfr-ddm-field-group > span,
#modal-solicitar-info .lfr-ddm-field-group > span {
	display: inline-block;
	float: left;
}
#modal-solicitar-info .lbl-link-gdpr{
   	text-align: left;
}
/*
#contactar-con .input-checkbox-wrapper {
	margin: 0;
}*/
#contactar-con .lfr-ddm-field-group .lfr-input-date,
#inscribete-conferencia .lfr-ddm-field-group .lfr-input-date,
#modal-solicitar-info .lfr-ddm-field-group .lfr-input-date {
	margin: 0 15px;
}
#contactar-con .lfr-ddm-field-group .lfr-input-date input,
#inscribete-conferencia .lfr-ddm-field-group .lfr-input-date input,
#modal-solicitar-info .lfr-ddm-field-group .lfr-input-date input,
.inline-elements .filter-datepicker-wrapper .filter-datepicker input {
	width: 120px;
    font-size: 16px;
    border: 1px solid #9b9b9b;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}
#contactar-con .button-holder, #modal-solicitar-material .button-holder,
#inscribete-conferencia .button-holder,
#modal-solicitar-info .button-holder{
	display: flex;
}
#contactar-con .button-holder button, #modal-solicitar-material .button-holder button,
#inscribete-conferencia .button-holder button,
#modal-solicitar-info .button-holder button {
	margin-left: auto;
    right: 0;
}

#contactar-con 

#inscribete-conferencia h3.margin-bottom-30 {
	margin-bottom: 30px;
}
#inscribete-conferencia .description-conferencia {
	margin-bottom: 40px; 
}
#modal-solicitar-info h3, #modal-solicitar-info h5, #modal-solicitar-info h6 {
	text-align: center;
}
#modal-solicitar-info  a.modal-center-tel {
	color: #009ddf;
}

.uppercase {
  text-transform: uppercase;
}

.overlay-educaixa {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 99;
}
#modal-solicitar-info {
    position: fixed;
    overflow-y: scroll;
    z-index: 999;
    background-color: white;
    border-radius: 4px;
    width: 696px;
    max-height: 88%;
    padding: 3rem 7rem;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
}
#wrapper.container-fluid .modal-close {
    position: absolute;
    /* margin-right: -50px; */
    top: 0;
    right: 0;
    cursor: pointer;
    font-size: 16px;
    background-color: #009ddf;
    border-radius: 15px;
}
#wrapper.container-fluid .modal-close:before {
    content: '';
    background-image: url(../images/close_white.png);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    margin: 6px;
    background-size: cover;
    vertical-align: middle;
}
#wrapper.container-fluid #Consultas .modal-close {
	    top: -15px;
    right: -14px;
}
.modalConsulta {
	border: none;
}
#wrapper.container-fluid #Consultas .modal-close:before {
	background-image: url(../images/close_white.png);
}
.myeducaixa-notifications-list .notification > div.class-title,
.tab-panel .myprofile-notifications-list .notification > div.class-title {
  width: calc(100% - 230px);
  font-size: 18px;
  line-height: 23px;
  color: #000;
}


.wrapperBuscador p {
	font-family: "latoregular";
}
.wrapperBuscador div {
	font-family: "latoregular";
}


/* Login popup iniciar sesión modal*/
.modal-open .edit-popup.modal-dialog.modal,
.modal-open .edit-popup.modal-dialog.modal .modal-content {
	overflow: visible;
}
body.modal-open .modal .modal-content .modal-header .close .lexicon-icon {
	height: 18px;
    width: 18px;
}
body.modal-open .modal .modal-content .modal-header .close {
	height: auto;
    width: auto;	  
    background-color: #009ddf;
    padding: 8px;
    position: absolute;
    margin-left: 0;
    left: -20px;
    top: -13px;
    border-radius: 100%;
}
body.modal-open .modal .modal-content .modal-header {
	height: 40px;
}
.modal-open .modal, .modal-open .modal .modal-content {
	overflow: visible!important;
}
.modal-open .edit-popup.modal-dialog.modal .modal-content .modal-body .dialog-iframe-node  {
	padding: 25px 40px;
}
p.pop-up-description-center-profile {
	font-size: 18px;
}
body.modal-open .modal .modal-content .modal-header .modal-title {
	padding-top: 15px;
	margin-left: 40px;
}

/**/

/* MY EDUCAIXA (JL) */
/* -- Programas -- */
.container-fluid.container-fluid-max-xl.container-view {
  padding: 0 20px;
}

.container-fluid.container-fluid-max-xl.container-view h2 {
  margin: 30px 0px;
  font-size: 36px;
  line-height: 42px;
  color: #000;
}

.container-fluid.container-fluid-max-xl.container-view h1.h1-indented {
  margin: 40px 0 30px 100px;
}

.container-fluid.container-fluid-max-xl.container-view .title-summary {
  width: 50%;
  margin: 20px 0;
  font-size: 18px;
  line-height: 28px;
  color: #000;
  font-weight: 300;
}

.container-fluid.container-fluid-max-xl.container-view .row {
  margin: auto;
}
.container-fluid.container-fluid-max-xl.container-view .mod-program-register form > .row {
	padding: 15px;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course {
  margin: 0 0 10px 0;
  padding: 20px 18px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) ;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) ;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) ;
  width: 100%;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-img {
  display: inline-block;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-img img {
  width: auto;
  height: 150px;
  src: url(../images/programa.jpg);
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-data {
  width: 330px;
					
  padding: 0 0 0 30px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-data .program-on-course-type {
  color: #009DDF;
  font-size: 14px;
  line-height: 18px;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-data .program-on-course-name {
  margin: 5px 0 0 0;
  color: #000;
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-data .program-on-couse-user-info {
  color: #9b9b9b;
  font-size: 16px;
  line-height: 20px;
					 
  bottom: 0;
}

@media (min-width: 1200px){
	.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-access-button-column{
		width: 220px;
		height: 150px;
		float: right;
		display: flex;
		position: relative;
		flex-flow: column;
	}
	.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-access-button-column .program-on-course-access-button {
		flex: 1 0 auto;
		background-color: #009DDF;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		-ms-border-radius: 15px;
		border-radius: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		margin-top: 5px
	}
	.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-access-button-column .program-on-course-access-button:first-child {
		margin-top: 0px
	}
	#Formaciones .container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-access-button {
	  display: block;
	  width: 220px;
	  height: 150px;
	  float: right;
	  background-color: #eff1f3;
	  -webkit-border-radius: 15px;
	  -moz-border-radius: 15px;
	  -ms-border-radius: 15px;
	  border-radius: 15px;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  position: relative;
	}
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-access-button span {
  display: block;
  color: white;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .program-on-course-access-button:hover {
  background-color: #007DDF;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .myeducaixa-notifications-list {
  margin: 20px 0 0 0;
  border-top: 1px solid #9b9b9b;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-on-course .myeducaixa-notifications-list .notification,
.tab-panel .myprofile-notifications-list .notification {
  margin: 10px 0 0 0;
  padding-bottom: 0;
  background-color: #fff;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-classroom {
  margin: 20px 0 20px 0;
  border-bottom: 1px solid #d8d8d8;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-classroom .program-classroom-data {
  margin: 0 0 20px 0;
  padding: 0 0 0 30px;
  position: relative;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-classroom .program-classroom-data .title-program-classroom {
  display: inline-block;
  margin: 0 10px 10px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #000;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-classroom .program-classroom-data .remove-classroom {
  display: inline-block;
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 20px;
  color: #9b9b9b;
  text-decoration: underline;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-classroom .program-classroom-data .program-classroom-data-item {
  display: block;
  font-size: 18px;
  line-height: 23px;
  color: #000;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-classroom .program-classroom-data .program-virtual-classroom,
.perfil-usuario .usuario-boton-edicion a {
  width: auto;
  padding: 13px 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 23px;
  color: #fff;
  background-color: #009DDF;
  text-transform: none;
  position: absolute;
  bottom: 0;
  right: 0;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-classroom .program-classroom-data .program-virtual-classroom img {
  width: 27px;
  margin: 0 20px 0 0;
  vertical-align: middle;
  transition: all 0.3s ease;
}

.container-fluid.container-fluid-max-xl.container-view .row .program-classroom .program-classroom-data .program-virtual-classroom:hover {
  color: rgba(255, 255, 255, 0.7);
}

.container-fluid.container-fluid-max-xl.container-view .row .program-classroom .program-classroom-data .program-virtual-classroom:hover img {
  opacity: .7;
}
.container-fluid.container-fluid-max-xl.container-view .row .program-classroom .program-classroom-data .program-virtual-classroom-queued{
  width: auto;
  padding: 13px 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 23px;
  background-color: #eff1f3;
  text-transform: none;
  position: absolute;
  bottom: 0;
  right: 0;
}
.container-fluid.container-fluid-max-xl.container-view .btn.btn-default {
  display: inline-block;
  font-size: 16px;
  line-height: 36px;
  font-weight: 700;
  color: #000;
  background-color: transparent;
  border: none;
  margin-bottom: 30px;
}

.container-fluid.container-fluid-max-xl.container-view .btn.btn-default:before {
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 0 0 0 1px;
  content: '+';
  width: 36px;
  height: 36px;
  color: #009DDF;
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  text-align: center;
  border: 1px solid #009DDF;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  transition: all 0.3s ease;
}

.container-fluid.container-fluid-max-xl.container-view .row .create-new-classroom:hover:before {
  color: #fff;
  background-color: #009DDF;
}

.container-fluid.container-fluid-max-xl.container-view .row .myeducaixa-notifications-list,
.tab-panel .myprofile-notifications-list .notification {
  padding: 0;
}
.myeducaixa-notifications-list,
.myeducaixa-novedades-notificaciones-loadmore,
.tab-panel .myprofile-notifications-list {
  max-width: 1128px;
  margin: 20px auto;
  padding: 0 20px;
}

.myeducaixa-notifications-list .notification,
.tab-panel .myprofile-notifications-list .notification {
  display: flex;
  align-items: center;
  min-height: 26px;
  margin: 0 0 5px 0;
  padding: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  background-color: #eff1f3;
}
.tab-panel .myprofile-notifications-list .notification {
	padding: 5px;
}
.myeducaixa-notifications-list .notification > div,
.tab-panel .myprofile-notifications-list .notification > div {
  padding: 0;
  margin: 0;
  font-family: "CircularStd-Medium", Arial Bold, Helvetica Bold, sans-serif;
  color: white;
}

.myeducaixa-notifications-list .notification > div.number,
.tab-panel .myprofile-notifications-list .notification > div.number {
	padding-right: 20px;
  width: 40px;
  text-align: center;
}

.myeducaixa-notifications-list .notification > div.number span,
.tab-panel .myprofile-notifications-list .notification > div.number span {
  display: block;
    width: 26px;
    height: 26px;
    background-color: #F50800;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.myeducaixa-notifications-list .notification > div.icon,
.tab-panel .myprofile-notifications-list .notification > div.icon {
	display: flex;
  width: 50px;
  color: #fff;
}

.myeducaixa-notifications-list .notification > div.icon img,
.tab-panel .myprofile-notifications-list .notification > div.icon img {
  width: 34px;
}


.myeducaixa-notifications-list .notification .close,
.tab-panel .myprofile-notifications-list .notification .close {
	margin-left: auto!important;
}
.tab-panel .myprofile-notifications-list .notification .close {
	margin-left: 0 !important;
}
.myeducaixa-notifications-list .notification > div.class-title .title,
.tab-panel .myprofile-notifications-list .notification > div.class-title .title {
  padding: 0 20px 0 0;
}

.myeducaixa-notifications-list .notification > div.class-title .title br,
.tab-panel .myprofile-notifications-list .notification > div.class-title .title br {
  display: none;
}

.myeducaixa-notifications-list .notification > div.class-title .class,
.tab-panel .myprofile-notifications-list .notification > div.class-title .class {
  display: inline-block;
  padding: 0 10px 0 0;
  color: #009DDF;
  font-weight: 700;
}

.myeducaixa-notifications-list .notification > div.class-title .class:before,
.tab-panel .myprofile-notifications-list .notification > div.class-title .class:before {
  padding: 0 10px 0 5px;
  content: '|';
  color: #9b9b9b;
  font-weight: 400;
}

.myeducaixa-notifications-list .notification > div.class-title .date,
.tab-panel .myprofile-notifications-list .notification > div.class-title .date {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  color: #9b9b9b;
}

.myeducaixa-notifications-list .notification > div.class-title .date:before,
.tab-panel .myprofile-notifications-list .notification > div.class-title .date:before {
  padding: 0 10px 0 0;
  content: '|';
  color: #9b9b9b;
  font-weight: 400;
}

.myeducaixa-notifications-list .notification > div.action,
.tab-panel .myprofile-notifications-list .notification > div.action {
  width: 110px;
}
.tab-panel .myprofile-notifications-list .notification > div.action {
	margin-left: auto;
	margin-right: 10px;
}

.myeducaixa-notifications-list .notification > div.action .button,
.tab-panel .myprofile-notifications-list .notification > div.action .button {
  width: 100%;
  display: flex;
    justify-content: center;
  margin: 0;
  padding: 9px;
  border: 2px solid #009DDF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #009DDF;
  text-transform: none;
}
.container-fluid.container-fluid-max-xl.container-view .button-holder.sheet-footer .btn.btn-default:before,
.container-fluid.container-fluid-max-xl.container-view .program-register-button .btn.btn-default:before {
	content:none;
}

.myeducaixa-notifications-list .notification > div.close,
.tab-panel .myprofile-notifications-list .notification > div.close {
  width: 30px;
  background-color: transparent;
}

.myeducaixa-notifications-list .notification > div.close a,
.tab-panel .myprofile-notifications-list .notification > div.close a {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  text-indent: -99999px;
}

.myeducaixa-notifications-list .notification > div.close a:before, 
.myeducaixa-notifications-list .notification > div.close a:after,
.tab-panel .myprofile-notifications-list .notification > div.close a:before,
.tab-panel .myprofile-notifications-list .notification > div.close a:after {
  display: block;
  width: 16px;
  height: 2px;
  margin: 0;
  left: 7px;
  bottom: 15px;
  background-color: #b3b3b3;
  position: absolute;
  content: '';
}


.myeducaixa-notifications-list .notification > div.close a:before,
.tab-panel .myprofile-notifications-list .notification > div.close a:before {
  transform: rotate(45deg);
}

.myeducaixa-notifications-list .notification > div.close a:after,
.tab-panel .myprofile-notifications-list .notification > div.close a:after {
  transform: rotate(135deg);
}

.myeducaixa-notifications-list .notification.support ,
.tab-panel .myprofile-notifications-list .notification.support {
  background-color: #fff;
  border: 1px solid #9b9b9b;
}

.myeducaixa-notifications-list .notification.creation,
.tab-panel .myprofile-notifications-list .notification.creation {
  background-color: #009DDF;
}

.myeducaixa-notifications-list .notification.creation > div.class-title .title,
.tab-panel .myprofile-notifications-list .notification.creation > div.class-title .title {
  color: #fff;
}

.myeducaixa-notifications-list .notification.creation > div.class-title .title b,
.tab-panel .myprofile-notifications-list .notification.creation > div.class-title .title b {
  color: #fff;
}

.myeducaixa-notifications-list .notification.creation > div.action .button,
.tab-panel .myprofile-notifications-list .notification.creation > div.action .button {
  border: 2px solid #fff;
  color: #fff;
}

.myeducaixa-notifications-list .notification.creation > div.close a,
.tab-panel .myprofile-notifications-list .notification.creation > div.close a {
  color: #fff;
}

.myeducaixa-notifications-list .notification.creation > div.close a:before, 
.container.user-profile-tabs .row .myeducaixa-notifications-list .notification.creation > div.close a:after,
.tab-panel .myprofile-notifications-list .notification.creation > div.close a:before,
.tab-panel .myprofile-notifications-list .notification.creation > div.close a:before {
  background-color: #fff;
}

.myeducaixa-notifications-list .notification:last-child,
.tab-panel .myprofile-notifications-list .notification:last-child {
  margin-bottom: 20px;
}
.container.separator-wide.user-profile-tabs .row.tab-panel {
	display: block;
}
.myeducaixa-notifications-list .show-more-notifications {
  display: block;
  margin: 20px 0;
  font-size: 18px;
  line-height: 23px;
}

.myeducaixa-notifications-list .show-more-notifications img {
  width: 15px;
  vertical-align: middle;
}

.notification .icon .image-replace#programa,
.container-fluid.container-fluid-max-xl.container-view .image-replace#programa {
	background: url(../images/programa.jpg) no-repeat;
    width: 252px;
    height: 150px;
}
.notification .icon .image-replace#respuesta,
.notification .icon .image-replace#tarea,
.notification .icon .image-replace#encuesta,
.notification .icon .image-replace#virtual-classroom-icon,
.container-fluid.container-fluid-max-xl.container-view .image-replace#respuesta,
.container-fluid.container-fluid-max-xl.container-view .image-replace#tarea,
.container-fluid.container-fluid-max-xl.container-view .image-replace#encuesta,
.container-fluid.container-fluid-max-xl.container-view .image-replace#virtual-classroom-icon {
    width: 34px;
    height: 34px;
}
.notification .icon .image-replace#respuesta,
.container-fluid.container-fluid-max-xl.container-view .image-replace#respuesta {
	background: url(../images/respuesta.png) no-repeat;
}
.notification .icon .image-replace#tarea,
.container-fluid.container-fluid-max-xl.container-view .image-replace#tarea {
	background: url(../images/tarea.png) no-repeat;
}
.notification .icon .image-replace#encuesta,
.container-fluid.container-fluid-max-xl.container-view .image-replace#encuesta {
	background: url(../images/encuesta.png) no-repeat;
}
.notification .icon .image-replace#virtual-classroom-icon,
.container-fluid.container-fluid-max-xl.container-view .image-replace#virtual-classroom-icon {
    background: url(../images/virtual-classroom-icon.png) no-repeat;
    margin-bottom: -5px;
    margin-right: 5px;
    height: 25px;
}
.notification .icon .image-replace,
.container-fluid.container-fluid-max-xl.container-view .image-replace {
    display: inline-block;
    background-size: contain!important;
}
.add-center-form .search-item .item-title {
	margin-left: 25px;
}

.add-center-form .search-item {
    margin-bottom: 15px;
    margin-top: 15px;
}


/* -- */

/* -- Datos personales -- */
.profile-personal-data-block .container h1.h1-indented {
    margin: 40px 0 30px 100px;
}
.profile-personal-data-block .wrapper-filters {
	max-width: 1140px;
    margin: 0 auto 30px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.profile-personal-data-block .wrapper-filters .inline-elements,
.profile-personal-data-block .wrapper-filters .inline-elements > div,
.profile-personal-data-block .wrapper-filters .filters-row .input-text-wrapper,
.filters-row.form.gender-birthday .inline-elements > div,
.filters-row.form.gender-birthday .inline-elements > div > div,
.profile-personal-data-block .wrapper-filters .profile-user-data,
.profile-personal-data-block .wrapper-filters .profile-user-data .input-text-wrapper,
.profile-personal-data-block .wrapper-filters .inline-elements >div,
.login-update-password .input-text-wrapper {
	display: inline-block;
}
/* .login-update-password .input-text-wrapper {
	    min-width: 380px;
} */
#password-hints-container ul {
	list-style-type: none;
	max-width: 380px;
    padding-left: 0;
    margin-top: 15px;
    display: block;
	float: left;
    position: relative;
    margin-right: 20px;
	columns: 2;
}
.profile-personal-data-block .wrapper-filters .filters-row.form {
    position: relative;
}
.profile-personal-data-block .wrapper-filters .filters-row ,
.profile-personal-data-block .wrapper-filters .inline-elements{
    display: inline-block;
    width: 100%;
}
.profile-personal-data-block .wrapper-filters .filters-row .input-text-wrapper,
.profile-personal-data-block .wrapper-filters .profile-user-data .input-text-wrapper {
	vertical-align: top;
	 width: 30.9%;
}
.profile-personal-data-block .wrapper-filters .filters-row .input-text-wrapper:nth-child(1) {
	margin-right: 2%;
}
.profile-personal-data-block .wrapper-filters .filters-row .input-text-wrapper:nth-child(2) {
	margin-left: 1%;
    margin-right: 1%;
}
.profile-personal-data-block .wrapper-filters .filters-row .input-text-wrapper:nth-child(3) {
	margin-left: 2%;
}
.profile-personal-data-block .wrapper-filters .filters-row .input-text-wrapper label,
.profile-personal-data-block .wrapper-filters .profile-user-data .input-text-wrapper label,
.profile-personal-data-block .wrapper-filters .inline-elements label,
.input-text-wrapper label {
	display: none;
}
.profile-personal-data-block .container .profile-user-data {
    width: 100%;
    margin: 0 0 24px 0;
}
.wrapper-filters .filters-row.form.gender-birthday .filter-datepicker-wrapper,
.profile-personal-data-block .wrapper-filters .profile-user-data .input-text-wrapper {
    margin: 20px 10px 20px 0;
}
.inline-elements .filter-datepicker-wrapper .filter-datepicker {
    padding: 0 20px 0 0;
}
.profile-personal-data-block .wrapper-filters .inline-elements .filter-datepicker-wrapper .filter-datepicker input {
	border-color: #9b9b9b;
	padding: 7px;
}
.wrapper-filters .filters-row.form .filter-title {
    padding: 0 20px 0 0;
    font-size: 21px;
    line-height: 27px;
}
.filters-row.form.gender-birthday .inline-elements > div {
	margin-top: 10px;
}
.filters-row.form.gender-birthday .radio input {
	margin-top: 4px;
}
.filters-row.form.gender-birthday .radio label {
    display: inline-block;
    /* margin: 0 20px 0 0; */
    padding-left: 30px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.user-profile-tabs .button-holder button:last-child {
    margin-right: 0;
}

.user-profile-tabs .button-holder button.btn-default {
    min-width: 140px;
    padding: 13px 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    text-decoration: none;
}
.user-profile-tabs .button-holder button:active {
    outline: none;
}
.user-profile-tabs .button-holder button:hover {
    background: #009DDF;
    color: #cfd8dc;
}
.user-profile-tabs .button-holder button.btn-default,
.btn.btn-primary.boton.boton-.redondo.width-200,
.filters-row.form button,
.btn-popup.btn-default,
.container-fluid.container-fluid-max-xl.container-view .button-holder.sheet-footer .btn.btn-default,
.container-fluid.container-fluid-max-xl.container-view .program-register-button .btn.btn-default, 
#modal-solicitar-info .btn-more-info {
    margin: 0 10px 20px 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    background: #009DDF;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    border-radius: 25px!important;
    margin-left: auto;
    display: flex;
}
.program-register-button p.add-aula-text-link {
	margin: 12px;
}
.mod-program-register .program-register-button {
	margin-left:0;
	justify-content:center;
}
.container-fluid.container-fluid-max-xl.container-view .button-holder.sheet-footer .btn.btn-default,
.container-fluid.container-fluid-max-xl.container-view .program-register-button .btn.btn-default {
	margin:0;
	font-size: 16px;
	font-weight: 400;
}
.container-fluid.container-fluid-max-xl.container-view .program-register-button .btn.btn-default {
	margin-left:15px;
}
.filters-row.form button {
	display: unset;
}
.filters-row.form .secondary {
	background-color: #fff;
    color: #9b9b9b ;
    border: 1px solid #9b9b9b;
}
.profile-personal-data-block .filters-tags {
	    display: inline-block;
    margin: 0 0 10px 0;
}
.profile-personal-data-block .filters-tags ul {
    margin: 20px 0 0 0;
    padding: 0;
}
.profile-personal-data-block .filters-tags ul li {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.profile-personal-data-block .filters-tags ul li .input-checkbox-wrapper {
    display: block;
    padding: 9px 16px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    color: #9b9b9b;
    text-transform: none;
    border: 1px solid #9b9b9b;
}
.profile-personal-data-block .filters-tags ul li .input-checkbox-wrapper input {
	display: none;
}
.profile-personal-data-block .filters-tags ul li .input-checkbox-wrapper.active,
.profile-personal-data-block .filters-tags ul li.active .input-checkbox-wrapper {
	background-color: #009ddf;
    border-color: #009ddf;
    color: #fff;
}
.user-profile-tabs p.header {
	font-size: 21px;
	margin-bottom: 15px;
}
.user-profile-tabs p.header > span {
	    width: 100%;
    display: flex;
}
.user-profile-tabs p.header > span > span {
	margin-left: auto;
}
.user-profile-tabs p.header > span > span a,
.btn.btn-default.btn-popup-reverse.pop-up-center-button {
	margin: 0 10px 20px 0;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    background: #009ddf;
    border: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    cursor: pointer;
    transition: all .3s ease;
    outline: 0;
    border-radius: 25px;
    margin-left: auto;
}
.user-profile-tabs .contenido {
	padding: 15px;
    border: 1px solid #d3d3d3;
    border-radius: 15px;
    margin-bottom: 15px;
}
.user-profile-tabs .contenido ul.centros {
	list-style-type: none;
    padding: 0;
    margin: 10px;
}
.user-profile-tabs .contenido li.centro .nombre-centro {
	font-size: 18px;
}
.user-profile-tabs .contenido li.centro .direccion-centro {
	color: #9d9d9d;
    padding-left: 15px;
}

.myprofile-preferences .preferences-title {
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 30px;
}
.myprofile-preferences .preferences-form .preferences-advices-table {
    width: 100%;
}
.myprofile-preferences .preferences-form .preferences-advices-table tr th {
    padding: 10px 0;
    width: 80px;
}
.myprofile-preferences .preferences-form .preferences-advices-table tr td {
    padding: 10px 0;
    font-size: 18px;
    line-height: 28px;
}
.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.myprofile-preferences .preferences-form .preferences-advices-table tr td .input-checkbox-wrapper {
    vertical-align: top;
}
.input-checkbox-wrapper {
    margin: 0;
    padding: 0 0 0 21px;
}
.input-checkbox-wrapper input {
	width: 21px;
    height: 17px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eff1f3;
    transition: all 0.3s ease-out;
}

.myprofile-preferences .row {
    padding: 40px 0 40px 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none !important;
    border-top: 1px solid #9b9b9b !important;
}

.myprofile-preferences .preferences-form {
    border-top: none !important;
}

.myprofile-preferences .preferences-subtitle {
    font-size: 18px;
    line-height: 28px;
}
.myprofile-preferences a.underline {
    text-decoration: underline;
}
.myprofile-preferences .black {
    color: #000 !important;
}
/* -- */

.user-profile-tabs {
	width: 100%;
}
/* -- Header -- */
.perfil-usuario .usuario-pic {
    margin: 0 20px 0 0;
}
.perfil-usuario .avatar {
    width: 170px;
    height: 170px;
    border-radius: 100%;
}
.perfil-usuario .row .usuario-data {
    display: inline-block;
    width: calc(100% - 200px);
    vertical-align: top;
    font-family: "CircularStd-Medium", Arial Bold, Helvetica Bold, sans-serif;
}
.usuario-pic .portrait-icons {
	position: absolute;
	top: 0;
}
.usuario-pic .portrait-icons button {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%!important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-indent: -9999px;
    position: absolute;
    top: 40px;
    left: 100%;
    transition: all 0.3s ease;
    position: relative;
    margin-right: 95px;
}
.portrait-icons span:after {
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #009DDF;
    text-indent: 0;
    font-family: FontAwesome;
    content: '\f030';
}

.perfil-usuario .row .usuario-data .usario-tipo {
    margin: 0;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #000;
}
.perfil-usuario .row .usuario-data .usuario-nombre {
    margin: 0;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    color: #000;
}
.perfil-usuario .row .usuario-data .usuario-social {
    display: inline-block;
    vertical-align: middle;
}
.perfil-usuario .row .usuario-data .usuario-social .social {
    display: block;
    margin: 0;
    padding: 0;
}
.perfil-usuario .row .usuario-data .usuario-social .social li {
    display: inline-block;
    margin: 0;
    vertical-align: text-top;
}
.perfil-usuario .row .usuario-data .usuario-social .social li a {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    text-indent: -9999px;
    position: relative;
    background-color: #000;
}
.perfil-usuario .row .usuario-data .usuario-social .social li a:after {
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    font-family: FontAwesome;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-indent: 0;
}
.perfil-usuario .row .usuario-data .usuario-social .social li a.twitter:after {
    content: '\f099';
}
.perfil-usuario .row .usuario-data .usuario-social .social li a.facebook:after {
    content: '\f09a';
}
.perfil-usuario .row .usuario-data .usuario-social .social li a.linkedin:after {
    content: '\f0e1';
}
.perfil-usuario .row .usuario-data .usuario-social .social li a:after {
    color: #fff;
}
.perfil-usuario .row .usuario-data .close-session {
    margin: 0 0 0 10px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    vertical-align: top;
}
.perfil-usuario .row .usuario-data .usuario-desde {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0.5em;
}
.perfil-usuario .usuario-boton-edicion {
	position: absolute;
    left: 60%;
    top: 60px;
}
.perfil-usuario .usuario-boton-edicion a {
	position: relative;
	border-radius: 25px;
}
.perfil-usuario .usuario-boton-edicion a:hover {
    background: #009DDF;
    color: #cfd8dc;
}
.perfil-usuario-tabs .user-config-btn a {
	color: #9b9b9b;
	text-decoration: underline;
}
.perfil-usuario-tabs .user-config-btn a:hover {
	color: #828282;
}
.user-profile-tabs .nav-tabs-default {
	margin: 15px 0 0 0;
    padding: 0;
    position: absolute;
    margin-top: -65px;
    margin-left: 190px;
    border: none;
}
.user-profile-tabs .tab .nav-tabs-default {
	position: relative;
    margin-top: 0;
    margin-left: 0;
    border-bottom: 1px solid #dee2e6;
}
.user-profile-tabs .tab:last-of-type {
	border:none;
}
.user-profile-tabs .nav-tabs-default .nav-item {
    display: inline-block;
    margin: 0 40px 0 0;
}
.user-profile-tabs .nav-tabs-default .nav-link {
    padding: 0 0 10px 0;
    font-size: 21px;
    line-height: 27px;
    font-weight: 400;
    color: #9b9b9b;
    border: none;
    border-bottom: 2px solid #fff;
}
.user-profile-tabs .tab .nav-tabs-default .nav-link {
	    color: #9b9b9b;
    padding-bottom: 10px;
    border: none;
    margin-top: 20px;
    font-weight: 400;
}
.user-profile-tabs .nav-tabs-default .nav-link:hover {
	border-color: #fff;
	color: #000;
    border-bottom: 2px solid #000;
}
.user-profile-tabs .nav-tabs-default .nav-link.active {
    font-weight: 700;
    color: #000;
    border-bottom: 5px solid #000;
}
.user-profile-tabs .tab .nav-tabs-default .nav-link.active {
    border-bottom: 5px solid #009ddf;
    border-radius: 0;
    color: #009ddf;
}
.user-profile-tabs .user-profile-tabs ul.nav-tabs-default, .user-profile-tabs .tab {
   margin: 20px auto 30px;
    padding: 15px 0 0 0;
    max-width: 1140px;
    position: relative;
    border-bottom: 1px solid #dee2e6;
}
.user-profile-tabs .user-profile-tabs .nav-tabs-default .nav-item, 
.user-profile-tabs .tab button {
	display: inline-block;
    margin: 0 40px 0 0;
    outline: none;
    transition: all 0.3s ease;
}
.user-profile-tabs .user-profile-tabs .nav-tabs-default .nav-item .nav-link,
.user-profile-tabs .tab button {
    font-size: 21px;
    line-height: 27px;
    font-family: "CircularStd-Medium", Arial Bold, Helvetica Bold, sans-serif;
    color: #9b9b9b;
    outline: none;
    padding-bottom: 10px;
    border: none;
    margin-top: 20px;
    font-weight: 400;
    background-color: transparent;
}
.user-profile-tabs .user-profile-tabs .nav-tabs-default .nav-item .nav-link.active,
.user-profile-tabs .user-profile-tabs .nav-tabs-default .nav-item .nav-link:hover,
.user-profile-tabs .tab button.active {
        border-bottom: 5px solid #009ddf;
    border-radius: 0;
    color: #009ddf;
}
.user-profile-tabs .user-profile-tabs .nav-tabs-default .nav-item .nav-link.active {
	font-weight: 700;
}

/* -- */

/* -- filtros -- */
.user-profile-tabs .showTagsWrapper {
	flex-direction: column;
}
.user-profile-tabs .showTagsWrapper .filter-title, .user-profile-tabs {
	color: #000;
	line-height: inherit;
}
.user-profile-tabs .recursos select.selected-option {
	    margin-top: 20px;
}
.user-profile-tabs .filters-row.clear {
	display: flex;
	padding-left: 15px;
}
.user-profile-tabs .mod-filtros-landings__resultados .no-results {
	margin-top: 50px;
}
/* -- */
/* -- ayuda -- */
.container.my-consults .threads-wrapper .thread-header .thread-consult .advice-icon img {
	margin-top: 0;
}
.container.my-consults .threads-wrapper .thread-header .thread-consult .advice-icon {
	height: 25px;
}
/* .faqs-container .title-summary {
    width: 50%;
    margin: 20px 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
} */
.container.faqs-container .question .open-faq, .container.faqs-container .question .close-faq {
	background-image: url(../images/arrow-down-grey.png)
}
.container.contact .contact-form {
	margin-top: 40px;
}
.container.contact .contact-form .contact-col-left {
	vertical-align: top;
}
button.rounded {
	border-radius: 25px !important;
}
.select.col-lg:first-of-type {
	padding-left: 0;
}
.mod-filtros-landings__resultados.container.row {
	padding: 0;
}
.mod-filtros-landings__resultados.container.row .cards.element.row {
	margin: 0;
}
/* -- */

/**/

/* GDPR */
.popup-gdpr.container.shadow {
	box-shadow: none!important;
	z-index: 10001;
    position: fixed;
    top: 0;
    left: 0;
    max-width: none;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
    display:flex;
}
.popup-gdpr.container.shadow #form_gdpr {
	background-color: #fff;
    max-width: 1140px;
    padding: 40px;
    border-radius: 15px;
    position: relative;
    margin: auto;
}
.popup-gdpr #loading {
	display: none;
}
.popup-gdpr .popup-combo-wos, .popup-gdpr .popup-zipCode-gdpr, .popup-gdpr .popup-gender-gdpr {
	max-width: 33%;
}
.popup-gdpr label[for=gender] {
	margin-left: 65px;
}
.popup-gdpr label {    
    margin-right: 10px;
}
.popup-gdpr .button a, .popup-gdpr .button a:hover {
	background-color: #009ddf;
    border-color: #009ddf;
    border-radius: 20px;
    min-width: 130px;
    color: #fff;
}
.popup-gdpr .pharagraph.capa1 {
	margin-bottom: 20px;
}
/**/

.center-name{
	text-decoration: underline;
    color: #4176db;
}
.center-link{
    border-radius: 15px;
    border: 1px solid #009DDF;
    width: auto;
    line-height: 22px;
    text-align: center;
}
.center-info th {
    width: 15%;
}
.center-title{
    width: 100%;
}
.activity-info{
    width: 100%;
}

/*FICHA CENTROS*/

.description-text{
    color: black;
}

/* CARD CENTROS*/

a.element-img.centro.card {
    border: 1px solid rgba(0, 0, 0, 0);
}

.element-img.centro.card img {
    max-height: 400px;
    object-fit: contain;
    border: none;
    /* border: 1px solid rgba(0, 0, 0, 0); */
}

/*LANDING CENTROS*/

/* .educaixa{ */
/* 	color:#009DDF; */
/* } */

.center-wrapper .center-title{
	font-size: 28pX;
	line-height: 34px;
	color: #000000;
	font-weight: 900;
}

.center-wrapper .center-border {
	display: flex;
	padding: 12px 0 0 0;
	border-top: 1px solid #000;
	justify-content: space-between;
}

.button.secondary {
	padding: 12px;
	background-color: #fff !important;
	color: #009DDF !important;
	border: 1px solid #009DDF;
	width: 150px;
	border-radius:30px;
	padding-right:40px;
}

.center-wrapper .center-border .center-actions {
	display: flex;
	align-items: center;
}

.center-wrapper .button{
	padding: 6px 12px;
}

button#share {
    padding-right:30px;
}

.center-wrapper {
    padding: 0 0 50px 0;
}

/*FICHAS-recursos*/
.obj-rec-title{
	width:100%
}

/*LANDING-evidencias*/
.landing-tabs-content .titulo-seccion .title{
	font-size: 24px;
	line-height: 42px;
}

.landing-tabs-content .titulo-seccion .title{
	display: block;
    width: 90%;
    font-size: 24px;
    line-height: 28px;
    margin: 0 auto;
    padding: 0 20px;
    font-family: "Circular Std Medium";
}
.landing-tabs-content .row {
    margin-top: 30px;
}
.landing-tabs-content .sub-section-title {
   	display: block;
    width: 90%;
    font-size: 21px;
    line-height: 27px;
    font-weight: bold;
}
.landing-tabs-content .sub-section-content {
   	font-size: 16px;
  	margin-bottom: 15px;
}
.landing-tabs-content .row a{
    border: 1px solid #f0940e;
    color: #f0940e;
    display: block;
    margin-left: 1px;
}

.tabs-evidencias .selector.selected .text-tabs{
    border-bottom: 3px solid #f0940e;
    max-width: 300px;
}

.tabs-evidencias .selector.selected .text-tabs{
    color: #000;
    font-size: 19px;
    font-family: "Circular Std Medium";
}

.tabs-evidencias .selector .text-tabs{
    color: #9b9b9b;
    font-size: 19px;
    font-family: "Circular Std Medium";
}

.tabs-evidencias .selector .text-tabs:hover{
    border-bottom: 3px solid #f0940e;
    max-width: 300px;
    color: #f0940e;
}

.tabs-evidencias .selector.selected .text-tabs p{
    border-bottom: 1px solid #f0940e;
    max-width: 300px;
}

.tabs-evidencias .selector{
    margin: 0 40px 0 0;
}

.tabs-evidencias .selector{
    max-width: 400px;
}

.captacion-ficha{
    height: auto;
    /*margin: 2% auto;*/
}

/* .mod-filtros-landings__resultados .card-register{
	margin-top: 25px;
} */

/* NEW */

.evidencias-tab a {
    border: none;
    line-height: 0px;
    font-size: 14px;
}

.evidencias-tab .wrapper-filters ul li a, .evidencias-tab .wrapper-filters button.delete-filter{
	line-height: 0px;
    padding-right: 50px;
    font-size: 14px;
}

.evidencias-tab .wrapper-filters .filter-container ul li a{
	line-height: 16px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 1px
}

.evidencias-tab .slick-slide img{
	display: inline;
}


.evidencias-tab .slick-slide a {
    padding: 0;
    line-height: 35px;
    color: #f0940e;
}

.evidencias-tab .slick-slide .element-img  a {
    border: none;
}

.evidencias-tab .slick-slide a.card-button-yellow{
	border: 1px solid #f0940e;
    /* padding: 10px; */
}

.evidencias-tab .mod-filtros-landings.container {
	padding:0px;
}

.mod-filtros-landings .col-lg-4.col-xs-4 {
    padding: 0 5px 0 5px;
}

/* -- Ocultar mensaje del CMS para cambiar de idioma. Popup pequeño -- */
div#portalMessageContainer {
    display: none !important;
}

/* EXTRAS */
/* -- Bloques repetibles -- */
.centred-title{
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 65px;
}
.number-blue{
    color: #009ddf;
    font-size: 24px;
    font-weight: bold;
    margin-right: 10px;
    margin-top: -5px;
}
.pagegreen .number-blue{
    color: #0fb158;
}
.pagered .number-blue{
    color: #d33f48;
}
.pageyellow .number-blue{
    color: #f0940e;
}
.pagepurple .number-blue{
    color: #7B2FA1;
}
/* -- */
/* -- 4 columnas -- */
.title-4-columns{
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom:50px;
}
.subtitle-section-blue{
    color: #009ddf;
    font-size: 21px;
    line-height: 28px;
}
.background-grey{
    background-color: #f1f1f1;
}
/* -- */
/* -- Lean Startup -- */
.title-underline{
    font-size: 24px;
    line-height: 36px;
    color: #009ddf;
    text-decoration: underline;
}
.pr-text{
    padding-right:40px;
}
.pl-img{
    padding-left: 40px;
}
/* -- */
/* -- Tabla -- */
.table-container{
    border-radius: 15px;
    border: 1px solid #979797;
    padding: 32px 25px;
}
.table-title{
    font-size: 16px;
    color: #9b9b9b;
    border-bottom: 1px solid #979797;
}
.table-column-1{
    font-size: 16px;
    font-weight: bold;
    color: #009ddf;
    border-bottom: 1px solid rgba(240, 240, 240, 0.8);
}
.table-column-2, .table-column-3{
    font-size: 16px;
    border-bottom: 1px solid rgba(240, 240, 240, 0.8);
}
.table-total{
    font-size:16px;
    font-weight: bold;
}
/* -- */
/* -- retos repetibles -- */
.title-section-blue{
    color: #009ddf;
    font-size: 24px;
}
.teams{
    font-size: 18px;
    color: #6d7278;
}
.badge::before{
    content: url(../images/medalla.PNG); 
}
/* -- */
/* -- burbujas resumen -- */
.row-circle, .row-number-columns{
    padding: 0 96px 0 96px;
}
.row-number-columns{
    display:flex;
}
.number-columns{
    margin-right: 8%;
}
.subtitle-black{
    font-size: 24px;
    font-weight: bold;
}
.number-black{
    font-size:24px;
    font-weight: bold;
}
.text-column-1{
    width: 192px;
}
.text-column-2{
    width: 142px;
    margin-left: 20%;
}
.arrow-column{
    width: 100%;
    padding: 0 24px;
    position: relative;
}
.arrow{
    width: 100%;
    height: 1px;
    background-color: #009ddf;
}
.arrow::after, .arrow::before {
  content: '';
  position: absolute;
  height: 0.5px;
  width: 10px;
  background-color: #009ddf;
}
.arrow::after {
  top: -2px;
  transform: rotate(23deg);
}
.arrow::before {
  top: 2px;
  transform: rotate(-23deg);
}
.circle-column{
    width: 110px;
}
.circle{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #009ddf;
    font-size:12px;
    text-align: center;
    color:#f1f1f1;
}
#pos_1 {
    margin-right: 30%;
}
#pos_2 {
    margin-right:21%;
}
#pos_3{
    margin-right:12%;
}
/* -- */
/* -- ficha proyecto -- */
.woper{
    display:flex;
    justify-content: center;
    flex-wrap: nowrap;
}
.blue-text{
    font-size: 18px;
    color: #009ddf;
}
.blue{
    color: #009ddf;
}
.column-info-title{
    font-size: 14px;
    color: #009ddf;
}
.bar{
    border-color: #009ddf;
}
/* -- */

/* WIDGET Programas Aula */
.sticker_program_length .side_block .texto_widget .side_line {
    border: 2px solid #009DDF;
    width: 45px;
    margin: auto;
    margin-bottom: 1rem;
    border-radius: 5px;
    background: #009DDF;
}

.sticker_program_length .side_block .texto_widget p{
    font-weight: bold;
    font-size: 1rem;
}

.sticker_program_length .side_block{
    padding: 32px 47px 32px 48px; 
}

.block-grey-bg{
	background: #EFF1F3;
	border-radius: 15px;
}
@media (min-width: 992px)
{
	.col-lg-3.sticker_program_length {
		max-width: 228px;
		margin-bottom: 50px;
	}
}

/**/
@media(max-width: 768px) {
	#modal-solicitar-material .contenido-ficha-central select.form-control,
	#contactar-con select.form-control,
	#inscribete-conferencia select.form-control {
		width: 100%;
    }
    .filter-datepicker-wrapper .filter-datepicker {
        margin-right: 0;
    }
    .select.col-lg:first-of-type {
        padding-left: 0;
    }
    .myeducaixa-notifications-list .notification{
        justify-content: space-between;
    }
    .myeducaixa-notifications-list .notification > div.action{
        width: 40px
    }
    .myeducaixa-notifications-list .notification > div.class-title,
    .tab-panel .myprofile-notifications-list .notification > div.class-title {
        width: calc(100%/2);
        padding: 0 4px;
    }
    .myeducaixa-notifications-list .notification > div.class-title .title, 
    .tab-panel .myprofile-notifications-list .notification > div.class-title .title{
        padding: 0;
    }
    .container.registration .title-summary{
        width: 100%;
    }
}

@media (max-width: 767px) {
	.tabs-evidencias .selector .text-tabs{
		font-size: 16px;
	}
	.tabs-evidencias .selector{
	    display: inline-block;
	}
	.tabs-evidencias .block.container, .tabs .tabs-selector{
	    margin: 0 30px 0 10px;
	    padding: 0 0 10px 0;
	}
}


/* -- FireFox -- */
 
@-moz-document url-prefix() {
	/* Banner */
	.slick-dots li button:before {
		position: relative;
		display: flex;
	}
	/**/
	/* statistics */
	.under-banner .card-actions > div {
		display: flex;
	}
	.under-banner .tooltip {
		margin-top: 40px;
	}
	/**/
}
		

/* -- */
.program-register-title{
	height: 35px;
	width: 100%;
	color: #009DDF;
	font-size: 28px;
	line-height: 32px;
	text-align: center;
}

@media ( max-width : 500px) {
	.mod-program-register .program-register-title{
		font-size: 18px;
	}
	.mod-program-register .program-register-description {
		font-size: 16px;
	}
}

.program-register-description {
  height: 150px;
  width: 90%;
  color: #000000;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: auto;
  margin-top: 50px;
  }
.program-register-description.aula-descption{
	height:70px;
	margin-left: auto;
    margin-right: auto;
 }
.dropdown {
	position: absolute;
  display: contents;
  overflow: hidden;
  cursor: pointer;
  padding: 0px;
  z-index: 2;
  font-size:14px;
}
.dropdown img {
	    right: 0;
    position: absolute;
}
.dropdown-content {
	position: absolute;
    display: none;
    min-width: 160px;
    color: blue;
    padding: 12px 16px;
    z-index: -1;
    margin-top: 15px;
}
select {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 9px 30px 9px 16px;
    font-size: 16px;
    font-family: "CircularStd-Medium",Arial Bold,Helvetica Bold,sans-serif;
    color: #9b9b9b;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background: url(/o/educaixa-theme/css/../images/arrow-down-grey.png) right 10px center no-repeat;
    background-size: 12px;
    border: 1px solid #9b9b9b;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 25px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    }
.mod-program-register select.form-control:not([multiple]):not([size]), .form-control-select {

 	background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 95% #fff;
    -webkit-appearance: none;
        height: 2.85rem;
}


/* -- Modal UserBookMark -- */

#modal-confirm-delete {
    position: fixed;
    z-index: 101;
    background-color: white;
    border-radius: 4px;
    width: 696px;
    padding: 3rem 7rem;
    top: 5rem;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 16px 24px 48px -28px rgba(0, 0, 0, 0.77);
}

.cancel,.cancel:hover {
	border: 1px solid #009ad8;
}
.delete {
	margin-left: 20px;
}

@media only screen and (max-width: 1023px) {
	#modal-confirm-delete {
		width: 320px;
/* 		height: 568px; */
		padding: 1rem;
	}
	.cancel,.delete {
		display: block;
  		width: 150px;
		margin: auto;
	}
}
button#bookmark.bookmarked {
	background-image: url(../images/cards_home/bookmarked.png);
}
.fa.fa-minus, .fa.fa-plus{
	cursor: pointer;
} 

.register a.userPic{
	color: #000	
}

/* Profile datos personales */
.subtabdatos .profile-personal-data-block .input-text-wrapper input.form-control{
	color: #000;
}

/* 	Slick incubadora */
.repte-layout-4 .row.slick-slide.slick-active {
	height: auto;
}
.repte-layout-4 .row.slick-slide {
	height: 0px;
}

.pagegreen .tabs-selector.color-caixa-blue{
	color: #0fb158;
}

.pagered .tabs-selector.color-caixa-blue{
	color: #d33f48;
}

.pageyellow .tabs-selector.color-caixa-blue{
	color: #f0940e;
}

.pagepurple .tabs-selector.color-caixa-blue{
	color: #7B2FA1;
}

.pagegreen h3.color-caixa-blue{
	color: #0fb158;
}

.pagered h3.color-caixa-blue{
	color: #d33f48;
}

.pageyellow h3.color-caixa-blue{
	color: #f0940e;
}

.pagepurple h3.color-caixa-blue{
	color: #7B2FA1;
}

.pagegreen h3.title-underline.mb-md-3.mt-sm-4.mt-md-0 {
	color: #0fb158;
}

.pagered h3.title-underline.mb-md-3.mt-sm-4.mt-md-0 {
	color: #d33f48;
}

.pageyellow h3.title-underline.mb-md-3.mt-sm-4.mt-md-0 {
	color: #f0940e;
}

.pagepurple h3.title-underline.mb-md-3.mt-sm-4.mt-md-0 {
	color: #7B2FA1;
}

.pagegreen .row.cal-reto h3{
	color: #0fb158;
}

.pagered .row.cal-reto h3{
	color: #d33f48;
}

.pageyellow .row.cal-reto h3{
	color: #f0940e;
}

.pagepurple .row.cal-reto h3{
	color: #7B2FA1;
}

.pagegreen .row.cal-reto .title-underline{
	color: #0fb158;
}

.pagered .row.cal-reto .title-underline{
	color: #d33f48;
}

.pageyellow .row.cal-reto .title-underline{
	color: #f0940e;
}

.pagepurple .row.cal-reto .title-underline{
	color: #7B2FA1;
}

.pagegreen .slick-slide a{
	border: 1px solid #0fb158;
}

.pagered .slick-slide a{
	border: 1px solid #d33f48;
}

.pageyellow .slick-slide a{
	border: 1px solid #f0940e;
}

.pagepurple .slick-slide a{
	border: 1px solid #7B2FA1;
}

/* Evidencias tabs */

.evidencias-tab .row.slick-slide{
	height: 0;
}

.evidencias-tab .row.slick-slide.slick-active{
	height: auto;
}


/* Formulario contacto */
#contactar-con .contact-gender div{
	display: contents;
}

#contactar-con .contact-gender .filter-title{
	padding: 0 20px 0 0;
    font-size: 21px;
    line-height: 27px;
}

#contactar-con .contact-gender .radio label{
	margin-left: 10px;
}

#contactar-con .contact-gender .radiobutton{
	margin-top: 4px;
}

#contactar-con .contact-gender{
	display: inline-block;
}

#contactar-con .filter-datepicker-wrapper .filter-datepicker input[type="text"].hasDatepicker{
	width: 120px;
    font-size: 16px;
    border: 1px solid #9b9b9b;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    display: inline-block;
    text-align: center;
    padding-top: 8px;
}


#contactar-con .filter-datepicker-wrapper .filter-datepicker .ui-datepicker-trigger{
    MARGIN: 0 0 0 6px!important;
    top: 5px;
    content: url(/o/educaixa-theme/css/../images/menu_icons/calendar.PNG);
    background-image: none !important;
}

#contactar-con .filter-datepicker-wrapper .filter-datepicker > div {
	float: left;
}

#contactar-con .filter-date-title{
	text-align:left;
}

/* Registro programa */
.block.program-summary.container .button-holder.sheet-footer {
    padding: 30px 30px;
}

/* Cards proyectos */
.slick-slide .card-wrapper .card-proyecto .element-img.form a,
.slick-slide .card-wrapper .card-proyecto .element-text.form a{
    line-height: normal;
    border: none;
    padding: 0;
    margin: 25px 4px;
    color: #0FB158;
    font-size: 18px;
    background-color: #0FB158;
}

.row.card-proyecto a.card-button-green.color-caixa-green.background-white{
	line-height: 35px;
    border: 1px solid #0FB158;
    border-radius: 15px;
    padding: 0px;
    font-size: 14px;
    margin: 0px;
    color: #0FB158;
    font-size: 18px;
}
.cards.card-proyecto div.element-img.form{
	background-color: inherit;
}

.slick-slide .card-proyecto button#share, .slick-slide .card-proyecto button#bookmark{
	border-radius: 0px;
    padding: 0px;
}

/* Modal delete favoritos */
#modal-confirm-delete .h3-copycat.center{
	margin-top: 10px;
    color: #000;
    height: 45px;
}

#modal-confirm-delete .modal-delete-favorites-title{
	height: 35px;
    width: 100%;
    color: #009DDF;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
}

#modal-confirm-delete a.delete{
	margin: 0 10px 20px 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    background: #009DDF;
    border-radius: 15px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #009ad8;
}

#modal-confirm-delete a.cancel{
	margin: 0 10px 20px 0;
    text-align: center;
    color: #009DDF;
    font-size: 18px;
    line-height: 23px;
    border-radius: 15px;
    padding: 10px;
    cursor: pointer;
    border: inherit;
}

/* Popup eliminar aula  */

#modal-confirm-delete-aula .modal-delete-aula-title{
    width: 100%;
    color: #009DDF;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
}

#modal-confirm-delete-aula .h3-copycat.center{
	margin-top: 10px;
    color: #000;
    height: 45px;
}

#modal-confirm-delete-aula a.delete{
	margin: 0 10px 20px 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    background: #009DDF;
    border-radius: 15px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #009ad8;
    display: inline-block;
}

#modal-confirm-delete-aula a.cancel{
	margin: 0 10px 20px 0;
    text-align: center;
    color: #009DDF;
    font-size: 18px;
    line-height: 23px;
    border-radius: 15px;
    padding: 10px;
    cursor: pointer;
    border: inherit;
    display: inline-block
}


/*  educaixa-filtros-landings */
.filter-container li.selected {
    font-weight: bold;
}

.filter-container li.selected {
    display: none !important;
}
.filter-container {
    align-items: baseline;
}
.mod-filtros-landings__filters .wrapper-filters .showTags, 
.mod-filtros-landings__filters .wrapper-filters .filter-container .init {
    display: inline-flex;
} 
/* end educaixa-filtros-landings */

.landing-tabs-content .titulo-seccion .row .col-lg-6 {
padding-left: 0;
padding-right: 0;
}

.landing-tabs-content .titulo-seccion div.title {
width: 100%;
padding: 0;
}

#menu .header-container .logo a:first-child{ 
	margin-bottom: 25px; 
} 

#valoraciones-wrapper #cta-valoracion-ficha {
    width: calc(100% /2);
    display: flex;
    height: 50px;
    justify-content: center;
    background: transparent;
}

/**REPTE **/

.countdown {
    width: 636px;
    margin: auto;
}
.countdown .numerical{
    max-width: max-content;
}
.countdown .not-numerical.flex span {
    width: calc(100%/4);
    text-align: center;
}
.countdown .not-numerical{
    padding-right: 14px;
    max-width: 100%;
    padding-left: 14px;
    /* max-width: inherit; */
}
/**END REPTE **/
/**CARRUSEL :**/
.carousel.banner{
    visibility: hidden;
}
/**END CARRUSEL :**/

.at-share-btn .at-icon{
	fill: rgb(0, 157, 223);
}


/**PROYECTOS**/
.activityTypeProject p.training-type{
	color: #4176DB;
}
.programTypeProject p.training-type{
	color: #009DDF;
}
.evidenceTypeProject p.training-type{
	color: #f0940e;
}
.actualityTypeProject p.training-type{
	color: #d33f48;
}
.resourceTypeProject p.training-type{
	color: #7B2FA1;
}

.activityTypeProject h2.green-title{
	color: #4176DB;
}
.programTypeProject h2.green-title{
	color: #009DDF;
}
.evidenceTypeProject h2.green-title{
	color: #f0940e;
}
.actualityTypeProject h2.green-title{
	color: #d33f48;
}
.resourceTypeProject h2.green-title{
	color: #7B2FA1;
}

hr.green-line.activityTypeProject{
	border: 1px solid #4176DB;
}
hr.green-line.programTypeProject{
	border: 1px solid #009DDF;
}
hr.green-line.evidenceTypeProject{
	border: 1px solid #f0940e;
}
hr.green-line.actualityTypeProject{
	border: 1px solid #d33f48;
}
hr.green-line.resourceTypeProject{
	border: 1px solid #7B2FA1;
}

.container.vertical.trainingTypeProject div.row.three h3 p{
	color: #0FB158;
}
.container.vertical.activityTypeProject div.row.three h3 p{
	color: #4176DB;
}
.container.vertical.programTypeProject div.row.three h3 p{
	color: #009DDF;
}
.container.vertical.evidenceTypeProject div.row.three h3 p{
	color: #f0940e;
}
.container.vertical.actualityTypeProject div.row.three h3 p{
	color: #d33f48;
}
.container.vertical.resourceTypeProject div.row.three h3 p{
	color: #7B2FA1;
}

.activityTypeProject span.element-type.color-caixa-green{
	color: #4176DB;
}
.programTypeProject span.element-type.color-caixa-green{
	color: #009DDF;
}
.evidenceTypeProject span.element-type.color-caixa-green{
	color: #f0940e;
}
.actualityTypeProject span.element-type.color-caixa-green{
	color: #d33f48;
}
.resourceTypeProject span.element-type.color-caixa-green{
	color: #7B2FA1;
}

.row.card-proyecto.activityTypeProject a.card-button-green.color-caixa-green.background-white{
	border: 1px solid #4176DB;
	color: #4176DB;
}
.row.card-proyecto.programTypeProject a.card-button-green.color-caixa-green.background-white{
	border: 1px solid #009DDF;
	color: #009DDF;
}
.row.card-proyecto.evidenceTypeProject a.card-button-green.color-caixa-green.background-white{
	border: 1px solid #f0940e;
	color: #f0940e;
}
.row.card-proyecto.actualityTypeProject a.card-button-green.color-caixa-green.background-white{
	border: 1px solid #d33f48;
	color: #d33f48;
}
.row.card-proyecto.resourceTypeProject a.card-button-green.color-caixa-green.background-white{
	border: 1px solid #7B2FA1;
	color: #7B2FA1;
}