/*Hoja de stilos para los botones e iconos */


/*** Bloque iconos ***/
.heading {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.heading > h2 {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 30px;
    color: #00677F;
    line-height: 23px;
}
.heading span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 16px;
    color: #888888;
    margin-top: 8px;
    line-height: 29px;
}
.cat-sec {
    float: left;
    width: 100%;
}

.row.no-gape {
    margin: 0;
}
.row.no-gape .col-lg-3 {
    margin: 0;
    padding: 0;
}
.p-category,
.category {
    text-align: center;
    float: left;
    width: 100%;
    z-index: 1;
    position: relative;
}
.category .entBlock:nth-child(1) {
    margin-right: 10px;
    position: relative;
    left: -10px;
}
.p-category:hover,
.category:hover  {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-left: 0;
    z-index: 10;
}
.p-category h3,
.category h3 {
    float: left;
    width: 100%;
    z-index: 1;
	padding: 0 1rem;
    position: relative;
}

.p-category > a {
    float: left;
    width: 100%;
    text-align: center;
}
.entBlock:nth-child(3) .p-category > a{
    border-right: none;
}
.category > a {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}

.p-category > a em,
.category > a em{
    float: left;
    width: 100%;
    color: #7fb3bf;
    font-size: 70px;
    margin-top: 30px;
}
.p-category a:hover,
.category a:hover {
    text-decoration: none;
}
.p-category em,
.category em {
    color: #008eaa;
    font-size: 8rem;
    padding: 10% 0 0 0;
}
.p-category span,
.category span {
    float: left;
	width: 100%;
	color: #202020;
	margin-top: 10px;
	padding: 0 5px 25px;
	font-size: 14px;
}

.p-category > a p,
.category > a p {
    float: left;
    width: 100%;
    font-size: 13px;
    margin: 3px 0 0 0;
    text-align: left;
    padding: 0 15px 0 15px;
}
.cat-sec .p-category > a,
.cat-sec .category > a {
    min-height: 10rem;
}


/* --------------------Clases MVC-------------------------------------- */


.fundae .legendPad {
    float: left;
    padding: 28px 15px;
}


/*-- Tamaños de iconos --*/

.fundae [class*=" icon-"] {
    color: #d86018;
}
.fundae .size_1  {font-size: 1rem;}
.fundae .size_12 {font-size: 1.3rem;display: inline-block;padding: 8px 14px;}
.fundae .size_13 {font-size: 1.3rem;display: inline-block;padding: 4px 10px;}
.fundae .size_2  {font-size: 2rem;}
.fundae .size_22 {font-size: 2.2rem;}
.fundae .size_25 {font-size: 2.5rem;}
.fundae .size_3  {font-size: 3rem;}
.fundae .size_4  {font-size: 4rem;}
.fundae .size_45  {font-size: 4.5rem;}
.fundae .size_5  {font-size: 5rem;}
.fundae .size_6  {font-size: 6rem;}
.fundae .size_65 {font-size: 6.5rem;}
.fundae .size_7  {font-size: 7rem;}
.fundae .size_75 {font-size: 7.5rem;}

/*-- Fin de tamños iconos --*/



/* NUEVO Checkbox y radiobutton */

.checkcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    z-index: 1;
    height: 24px !important;
    margin: -0px 0 0 0 !important;
    top: -1px;
    width: 100%;
}
.checkcontainer input:checked ~ .checkmark {
    background-color: transparent;
    border: 1px solid #ccc;
}
.checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.checkmark::after {
    content: "";
    position: absolute;
    display: none;
}
.checkcontainer input:checked ~ .checkmark::after {
    display: block;
    color:red;
}
.checkcontainer .checkmark::after {
    left: 9px;
    top: 5px;
    width: 7px;
    height: 12px;
    border: solid #53565a;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    color:#53565a;
}
.checkcontainer:hover input ~ .checkmark {
    background-color: #fff;
    border: 1px solid #d86018;
}

