:root {
    --eso-primary: rgb(227, 6, 19);
    --eso-primary-card: rgba(227, 6, 19, .9);
    --eso-primary-light: #ED7970;
    --eso-blue: #243648;
    --eso-purple: #852280;
    --eso-light-blue: #AFBBC3;
    --eso-xlight-blue: #f0f5f8;
    --eso-yellow: #D29939;
    --eso-black: rgba(0, 0, 0, 0.8);
    --eso-white: rgba(255, 255, 255, 1);
    --eso-text: #373A3D;
    --eso-grey-900: #373A3C;
    --eso-grey-800: #343a40;
    --eso-grey-700: #495057;
    --eso-grey-600: #7c7b7c;
    --eso-grey-500: #496376;
    --eso-grey-400: #cecece;
    --eso-grey-300: #AFBBC3;
    --eso-grey-200: #E5E5E5;
    --eso-grey-100: #ECEDEE;
    --eso-ok: #4BC157;
    --eso-gradient: linear-gradient(180deg, #F4F4F4 2.32%, #F4F4F4 19.62%, #7b8a96 100%);
    --eso-xx-small: 0.8rem; /**/
    --eso-x-smaller: 0.9rem; /**/
    --eso-x-small: 1rem; /**/
    --eso-small: 1.5rem; /**/
    --eso-medium: 1.8rem; /**/
    --eso-large: 2rem; /**/
    --eso-larger: 2.3rem; /**/
    --eso-x-large: 3.8rem; /**/
    --eso-xx-large: 4rem;
    --eso-xxx-large: 4.5rem;
    --eso-very-big: 8.5rem;
    --eso-family-font: 'Raleway', Arial, Arial, Helvetica, sans-serif;
}

html,
body {
    height: 100%;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
}


blockquote {
    border-left: 4px solid var(--eso-grey-500);
    padding-left: 16px;
}

hr {
    content: '';
    height: 1px;
    background-color: var(--eso-grey-200);
    border: 0;
}

.color-primary {
    color: var(--eso-primary);
}

.breadcrumb .breadcrumb-item a {
    /*text-overflow: ellipsis;
    overflow: hidden;
    max-width: 360px;
    white-space: nowrap;*/
}

.eso-round-percent:after {
    width: 13px;
    height: 13px;
    content: '';
    display: inline-flex;
    border: 2px solid var(--eso-black);
    border-radius: 50%;
    margin-right: 0.2rem;
}

.eso-round-percent.path-stopped:after {
    background-color: var(--eso-primary);
}

.eso-round-percent.path-progress:after {
    background-color: var(--eso-yellow);
}

.eso-round-percent.path-complete:after {
    background-color: var(--eso-ok);
}

h2.eso-title-page {
    font-family: var(--eso-family-font);
    font-size: var(--eso-small);
    font-weight: bold;
    color: var(--eso-primary);
    margin: 0;
}

.eso-course-text {
    color: var(--eso-blue);
}

.eso-display-1 {
    font-family: var(--eso-family-font);
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.eso-display-1 h1 {
    font-size: var(--eso-larger);
    line-height: var(--eso-large);
}

.eso-display-1 h2 {
    font-size: var(--eso-x-small);
    line-height: var(--eso-x-small);
}


h3.eso-display-2,
a.eso-display-2,
h6.eso-display-2 {
    font-family: var(--eso-family-font);
    text-align: left;
    text-transform: uppercase;
    font-size: var(--eso-xx-small);
    line-height: var(--eso-xx-small);
    font-weight: bold;
    min-height: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

a.eso-display-2 {
    font-weight: normal;
    color: var(--eso-black);
}

.eso-display-2.home-subtitle {
    text-transform: initial;
    margin-bottom: 0;
}

.eso-display-3 {
    font-family: var(--eso-family-font);
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

h6.eso-display-2 {
    margin: 0;
    font-weight: normal;
}

.eso-display-3 h1 {
    font-size: var(--eso-large);
    line-height: var(--eso-large);
    font-weight: 700;
}

.eso-display-3 h2 {
    font-size: var(--eso-medium);
    line-height: var(--eso-large);
}

h1.eso-display-4 {
    font-family: var(--eso-family-font);
    margin: 20px 0 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.eso-display-4 > i {
    font-size: 0.75em;
    color: #545454;
    margin-right: 8px;
}

.eso-header-page h3, .eso-header-page h4, .eso-header-page h5, .eso-header-page h6,
.eso-page h3, .eso-page h4, .eso-page h5, .eso-page h6 {
    font-weight: bold;
}

/* HEADER ON TOP */

.navbar.main {
    background-image: url(/web-resources/images/bkgd-header-a350f9b0f73aa323f1af26a8f78c7fc9.png);
    background-size: 800px;
    background-position: top center;
    background-repeat: no-repeat;
}

.profile-dropdown:after {
    display: none;
}

/* Small devices (landscape phones, 320px and up)*/
@media (min-width: 320px) {
    .navbar.main {
        background-size: 300px;
        background-position: top right;
    }
}

@media (min-width: 768px) {
    .navbar.main {
        background-size: 500px;
        background-position: top right;
    }
}

@media (min-width: 992px) {
    .navbar.main {
        background-size: 700px;
        background-position: top right;
    }
}

@media (min-width: 1200px) {
    .navbar.main {
        background-size: 800px;
        background-position: top center;
    }
}


/* ============ desktop view for hover dropdown ============ */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
        color: #373a3c;
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

/* ============ desktop view .end// ============ */


#carouselHero {
    width: 500px;
    height: 300px;
}


#carouselEso {
    height: 460px;
    margin: 1rem 0;
}

.carousel-indicators li {
    background-color: var(--eso-primary);
    height: 12px;
    width: 12px;
    border-radius: 100%;
}

.bg-primary .carousel-indicators li {
    background-color: var(--eso-black);
}


.eso-breadcrumbs {
    background-color: var(--eso-grey-200);
    border-top: 8px solid var(--eso-primary);
    font-size: var(--eso-xx-small);
}

.eso-breadcrumbs .breadcrumb,
.eso-breadcrumbs .breadcrumb ol {
    margin-bottom: 0;
}

/* Search */
.eso-search .btn {
    color: var(--eso-white);
    font-size: var(--eso-small);
    padding: 0 1rem;
    margin: 0 0.1rem;
}

.eso-search .btn:hover {
    color: var(--eso-primary);
}

.eso-search .btn:focus {
    box-shadow: none !important;
}

.eso-search input {
    border: 2px solid var(--eso-primary);
    border-radius: 0;
}

.load-content-search {
    background: rgba(100, 100, 100, 0.2);
    z-index: 1;
    display: none;
}

.text-checkbox-podcast{
    color: var(--eso-purple);
}
.text-checkbox-podcast .icon-podcast{
    fill: var(--eso-purple);
}
.text-checkbox-podcast .custom-control-input:checked~.custom-control-label::before{
    background: var(--eso-purple);
    border-color: var(--eso-purple);
}
.text-checkbox-podcast .custom-control-input:not(:disabled):active~.custom-control-label::before{
    border-color: rgba( var(--eso-purple), 0.7);
}
.text-checkbox-podcast .custom-control-input:focus~.custom-control-label::before{
    box-shadow: 0 0 0 0.2rem rgba( var(--eso-purple), 0.25)
}
/* Elementi */
.eso-hero-link {
    color: #373a3c;
}

.eso-hero-link:hover {
    color: rgba(55, 56, 60, .8);
    text-decoration: none;
}

.eso-hero-doc {
    width: 500px;
    height: 300px;
    background: url(/web-resources/images/Doc_cards-12a996ccfd784be7c0bab90e11c98885.png) 0 0 no-repeat;
    padding: 2rem;
}

.eso-hero-doc .eso-icon-photo {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 4px solid var(--eso-grey-400);
    background-color: var(--eso-grey-400);
    /*background:url(../images/img.jpg) center center no-repeat;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 200px;
    height: 200px;
}

.eso-hero-doc .expert-name {
    font-family: var(--eso-family-font);
    font-weight: 700;
}

.eso-hero-doc .expert-detail {
    font-style: italic;
    font-size: var(--eso-x-smaller);
}

.hero-hd-imgs {
    display: none;
}

/* Small devices (landscape phones, 320px and up)*/
@media (min-width: 320px) {
    .hero-hd-search {
        padding: 1rem;
    }
}

/* Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
    .hero-hd-imgs {
        display: none;
    }
}*/

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .hero-hd-imgs {
        display: flex;
    }
}

/* Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
    .hero-hd-imgs {
        display: flex;
    }
}*/

/*.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transition-timing-function: linear;
transition: transform 4s ease-in-out !important;
}

.carousel-fade .carousel-item.active {
opacity: 1;
}

.carousel-fade .carousel-item.active.left,
.carousel-fade .carousel-item.active.right {
left: 0;
opacity: 0;
z-index: 1;
}

.carousel-fade .carousel-item.next.left,
.carousel-fade .carousel-item.prev.right {
opacity: 1;
}

.carousel-fade .carousel-control {
z-index: 2;
}
*/
.btn-eso-badge {
    margin: 0.5rem 0;
}

.eso-badge {
    background-color: var(--eso-white);
    color: var(--eso-black);
    text-transform: uppercase;
    margin-left: 1rem;
}

.btn.btn-info.btn-eso-badge.focus,
.btn.btn-info.btn-eso-badge:focus,
.btn.btn-info.btn-eso-badge.active.focus,
.btn.btn-info.btn-eso-badge.active:focus,
.btn.btn-info.btn-eso-badge:active.focus,
.btn.btn-info.btn-eso-badge:active:focus,
.btn.btn-info.btn-eso-badge.selected {
    color: var(--eso-white);
    background-color: var(--eso-primary);
    border-color: var(--eso-primary);
    outline: none;
    box-shadow: none;
}

.wrapalign-card,
.wrapalign-session-card,
.wrapalign-course-card {
    flex: 0 0 265px; /*  flex-wrap per evitare le colonne 0 al grow per evitare che prenda tutto il width*/
    box-sizing: border-box;
    margin: 0.50rem 1rem 0.5rem 0;
    min-width: calc(20% - 1rem);
}


.btn-eso-offer {
    background-color: var(--eso-blue);
    color: var(--eso-white);
    font-size: var(--eso-x-smaller) !important;
    text-align: left;
    flex: 1 0 178px; /*  flex-wrap per evitare le colonne 0 al grow per evitare che prenda tutto il width*/
    box-sizing: border-box;
    margin: 1rem .25rem;
    min-width: calc(20% - 0.50rem);
}

.btn-gb-white {
    background: var(--eso-white);
}

.icon-podcast-home {
    max-width: 1.8em;
    fill: var(--eso-white);
}

.btn-eso-offer:hover .icon-podcast-home {
    fill: var(--eso-light-blue);
}

.btn-course{
    background: var(--eso-blue);
    color: #fff;
}
.btn-course:hover{
    filter: brightness(0.85);
    color: #fff;
}
.btn-course:focus{
    box-shadow: 0 0 0 0.2rem rgba(6, 43, 227, 0.25);
}

.btn-pathway{
    background: var(--eso-grey-400);
    color: var(--eso-black);
}
.btn-pathway:hover{
    filter: brightness(0.85);
    color: var(--eso-black);
}
.btn-pathway:focus{
    box-shadow: 0 0 0 0.2rem rgba(189, 189, 189, 0.25);
}

.btn-podcast{
    background: var(--eso-purple);
    color: var(--eso-white);
}
.btn-podcast:hover{
    filter: brightness(0.85);
    color: var(--eso-white);
}
.btn-podcast:focus{
    box-shadow: 0 0 0 0.2rem rgb(133, 34, 128);
}



/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 320px) {
    .btn-eso-offer {
        min-width: calc(50% - 0.50rem);
    }

    .wrapalign-card {
        min-width: calc(100% - 1rem);
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .btn-eso-offer {
        min-width: calc(50% - 0.50rem);
    }

    .wrapalign-card {
        min-width: calc(50% - 1rem);
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .btn-eso-offer {
        min-width: calc(30% - 0.50rem);
    }

    .wrapalign-card {
        min-width: calc(30% - 1rem);
    }

    .wrapalign-session-card {
        min-width: calc(33% - 1rem);
    }

    .wrapalign-course-card {
        min-width: calc(50% - 1rem);
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .btn-eso-offer {
        min-width: calc(16% - 0.50rem);
    }

    .wrapalign-card {
        min-width: calc(16% - 1rem);
    }

    .wrapalign-session-card {
        min-width: calc(33% - 1rem);
    }

    .wrapalign-course-card {
        min-width: calc(50% - 1rem);
    }
}

.btn-eso-offer:hover {
    color: var(--eso-light-blue);
}


.date-block {
    background-color: var(--eso-primary);
    padding: 8px;
    border-radius: 4px;
    text-align: center;
    font-weight: bold;
    max-width: 90px;
    max-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    color: var(--eso-white);
}

.date-block .title-date-block {
    font-size: 0.6rem;
    white-space: nowrap;
}

.date-block .day-date-block {
    font-size: var(--eso-larger);
    line-height: var(--eso-larger);
}

.date-block .month-date-block,
.date-block .hour-date-block {
    color: var(--eso-white);
    text-transform: uppercase;
    /*white-space: nowrap; */
    font-size: var(--eso-xx-small);
    line-height: var(--eso-x-small);
}


/* CARDS */
.bg-red {
    background: var(--eso-primary);
}

.eso-card .card-body {
    padding: 0;
    /*min-height: 9.5rem;*/
}

.card.eso-session {
    border: 2px solid var(--eso-primary-card);
    color: var(--eso-text);
    background: var(--eso-white);
}

.card.eso-session a {
    color: var(--eso-text);
}

.card.eso-session a.color-primary {
    color: var(--eso-primary);
}

.card.eso-session a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.5;
    text-decoration: none;
}

.esco-icon-card {
    width: 16px;
    margin-left: 2px;
}

.esco-icon-card svg path, .esco-icon-card svg rect {
    fill: var(--eso-primary);
}

/*** esco-variant ***/
.card.eso-session.esco-session-card {
    background: #eaeaea;
}

.bg-blue {
    background: var(--eso-blue);
}

.card.eso-course {
    background-color: var(--eso-white);
    color: var(--eso-text);
    border: 2px solid var(--eso-blue);
}

.card.eso-course .bg-image {
    position: absolute;
    opacity: 0.5;
}

.card.eso-course .bg-image.bg-image-left {
    bottom: 0;
    height: 100%;
    left: -8px;
}

.card.eso-course.future-course .bg-image.bg-image-left {
    bottom: -8px;
}

.card.eso-course .bg-image.bg-image-right {
    top: -8px;
    height: 100%;
    right: -8px;
}


.card.eso-course a {
    color: var(--eso-blue);
}

.card.eso-course a:hover {
    transition: all 0.3s ease;
    opacity: 0.95;
    text-decoration: none;
}

.card-course-live {
    margin: 0 -8px -8px;
    background: var(--eso-blue);
    padding: 8px;
    color: var(--eso-white);
}

.card.eso-course .card-course-live a {
    color: var(--eso-white);
}

.card.eso-course.future-course .card-title {
    min-height: initial;
    max-height: initial;
}

.card-logo-course {
    max-width: 200px;
    padding: 0.4rem 0;
}

@media screen and (min-width: 320px) {
    .col-12.col-md-6 .card-logo-course {
        flex-basis: 40%;
        flex-shrink: 0;
    }

    .col-lg.col-sm-12.my-1 .card-logo-course {
        flex-basis: 75%;
        flex-shrink: 0;
    }
}

@media screen and (min-width: 992px) {
    .col-lg.col-sm-12.my-1 .card.eso-course.future-course .card-logo-course {
        display: none;
    }

    .col-lg.col-sm-12.my-1 .card.eso-course.future-course .bg-image-left {
        height: 80%;
    }
}

@media screen and (min-width: 1200px) {
    .col-12.col-md-6 .card.eso-course.future-course .card-logo-course {
        max-width: initial;
        flex-basis: 55%;
    }
}

.card-info, .card-desc {
    padding: 8px;
    min-height: 9.5rem;
}

.card-desc {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

.card-info {
    min-width: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card-info .rating {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

.card-info .rating > span {
    font-size: 12px;
    color: #e0e0e0;
    padding: 0 3px;
}


/* podcasts style*/
.home-podcasts{
    padding: 2rem 0;
    background: #fefefe;
}
.card.eso-podcast{
    border-color: var(--eso-purple);
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 120 120' style='enable-background:new 0 0 120 120;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_00000145757322632801775440000001421509334814667703_);fill:%23EFEFEF;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='120' height='120'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000098914440489527545030000013629682342840963718_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath style='clip-path:url(%23SVGID_00000098914440489527545030000013629682342840963718_);fill:%23EFEFEF;' d='M96.4,15.9 c-0.3,0-0.5,0-0.8,0C93.8,8.8,89.8,0.4,84.7-4.6c-6.6-6.4-15.9-9.8-26.7-9.8s-20.2,3.4-26.8,9.8c-5.3,5.1-9.3,13.5-11,20.6h-0.1 c-4.8,0.6-7.5,8.6-6.2,18.8S20.2,53.7,25,53c1.8-0.2,3.3-1.6,4.4-3.8c9.6,16,30.4,21.2,46.4,11.6c4.5-2.7,8.4-6.5,11.2-10.9 c1,1.8,2.4,3,4,3.2c4.8,0.7,9.8-8,11.3-18.2S101.2,16.6,96.4,15.9z M32.4-3.3c6.3-6.1,15.2-9.3,25.6-9.3s19.2,3.2,25.5,9.3 C88.3,1.3,92.2,9.4,94,16.3c-1.5,0.7-2.7,1.8-3.7,3.1C83.9,1.9,64.4-7.2,46.8-0.7c-9.6,3.5-17,11.1-20.4,20.7 c-1.1-1.7-2.7-3-4.5-3.8C23.6,9.4,27.4,1.5,32.4-3.3z'/%3E%3Cpath style='clip-path:url(%23SVGID_00000098914440489527545030000013629682342840963718_);fill:%23EFEFEF;' d='M63.4,82.4H53 c-14.5,0-26.2,11.8-26.2,26.2v73l14.5,2.8c11.2,1.5,22.6,1.5,33.8,0l14.5-2.8v-73C89.6,94.2,77.8,82.5,63.4,82.4z'/%3E%3Cpath style='clip-path:url(%23SVGID_00000098914440489527545030000013629682342840963718_);fill:%23EFEFEF;' d='M14.2,80.7 c-0.6-0.6-1.6-0.7-2.3-0.1c0,0,0,0,0,0c-0.7,0.6-0.7,1.6-0.1,2.3l6.8,7.2c0.7,0.6,1.7,0.4,2.3-0.3c0.5-0.6,0.5-1.4,0-2L14.2,80.7z' /%3E%3Cpath style='clip-path:url(%23SVGID_00000098914440489527545030000013629682342840963718_);fill:%23EFEFEF;' d='M16.1,100.9L2.8,96.3 c-0.8-0.3-1.8,0.2-2.1,1c-0.3,0.8,0.2,1.8,1,2.1l13.4,4.6c0.2,0.1,0.3,0.1,0.5,0.1c0.9,0,1.6-0.8,1.6-1.7 C17.2,101.7,16.8,101.1,16.1,100.9L16.1,100.9z'/%3E%3Cpath style='clip-path:url(%23SVGID_00000098914440489527545030000013629682342840963718_);fill:%23EFEFEF;' d='M14.6,114.9l-10.9,4.3 c-0.8,0.3-1.2,1.3-0.9,2.1c0,0,0,0,0,0c0.3,0.6,0.9,1,1.5,1c0.2,0,0.4,0,0.6-0.1l10.9-4.3c0.9-0.3,1.3-1.2,1.1-2 c-0.3-0.9-1.2-1.3-2-1.1C14.8,114.8,14.7,114.9,14.6,114.9z'/%3E%3Cpath style='clip-path:url(%23SVGID_00000098914440489527545030000013629682342840963718_);fill:%23EFEFEF;' d='M108.1,80.6 c-0.6-0.6-1.7-0.6-2.3,0c0,0,0,0,0,0L99,87.8c-0.7,0.6-0.7,1.6-0.1,2.3c0.6,0.7,1.6,0.7,2.3,0.1c0,0,0.1-0.1,0.1-0.1l6.8-7.2 C108.8,82.3,108.8,81.2,108.1,80.6z'/%3E%3Cpath style='clip-path:url(%23SVGID_00000098914440489527545030000013629682342840963718_);fill:%23EFEFEF;' d='M119.3,97.3 c-0.3-0.8-1.2-1.3-2.1-1l-13.4,4.6c-0.8,0.3-1.3,1.2-1,2.1c0.2,0.6,0.8,1.1,1.5,1.1c0.2,0,0.4,0,0.5-0.1l13.4-4.6 C119.1,99,119.6,98.1,119.3,97.3z'/%3E%3Cpath style='clip-path:url(%23SVGID_00000098914440489527545030000013629682342840963718_);fill:%23EFEFEF;' d='M116.3,119.2l-10.9-4.3 c-0.8-0.3-1.8,0.1-2.1,0.9c0,0,0,0,0,0c-0.3,0.8,0.1,1.8,0.9,2.1l10.9,4.3c0.2,0.1,0.4,0.1,0.6,0.1c0.7,0,1.3-0.4,1.5-1 C117.5,120.5,117.1,119.6,116.3,119.2C116.3,119.2,116.3,119.2,116.3,119.2z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: auto 100%;
    background-position: 75px 0;
    background-repeat: no-repeat;
}
.eso-podcast .card-type{
    padding: 0.125rem;
}
.card.eso-podcast .card-title > a{
    color: var(--eso-purple);
}
.podcast-share a{
    color: var(--eso-purple);
}
.podcast-share a .icon-google{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M1.5,14.3c-0.8,0-1.5-0.7-1.5-1.5v-1.6c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v1.6C2.9,13.6,2.3,14.3,1.5,14.3z' fill='%23852280' /%3E%3C/g%3E%3Cg%3E%3Cpath d='M22.5,14.3c-0.8,0-1.5-0.7-1.5-1.5v-1.6c0-0.8,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5v1.6C24,13.6,23.3,14.3,22.5,14.3z' fill='%23852280'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M6.7,19.2c-0.8,0-1.5-0.7-1.5-1.5v-1.6c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v1.6C8.2,18.5,7.5,19.2,6.7,19.2z M6.7,13.1 c-0.8,0-1.5-0.7-1.5-1.5V6.2c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v5.4C8.2,12.4,7.5,13.1,6.7,13.1z' fill='%23852280'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M17.3,19.2c-0.8,0-1.5-0.7-1.5-1.5v-5.4c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v5.4C18.7,18.5,18.1,19.2,17.3,19.2z M17.3,9.3c-0.8,0-1.5-0.7-1.5-1.5V6.2c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v1.6C18.7,8.7,18.1,9.3,17.3,9.3z' fill='%23852280'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,24c-0.8,0-1.5-0.7-1.5-1.5v-1.6c0-0.8,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5v1.6C13.5,23.3,12.8,24,12,24z M12,17.8 c-0.8,0-1.5-0.7-1.5-1.5V7.6c0-0.8,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5v8.8C13.5,17.2,12.8,17.8,12,17.8z M12,4.5 c-0.8,0-1.5-0.7-1.5-1.5V1.4C10.5,0.6,11.2,0,12,0c0.8,0,1.5,0.7,1.5,1.5v1.6C13.5,3.9,12.8,4.5,12,4.5z' fill='%23852280'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.icon-podcast {
    fill: var(--eso-primary);
    max-width: 1rem;
    max-height: 1.3rem;
    margin-top: -4px;
}

.podcast-share {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}

.podcast-share li {
    padding-right: 8px;
}

.podcast-share li:last-child {
    padding-right: 0;
}

.icon-google {
    width: 14px;
    height: 21px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M1.5,14.3c-0.8,0-1.5-0.7-1.5-1.5v-1.6c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v1.6C2.9,13.6,2.3,14.3,1.5,14.3z' fill='%23e30713' /%3E%3C/g%3E%3Cg%3E%3Cpath d='M22.5,14.3c-0.8,0-1.5-0.7-1.5-1.5v-1.6c0-0.8,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5v1.6C24,13.6,23.3,14.3,22.5,14.3z' fill='%23e30713'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M6.7,19.2c-0.8,0-1.5-0.7-1.5-1.5v-1.6c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v1.6C8.2,18.5,7.5,19.2,6.7,19.2z M6.7,13.1 c-0.8,0-1.5-0.7-1.5-1.5V6.2c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v5.4C8.2,12.4,7.5,13.1,6.7,13.1z' fill='%23e30713'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M17.3,19.2c-0.8,0-1.5-0.7-1.5-1.5v-5.4c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v5.4C18.7,18.5,18.1,19.2,17.3,19.2z M17.3,9.3c-0.8,0-1.5-0.7-1.5-1.5V6.2c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v1.6C18.7,8.7,18.1,9.3,17.3,9.3z' fill='%23e30713'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M12,24c-0.8,0-1.5-0.7-1.5-1.5v-1.6c0-0.8,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5v1.6C13.5,23.3,12.8,24,12,24z M12,17.8 c-0.8,0-1.5-0.7-1.5-1.5V7.6c0-0.8,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5v8.8C13.5,17.2,12.8,17.8,12,17.8z M12,4.5 c-0.8,0-1.5-0.7-1.5-1.5V1.4C10.5,0.6,11.2,0,12,0c0.8,0,1.5,0.7,1.5,1.5v1.6C13.5,3.9,12.8,4.5,12,4.5z' fill='%23e30713'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.img_avatar_sessions_detail {
    width: 100%;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 992px) {
    .eso-hm-ondemand.home-course-layout .card-title {
        /*display: none;*/
    }

    .eso-hm-ondemand.home-course-layout .card-logo-course {
        flex-basis: 100%;
        flex-shrink: 0;
        max-width: 300px;
        padding: 0;
    }
}

.card.eso-pathway {
    background-color: var(--eso-grey-400);
    color: var(--eso-black);
    padding: 8px;
    min-height: calc(9.5rem + 4px);
}

.card.eso-pathway a {
    color: var(--eso-black);
}

.card.eso-pathway a:hover {
    transition: opacity 0.3s ease;
    opacity: 0.5;
    text-decoration: none;
}

.card-toolbar {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-toolbar a, .eso-other-links div a {
    margin: 0 4px;
}

.eso-other-links .no-link-icon {
    margin: 5px 4px 3px;
}

.eso-other-links .wait-play,
.eso-other-links .start-play {
    display: none;
}

.eso-other-links .wait-tooltip .wait-play {
    display: inline-block;
}

.eso-other-links .play-button-enabled .start-play {
    display: inline-block;
}

.play-button-change .wait-play,
.play-button-change .start-play {
    display: none;
}

.play-button-change.wait-tooltip .wait-play {
    display: inline-block;
}

.play-button-change.play-button-enabled .start-play {
    display: inline-block;
}

.card-title {
    padding: 0.4rem 0;
    margin-bottom: 0;
    min-height: 65px;
    max-height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
    position: relative;
}

.card-type {
    background-color: var(--eso-grey-400);
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.2rem;
    color: var(--eso-grey-600);
}

.card-type .icon-podcast-home {
    fill: var(--eso-grey-600);
    padding: 0.25em;
}


.eso-card.eso-pathway .card-type {
    background-color: var(--eso-white);
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.2rem;
    color: var(--eso-black);
    font-weight: bold;
    overflow: hidden;
}


.card-infos {
    font-size: var(--eso-xx-small);
    font-weight: bold;
    z-index: 1;
}

.card-infos a {
    margin: 0 0.2rem;
}
/*** esco-collaboration ***/
.eso-collaboration a:hover{
    text-decoration: none;
}

.eso-collaboration .image-collaboration-link{
    height: 120px;
}
@media screen and (min-width: 576px){
    .eso-collaboration .image-collaboration-link{
        height: 150px;
    }
}
@media screen and (min-width: 768px){
    .eso-collaboration .image-collaboration-link{
        height: 180px;
    }
}
@media screen and (min-width: 1200px){
    .eso-collaboration .image-collaboration-link{
        height: 200px;
    }
}
.eso-display-collaboration {
    font-family: var(--eso-family-font);
    color: var(--eso-primary);
    font-size: 2rem;
}
@media screen and (min-width: 576px){
    .eso-display-collaboration {
        font-size: 2.25rem;
    }
}
@media screen and (min-width: 768px){
    .eso-display-collaboration {
        font-size: 2.5rem;
    }
}

.others-logos .eso-collaboration .image-collaboration-link{
    height: 80px;
    margin-bottom: 0.25rem !important;
}
.others-logos .eso-collaboration > div{
    padding: 0.25rem !important;
}
.others-logos .eso-collaboration a{
    font-size: 0.75rem;
}

.card-infos .card-extra {
    width: 95%;
}

.card-infos .card-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.long-and-truncated-with-child {
    flex: 1;
    min-width: 0; /* or some value */
}

.long-and-truncated-with-child p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flex-parent {
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 30px 0;
}

.flex-content-truncate {
    flex: 1;
    min-width: 0;
}

.flex-content-truncate p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eso-card .date-block {
    background-color: transparent;
}

.card .date-block {
    padding: 0;
}


.card .date-block div {
    margin: 0.2rem 0;
}

.card.disabled-card {
    opacity: 0.5;
}


.eso-card.eso-expert {
    flex: 0 0 auto; /*  flex-wrap per evitare le colonne 0 al grow per evitare che prenda tutto il width*/
    box-sizing: border-box;
    margin: 0.25rem .25rem;
    /*min-width: calc(auto - 0.50rem);*/
    background-color: var(--eso-white);
    width: auto;
}

.eso-card.eso-expert .card-body {
    /*padding: 1rem*/
    padding: 0.8rem;
    min-height: 8.5rem;
}


.eso-card.eso-expert .expert-pic {
    display: flex;
    justify-content: center;
    align-items: center;
    /*border-radius: 8px;
    border: 2px solid var(--eso-grey-400);
    background-color: var(--eso-grey-400);*/
    /*background: url(../images/img.jpg) center center no-repeat;*/
    /*background-size: cover;*/
    /*width: 78px;
    height: 78px;
    min-width:78px;*/
    max-width: 100px;
    min-width: 100px;
    margin-top: 5px;
}

.eso-card.eso-expert .expert-txt {
    font-size: var(--eso-xx-small);
    margin: 0 0 0 0.25rem;
}

.eso-card.eso-expert .expert-name {
    font-weight: 700;
}


/* Titoli */
.eso-title1,
.eso-title2,
.eso-title3 {
    font-family: 'Raleway', Arial, Arial, Helvetica, sans-serif;
}

.eso-title1 {
    font-size: var(--eso-x-small);
    font-weight: 300;
}


.eso-title2 {
    font-size: var(--eso-small);
    line-height: var(--eso-small);
    font-weight: 300;
}

.eso-title3 {
    font-size: var(--eso-medium);
    line-height: var(--eso-medium);
    font-weight: 600;
}


.card-type-text {
    font-size: var(--eso-x-smaller);
    font-weight: bold;
}

.card.eso-course .card-type-text {
    color: var(--eso-grey-300);
    z-index: 1;
}

.card.eso-course .card-type-text > i {
    line-height: 1.5;
    color: white;
}

/* Card drop down menu responsive */
.eso-card .dropright .dropdown-toggle {
    cursor: pointer;
}

.eso-card .dropright .dropdown-toggle::after {
    display: none;
}

.eso-card .dropdown-menu {
    line-height: var(--eso-large);
}

.eso-card .dropdown-menu a {
    color: var(--eso-black);
    font-size: var(--eso-x-smaller);
    white-space: nowrap;
}

.eso-card .dropdown-menu a i,
.eso-card .dropdown-menu a img {
    width: 1rem;
}

.eso-compact-links {
    display: none;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .eso-compact-links {
        display: none;
    }

    .eso-other-links {
        display: flex;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .eso-compact-links {
        display: none;
    }

    .eso-other-links {
        display: flex;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .eso-compact-links {
        display: flex;
    }

    .eso-other-links {
        display: none;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .eso-compact-links {
        display: none;
    }

    .eso-other-links {
        display: flex;
    }
}

.rating span {
    padding: 0.2rem;
    color: #b1b1b1;
}

.rating span.checked {
    color: var(--eso-yellow);
}

/* HOME SECTIONS */
.eso-topnavbar a, .eso-bottomnavbar a,
a.eso-profile-name {
    font-family: 'Raleway', Arial, Arial, Helvetica, sans-serif;
    font-size: var(--eso-xx-small);
    font-weight: bold;
}

a.eso-profile-name {
    margin: 2rem 0;
}

a.eso-profile-name:hover {
    text-decoration: none !important;
}

.eso-topnavbar a.btn-admin {
    font-weight: 600;
    font-size: 1rem;
}

.eso-profile-name i {
    font-size: var(--eso-x-small);
    padding: 0 0.5rem;
}

.home-header {
    background: var(--eso-gradient);
    padding: 2rem 0;
    border-top: 8px solid var(--eso-primary);
}


.home-nav {
    padding: 1rem 0;
}

.home-dashboard,
.home-sessions,
.home-calendar,
.home-pathways,
.home-dashboard {
    padding: 2rem 0;
}

.home-nav {
    background-color: var(--eso-xlight-blue)
}

.home-calendar {
    background-color: var(--eso-grey-200)
}

.home-dashboard {
    background-color: #d5e0e6;
}

.home-pathways {
    background: #f5f5f5;
}

.nav-search {
    padding: 4px 5px;
}

.nav-search a {
    font-size: 0.9em;
}

/* HOME DASHBOARD */
.fav-user-topics .btn,
.eso-topics .btn {
    margin: .25rem;
}

.btn-topics-homepage {
    font-size: 0.85em;
    background: #f0f5f8;
    border-color: #373a3c;
    color: #373a3c;
}

@media screen and (min-width: 992px) {
    .modal-set-favorite-topics {
        max-height: 1800px;
    }
}

@media screen and (min-width: 1200px) {
    .modal-set-favorite-topics {
        max-height: 1200px;
    }
}

.fav-user-topics .remove-topic-home {
    margin-right: 0;
    border-radius: .2rem 0 0 .2rem;
}

.fav-user-topics .remove-topic-home ~ .topic-btn.btn.btn-info.btn-eso-badge.selected {
    margin-left: 0;
    border-radius: 0 .2rem .2rem 0;
}

.badge-sm{
    font-size: 0.75rem;
    padding: 0 0.5rem;
    line-height: 0;
    height: 28px;
}
.badge-sm span.eso-badge {
    margin-left: 0.25rem;
}

.collapseCollection {
    cursor: pointer;
}

.collapseCollection .open-collapse,
.collapseCollection .close-collapse {
    display: none;
}

.collapseCollection.collapsed .close-collapse {
    display: block;
}

.collapseCollection:not(.collapsed) .open-collapse {
    display: block;
}

/* MODAL NOTIFICATION */
.modal-title-noty{
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 2px;
}

/* PRE-FOOTER */
.pre-footer,
.pre-footer h6 {
    font-size: var(--eso-xx-small);
}
.pre-footer .card {
    width: 100%;
    padding: 0.5rem;
}
@media screen and (min-width: 768px){
    .pre-footer .card{
        padding: 1rem;
    }
}
.icon-big {
    font-size: var(--eso-larger);
    color: var(--eso-primary);
    margin: 0 0 0 0.5rem;
}
@media screen and (min-width: 576px){
    .icon-big {
        font-size: var(--eso-x-large);
    }
}
.btn-icons a {
    color: var(--eso-black);
    font-size: 2rem;
    padding: 0.2rem;
}

.btn-icons a:hover {
    color: var(--eso-primary);
}

.icons-prefooter {
    width: 100%;
    margin-left: auto;
}
@media screen and (min-width: 576px) {
    .icons-prefooter {
        width: 85%;
    }
}
@media screen and (min-width: 768px) {
    .icons-prefooter {
        width: 65%;
    }
}

.icons-prefooter > a {
    flex: 1 1 0;
}

.icons-prefooter > a:hover {
    opacity: 80%;
}

.already-subscribed {
    background: #f0f3f5;
    border: 1px solid #afbbc3;
    padding: 4px 10px;
    font-weight: bold;
    font-size: small;
}
/* FOOTER */
.border-footer{
    border-color: #afbbc3;
    border-style: solid;
    border-width: 1px 0 0 0;
}
@media screen and (min-width: 768px) {
    .border-footer{
        border-width: 0 0 1px 0;
    }
}
/* Social Toolbar */
.social-width{
    width: 35%;
}

@media screen and (min-width: 431px) {
    .social-width{
        width: 50%;
    }
}

.social-toolbar a {
    text-decoration: none;
}

.social-toolbar i,
.social-toolbar i.outlook-svg {
    display: inline-block;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-color: var(--eso-grey-400);
    color: var(--eso-white);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.08rem;
}

@media screen and (min-width: 370px) {
    .social-toolbar i,
    .social-toolbar i.outlook-svg {
        width: 32px;
        height: 32px;
    }
}

.social-toolbar i:hover {
    color: var(--eso-primary);
}

i.outlook-svg {
    display: block;
    text-indent: -9999px;
    background: url(/web-resources/images/outlook-white-7d0f9d6bfdce25d82a6400e50e364976.svg) var(--eso-grey-400) no-repeat center center;
    background-size: 16px 16px;
}

i.outlook-svg:hover {
    display: block;
    text-indent: -9999px;
    background: url(/web-resources/images/outlook-red-030952e55625fbfa4b3e48e52715a53b.svg) var(--eso-grey-400) no-repeat center center;
    background-size: 16px 16px;
}


/* Search */

a.eso-collapse-btn:hover {
    text-decoration: none;
}

.eso-collapse-btn::after {
    content: "\f107";
    color: var(--eso-primary);
    font-family: "FontAwesome";
    margin: 0 5px;
}

.eso-collapse-btn[aria-expanded="false"]::after {
    content: "\f107";
}

.eso-collapse-btn[aria-expanded="true"]::after {
    content: "\f106";
}

@media screen and (min-width: 1024px) {
    .border-lg-left {
        border-left: 1px solid #afbbc3 !important;
    }

    .border-lg-right {
        border-right: 1px solid #afbbc3 !important;
    }
}


/* Page */

.eso-header-page .desc {
    font-size: var(--eso-xx-small);
}

.eso-header-page .eso-badge {
    background-color: var(--eso-primary);
    color: var(--eso-white);
}

.eso-cont-menu {
    font-weight: bold;
}

.eso-cont-menu i {
    font-size: var(--eso-small);
    margin-right: 0.5rem;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.eso-cont-menu .eso-round-percent {
    margin-right: 0.5rem;
}

.eso-cont-menu .eso-round-percent:after {
    width: 19px;
    height: 19px;
}

.eso-path-session-icons {
    margin-right: 0.25rem;
    display: flex;
    align-items: center;
}

.eso-path-session-icons .eso-round-percent:after {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    border-color: var(--eso-white);
    color: var(--eso-white);
    /*background-color: var(--eso-ok);*/
}

.eso-path-session-icons * {
    margin-right: 0.25rem;
}

/* Pathway session*/
.shadow-old-version {
    background: #7c7b7c;
    width: 96%;
    height: 160px;
    position: absolute;
    display: inline-block;
    border-radius: .35rem;
    top: -15px;
    right: -5px;
    cursor: pointer;
    padding: 3px 10px;
}

.old-version-pathway {
    color: #fff;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.sessions-pathways {
    margin-bottom: 15px;
}

.sessions-pathways .card.pathway-session-susbtitution {
    overflow: hidden;
}

.sessions-pathways .card.pathway-session-susbtitution:before {
    content: 'not mandatory';
    text-transform: uppercase;
    font-weight: bold;
    position: absolute;
    color: rgb(255 255 255);
    font-size: 0.55rem;
    transform: rotate(-30deg);
    background: #e30715;
    padding: 5px 46px;
    text-align: center;
    left: -45px;
    top: 13px;
}

.pathway-version .grey-new {
    background: #fafafa;
}

.pathway-version .grey-old {
    background: #f2f2f2;
}

.pathway-version-session p {
    font-family: var(--eso-family-font);
    font-weight: bold;
}

.badge-pathway {
    color: var(--eso-white);
    background: var(--eso-primary);
    display: inline-block;
    padding: 5px 20px;
    margin-left: -1.5rem;
    font-size: 0.85rem;
    height: 30px;
    position: absolute;
    bottom: -30px;
}

.badge-pathway:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid var(--eso-primary);
    position: absolute;
    right: -20px;
    top: 0;
}

.icon-switch {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.6rem;
    z-index: 2;
}

@media screen and (min-width: 992px) {
    .icon-switch {
        top: 50%;
        transform: translate(-50%, -50%);
    }
}


/* Corso */

.eso-page .add-fav-icon {
    font-size: var(--eso-small);
}

.eso-page .info {
    font-size: var(--eso-x-smaller);
}

.eso-page .info .info-label {
    vertical-align: top;
    padding-right: 1rem;
}

.eso-page .info .info-desc {
    font-weight: bold;
}

#eso-fac {
    font-size: var(--eso-x-smaller);
}

.eso-page .course-logo {
    background-image: url("/web-resources/images/logo_course-c0b3478a4db1f76e4db23cc41a2d1947.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.eso-page .others-logos {
    margin: 1rem 0;
}

.eso-page .others-logos > a, .eso-page .others-logos > img {
    width: 120px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.eso-page .others-logos > a > img {
    width: 100%;
}

.step-session-link {
    color: var(--eso-grey-600);
    padding: 8px 14px;
    height: calc(100% - 30px);
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 0.85rem;
    transition: all 0.5s;
    border-bottom: 2px solid transparent;
}

.step-session-link i {
    font-size: 1.5rem;
    color: var(--eso-grey-600);
    transition: all 0.5s;
}

.step-session-link span {
    line-height: 1;
    padding-top: 2px;
}

.step-session-link:last-child {
    margin-right: 0;
}

.step-session-link:hover {
    text-decoration: none;
    color: #98040d;
    border-color: #98040d;
}

.step-session-link:hover i {
    color: #98040d;
}

.step-session-link.selected {
    border-color: var(--eso-primary);
    color: var(--eso-primary);
}

.step-session-link.selected i {
    color: var(--eso-primary);
}

.step-session-link.selected:hover {
    color: var(--eso-primary);
    border-color: var(--eso-primary);
}

.step-session-link.selected:hover i {
    color: var(--eso-primary);
}

/* Sessione */

.eso-related {
    margin: 3rem 0;
}


.eso-related h5 {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--eso-grey-200);
    padding-bottom: 1rem;
    color: var(--eso-primary);
}

.eso-related ul {
    list-style: none;
    padding: 0;
}

.eso-related ul li {
    padding: 0.5rem 0;

}

.eso-related ul li a {
    color: var(--eso-black);
    font-size: var(--eso-x-smaller);
}

.box-multiple-language{
    background: #ECEDEE;
    padding: 0.5rem 0.75rem 0.75rem;
}


/* Small devices */
@media (max-width: 576px) {
    .nav-tabs {
        flex-wrap: nowrap;
    }

    #esoTab a.nav-link {
        /*max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap*/
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }
}


#esoTabContent {
    border: 1px solid var(--eso-grey-400);
    border-top: 0;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 2rem;
}

#esoTabContent hr {
    margin: 0.25rem 0;
    border: 0;
}

.speech-title {
    font-size: var(--eso-x-smaller);
    font-weight: bold;
}

.speech-subtitle {
    font-size: var(--eso-xx-small);
}

.titleSpeech > p {
    font-weight: bold;
}

.speakers {
    margin-bottom: 0.5rem;
}

.speakers .speakers-label,
.speakers .speakers-name {
    font-size: var(--eso-xx-small);
}

.speakers tr {
    vertical-align: top;
}

.speakers .speakers-label {
    font-weight: bold;
    padding-right: 4px;
}


.section h3 {
    margin: 0 -20px !important;
    padding: 8px 20px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-weight: bold;
}

.indent-30 {
    padding-left: 50px;
}

.indent-60 {
    padding-left: 60px;
}

.indent-90 {
    padding-left: 90px;
}


.section-row {
    margin: 16px 0;
}

.section-row .state {
    font-size: 1.2rem;
    padding: 16px;
}

/* PROFILO */

.eso-toggle .btn-primary:not(:disabled):not(.disabled):active,
.eso-toggle .btn-primary:not(:disabled):not(.disabled).active {
    background-color: var(--eso-primary);
    color: var(--eso-white);
}

.eso-sortTable .eso-round-percent:after {
    width: 16px;
    height: 16px;
}


.fixed-table-container thead th .asc {
    background-image: url('/web-resources/images/up-f90d9dcf9c723c4511fa1c2318c884db.png') !important;
}

.fixed-table-container thead th .desc {
    background-image: url('/web-resources/images/down-09b07bcf070899e1d6f0b0d4006a75f2.png') !important;
}

/* QUIZ */

.eso-question {
    margin: 3rem 0;
}

.eso-question .eso-answer {
    margin-right: 3rem;
}

.eso-test-end {
    margin: 10vh 0;
}

.eso-test-end * {
    margin: 1rem 0;
}

/* podcast page */
.podcast-detail .eso-card.eso-expert .card-body{
    min-height: 7.75rem;
}
.podcast-detail .eso-card.eso-expert .expert-pic{
    display: none;
}
.podcast-detail .eso-card.eso-expert .expert-txt{
    margin: 0;
    padding: 0 !important;
}

/* Pre-footer */
.pre-footer {
    background-color: var(--eso-grey-900);
}

/* Footer */

.page-footer {
    border-top: 0.5rem solid var(--eso-grey-700);
}


/* PRINT */
@media print {
    #esoTabContent.tab-content > .tab-pane {
        display: block !important;
    }
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: flex;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--eso-primary);
    margin: 10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: var(--eso-grey-700);
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropup .dropdown-menu {
    margin-bottom: 0;
}

.links-box {
    border-top: 1px solid rgba(0, 0, 0, .125);
}

.links-box .start-play,
.links-box .wait-play {
    display: none;
}

.links-box .wait-tooltip .wait-play {
    display: inline-block;
}

.links-box .play-button-enabled .start-play {
    display: inline-block;
}

/*****
*** error page
*****/
.error-page h2 {
    color: var(--eso-primary);
    font-size: 3rem;
}

/*****
*** mastermind page
*****/
.mastermind_year {
    background: #fbfbfb;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
}

.mastermind_title_session {
    font-size: 1.4rem;
    color: var(--eso-primary);
}

.img_avatar_mastermind_year {
    height: fit-content;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.mastermind_name {
    font-weight: bold;
    font-size: 1.1rem;
}

.mastermind-place {
    font-weight: 400;
    color: #7b7b7b;
    font-size: 0.85rem;
}

@media screen and (min-width: 768px) {
    .mastermind-place {
        font-size: 1rem;
    }
}

/*****
*** course detail
*****/
.fac-speacker .img_avatar_sessions_detail {
    max-width: 60px;
    margin-right: 8px;
    height: 60px;
    object-fit: cover;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.vertical-line {
    position: relative;
}

.vertical-line:before {
    content: '';
    width: 3px;
    height: 100%;
    display: inline-block;
    background: var(--eso-primary);
    position: absolute;
    left: 30px;
}

.vertical-line.indent-60:before {
    width: 2px;
    left: 40px;
}

.btn-play-sub svg {
    width: 14px;
    margin-top: -2px;
}

.btn-play-sub svg path {
    fill: var(--eso-primary);
}

.btn-play-sub:hover svg path {
    fill: var(--eso-white);
}

.icon-outline-sub, .icon-play-sub {
    width: 24px;
    margin-right: 0.5rem;
}

.icon-outline-sub path, .icon-play-sub path {
    fill: var(--eso-primary);
}

.icon-outline-sub-card, .icon-sub-card {
    width: 0.9rem;
}

.icon-outline-sub-card path, .icon-sub-card path {
    fill: var(--eso-text);
}

.no-surveys {
    background: var(--eso-grey-200);
    text-align: center;
    padding: 5px;
}

.course-progress-content {
    background: var(--eso-grey-200);
    height: 20px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 2px;
}

.course-progress-bar {
    height: 20px;
    background: var(--eso-primary);
}

.tab-content .eso-topics .btn-eso-badge.btn-sm {
    font-size: 12px;
}

.count-course .card-body {
    position: relative;
}

.count-course .card.not-ready {
    opacity: 70%;
    background: whitesmoke;
}

.card-sandwich {
    padding: 0;
}

.step-number {
    background: #e5e5e5;
    color: white;
    /*position: absolute;
    top: 0;
    left: 0;*/
    padding: 5px 10px;
    min-width: 52px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    border-radius: .2rem 0 .2rem 0;
}

.download-programme-element a {
    font-size: 1.2rem;
}

.info-dates {
    width: 100%;
    background: #f7f7f7;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #dfdfdf;
}

.content-sticky {
    height: calc(100% - 200px);
}

.legend-dates > span {
    background: #f7f7f7;
    padding: 0.2rem 0.5rem 1px;
    display: inline-block;
    border-radius: 4px 4px 0 0;
    border: 1px solid;
    border-color: #dfdfdf #dfdfdf #f7f7f7 #dfdfdf;
    margin-bottom: -1px;
    font-weight: bold;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #909090;
}

.legend-dates-box {
    background: #f7f7f7;
    padding: 0.35rem 0.8em;
    border-radius: 4px;
    border: 1px solid #dfdfdf;
    font-size: 0.87rem;
}

.legend-dates-box .chrono-item {
    margin-bottom: 2px;
}

.make-me-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

.collaboration > a, .collaboration > img {
    max-width: 150px;
    display: inline-block;
    margin: 0 10px 10px 0;
}

/*****
*** cookie consent
*****/
.cookie {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, .98);
    border-top: 1px solid var(--eso-grey-200);
    z-index: 99;
}

.cookie .text-xxs {
    font-size: var(--eso-x-smaller);
}

/*****
*** cookie consent
*****/
.funkyradio div {
    clear: both;
    /*margin: 0 50px;*/
    overflow: hidden;
}

.funkyradio label {
    /*min-width: 400px;*/
    width: 140px;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 3.25em;
    margin-top: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: 0.9em;
    color: #C2C2C2;
}

.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label,
.funkyradio input[type="radio"]:hover:not(:checked) ~ label {
    color: #888;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    text-indent: 0.9em;
    color: #333;
    background-color: #ccc;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: white;
    background-color: var(--eso-primary);
}

/*****
** calendar homepage
****/
.evo-calendar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.calendar-sidebar {
    background: var(--eso-blue);
    -webkit-box-shadow: 5px 0 10px -5px var(--eso-grey-700);
    box-shadow: 5px 0 10px -5px var(--eso-grey-700);
}

.calendar-sidebar > span#sidebarToggler {
    background: var(--eso-blue);
    -webkit-box-shadow: 5px 0 10px -5px var(--eso-grey-700);
    box-shadow: 5px 0 10px -5px var(--eso-grey-700);
    padding: 5px 8px;
}

#eventListToggler {
    background: var(--eso-grey-600);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.calendar-sidebar > .month-list > .calendar-months > li.active-month {
    background-color: rgba(255, 255, 255, .5);
}

.calendar-sidebar > .month-list > .calendar-months > li:hover {
    background-color: rgba(255, 255, 255, .25);
}

.calendar-sidebar > .calendar-year > button.icon-button {
    width: 15px;
    height: 15px;
    position: relative;
    top: -3px;
}

.calendar-sidebar > .calendar-year > button.icon-button:first-child {
    margin-right: 20px
}

.calendar-sidebar > .calendar-year > button.icon-button:last-child {
    margin-left: 20px
}

button.icon-button:focus {
    outline: none;
}

.calendar-inner::after {
    background: rgba(73, 89, 105, 0.3);
}

.calendar-sidebar > .calendar-year > p {
    font-size: 25px;
    font-weight: bold;
}

.calendar-sidebar > .month-list > .calendar-months > li {
    padding: 8px 30px;
    font-size: 15px;
    font-weight: bold;
}

.calendar-table th[colspan="7"] {
    font-weight: bold;
    font-size: 28px;
    color: #828282;
    padding-bottom: 10px;
}

.calendar-table th[colspan="7"]::after {
    bottom: 6px;
    width: 100%;
    height: 1px;
    background-color: #828282;
}

tr.calendar-header .calendar-header-day {
    color: #828282;
    font-size: 16px;
}

tr.calendar-body .calendar-day .day {
    font-size: 18px;
    color: #828282;
}

tr.calendar-body .calendar-day .day.calendar-today {
    color: #828282;
    border-color: #a5a5a5;
    background: none;
}

tr.calendar-body .calendar-day .day.calendar-today:hover {
    border-color: #828282;
    background: #828282;
    color: #ffffff;
}

tr.calendar-body .calendar-day .day.calendar-active,
tr.calendar-body .calendar-day .day.calendar-active:hover {
    color: #3a3a3a;
    border-color: rgba(0, 0, 0, .5);
    background: #f3f3f3;
}

.calendar-events > .event-header > p {
    font-size: 26px;
    font-weight: bold;
    color: #828282;
}

.event-list > .event-empty {
    background-color: rgba(130, 130, 130, .15);
    border: 1px solid #828282;
}

.event-list > .event-empty > p {
    color: #828282;
}

.event-container > .event-info > p.event-desc {
    font-size: 16px;
    margin-top: 0;
    font-weight: bold;
}

.event-container > .event-info > p.event-title {
    font-size: 16px;
    font-weight: normal;
}

.event-container {
    border-radius: 4px;
}

.event-container:hover {
    -webkit-box-shadow: 0 3px 12px -4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 12px -4px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 425px) {
    .calendar-sidebar > .calendar-year {
        background: var(--eso-blue);
        -webkit-box-shadow: 5px 0 10px -5px var(--eso-grey-700);
        box-shadow: 5px 0 10px -5px var(--eso-grey-700);
        padding: 3px 0 0;
    }

    .calendar-sidebar > .month-list {
        background-color: var(--eso-blue);
    }

    .calendar-table th[colspan="7"] {
        padding-top: 10px;
        font-size: 24px;
    }

    tr.calendar-header .calendar-header-day,
    tr.calendar-body .calendar-day .day {
        font-size: 14px;
    }

    .calendar-events > .event-header > p {
        font-size: 18px;
    }
}

#esocalendar.event-hide #eventListToggler .icon-button {
    position: relative;
}

#esocalendar.event-hide #eventListToggler .chevron-arrow-right {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    position: absolute;
    top: -5px;
    left: 5px;
}

@media screen and (max-width: 768px) {
    .calendar-events > .event-list {
        margin-top: 0;
    }

    .calendar-events {
        /*width: 60%;*/
        -webkit-box-shadow: 5px 0 10px -5px var(--eso-grey-700);
        box-shadow: 5px 0 10px -5px var(--eso-grey-700);
    }

    .calendar-events > .event-header > p {
        font-size: 20px;
    }

    .event-indicator {
        -webkit-transform: translate(-50%, calc(-100% + -4px));
        -ms-transform: translate(-50%, calc(-100% + -4px));
        transform: translate(-50%, calc(-100% + 4px));
    }

    /*#eventListToggler{
        right: 60%;
    }*/
}

@media screen and (max-width: 991px) {
    .calendar-events {
        background: #fcfcfc;
        z-index: 1;
        box-shadow: -3px 0 4px rgba(0, 0, 0, 0.2);
    }

}

@media screen and (max-width: 1024px) {
    .event-container > .event-icon {
        padding: 2px;
        width: 20px;
        height: 18px;
        margin-top: 14px;
    }

    .event-container > .event-info {
        width: 100%;
        padding-right: 0;
        margin-left: 5px;
    }
}

@media screen and (max-width: 1280px) {
    .calendar-events {
        z-index: 1;
    }
}

@media screen and (min-width: 1280px) {
    .calendar-inner {
        padding: 25px 20px 30px 20px;
    }

    .calendar-events {
        padding: 40px 20px 40px 20px;
    }
}

/** custom pages **/
.youtube-video{
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    margin: 10px 0 20px;
}
.youtube-video iframe,
.youtube-video object,
.youtube-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border: none;
}
.tinymce-image-full-width{
    max-width: 100%;
}

/** search new **/
.topics_box{
    background: rgba(196,196,196, 0.4);
}
.topics_title{
    font-size: 0.75rem;
    font-family: 'Raleway', Arial, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-topic-search{
    padding: 4px 6px;
    border-radius: 6px;
    background: #A3A5A7;
    color: #fff;
    font-size: 0.625rem;
}
@media screen and (min-width: 370px){
    .btn-topic-search{font-size: 0.75rem;}
}

.btn-topic-search.selected{
    background: #505152;
}
.btn-topic-search:hover, .btn-topic-search.selected:hover{
    color: #fff;
    background: #6b6b6b;
}
.btn-topic-search:focus, .btn-topic-search.selected:focus {
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgba(131, 131, 131, 0.25);
}
.topics_box .eso-badge{
    margin-left: 0.125rem;
}
.topic-in-box-selected{
    display: none;
}
.collapse.topics-collapse:not(.show){
    display: block;
    height: 64px;
    overflow: hidden;
}
@media screen and (min-width: 370px){
    .collapse.topics-collapse:not(.show){
        height: 76px;
    }
}
.collapse.topics-collapse.show{
    height: auto;
}

.back-link{
    font-size: 0.75rem;
}
button.back-link{
    all: unset;
    font-size: 0.75rem;
    font-weight: 600;
}

/** to top **/
.to-top{
    position: fixed;
    bottom: 65px;
    right: 16px;
    border-radius: 100%;
    z-index: 1900 !important;
}
@media screen and (min-width: 1200px){
    .to-top{
        right: 4.5vw;
        bottom: 16px;
    }
}

@media screen and (min-width: 1300px){
    .to-top{
        right: 7vw;
    }
}
@media screen and (min-width: 1475px){
    .to-top{
        right: 13vw;
    }
}