/* input(1171,1): run-time error CSS1019: Unexpected token, found '}' */
/* root variables*/
:root {
    --positionLeft: 0;
    --blue-blue-100: #F5FAFF;
    --blue-blue-200: #DBEEFF;
    --blue-blue-300: #80A8CB;
    --blue-blue-500: #0B4EA2;
    --blue-blue-900: #00274D;
    --neutral-neutral: #E6E6E6;
    --neutral-neutral-100: #F2F2F2;
    --neutral-neutral-200: #E6E6E6;
    --neutral-neutral-300: #CACACA;
    --neutral-neutral-500: #696E75;
    --gris-frio: #ECF1F8;
    --basic-white: #FFF;
    --basic-black: #2E2C2C;
    --black: #000;
    --status-warning-100: #FFFAF2;
    --status-warning-200: #FCF0DC;
    --status-warning-900: #AD8821;
    --status-error: #C44727;
    --completed-color: #c6c6c6;
}

/* Fuentes octubre 2023 */
@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/OpenSans-Regular-webfont.eot");
    src: local("Open Sans"), local("Open Sans"), url("../fonts/OpenSans-Regular-webfont.eot"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg") format("svg");
    font-weight: 400;
    font-style: normal;
}
body {
    font: normal 1rem/1.4 'Open Sans', sans-serif;
    background: #fff;
    color: #000;
}
a {
    color: var(--blue-blue-500);
    text-decoration: underline;
}
ul.basic-list li {
    margin-bottom: 1rem;
}
header a,
.navbar a,
footer a{
    text-decoration: none;
}
h3.text-primary {
    color: var(--blue-blue-500) !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin: 16px 0 32px;
}
.title-sub {
    font-size: 1.375rem;
    font-weight: 600; 
    margin: 24px 0;
    color: #000;
}
.title-subsec {
    font-size: 1.375rem;
    font-weight: 600;
    margin: 24px 0;
    color: #000;
    color: var(--blue-blue-500);
}
.title-sub-basic {
    font-size: 1rem;
    font-weight: 600;
    margin: 1rem 0 0;
    color: #000;
}
.tramite-basics {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tramite-basics--list {
    flex-basis: 66%;
}
.tramite-basics--info {
    display: flex;
    flex-direction: column;
}
.tramite-basics--info .eu-btn__w {
    margin-bottom: 16px;
}
.tramite-basics--info .eu-btn__w::after {
    content: "\f142";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 23px;
    line-height: 20px;
    vertical-align: bottom;
    text-rendering: auto;
    width: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.eu-btn__formalities,
.eu-btn__docs {
    display: flex !important;
    justify-content: space-between;
    align-items: flex-end;
    text-align: left;
}
.eu-btn__formalities span,
.eu-btn__docs span{
    flex-grow: 1;
}
.eu-btn__formalities::before {
    content: "\F02F1";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 23px;
    line-height: 20px;
    vertical-align: bottom;
    text-rendering: auto;
    margin-right: 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.eu-btn__docs::before {
    content: "\F5DA"; 
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 23px;
    line-height: 20px;
    vertical-align: bottom;
    text-rendering: auto;
    margin-right: 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.title-xl-semibold {
    color: var(--blue-blue-500, #0055A5);
    font-family: 'Open Sans', sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.pace-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    height: 100%;
    background-color: darkgray;
}
/*utilities z-index*/
.z-index-0 {
    z-index: 0;
}
.z-index-1 {
    z-index:1;
}
.z-index-2 {
    z-index: 2;
}
/* Cabecera y footer start*/

header {
    background-color: #fff;
}

header .container {
    /*position: relative;
    margin-left: 10px;
    z-index: 2;*/
}

.eu-head--options {
    color: var(--basic-black);
    background-color: var(--neutral-neutral);
}
.eu-head--options .container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 5px 0;
}
.eu-head--opbtn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.eu-head--opbtn + .eu-head--opbtn {
    border-left: 1px solid;
}

.eu-head--opbtn .eu-head--btn {
    display: flex;
    align-items: center;
    padding: 0 5px 0 2px;
    margin: 0 15px;
    color: var(--blue-blue-900, #00274D);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
    background-color: var(--neutral-neutral);
}
.eu-head--opbtn .eu-head--btn:hover {
    background: var(--blue-blue-500);
    color: #fff;
}
.eu-head--opbtn .eu-head--btn:focus-visible {
    outline: 1px solid !important;
}

.eu-head--opbtn .mdi::before {
    font-size: 24px;
    vertical-align: bottom;
    margin-right: 0.375rem;
    color: inherit;
}
.eu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}
.eu-head--logos {
    display: flex;
    align-items: center;
    
}
.eu-logo {
    height: 66px;
    margin-right: 25px;
}
.eu-logo-main {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1rem;
}
.eu-logo--sec {
    padding: 10px 0;
}
.eu-logo--lnk {
    display: block;
    height: 100%;
}
.eu-logo--img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.eu-btn-login{
    text-transform:uppercase;
}
.eu-head--usrname {
    display: inline-block;
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--blue-blue-900);
}
.eu-user-logged {
    display: flex;
    align-items: center;
    padding: 0 5px 0 2px;
    margin: 0 15px;
    color: var(--blue-blue-900, #00274D);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
    background-color:transparent;
}
.eu-head-logout {
    background-color: var(--blue-blue-500);
    color: var(--basic-white);
    width: 2.375rem;
    height: 2.375rem;
    text-align: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
}
.eu-head-logout:focus-visible {
    outline: 3px solid #000 !important; 
    outline: -webkit-focus-ring-color auto 1px !important; 
}
.eu-head-logout .mdi::before {
    font-size: 24px;
    vertical-align: bottom;
    margin: 0;
    color: inherit;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 2rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid var(--blue-blue-500);
    border-radius: 0.25rem;
    color: var(--blue-blue-500);
}

.navbar-toggler-icon {
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
}

.navbar-toggler-icon::before {
    content: '\f35c';
    font-family: "Material Design Icons";
}
button#ddlIdioma.btn-outline-secondary.dropdown-toggle:focus, button#ddlIdioma:hover, .btn-outline-secondary:not(#ddlIdioma):hover {
    background: #0055a5;
    border-radius: 0;
    color: white;
}



/*disclaimer cabecera */
div #trans_disclaimer {
    position: fixed;
    z-index: 3;
}

header img.logo-ministerio {
    margin-top: -5px;
}
/*Breadcrumb*/
.breadcrumb-wrapper {
    padding: 24px 10px;
    margin: 32px 0 24px;
}
.breadcrumb {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.breadcrumb-item {
    color: var(--blue-blue-500);
}
.breadcrumb-item + .breadcrumb-item::before {
    font-family: "Material Design Icons";
    display: inline-block;
    padding-right: 0.5rem;
    color: inherit;
    content: "\f142";
}
.breadcrumb-item a.breadcrumb-link {
    color: inherit;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
}
.breadcrumb-item[aria-current="page"],
.breadcrumb-item.active {
    color: var(--basic-black);
}
/*Migas*/
.migas-wrapper {
    padding: 24px 10px;
    margin: 32px 0 24px;
}

.migas {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.migas-item {
    list-style-type: none;
    color: var(--blue-blue-500);
}

.migas-item + .migas-item::before {
    font-family: "Material Design Icons";
    display: inline-block;
    padding-right: 0.5rem;
    color: inherit;
    content: "\f142";
}

.migas-item a.migas-link {
    color: inherit;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
}

.migas-item[aria-current="page"],
.migas-item.active {
    color: var(--basic-black);
}
/*Footer*/
.main-footer {
    background: var(--blue-blue-500);
    margin-top: 40px;
}

footer ul.list-unstyled {
    color: #ffffff !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

footer ul.list-unstyled a {
    color: #ffffff !important;
}

footer h5.text-white {
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    position: relative;
}

footer h5:before {
    content: '';
    position: absolute;
    width: 52px;
    height: 3px;
    background: #E2E004;
    bottom: -6px;
}
.help-us {
    text-align: center;
    background-color:var(--blue-blue-900, #00274D);
    color: #fff;
    padding: 16px 0;
    margin: 0 0 30px;
}
.help-us .eu-btn__w {
    margin: 0 0 0 1rem;
}
.help-us--txt {
    display: inline-block;
    margin: 0;
    font-size: 1.125rem;
    color: inherit;
}
.foot-content {
    display: flex;
    flex-wrap: wrap;    
    align-items: center;
}
.foot-content--lnks {
    width: 33.33%
}
.foot-lst {
    display: block;
    margin: 0;
    padding: .75rem 12px;
    text-align: right;
    border-right: 2px solid #fff;
    color: #fff;
    font-weight: 600;
}
.foot-item {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: 500;
}
.foot-lnk {
    display: inline-block;
    padding: .25rem 1.5rem;
    color: inherit;
}
.foot-lnk:hover {
    color: inherit;
    text-decoration: underline;
}
.foot-content--imgs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 15px;
    width: 66.666%;
}
.foot-imgwrp {
    margin: 20px 15px;
    height: 90px
}
.foot-img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}
#logo-plan-recuperacion {
    content: '';
    position: absolute;
    width: 210px;
    height: 53px;
    background: url(../../images/PRTR.png);
}

#logo-ministerio-industria {
    content: '';
    position:absolute;
    width: 210px;
    height: 53px;
    background: url(../../images/FUE.png);
}

/*footer .text-white-85 > a {
    color: rgba(255, 255, 255, 0.85) !important;
}*/

footer li.list-inline-item {
    border-right: 2px solid;
    padding-right: 10px;
}

footer li.list-inline-item:last-child, footer li.list-inline-item:nth-last-child(1n) {
    border-right: none;
    padding-right: 0px;
}
/*cabecera y footer end*/
.sistemas-externos ul {
    width: 100%;
    margin: 1em 0 !important;
    padding-top: 15px;
}

.sistemas-externos ul > li {
    border: 1px solid rgba(152, 166, 173, 0.2) !important;
    margin: auto 25px !important;
    padding: 5px 0 !important;
    width: 165px;
    text-align: center;
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.sistemas-externos ul > li > a > img {
    max-width: 100%;
    max-height: 76px;
    width: auto;
    height: auto;
}

html.h-100 body {
    height: 100%;
    overflow: hidden;
}

html.h-100 nav.navbar {
    position: absolute;
    top: 125px;
    right: 0;
    left: 0;
}

html.h-100 main > .container-fluid {
    position: absolute;
    top: 178px;
    bottom: 61px;
    right: 0;
    left: 0;
    overflow-y: hidden;
}

html.h-100 header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 178px;
}

html.h-100 footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 61px;
}



/* button --------------------------------*/
.btn-primary {
    display: inline-block;
    padding: .8rem 1.5rem;
    border-radius: 1.875rem;
    border: 1px solid;
    font-size: 1rem;
    font-weight: 600;
    color: var(--basic-white);
    background-color: var(--blue-blue-500);
    cursor: pointer;
    text-decoration: none;
}
.btn-primary:hover{
    background-color: var(--blue-blue-900);
    border-color: transparent;
}    
.btn-primary:focus{
    background-color: var(--blue-blue-500);
    border-color: #000;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{
    background-color: var(--blue-blue-500);
    box-shadow: none !important;
}
.eu-btn {
    display: inline-block;
    padding: .8rem 1.5rem;
    border-radius: 1.875rem;
    border: 1px solid;
    font-size: 1rem;
    font-weight: 600;
    color: var(--basic-white);
    background-color: var(--blue-blue-500);
    cursor: pointer;
    text-decoration: none;
}
.eu-btn:hover {
    color: var(--basic-white);
    background-color: var(--blue-blue-900);
}
.eu-btn__next::after,
.eu-btn[target="_blank"]::after {
    content: "\f142";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 23px;
    line-height: 20px;
    vertical-align: bottom;
    text-rendering: auto;
    width: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.eu-btn__next::after {
    width: auto;
    margin-left: 6px;
}
.eu-btn__prev::before {
    content: "\f141";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 23px;
    line-height: 20px;
    margin-right: 6px;
    vertical-align: bottom;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.eu-btn__w {
    display: inline-block;
    padding: .8rem 1.5rem;
    border-radius: 1.875rem;
    border: 1px solid;
    font-size: 1rem;
    font-weight: 600;
    background-color: var(--basic-white);
    color: var(--blue-blue-500);
    cursor: pointer;
    text-decoration: none;
}
.eu-btn__w:hover {
    color: var(--basic-white);
    background-color: var(--blue-blue-900);
    border-color: var(--basic-white);
}
.btn-info-tooltip {
    padding: 0;
    border-radius: 10px !important;
    line-height: 0;
    background-color: transparent !important;
    border: 0;
}

.btn-group-sm img {
    max-height: 18px !important;
}


/* menu ----------------------------------*/
.menu-navegacion.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 600;
}

.menu-navegacion .nav-item a {
    padding: 15px 26px !important;
    display: block;
}
.menu-navegacion .nav-item a:hover {
    background-color: #1f4479;
    color: #ffd702 !important;
    text-shadow: 1px 1px 1px #222;
}
.menu-navegacion .nav-item.active a {
    background-color: #343a51;
    box-shadow: 0px 6px 20px 0px #00000080 inset;
}
.menu-navegacion.navbar, .navbar .container .collapse {
    background-color: #0055a5 !important;
}

.menu-navegacion.navbar-collapse .navbar-nav {
}

.menu-navegacion.navbar .container {
    padding-right: 12px;
    padding-left: 12px;
}

/*.menu-navegacion.navbar.menu-navegacion {
    background-color: #0055a5 !important;
    padding-top: 8px;
    align-items: center;
}*/

.navbar.menu-navegacion, .navbar #menuPrincipal {
    padding: 0;
}

.menu-navegacion .navbar-brand img {
}

.menu-navegacion .logo-background {
    position: relative;
    z-index: 0;
}

/*.menu-navegacion .logo-background {
    -webkit-mask-image: url(/Content/images/your-europe.png);
}*/

.menu-navegacion .logo-background:before {
    content:'';
    background-image: url(../images/background-logo-yourEurope.svg);
    width: 756px;
    height: 572px;
    position: absolute;
    left: -316px;
    bottom: -453.116px;
    clip-path: inset(0px 0 408px 0px);
    -webkit-mask-image: url(/../images/background-logo-yourEurope.svg);
}
.menu-navegacion img.logo-your-europe {
    position: relative;
    z-index: 1;
}

#menuPrincipal .navbar-nav {
    z-index: 2;
    display: -webkit-box;
}
@media screen and (max-width: 1367px) {
    .menu-navegacion.navbar-dark .navbar-nav .nav-link {
        padding-left: 16px !important;
        padding-right: 16px !important;
        font-size: 1rem;
    }
    .foot-content {
    }

    .foot-content--lnks {
        width: 40%;
    }

    .foot-content--imgs {
        width: 60%;
    }
}
@media screen and (max-width: 768px) {
    header .container .row div {
        margin-top: -15px !important;
    }
    .navbar.menu-navegacion {
        position: relative;
    }
    .navbar #menuPrincipal {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        box-shadow: 0px 2px 10px 0px #0D0D0D40;
    }
    header {
    }

    .menu-navegacion .navbar-brand img {
        width: 85px;
        height: auto;
        aspect-ratio: 141/68;
    }

    .menu-navegacion .logo-background img {
        width: 91.302px;
        height: auto;
        margin-left: -18.662vw;
    }

    .menu-navegacion .logo-your-europe {
        width: auto;
        height: 34px;
        margin-left: -32px;
    }

    .menu-navegacion .logo-background:before {
        left: -397px;
        bottom: -393.116px;
        clip-path: inset(0px 0 404px 0px);
        transform: scale(0.68);
    }
    .eu-head--opbtn .eu-head--btn {
        margin: 0 2px;
        font-size: .875rem;
    }
    header img.logo-ministerio {
        height: 50px;
        left: -10px;
        position: relative;
    }

    header .btn-outline-secondary:not(#ddlIdioma) {
        margin-bottom: 0 !important;
        margin-right: -18px;
        z-index: 2;
    }
    .breadcrumb-wrapper {
        padding: 0;
        margin: 0;
    }
    .foot-content {
    }
    .foot-lst {
        text-align: center;
        border-right: 0 none;
    }
    .foot-content--lnks {
        width: 100%;
    }
    .foot-content--imgs {
        width: 100%;
    }
    .foot-imgwrp {
        margin: 20px auto;
    }
}
@media screen and (min-width: 768px) {
    .interior-menu .tab-content {
        padding-left: 30px;
    }
}
@media screen and (max-width: 576px) {
    header .container {
        padding: 0 4px;
    }   
}
/*media query ipad mini*/
@media screen and (width: 768px) and (height:1024px) {
    .menu-navegacion .logo-background:before {
        left: -501px;
    }

    .menu-navegacion .logo-background img {
        margin-left: -11.662vw;
    }
    button#ddlIdioma, .btn-outline-secondary {
        position: relative;
        left: -120px;
    }
}