.checkcontainer input[type="checkbox"] {
    margin: 0 10px 0 0px;
    position: absolute;
    left: 1px;
}


  /*---< RADIOBUTTON >---*/
    .radiobtn {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid #ccc;
    }
    .radiobtn:hover {
        border: 1px solid #d86018;
    }
    .checkcontainer input:checked ~ .radiobtn {
        background-color: #fff;
        border: 1px solid #ccc;
    }
    .checkcontainer:hover input ~ .radiobtn::hover {
        background-color: #fff;
        border: 1px solid #d86018;
    }
    .checkcontainer input:checked ~ .radiobtn::after {
        display: block;
    }
    .checkcontainer .radiobtn::after {
        top: 8px;
        left: 8px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #53565a;
    }
    .radiobtn::after {
        content: "";
        position: absolute;
        display: none;
    }
    /*---< end RADIOBUTTON >---*/

/* Fin NUEVO Checkbox y radiobutton */


/* Checkbox y radiobutton */

.fundae body .radio {
    margin-bottom: 0px;
}

.fundae body .checkbox, 
.fundae body .checkbox-inline {
    margin-right: 32px;
    margin-bottom: 0px;
    margin-top: 0px !important;
    display: inline-block !important;
}

    .fundae body .checkbox label .fa fa-angle-down, 
    .fundae body .checkbox-inline label .fa fa-angle-down{
        font-family: 'Montserrat-Light',Verdana,Arial,Helvetica,sans-serif;
        cursor: pointer;
    }

.fundae body label .fa fa-angle-down.check {
    float: left;
    width: auto;
    padding-right: 0.2em;
    margin-right: 1.2em;
}

.fundae body .row .form-check {
    position: relative;
    display: block;
    margin-bottom: 0;
    width: auto;
    float: left;
    padding: 5px 30px 0 0;
}

.fundae body .row .form-check-label .fa fa-angle-down {
    padding-left: 1.25rem;
    margin-bottom: 0;
    display: inline-block;
    width: auto;
}

.fundae body input[type="radio"] {
    margin: 8px 4px 0 0;
}

/* checkbox */

	.fundae .checkbox input[type="checkbox"], 
    .fundae .checkbox-inline input[type="checkbox"]{
	    margin-top: 2px;
        opacity: 0;
        z-index: -1;
	}

	/* Aumentar el tamaño del Checkbox */
	.fundae body input[type=checkbox] {
	    -ms-transform: scale(1);
	    -moz-transform: scale(1);
	    -webkit-transform: scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	}

	.fundae ul.detail-list li a {
	    padding: 0;
	    position: relative;
	    top: -5px;
	}

	    .fundae ul.detail-list li a:link,
	    .fundae ul.detail-list li a:visited,
	    .fundae ul.detail-list li a:hover,
	    .fundae ul.detail-list li a:active {
	        text-decoration: none;
	    }

	   .fundae  ul.detail-list li a[data-fe-help-popup]::before {
	        font-size: 2.8rem;
	    }

	.fundae .validado {
	    color: rgb(0, 103, 127);
	    font-weight: bold;
	}

    /* Checkbox con texto al lado */

   .fundae  div.checkStyle>label .fa fa-angle-down.checkbox-inline>span{
        float: left;
        margin-top: 2px;
        width: 2.5rem;
        margin-right: 5px;
    }
   .fundae  div.checkStyle>label .fa fa-angle-down.checkbox-inline>span.checkFalse:before {
	    content: "\f096";
	    font-family: "FontAwesome";
	    speak: none;
	    font-style: normal;
	    font-weight: normal;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 1;
	    -webkit-font-smoothing: antialiased;
	    width: 1em;
	    display: inline-block;
	    margin-right: 5px;
	    font-size: 2.2rem;
	    padding: 0 0 0 2px;
	    cursor: pointer;
	    color: #A4A4A4;
	    position: relative;
	    top: 3px;
	    background: #fff;
	    right: 2px;
	}
    .fundae .checkStyle label .fa fa-angle-down[type="checkbox"]:checked + input[type="hidden"] + .checkFalse::before {
        content: "\f14a";
        color: #004c5e;
        animation: effect 250ms ease-in;
    }

    .fundae div.checkStyle>label .fa fa-angle-down.checkbox-inline>span:last-child{
        width: 92%;
        float: left;
        margin-top: 1px;
    }
    
	/* Check box False para formulario */

	.fundae .checkStyle input[type="checkbox"] + input[type="hidden"] + span.checkFalse:before {
	    content: "\f096";
	    font-family: "FontAwesome";
	    speak: none;
	    font-style: normal;
	    font-weight: normal;
	    font-variant: normal;
	    text-transform: none;
	    line-height: 1;
	    -webkit-font-smoothing: antialiased;
	    width: 1em;
	    display: inline-block;
	    margin-right: 5px;
	    font-size: 2.2rem;
	    padding: 0 0 0 2px;
	    cursor: pointer;
	    color: #A4A4A4;
	    position: relative;
	    top: 3px;
	    background: #fff;
	    right: 2px;
	}

	.fundae .checkStyle input[type="checkbox"]:checked + input[type="hidden"] + .checkFalse:before {
	    content: "\f14a";
	    color: #004c5e;
	    animation: effect 250ms ease-in;
	}
    .fundae .checkStyle input[type="checkbox"]:checked + input[type="hidden"] + .checkFalse:before {
	    content: "\f14a";
	    color: #004c5e;
	    animation: effect 250ms ease-in;
	}
    .fundae div.checkStyle>label .fa fa-angle-down.checkbox-inline>span:before {
    }

.fundae .checkStyle label .fa fa-angle-down {
    font-family: 'Montserrat light',Verdana,Arial,Helvetica,sans-serif !important;
    padding-left: 0;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
}

.fundae .checkStyle label .fa fa-angle-down a {
    margin-top: 5px;
    display: inline-block;
}

/* End Checkbox False para formulario*/

/* Checkbox para tabla */

.fundae .checkStyle input[type="checkbox"] + input[type="hidden"] + span.check-table-th:before {
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    font-size: 1.8rem;
    padding: 0 0 0 2px;
    cursor: pointer;
    color: white;
    position: relative;
    top: 6px;
    right: 1px;
}

.fundae .checkStyle input[type="checkbox"]:checked + input[type="hidden"] + .check-table-th:before {
    content: "\f14a";
    color: white;
    animation: effect 250ms ease-in;
}


.fundae .checkStyle input[type="checkbox"] + input[type="hidden"] + span.check-table:before {
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    font-size: 1.8rem;
    padding: 0 0 0 2px;
    cursor: pointer;
    color: #00677F;
    position: relative;
    top: 5px;
}

.fundae .checkStyle input[type="checkbox"]:checked + input[type="hidden"] + .check-table:before {
    content: "\f14a";
    color: #00677F;
    animation: effect 250ms ease-in;
}


.fundae input[type="checkbox"]:disabled + .check-tablet {
    color: #aaa;
}

.fundae input[type="checkbox"]:disabled + .check-table {
    content: "\f0c8";
    color: #ccc;
}

.fundae input[type="checkbox"] + .check-relative {
    position: inherit;
}

 /* Listas con checkbox */
.fundae body ul .checkStyle label .fa fa-angle-down {
    font-family: 'Montserrat-light',Verdana,Arial,Helvetica,sans-serif !important;
    padding-left: 0px;
    font-size: 1.4rem;
    margin-bottom: 0px;
}


/* radiobutton */

.fundae .form-check label .fa fa-angle-down {
    cursor: pointer;
}

    .fundae .form-check label .fa fa-angle-down span{
        font-family: 'Montserrat light',Verdana,Arial,Helvetica,sans-serif;
        font-size: 1.45rem;
    }



.fundae input[type="radio"] + .label .fa fa-angle-down-text:before {
    content: "\f10c";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    font-size: 2rem;
    position: relative;
    top: 2px;
    cursor: pointer;
    color: #A4A4A4;
}

.fundae input[type="radio"]:checked + .label .fa fa-angle-down-text:before {
    content: "\f192";
    color: #00677F;
    animation: effect 250ms ease-in;
}

.fundae input[type="radio"]:disabled + .label .fa fa-angle-down-text {
    color: #aaa;
}

    .fundae input[type="radio"]:disabled + .label .fa fa-angle-down-text:before {
        content: "\f111";
        color: #ccc;
    }

/*Radio Toggle*/

.fundae .toggle input[type="radio"] + .label .fa fa-angle-down-text:before {
    content: "\f204";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
}

.fundae .toggle input[type="radio"]:checked + .label .fa fa-angle-down-text:before {
    content: "\f205";
    color: #16a085;
    animation: effect 250ms ease-in;
}