/*menu lateral*/
.interior-menu {
    margin-top: 30px;
    margin-bottom: 80px;
}
.menu-interno-list {
    display: block;
    margin: 0;
    padding: 0;
}
.menu-interno-list li{
    display: block;
}
.menu-interno .nav-link {
    all: unset;
    display: block;
    padding: 16px 32px;
    margin: 0 0 5px;
    font-size: 1rem;
    font-weight: 400;
    color: var(--black);
    background-color: var(--basic-white);
    border: 1px solid var(--blue-blue-300);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}
.menu-interno .nav-link:hover{
    background-color: var(--blue-blue-200);
}
.menu-interno .nav-link.active {
    background-color: var(--blue-blue-200);
    border-color: var(--blue-blue-500);
    color: var(--black);
}
.menu-interno .nav-link.has-children {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*.menu-interno .nav-link.has-children.is-open,*/
.menu-interno .nav-link.has-children[aria-expanded="true"] {
    background-color: var(--blue-blue-200);
    border-color: var(--blue-blue-500);
}
.menu-interno .nav-link.has-children.is-current{
    background-color: var(--blue-blue-200);
    border-color: var(--blue-blue-500);
    color: var(--black);
   
}
a.nav-link.bg-clasificacion.collapsed.has-children + .collapse {
    display: none;
}
/*
a.nav-link.bg-clasificacion.has-children[aria-expanded="true"] + .collapse {
    display: block;
}

*/
a.nav-link.bg-clasificacion.is-current {
    
}
.menu-interno .nav-link.has-children::after {
    content: "\f140";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 23px;
    line-height: 20px;
    vertical-align: bottom;
    text-rendering: auto;
    width: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu-interno .nav-link.has-children.is-open::after,
.menu-interno .nav-link.has-children[aria-expanded="true"]::after {
    content: "\f143";
}
.menu-interno .nav-item .nav-link.is-child,
.menu-interno .nav-link.is-child {
    background-color: var(--basic-white);  
    margin-left: 32px;
}
.menu-interno .nav-link.is-child:hover {
    background-color: var(--blue-blue-200);
}
.menu-interno .nav-item.active .nav-link.is-child,
.menu-interno .nav-link.active.is-child {
    color: var(--basic-white );
    background-color: var(--blue-blue-500);
    font-weight: 400;
}
.tramite-menu-note{
    margin-left: 15px;
    margin-right: -10px;
    font-size: .9rem;   
}
.tramite-note-opcional,
.tramite-note-recomendado {
    color: var(--status-error);
}
.tramite-note-circe {
    color: var(--blue-blue-500);
}


.menu-interno .nav-item.active .nav-link.is-child .tramite-menu-note {
    color: var(--basic-white);
}


.tramite-note-legend {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 40px;
}
.tramite-note-legend .tramite-menu-note {
    margin: 0 0 6px;
}

.alert.alert-primary {
    color: var(--blue-blue-500);
    background-color: var(--blue-blue-100);
    border: 1px solid var(--blue-blue-900)
}
/*
:not(#menuPrincipal, #rootwizard) .nav-link.bg-clasificacion {
    background: var(--neutral-neutral-100, #F2F2F2) !important;
    border-radius: 0;
    color: #000;
    /* Font/500 Regular 
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal; /* 150% 
}

:not(#menuPrincipal, #rootwizard) nav-pills:not(.flex-lg-column) .nav-link.bg-clasificacion, :not(#menuPrincipal, #rootwizard) .nav-pills:not(.flex-lg-column) .nav-link.bg-tramite, :not(#menuPrincipal, #rootwizard) .nav-pills:not(.flex-lg-column) .nav-item {
    background: var(--neutral-neutral-100, #F2F2F2) !important;
    color: #000 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal; /* 150% *//*
}

:not(#menuPrincipal, #rootwizard) .nav-pills:not(.flex-lg-column) .nav-link.bg-clasificacion.active,
:not(#menuPrincipal, #rootwizard) .nav-pills:not(.flex-lg-column) .nav-link.bg-tramite.active {
    border-bottom: 6px solid var(--blue-blue-500, #0055A5);
    background: var(--neutral-neutral-200, #E6E6E6) !important;
    color: #000 !important;
    /* Font/500 Regular *//*
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal; /* 150% *//*
}

:not(#menuPrincipal, #rootwizard) .nav-link.bg-tramite {
    padding-left: 40px;
}

nav {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

nav a {
    text-decoration: none;
    color: initial;
}

nav a:hover {
    text-decoration: none;
    color: initial;
}

nav.menu ul {
    list-style-image: none !important;
    list-style: none !important;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav.menu li a {
    font-size: 0.8rem;
    line-height: 1.3em;
    padding-left: 1em;
}

nav.menu > a, div.nav.nav-pills > a:not(.nav-link) {
    margin: 0;
    font-weight: bold;
    background: #f2f2f2;
    color: #fff;
    padding: 0.7em 0.9em;
    display: block;
}

nav.menu {
    border-bottom: 1px solid #DFDFDF !important;
}

nav.menu > ul {
    border-left: 1px solid #DFDFDF !important;
    border-right: 1px solid #DFDFDF !important;
    border-top: 1px solid #fff !important;
}

/*nav.menu > ul > li > div > ul > li {
    border-top: 1px solid #D5E5F4;
}*//*

nav.menu > ul > li > div > ul > li > div > ul > li {
    border-top: 1px solid #fff;
}

nav.menu > ul > li > a {
    display: block;
    margin: 0;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

nav.menu > ul > li > a:hover, nav.menu > ul > li.active > a, nav.menu > ul > li.active > a:active, nav.menu > ul > li > a:active {
    border-bottom: 6px solid var(--blue-blue-500, #0055A5);
    background: var(--neutral-neutral-200, #E6E6E6);
    transition: all 0.1s;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
}
*/
            /*nav.menu > ul > li > div > ul > li > a, div.nav > a.nav-link {
    display: block;
    border-left: 20px solid #F7F7F7;
}*/

            /*nav.menu > ul > li > div > ul > li > a:hover, div.nav > a.nav-link:hover {
    color: #444;
    background-color: #dfdfdf;
    border-left: 30px solid #f7f7f7;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

nav.menu > ul > li > div > ul > li.active > a, nav.menu > ul > li > div > ul > li.active > a:active, nav.menu > ul > li > div > ul > li > a:active /*, div.nav > a.nav-link.active*//* {
    color: #000;
    /* Font/500 Regular 
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal; /* 150% */
}

            /*div.nav > a.nav-link.active {
    border-left: 30px solid #258FE9;
    background-color: #fff !important;
    color: #444 !important;
    font-weight: bold;
}*/

            /*div.nav > a.bg-clasificacion.active {
    border-left: 30px solid #258FE9;
    background-color: #80BBF3 !important;
    color: #444 !important;
    font-weight: bold;
}*//*

nav.menu > ul > li > div > ul > li > div > ul > li > a {
    color: #444 !important;
    background-color: #F7F7F7;
    border-left: 30px solid #efefef;
}

nav.menu > ul > li > div > ul > li.active > div > ul > li {
    border-bottom: 1px solid #fff !important;
}

nav.menu > ul > li > div > ul > li.active > div > ul > li > a {
    border-left: 40px solid #D5E5F4;
    background-color: #F7F7F7;
    color: #444 !important;
}

nav.menu > ul > li > div > ul > li.active > div > ul > li > a:hover, nav.menu > ul > li > div > ul > li.active > div > ul > li > a:active, nav.menu > ul > li > div > ul > li > div > ul > li > a:active, nav.menu > ul > li > div > ul > li.active > div > ul > li.active > a {
    border-left: 40px solid #D5E5F2;
    background-color: #005095 !important;
    color: #fff !important;
}

nav.menu > ul > li > div > ul > li > div > ul > li > a:hover {
    color: #444 !important;
    background-color: #d2d2d2 !important;
    border-left: 40px solid #efefef;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

/*div.nav > a.nav-link {
    border-radius: 0;
    font-size: 0.8rem;
    border-top: 1px solid #B5C5F4; 
    line-height: 1.3em;
    padding-left: 1em;
}*/

/* asistente -----------------------------*/
.card.asistente {
    margin-bottom: 0;
}

.asistente .card-body {
    margin: 0 0 40px;
    padding: 0;
    border-radius: 5px;
}

.asistente .form-wizard-header {
    margin: 0;
    background-color: var(--blue-blue-500);
}



/* tramites ------------------------------*/

#divSupuesto {

}
#divSupuesto .card-body {
    padding: 16px 24px;
    background: var(--blue-blue-100, #F5FAFF);
    border: 1px solid var(--neutral-neutral-200);
        border-radius: 5px;
    border: 1px solid var(--neutral-neutral-200, #E6E6E6);
}
/*
#divSupuesto .card-body p {
    color: var(--basic-black, #2E2D2C);
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#divSupuesto .card-body h5 {
    color: var(--basic-black, #2E2D2C);
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}*/
.btn-imprimir {
    color: var(--blue-blue-500);
    font-weight: 600;
    text-decoration: underline;
}

.supuesto-cont{
    display: table;
    width: 100%;
}
.supuesto-row{
    display: table-row;
    text-align: left;
}
.supuesto-actividad .supuesto-title-wrap,
.supuesto-actividad .media {
    border-bottom: 1px solid var(--neutral-neutral-500);
}
.supuesto-title-wrap {
    display: table-cell;
    padding: 0 2em 12px 0;
    text-align: left;
}
.supuesto-title{
    font-weight: 600;
    margin: 8px 0;
}
.media{
    display: table-cell;
    padding: 0;
}
.supuesto-actividad .media {
    color: var(--blue-blue-500);
}
.media-body{}
.media-title {

}
.media-title-main {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 8px 0;
}
.media-text{
    margin: 8px 0;
}
.supuesto-actividad + .supuesto-row .media {
    padding-top: 8px;
}
.btn-imprimir:hover {
    color: var(--blue-blue-500);
}
h1.h1-principal { 
    color: var(--blue-blue-500, #0055A5);
    font-family: 'Open Sans', sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1em;
}
.interior-content{
    padding-left:32px;
}
/* sharepoint ----------------------------*/
table.pqna th {
    padding-right: 20px;
    color: #6c757d;
    background-color: #f1f3fa;
    border-color: #eef2f7;
}

p.SubMenu, p.titulo, p.item {
    font-weight: bold;
    text-decoration: underline;
}

p.tituloforma-esp {
    margin-top: 2.25rem !important;
    margin: 10px 0;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.1;
}

table.pqna > caption {
    display: none;
}

.dataTables_scrollBody {
    max-height: 101px !important;
}

.dtsp-columns-3 {
    padding-left: 0 !important;
    max-width: none !important;
}

.dtsp-columns-3:last-child {
    padding-right: 0 !important;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper {
    margin-left: 0;
    margin-right: 0;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont input.dtsp-search {
    padding-left: 0;
    height: initial;
    margin: 0;
    margin-bottom: 0.5rem;
}

#tabActividades {
    border: 1px solid #DFDFDF;
}

.colegio-detalle .card {
    min-height: 116px;
}

.colegio-detalle .card > .row {
    min-height: 92px;
}

.colegio-detalle .card > .row > div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

.colegio-detalle .card > .row img {
    max-width: 165px;
    max-height: 80px;
    width: auto;
    height: auto;
    text-align: center;
}

.img-colegio {
    max-width: 180px;
    max-height: 150px;
    width: auto;
    height: auto;
    text-align: center;
}

.contact-form .form-group-required input[data-val-required], .contact-form .form-group-required textarea[data-val-required], .contact-form .form-group-required > span:not(.select2-container--disabled) > span > span.select2-selection {
    background-color: #fff !important;
    border-color: var(--neutral-neutral-300);
    color: var(--neutral-neutral-500);
}


.contact-form .form-group-required .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #adb5bd;
}
/****************************/
.text-white-85 {
    color: rgba(255, 255, 255, 0.85) !important;
}


.nav-link:focus, footer > div > div > div > ul > li > a:focus, a:focus, div > span > span.selection > span:focus, .navbar-toggler:focus {
    text-decoration: initial !important;
    outline: -webkit-focus-ring-color auto 1px !important;
    outline-color: -webkit-focus-ring-color !important;
    outline-style: auto !important;
    outline-width: 1px !important;
}

p > a:not([class]), li > a:not([class]) {
    text-decoration: underline !important;
    color: var(--blue-blue-500, #0055A5);
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

span.list-group-item-light {
    color: #555758 !important
}

.table,
.table .thead-light th {
    color: var(--basic-black) !important;
}
.btn-info {
    background-color: var(--blue-blue-500);
    border-color: var(--blue-blue-500);
}
.btn-info:hover {
    background-color: var(--blue-blue-900);
}

.page-link {
    text-decoration: none;
}
.page-item.active .page-link {

    background-color: var(--blue-blue-500) !important;
    border-color: var(--blue-blue-500) !important;
}

.texto-oscuro-supuesto {
    color: #4f565c !important;
}

.text-muted {
    color: #343a40 !important;
}

.text-dark-danger {
    color: #b41818 !important;
}

.text-dark-primary {
    color: #2c489d !important;
}

.btn-warning-supuesto {
    color: #1a1919;
    background-color: #f9c851;
    border-color: #f9c851;
}

.btn-danger-supuesto {
    color: #fff;
    background-color: #ce4747;
    border-color: #ce4747;
}

/*Tipografia*/

h2 {
    color: var(--blue-blue-500, #0055A5);
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
}
/*main .container p {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}*/
main p.titulo {
    font-weight: bold !important;
    font-size: 1.125rem !important;
}

main .tab-content ul li {
    color: var(--basic-black, #2E2D2C);
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
main .container .tab-pane label {
    color: var(--basic-black, #2E2D2C);
    /* Title/XL */
    font-family: 'Open Sans', sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--basic-black);
}

main .container .row {
    color: var(--basic-black, #2E2D2C);
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
}

main .container .tab-pane .custom-control-label {
    font-size: 1rem;
    line-height: normal;
}

main .container .tab-pane .h1-principal {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/*icono acordeon header collapsed */
.card-header.collapsed .mdi-chevron-up:before {
    content: "\F140";
}
.card {
    box-shadow: none;
}
.wizard-wrapper {
    display: flex;
    border: 1px solid var(--blue-blue-500);
    border-radius: 5px;
}
.wizard-wrapper .nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 60px 80px 40px 20px;
}
.wizard-wrapper .nav-item {
    position: relative;
    flex-grow: 0;
    display: block;
    padding: 0 0 80px;
    text-align: right;
}
.wizard-wrapper .nav-item::before{
    content: '';
    width: 1px;
    position: absolute;
    right: 15px;
    top: 16px;
    bottom: -4px;
    background-color: #fff;
}
.wizard-wrapper .nav-item:last-child::before {
    display: none;
}
.wizard-wrapper .nav-item:last-child {
    padding-bottom: 0;
}
.wizard-wrapper .wizard-link {
    display: flex;
    justify-content: flex-end;  
    color: var(--blue-blue-300);
    text-decoration: none;
    padding: 0 !important;
    pointer-events: none;
}
.wizard-link::after {
    content: '';
    display: block;
    margin-top: 12px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 1px solid var(--gris-frio);
    background-color: var(--blue-blue-500);
    outline: 2px solid var(--blue-blue-500);
    outline-offset: 0;
    position: relative;
}
.wizard-wrapper .wizard-link.active {
    color: var(--basic-white);
    background-color: transparent;
}
.wizard-link.active::after {
    background-color: var(--basic-white);
}
.wizard-step-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 20px;
}

.completed-1 .nav-item-actividad .wizard-link:not(.active) .wizard-step-content,
.completed-2:not(.is-temp) .nav-item-juridica .wizard-link:not(.active) .wizard-step-content {
    color: var(--completed-color);
}
.completed-1 .nav-item-actividad .wizard-link:not(.active)::after,
.completed-2:not(.is-temp) .nav-item-juridica .wizard-link:not(.active)::after {
    background-color: var(--completed-color);
    border-color: var(--completed-color);
}
.is-temp .nav-item-juridica .wizard-step-content {
    opacity: .3;
}
.is-temp .nav-item-juridica .wizard-link::after {
    border-color: #ffffff33;
}
.number-fsize {
    font-family: 'Open Sans', sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
}
.wizard-step {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 600;
}

.nav-pills.flex-lg-column .nav-link, .nav-pills.flex-lg-column .nav-item {
    background-color: transparent !important;
    color: var(--neutral-neutral-300, #CACACA) !important;
}
.wizard-panel-title {
    color: var(--basic-black, #2E2D2C);
    font-family: 'Open Sans', sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 32px;
}      
.nav-tabs > li > a {
    color: #666f77 !important;
}

/*select formulario tramites actividad*/
.form-group-required > span:not(.select2-container--disabled) > span > span.select2-selection {
    background: white !important;
    color: var(--basic-black);
    border-color: var(--neutral-neutral-300);
    border-radius: 5px;
}
.form-group-required > label::after {
    content: " *";
    color: var(--status-error);
}
.invalid-feedback {
    color: var(--status-error);
}
span.select-validation-error > span > span.select2-selection, .form-group-error > .note-editor {
    border-color: var(--status-error) !important;
    font-size: .75rem;
}
#mensajeFJnoObligatorio {
    font-size: .75rem;
}
.form-group-required > .select2-container--focus:not(.select2-container--disabled) > span > span.select2-selection {
    background: var(--bg-primary-soft, #F7F7F8) !important;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
    border: none;
    position: relative;
    top: 7px;
    left: 0;
}

.select2-container .select2-selection--single .select2-selection__arrow b:after {
    content: "\F140";
    font-family: "Material Design Icons";
    font-size: 24px;
    display: inline-block;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
    content: "\F143";
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    visibility: hidden;
}

.select2-container--default .select2-selection--single .select2-selection__clear:before {
    content: "\f156";
    font-family: "Material Design Icons";
    font-size: 24px;
    display: inline-block;
    visibility: visible;
    color: #363D47;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    padding-left: 12px;
    overflow: hidden;
    color: var(--neutral-neutral-500);
    text-overflow: ellipsis;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

.select2-container .select2-selection--single:focus {
    outline-style: solid !important;
    outline-color: #696E75 !important;
    outline-width: 1px !important;
}

.card.asistente .nav-pills .nav-link .mdi.mdi-circle {
    font-size: 28px;
    z-index: 1;
}

.nav-pills .nav-link:not(.active) .mdi-circle::after {
    background: var(--neutral-neutral-300, #CACACA) !important;
}
.pane-destacado {
    padding: 24px;
    background: var(--neutral-neutral-100, #F2F2F2);
    color: var(--basic-black);
}
.card.asistente .tab-content {
    padding-top: 12px;
}
.title-pane-destacado{
    font-size: 1.375rem;
    font-weight: 600;
    margin: 0 0 1em;
}
.text-regulada {
    color: var(--blue-blue-500);
    font-weight: 600;
    margin: 0 0 1rem
}
.text-regulada::before{
    content: "\f142";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 26px;
    line-height: 20px;
    vertical-align: middle;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.text-regulada span {
    vertical-align: middle;
}
.card.asistente li.next.list-inline-item .btn-primary {
    border-radius: 50px;
    background: var(--blue-blue-500, #0055A5);
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left: 18px;
}

.card.asistente li.next.list-inline-item .btn-primary:before {
    content: "\F142";
    font-family: "Material Design Icons";
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    vertical-align: middle;
    height: 24px;
    color: white;
    float: right;
}

.card.asistente li.previous.list-inline-item .btn-primary {
    border-radius: 50px;
    border: 1px solid var(--blue-blue-500, #0055A5);
    background: var(--basic-white, #FFF);
    color: var(--blue-blue-500, #0055A5);
    /* Font/500 semibold */
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 18px;
}

.card.asistente li.previous.list-inline-item .btn-primary:before {
    content: "\F141";
    font-family: "Material Design Icons";
    display: inline-block;
    font-size: 23px;
    font-weight: bold;
    vertical-align: middle;
    height: 24px;
}

.card.asistente .tab-pane .row .col-12 {
    color: var(--basic-black, #2E2D2C);
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 0px 23px 23px 23px;
}
.icon-informacion{
    display: inline-block;
}
.icon-informacion::before {
    content: '';
    display: inline-block;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTMxXzE2NDcpIj4KICAgIDxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMkMyIDE3LjUyIDYuNDggMjIgMTIgMjJDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJDMjIgNi40OCAxNy41MiAyIDEyIDJaTTEzIDE3SDExVjExSDEzVjE3Wk0xMyA5SDExVjdIMTNWOVoiIGZpbGw9IiMzMkEyQ0QiLz4KICA8L2c+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAwXzEzMV8xNjQ3Ij4KICAgICAgPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+Cjwvc3ZnPg==);
    width: 24px;
    height: 24px;
}
.detailsBordeadoX {
    max-width: 62.5rem; 
    margin: 0 0 4px;
}
.detailsBordeadoX ul {
    margin-top: 1rem;
}
.summaryBordeadoX {
    display: flex;
    justify-content: space-between;
    padding: 8px 24px;
    margin: 0;
    border-bottom: 1px solid var(--blue-blue-200);
}
.summaryBordeadoX::after {
    content: "\f13c";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;

}
.detailsBordeadoX[open] .summaryBordeadoX::after {
    transform: rotate(180deg);
}
/*Presentación*/
.section-intro {
    position: relative;
    padding: 90px 0;
}
.section-intro--bg {
    position: absolute;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.section-intro--bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-intro--content {
    background-color: #ffffffe6;
    padding: 40px;
    max-width: 45rem;
    border-radius: 20px;
    box-shadow: 0px 2px 10px 0px #0D0D0D40;
}
.section-intro--title {
    font-size: 3rem;
    line-height: 1.2;
    color: var(--blue-blue-500);
    font-weight: 600;
}
.section-intro--text {
    font-size: 1.125rem;
}
/*section-background*/
.section-background {
    position: relative;
    min-height: 346px;
    /*display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    align-content: center;*/
    text-align: center;
    color: var(--gris-frio) !important;
}
.section-background--bg {
    position: absolute;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.section-background--bg::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.7;
    background: var(--destacado, #0B4EA2);
}
.section-background--bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-background .container {
    padding: 40px 0 85px;
}
.section-background div a {
    position: relative;
    z-index: 1;
}
.section-background .eu-btn__w {
    text-transform: uppercase;
}
.section-background div a img {
    filter: brightness(1.3);
}
.title-section-background {
    color: inherit;
    text-align: center;
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 25px;
}
.text-section-background {
    line-height: 1.2 !important;
    margin: 0.5rem 0 2.5rem;
    font-size: 2rem;
    color: inherit !important;
    font-weight: 600;
}
.section-bg-gray {
    position: relative;
    min-height: 346px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    align-content: center;
    
}

.section-bg-gray:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    background: linear-gradient(180deg, #F2F2F2 0%, rgba(255, 255, 255, 0.00) 100%);
    border-bottom: 1px solid var(--blue-blue-200, #DBEEFF);
}
.section-bg-gray a {
    margin-right: 35px !important;
    line-height: 42px !important;
}
.section-bg-gray a.text-secondary:nth-child(odd) {
    color: var(--blue-blue-500, #0055A5) !important;
    text-align: center;
    /* Font/500 semibold */
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.section-bg-gray a.text-secondary:nth-child(even) {
    color: var(--blue-blue-900, #00274D) !important;
    text-align: center;
    /* Font/500 semibold */
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.section-higlight {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 80px -10px 70px;
}
.tab-pane .section-higlight {
    margin-top: 24px;
    margin-bottom: 24px;
}
.section-higlight--item {
    width: calc(33.3333% - 20px);
    display: block;
    margin: 0 10px 20px;
    padding: 16px;
    border-radius: 20px;
    border: 2px solid var(--blue-blue-500);
    display: flex;
    flex-direction: column;
}
.tab-pane .section-higlight--item {
    width: calc(50% - 20px);
}
.section-higlight--img {
    width: 100%;
    aspect-ratio: 2 / 1;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 24px;
}
.section-higlight--img.img-ico {
    aspect-ratio: unset;
    margin-top: 24px;
}
.section-higlight--img img {
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-higlight--img.img-ico img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.section-higlight--content {
    flex-grow: 1;
}
.section-higlight--title{
    font-size: 1.375rem;
    font-weight: 600;
    margin: 0 0 16px;
}
.section-higlight--txt {
    line-height: 1.5;
    margin: 0 0 30px;
}
.section-higlight--foot {
    align-self: center;
    margin-bottom: 10px;
}
.section-higlight--foot .eu-btn {
    text-transform: uppercase;
}
.section-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 80px 0;
}
.section-links--item {
    min-width: 29%;
    display: block;
    text-align: center;
}
.section-links--lnk {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    align-items: center;
    box-shadow: 0px 2px 10px 0px #00000033;
    border-radius: 20px;
    text-decoration: none;
}
.section-links--img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: var(--blue-blue-500);
    margin-bottom: 15px;
    padding: 15px;
}
.section-links--img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.section-links--txt {
    font-size: 1.125rem;
    color: var(--blue-blue-500);
    font-weight: 600;
}
.section-extlinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 80px 0 40px;
    padding: 40px 0 0;
    border-top: 1px solid var(--blue-blue-200);
}
.section-extlinks--item {
    flex-basis: 30%;
    display: block;
    margin: 0 20px;
    padding: 15px;
    border: 1px solid var(--blue-blue-500);
    border-radius: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.section-extlinks--txt {
    margin: 0 0 10px;
    font-size: 1rem;
    font-weight: 600;
    color: #000;
}
.section-extlinks--imglnk {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.section-extlinks--imglnk .eu-btn{
    white-space: nowrap;
}
.section-extlinks--img {
    height: 54px;
    margin-right: 10px;
}
.modal-content {
    padding: 30px 40px 10px;
}
.modal-header {
    padding: 0;
}
.modal-header.bg-light.text-dark {
    padding-bottom: 8px;
    background-color: #fff !important;
    color: var(--blue-blue-500) !important;
    border-bottom: 1px solid var(--neutral-neutral-300); 
}
.modal-header.bg-danger.text-white{
    background-color: #fff !important;
    color: var(--status-error) !important;
}
.modal-title {
    font-size: 2rem;
    color: inherit; 
}
.modal-header .close {
    color: var(--blue-blue-900);
    font-size: 1.6rem;
    opacity: 1;
}

.modal-clave .row {
    margin: 0 0 16px;
}

.modal-clave #send {
    display: block;
    margin: 0 auto;
}

#modalLogin .modal-content {
    border-radius: 20px;
}

#modalLogin .modal-footer {
    display: none;
}
/*Interiores*/
.page-title-wrap {
    margin-top: 24px;
}
.page-title {
    font-size: 2.5rem;
    color: var(--blue-blue-500);
    font-weight: 400;
    margin: 0 0 24px;
}
.page-intro-text {
    margin: 1rem 0 40px;
}
.page-title__menu {
    margin: 0 0 24px;
    padding: 0;
    font-size: 2.5rem;
    font-weight: 400;
    color: var(--black);
    line-height: 1.3;
}
/*Colegios*/
.colegios-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -12px;
}
.colegio-item {
    width: calc(33.333% - 24px);
    margin: 0 12px 32px;
    padding: 24px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.18);
}
.tab-content .colegio-item {
    width: calc(50% - 24px);
}

.colegio-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    font-size: 1rem;
    font-weight: 600;
    color: var(--basic-black);
    text-decoration: none;
}
.colegio-link:hover {
    color: var(--basic-black);
}
.colegio-text {
    display: block;
    margin-bottom: 16px;
}
.colegio-imgcont {
    width: 100%;
    height: 75px;
}
.colegio-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;

}
/*Overwrite*/
.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 80.25rem;
}
.text-danger {
    color: var(--status-error) !important;
}

/*Formularios*/
.select2-container--default .select2-results__option[aria-selected=true]:hover,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--blue-blue-500);
    color: #fff;
}
.dropdown-toggle::after {
    content: "\f140";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 23px;
    line-height: 20px;
    vertical-align: bottom;
    text-rendering: auto;
    width: 16px;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
}
.custom-control-input {
    position: static;
    opacity: 1;
    width: auto;
    height: auto;
}
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after{
    display: none;
}
.radio-bool {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.custom-check-bool {
    padding: 0 1.5rem 0 0;
}
.is-temp .btn-text,
.btn-alttext {
    display: none;
}
.is-temp .btn-alttext {
    display: inline;
}
.eu-msg {
    padding: 0;
    margin: 24px 0;
    display: flex;
}
.eu-msg-aviso {
    border: 2px solid var(--status-warning-200);
    border-radius: 2px;
    background-color: var(--status-warning-100);

}
.eu-msg-aviso p{
    margin: 0;
}
.eu-msg::before {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    padding: 26px 10px 22px 24px;
    margin: -2px 0 -2px -2px;
    border-radius: 2px 0 0 2px; 
}
.eu-msg-aviso::before {
    content: '\f026';
    color: var(--status-warning-900);
    border-left: 4px solid var(--status-warning-900);
}
.eu-msg--content {
    padding: 24px 24px 24px 0;
}
.aviso-temporal {
    display: none;
}
.is-temp .aviso-temporal {
    display: flex;
}


.lista-paises {
    display: block;
    columns: 3;
    column-gap: 2%;
    padding: 0;
    margin: 32px 0;
}

.lista-paises li {
    display: block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin: 0 0 20px;
    font-weight: 600 !important;
    color: var(--blue-blue-900) !important;
}

.lista-paises li:nth-child(2n) {
    color: var(--blue-blue-500) !important;
}

.lista-paises li a {
    display: block;
    padding: 4px;
    color: inherit !important;
    text-decoration: none !important;
}

.lista-paises li a:hover {
    text-decoration: underline !important;
}

@media screen and (min-width: 993px) {
    .card.asistente .tab-content {
        padding: 30px;
    }
}
@media screen and (max-width: 992px) {
    .section-higlight {
        flex-direction: column;
        align-items: center;
        margin: 40px 0;
    }

    .section-higlight--item {
        max-width: 33rem;
        width: 100%;
        margin: 0 0 16px;
    }

    .section-links {
        flex-direction: column;
        align-items: center;
        margin: 40px 0;
    }

    .section-links--item {
        max-width: 25rem;
        width: 100%;
        margin: 0 0 30px;
    }

    .section-extlinks {
        flex-direction: column;
        align-items: center;
        margin: 40px 0;
    }

    .section-extlinks--item {
        max-width: 25rem;
        width: 100%;
        margin: 0 0 30px;
    }
    .navbar .container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .eu-head-user{
        padding : 12px;
    }
    .eu-head--usrname {
        color: var(--basic-white);
    }
    .eu-head--usrname:hover {
        color: var(--basic-white);
    }
    .eu-head-logout {
        border: 1px solid #fff;
    }
    .eu-head {
        padding: 5px 0
    }

    .eu-logo {
        margin-right: 1vw;
        height: 40px;
    }
    .eu-logo--sec {
        margin-right: 1vw;
        padding: 0;
        height: 40px;
    }
    .colegios-list {
        margin: 0;
        flex-direction: column;
        align-content: center;
    }
    .colegio-item,
    .tab-content .colegio-item {
        width: 100%;
        max-width: 30rem;
    }
}
@media screen and (max-width: 768px) {
    .section-intro {
        padding: 15px 0;
    }
    .section-intro--title {
        font-size: 2rem;
        line-height: 1.2;
    }
    .section-background {
        min-height: 300px;
    }
    .section-background .container{
        padding: 40px 0;
    }
    .text-section-background {
        font-size: 1.375rem;
    }
    .title-section-background{
        font-size: 2rem;
    }
    .page-title__menu {
        margin: 0;
    }
    .interior-menu {
        margin: 10px  0 0;
    }
    .title-sub{
        margin-bottom: 6px;
    }
    h3.text-primary{
        font-size: 2rem;
    }
    .wizard-wrapper {
        display: block;
    }
    .wizard-wrapper .nav {
        flex-direction: row;
        justify-content: space-between;
        padding: 10px 0 20px;
    }
    .wizard-wrapper .nav-item {
        width: 33.333%;
        flex-grow: 1;
        padding: 0;
        text-align: center;
    }
    .wizard-wrapper .nav-item::before {
        width: auto;
        height: 1px;
        left: 50%;
        right: -50%;
        bottom: 10px;
        top: auto;
    }
    .wizard-wrapper .wizard-link {
        flex-direction: column;
        align-items: center;
        height: 100%;
    }
    .wizard-link::after{
        width: 20px;
        height: 20px;
    }
    .wizard-step-content {
        align-items: center;
        margin: 0;
        flex-grow: 1;
    }

    .number-fsize {
        font-size: 1.5rem;
    }
    .tramite-basics {
    }

    .tramite-basics--list {
        flex-basis: 100%;
    }

    .interior-content {
        padding-left: 0;
    }
}
@media screen and (max-width: 576px) {
    .section-extlinks--imglnk {
        flex-direction: column;
        align-items: center;
    }
    .section-extlinks--imglnk img {
        margin: 0 0 20px;
    }
    .supuesto-row{
        display: block; 
    }
    .supuesto-title-wrap{
        display: block;
        padding: 0; 
    }
    .media {
        display: block;
    }
    .media-text {
        margin-top: 0;
    }
    .supuesto-actividad {
        border-bottom: 1px solid var(--neutral-neutral-500);
        margin-bottom: 16px;
        padding-bottom: 10px;
    }
    .supuesto-actividad .supuesto-title-wrap,
    .supuesto-actividad .media {
        border: 0;
    }
    .supuesto-actividad + .supuesto-row .media{
        padding: 0 0 8px;
    }
}