.fundae .toggle input[type="radio"]:disabled + .label .fa fa-angle-down-text {
    color: #aaa;
}

    .fundae .toggle input[type="radio"]:disabled + .label .fa fa-angle-down-text:before {
        content: "\f204";
        color: #ccc;
    }

@keyframes effect {
    .fundae 0% {
        transform: scale(0);
    }

    .fundae 25% {
        transform: scale(1.3);
    }

    .fundae 75% {
        transform: scale(1.4);
    }

    .fundae 100% {
        transform: scale(1);
    }
}





/* ICONOS */

/* Estilos específicos para iconos */

.fundae .la {
    font-size:2.7rem;
}
.fundae .la:hover,
.fundae a:hover {
    color: #53565a !important;
}
.fundae table thead .la {
    font-size: 2rem;
	position: relative;
	top: 3px;
	padding: 2px 5px;
}
.fundae table thead .la:hover {
    color: #d86018;
}
span[data-toggle="tooltip"] {
	cursor: pointer;
	padding: 0 5px;
	display: inline-block;
}
.infoIcon {
	color: #d86018;
	font-size: 2.5rem;
	float: right !important;
	position: relative;
}
.infoIcon::before {
	font-size: 2.5rem;
	position: absolute;
	top: 0;
	right: 0;
}
.tooltip .tooltip-arrow {
	color: #000;
}
.tooltip .tooltip-inner {
	background: #fff;
    min-width: 580px;
    text-align: left;
	color: #d86018;
	font-size: 1.5rem;
	border: 1px solid;
	padding: 7px 20px;
	font-family: 'TitilliumWeb-Regular',Verdana,Arial,Helvetica,sans-serif;
}
.tooltip p {
	background: #d86018;
}
.fundae .porcent{
    margin-left: -8px;
    top:11px !important;
}

.fundae i strong{
    font-size:1.2rem;
}

.fundae a.txt_link {
    color: #337ab7;
    padding: 0 0 0 2px;
}

.fundae a.pdfDownload {
    font-family: 'TitilliumWeb-Bold', Verdana,Arial,Helvetica,sans-serif;
	font-size: 2.1rem;
}
.fundae a.pdfDownload:hover {
	color: #53565a;
	text-decoration: underline !important;
}
.fundae a.pdfDownload span:hover {
	color: #53565a;
	text-decoration: none !important;
}
.fundae a.pdfDownload .la-file-pdf-o  {
    position: relative;
    top: -5px;
    float: left;
    font-size: 3.4rem;
    left: 0px;
    margin: 0 5px 0 0;
} 

.fundae a.pdfDownload .la-file-word-o {
    position: relative;
	top: 0;
	float: left;
    font-size: 3.4rem;
}
.fundae a.pdfDownload .la-file-word-o:hover {
    text-decoration: none;
} 

.fundae a.pdfDownload .la-file-excel-o {
    position: relative;
	top: 0;
	float: left;
    font-size: 3.4rem;
}
.fundae a.pdfDownload .la-file-excel-o:hover {
    text-decoration: none;
} 


.fundae .la-file-pdf-o {
    color: #ed0a00;
	font-size: 3.1rem;
}

.fundae .la-pdf2{
    color:#ffb25b;
}

.fundae .la-file-word-o {
    color: #0071c5 !important;
}

.fundae .la-file-excel-o {
    color: #0f9854 !important;
}

.fundae a:hover .la-file-pdf-o, .fundae a:hover .la-file-word-o, .fundae a:hover .la-file-excel-o {
    text-decoration: none;
}

.fundae .la-file-pdf-o, .fundae .la-file-word-o, .fundae .la-file-excel-o {
    margin: 0 !important;
    font-size: 2.7rem !important;
    position: relative;
    top: 5px;
}

.iconosLine .la-file-excel-o  {
	font-size: 2.6em;		
}

.fundae .la-asterisk{
    font-size:15px;
}

.fundae .data-check li{
    display:inline-block;
    margin-right: 4rem; 
    list-style: none;  
}

.fundae li>label .fa fa-angle-down>span.la-check{
    font-size: 16px;
    font-weight: 900;
    margin-right: 4px;
}

.fundae a.up {
    position: fixed;
    right: 45px;
    bottom: 45px;
    color: #fff;
    background: #d86018;
    padding: 6px 6px 4px;
    z-index:1; /*9999*/
}

.icon-blog {
    background: url(../../images/blog-solid.svg) no-repeat 0 0;
    width: 25px;
    height: 25px;
    top: 4px !important;
    margin-left: 0.5em !important;
}

.icon-tiktok {
    background: url(../../images/tiktok.svg) no-repeat 0 0;
    width: 25px;
    height: 25px;
    top: 4px !important;
    margin-left: 0.5em !important;
}

.icon-X {
    background: url(../../images/X.svg) no-repeat 0 0;
    width: 20px;
    height: 20px;
    top: 4px !important;
    margin-left: 0.5em !important;
}


/*-- Tabla compleja --*/

.tableContainer.lastElements .thead .column:nth-child(4) {
	width: 27%;
}
.tableContainer.lastElements .thead .column:nth-child(5) {
    width: 27%;
	text-align: center;
}
.tableContainer.lastElements .tbody .cell:nth-child(4) {
    width: 27%;
	text-align: center;
}
	.tableContainer.lastElements .tbody .cell:nth-child(4) .far {
		float: none !important;
	}
	.tableContainer.lastElements .tbody .cell:nth-child(4) .far::before {
		position: relative;
		top: 3px;
	}
	.tableContainer.lastElements .tbody .cell:nth-child(4) .activeTxt {
		padding: 0;
	}
	.tableContainer.lastElements .tbody .cell:nth-child(4) a.activeTxt {
		padding: 0;
	}
	.tableContainer.lastElements .tbody .cell:nth-child(4):hover .far::before {
		opacity: 0.7;
	}
	
.tableContainer.lastElements .tbody .cell:nth-child(5) {
    width: 27%;
	text-align: center;
}
	.tableContainer.lastElements .tbody .cell:nth-child(5) .activeTxt {
		padding: 0;
	}
	.tableContainer.lastElements .tbody .cell:nth-child(5) a.activeTxt:hover .fa::before {
		opacity: 0.7;
	}

/*-- Fin de tabla compleja --*/	

/* ELEMENTOS RELACIONADOS CON INPUTS*/

    /* inputs con fechas */
    .fundae .input_date {
        position: absolute;
        font-size: 1.3rem;
        font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;
         left: 0px;
        top: 39px;
    }

    .fundae .input_date2{
         position: absolute;
        font-size: 1.3rem;
        font-family: 'Montserrat',Verdana,Arial,Helvetica,sans-serif;
         left: 0px;
        top: 14px;
    }

    /* input con icono euro dentro*/
    .fundae .input-inside{
        position: absolute;
        top: 36px;
        right: 26px;
        font-size: 1.6rem;
    }

    .input-inside2{
        position: absolute;
        top: 6px;
        right: 26px;
        font-size: 1.9rem;
    }


    .fundae input.form-control.euro{
        padding-right:3rem;
        text-align:right;
    }


/* BOTONES */

.fundae .fundae .content-buttons {
    margin: 15px -15px 45px;
}

.fundae .btn-action {
    background: #d86018;
    color: #fff;
    border: none;
    padding: 13px 15px;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.fundae .btn-action:hover {
    color: #fff;
}
.fundae .btn-action input {
    width: 100%;
    z-index: 1;
    position: relative;
    padding: 13px 20px;
    background: none;
}
.fundae .btnHi {
    padding: 17px 15px;
    font-size: 120%;
    margin: 0 0 30px;
}
.fundae .btn-big {
    padding: 20px 15px;
    font-size: 2em;
}






.fundae .btn-fundae {
    background: #ececea;
    border: none;
    padding: 13px 20px;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.fundae .btn-fundae:hover {
    border: none;
    opacity: 0.85;
}

.fundae .orangeBt {
    margin-right: 15px;
}
.fundae .orangeBt:hover {
    text-decoration: none;
}

.fundae .orangeBt .txtBt {
    color: #fff;
    padding: 15px 15px 15px 23px;
    font-size: 1.7rem;
}
.fundae .orangeBt span{
    color: #fff;
    padding: 12px 15px 12px 0;
    display: inline-block;
}


.fundae .orangeBt span::before {
    position: relative;
    top: -2px;
}


/*-- Pastilla con borde redondeado --*/

.pill {
	padding-left: 1.25em;
	padding-right: 1.25em;
	background: unset;
	border: 1px solid #d86018;
	color: #d86018;
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	margin: 5px 5px 5px 0;
	display: inline-block;
	font-size: 1.45rem !important;
	padding: 2px 15px;
}

/*-- Fin Pastilla con borde redondeado --*/


.blockDetail {
    background-color: #d86018;
    color: #fff;
    padding: 2px 7px;
    font-size: 1em;
    margin: 5px 0 0 0;
    display: inline-block;
}

/*-- Botón transicion con hover --*/

.fundae .orangeBt {
  color: #fff !important;
  font-size: 20px;
  font-weight: 500;
  position: relative;
  margin: 15px;
}

.fundae .orangeBt:hover:before {
width: 100%;
}

.fundae input.orangeBt {
    color: #fff !important;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    padding: 11px 23px 12px 23px;
    font-size: 1.7rem;
    border: 1px solid transparent;
    margin: 35px 0 0 0;
    width: 100%;
}
.fundae input.orangeBt:hover {
    color: #d86018 !important;
}


/*-- Fin Botón transicion con hover --*/

/*-- Botón PDF --*/

.fundae .pdf-link {
    margin: 4rem 0 1.5rem;
    padding: 0 0 0 0;
}
.fundae .pdf-link a {
    color: #53565a;
    background: #ececea;
    text-decoration: none;
    padding: 2px 8px 11px 21px;
    width: 100%;
    text-align: center;
}
.fundae .pdf-link a:hover {
    background: #f5f5f5;
}
.fundae .pdf-link .la {
    position: relative;
    top: 6px;
    padding: 0 0 0 10px;
}
.fundae .pdf-link a span {
    color: red;
    font-size: 4rem;
}

.fundae .pdf-link div {
    padding: 5px 0 5px 0;
}

.fundae .pdf-link .la-info::before {
    position: absolute;
    z-index: -1;
    top: -36px;
    left: -18px;
}

.fundae .line_a la-external-link {
    
}

/* Botón volver */

/* Botón más opciones */

.fundae .moreBt {
    font-size: 20px;
    font-weight: 500;
    background: #f4f4f4;
    position: relative;
    min-width: 150px;
	display: inline-block;
}

.fundae .moreBt:hover {
    text-decoration: none;
}

.fundae .moreBt .txtBt{
    color: #53565a;
	padding: 15px 20px 12px 23px;
	font-size: 1.5rem;
}

.moreBt span ,
.fundae .moreBt span {
    padding: 5px 20px 8px 0;
	display: inline-block;
	vertical-align: top;
}

.fundae .moreBt span.la-plus-circle:before {
    font-size: 2.7rem;
	top: 6px;
}

.moreBt span:before,
.fundae .moreBt span:before{
    color:#d86018;
    position: relative;
    top: 4px;
    left: 20px; 
	font-size: 1.8rem;
}

.fundae .returnBt {
    font-size: 1.1em;
    font-weight: 500;
    background: #ececea;
    position: relative;
    min-width: 150px;
    display: inline-block;
    padding: 10px;
}

.fundae .returnBt:hover {
    text-decoration: none;
}

/* FIN BOTONES */



/* COLORES */

.fundae .verde{
    color:#499102;
}
.fundae .allo{
    color:#fdbd2c;
}
.rojo{
    color:#ed0a00;
}

.fundae .negro{
    color:#000000;
}

.fundae .bverde{
    background-color:#44b559;
}

.fundae .ballo{
    background-color:#ffbe00;
}

.fundae .brojo{
    background-color:#e66360;
}

.fundae .inactive-icon{
    color:#e5f0f2;
}

.orange{
   color:#d86018;
}

/* Fin colores */



/* Icono específico para estilo Bootstrap input file */

.fundae .glyphicon-folder-open:before {
    content: "\e118";
    font-family: 'Glyphicons Halflings';
}

.fundae .bootstrap-filestyle.input-group label .fa fa-angle-down.btn-fundae {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 1rem 1.8rem 1rem;
}

    .fundae .bootstrap-filestyle.input-group label .fa fa-angle-down.btn-fundae span.buttonText {
        font-size: 1.25rem;
    }

    .fundae .bootstrap-filestyle.input-group label .fa fa-angle-down.btn-fundae:hover {
        background-color: #337ab7;
        color: #fff;
        opacity: 1;
        border-color: #337ab7;
    }

/*** FIN - Icono específico para estilo Bootstrap input file ***/



/* Paginación */

.pagination {
	text-align: center;
	width: 100%;
	margin: 3rem 0 1rem 0;
}
.pagination ul li {
	display: inline-block;
}
.pagination ul li a.number {
	padding: 0 15px;
	font-size: 1.7rem;
	font-family: 'TitilliumWeb-Bold',Verdana,Arial,Helvetica,sans-serif;
}
.pagination ul li a.number:hover {
	color: #d86018;
}


.btn-pagPrev {
    border: 1px solid #53565a;
    color: #53565a;
    padding: 9px 35px 11px 25px;
    width: auto;
    display: inline-block;
    font-family: 'TitilliumWeb-Bold',Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.6rem;
	margin: 0 15px 0 0;
}
.btn-pagPrev .la {
    padding: 0 12px 0 6px;
	color: #53565a;
	font-size: 2.1rem;
	position: relative;
	top: 2px;
}

.btn-pagNext {
    border: 1px solid #53565a;
    color: #53565a;
    padding: 9px 35px 11px 25px;
    width: auto;
    display: inline-block;
    font-family: 'TitilliumWeb-Bold',Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.6rem;
	margin: 0 0 0 15px;
}

.btn-pagPrev:hover,
.btn-pagNext:hover {
    border: 1px solid #d86018;
    color: #d86018;
	text-decoration: none;
}
body .btn-pagPrev:hover strong,
body .btn-pagNext:hover strong {
    color: #d86018;
	border: none;
}
body .btn-pagPrev:hover .la,
body .btn-pagNext:hover .la {
    color: #d86018;
}



.btn-pagNext strong {
    padding: 0 0 0 12px;
	color: #53565a;
	position: relative;
	top: 2px;
}
.btn-pagNext .la {
    padding: 0 0 0 12px;
	color: #53565a;
	font-size: 2.1rem;
	position: relative;
	top: 2px;
}




.blockCheckbox {
    display: inline-block;
    width: 100%;
}

.blockCheckbox label .fa fa-angle-down {
    padding: 0 45px 0 0;
}

input[type="checkbox"] {
    margin: 0 10px 0 0px;
    position: relative;
    top: 1px;
}



.customPagination {
    text-align: center;
}
.customPagination ul.pagination {
    width: auto;
}
.customPagination ul.pagination li {
    padding: 0;
}
.customPagination ul.pagination li a {
    border: none;
    margin: 0 5px 0 0;
    padding: 9px 12px;
    font-size: 1.6rem;
    color: #666;
}
.customPagination ul.pagination li a:hover {
    color: #d86018;
    font-weight: bold;
    border-bottom: 2px solid #d86018;
    background: none;
}
.customPagination ul.pagination li a[aria-label .fa fa-angle-down"] {
    border: 1px solid #53565a;
    border-radius: 0;
    padding: 7px 20px 11px 20px;
}
.customPagination ul.pagination li a[aria-label .fa fa-angle-down:hover"] {
    border: 1px solid #d86018;
    color: #d86018;
    background: none;
}
.customPagination ul.pagination li.active a {
    background: none;
    border: none;
    color: #d86018;
    font-weight: bold;
}



/* Paginación 2 */


.pagination2 {
	text-align: center;
	width: 100%;
	margin: 3rem 0 1rem 0;
}
	.pagination2 ul li {
		display: inline-block;
	}
		.pagination2 ul li a.number {
			padding: 10px 18px;
			font-size: 1.7rem;
			font-family: 'TitilliumWeb-Regular',Verdana,Arial,Helvetica,sans-serif;
			background: #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.pagination2 ul li a.number.active {
			color: #fff;
			background: #d86018;
			font-family: 'TitilliumWeb-Bold',Verdana,Arial,Helvetica,sans-serif;
		}
		body .pagination2 ul li a:hover {
			background: #d86018 !important;
			color: #fff !important;
		}
		.pagination2 ul li a.arrowLeft {
			padding: 9px 15px 9px 15px;
			font-size: 1.7rem;
			font-family: 'TitilliumWeb-Regular',Verdana,Arial,Helvetica,sans-serif;
			background: #fff;
			position: relative;
			top: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.pagination2 ul li a.arrowRight {
			padding: 5px 15px 10px 15px;
			font-size: 1.7rem;
			font-family: 'TitilliumWeb-Regular',Verdana,Arial,Helvetica,sans-serif;
			background: #fff;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.pagination2 ul li a .la:before {
			font-size: 14px;
		}

/* Fin Paginación 2 */



/*****/
.b {
  display: block;
}

.toggle {
  position: relative;
  width: 65px;
  height: 30px;
  border-radius: 100px;
  background-color: #ddd;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.05);
  z-index: 1;
  display: inline-block;
}

.check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 6;
}

  .check:checked ~ .track {
    box-shadow: inset 0 0 0 20px #d86018;
  }

  .check:checked ~ .switch {
    right: 2px;
    left: 36px;
    transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition-property: left, right;
    transition-delay: .05s, 0s;
	width: 26px;
  }

.switch {
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 36px;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition-property: left, right;
  transition-delay: 0s, .05s;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.track {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .35s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.05);
  border-radius: 40px;
}

.sino {
	width: auto;
	display: inline-block;
	float: left;
	padding: 15px 15px;
}
.nosi {
	width: auto;
	display: inline-block;
	float: left;
	padding: 15px 15px 15px 0;
}




/*-- Check --*/

.newCheck { display: inline-block; }

.newCheck input[type='checkbox']{ height: 0; width: 0; display: none; }

.newCheck input[type='checkbox'] + label .fa fa-angle-down{
  position: relative;
  display: flex;
  margin: 0;
  align-items: center;
  color: #9e9e9e;
  transition: color 250ms cubic-bezier(.4,.0,.23,1);
}
.newCheck input[type='checkbox'] + label .fa fa-angle-down > ins{
  position: absolute;
  display: block;
  bottom: 0;
  left: 2em;
  height: 0;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  transition: height 300ms cubic-bezier(.4,.0,.23,1);
}
.newCheck input[type='checkbox'] + label .fa fa-angle-down > ins > i{
  position: absolute;
  bottom: 0;
  font-style: normal;
  color: #4FC3F7;
}
.newCheck input[type='checkbox'] + label .fa fa-angle-down > span{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.35em;
  height: 1.35em;
  background: transparent;
  border: 2px solid #9E9E9E;
  border-radius: 2px;
  cursor: pointer;  
  transition: all 250ms cubic-bezier(.4,.0,.,0.5);
}
.newCheck input[type='checkbox'] + label .fa fa-angle-down:hover > span{
  border: .25em solid #d86018;
}

.newCheck input[type='checkbox'] + label .fa fa-angle-down:hover, input[type='checkbox']:focus + label .fa fa-angle-down{
  color: #fff;
}
.newCheck input[type='checkbox'] + label .fa fa-angle-down:hover > span, input[type='checkbox']:focus + label .fa fa-angle-down > span{
  background: rgba(255,255,255,.1);
}
.newCheck input[type='checkbox']:checked + label .fa fa-angle-down > ins{ height: 100%; }

.newCheck input[type='checkbox']:checked + label .fa fa-angle-down > span{
  border: .25em solid #d86018;
  background: #d86018;
  animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1);
}
.newCheck input[type='checkbox']:checked + label .fa fa-angle-down > span:before{
	content: "";
	color: #fff;
	position: absolute;
	top: .4em;
	left: .13em;
	font-size: 31px;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	transform: rotate(45deg);
	transform-origin: 0% 88%;
	animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.7,1) forwards;
	/*display: none;*/
}

@keyframes shrink-bounce{
  0%{
    transform: scale(1);
  }
  33%{    
    transform: scale(.85);
  }
  100%{
    transform: scale(1);    
  }
}
@keyframes checkbox-check{
  0%{
    width: 0;
    height: 0;
    border-color: #fff;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  33%{
    width: .2em;
    height: 0;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  100%{    
    width: .2em;
    height: .5em;    
    border-color: #fff;
    transform: translate3d(0,-.5em,0) rotate(45deg);
  }
}

/*-- Fin Check --*/







.hoverColor {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.hoverColor:hover, .hoverColor:focus, .hoverColor:active {
    background-color: #d86018;
    color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}