.baseColorBg {
    background-color: #3366cc;
}

.baseColor {
    color: #3366cc;
}
/*box drpdwn filtri home start*/
/*#filtri-home {
    width: 70vw;
    width: 70vw;
    background-color: #E5E4E2;
    padding: 15px;
    border-radius: 5px;
}

.borderRadius{
    border-radius:50px;
}
#filtri-home > .dx-dropdowneditor-icon {
    background-color: grey;
}*/
.nav-tabs-filter .nav-link {
    border-top-right-radius: 10px;
    border-top-left-radius: 0;
    background-color: rgba(0,0,0,0.4);
    padding-top: 10px;
    padding-bottom: 10px;
    color: white !important;
}

.nav-tabs-filter > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus, .nav-tabs a.nav-link.active {
    background-color: #36c;
    color: white !important;
}

#content-filter {
    /* background: rgba(255, 255, 255, 0.85);      */
    background-color: whitesmoke;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 150px;
    padding: 20px;
}
/*box drpdwn filtri home end*/

/*style titoli sezioni start*/
.long-title h3 {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    font-weight: 200;
    font-size: 30px;
    text-align: center;
    max-height: 80px !important;
    /* margin-bottom: 20px;*/
}

.cruscotto h3 {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    font-weight: 200;
    font-size: 30px;
    text-align: left;
    margin-bottom: 20px;
}
/*style titoli sezioni end*/
/*
    style category slider start
*/
.text-category-slider {
    position: absolute;
    margin-left: 30px;
    margin-top: 20px;
    font-size: calc(1vw + 2vh);
    background-color: #00000059;
    color: white;
    padding: 2px 10px;
    transition: transform 1.2s; /* Animation */
}

    .text-category-slider:hover {
        background-color: #ffffff7a;
        color: black;
        border: 1px #ff9900 solid;
        transform: scale(1.1);
    }
/*   style category slider end*/



/*pagina di registrazione inizio*/
.txt-dati_account {
    color: #ff6a00;
}

.txt-datiAna {
    color: #69B9FB;
}

.txt-consensi {
    color: #1878C7;
}
/*pagina di registrazione fine*/

/*----------------------------------
    bobble button
--------------------------*/
.share-box {
    background-color: #E5E4E2;
    position: fixed;
    left: 10px;
    top: 20%;
    padding: 5px 10px;
    border-radius: 50px;
    border: 1px #ff9900 solid;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}

#insta {
    /*background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);*/
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px #3c5cbf solid;
}

.bubbly-button {
    font-family: 'Helvetica', 'Arial', sans-serif;
    display: inline-block;
    font-size: 1em;
    padding: 15px 15px;
    margin: 10px 25px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ff0081;
    color: #fff;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
}

    .bubbly-button:focus {
        outline: 0;
    }

    .bubbly-button:before, .bubbly-button:after {
        position: absolute;
        content: '';
        display: block;
        width: 140%;
        height: 100%;
        left: -20%;
        z-index: -1000;
        transition: all ease-in-out 0.5s;
        background-repeat: no-repeat;
    }

    .bubbly-button:before {
        display: none;
        top: -75%;
        background-image: radial-gradient(circle, #1e97fa 20%, transparent 20%), radial-gradient(circle, transparent 20%, #ff9900 20%, transparent 30%), radial-gradient(circle, #3366cc 20%, transparent 20%), radial-gradient(circle, #333333 20%, transparent 20%), radial-gradient(circle, transparent 10%, yellow 15%, transparent 20%), radial-gradient(circle, #1878c7 20%, transparent 20%), radial-gradient(circle, #1878C7 20%, transparent 20%), radial-gradient(circle, #0F4A7A 20%, transparent 20%), radial-gradient(circle, #ff9900 20%, transparent 20%);
        background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
    }

    .bubbly-button:after {
        display: none;
        bottom: -75%;
        background-image: radial-gradient(circle, #ff9900 20%, transparent 20%), radial-gradient(circle, #1e97fa 20%, transparent 20%), radial-gradient(circle, transparent 10%, #3366cc 15%, transparent 20%), radial-gradient(circle, #333333 20%, transparent 20%), radial-gradient(circle, #1878c7 20%, transparent 20%), radial-gradient(circle, #ff9900 20%, transparent 20%), radial-gradient(circle, #3366cc 20%, transparent 20%);
        background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
    }

    .bubbly-button:active {
        transform: scale(0.9);
        background-color: #e60074;
        box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
    }

    .bubbly-button.animate:before {
        display: block;
        animation: topBubbles ease-in-out 0.75s forwards;
    }

    .bubbly-button.animate:after {
        display: block;
        animation: bottomBubbles ease-in-out 0.75s forwards;
    }

@keyframes topBubbles {
    0% {
        background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
        z-index: 999;
    }

    50% {
        background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
        z-index: 999;
    }

    100% {
        background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        z-index: 999;
    }
}

@keyframes bottomBubbles {
    0% {
        background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
        z-index: 999;
    }

    50% {
        background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
        z-index: 999;
    }

    100% {
        background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
        background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
        z-index: 999;
    }
}
/*fine tasti share*/

/*Card category*/
figure {
    margin-left: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    height: 250px;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    object-fit: contain;
    background-color: whitesmoke;
}

    figure:hover {
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    }

        figure:hover img {
            transform: scale(1.25);
        }

        figure:hover figcaption {
            bottom: 0;
        }

    figure h1 {
        position: absolute;
        top: 5px;
        left: 20px;
        margin: 0;
        color: white;
        font-size: 20px;
        font-weight: 100;
        line-height: 1;
        background-color: #00000091;
        border-radius: 5px;
        padding: 5px;
        z-index: 999;
    }

    figure img {
        height: 100%;
        transition: 0.25s;
        width: 100%;
        object-fit: scale-down;
    }

    figure figcaption {
        position: absolute;
        bottom: -100%;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 30px;
        background-color: rgba(0, 0, 0, 0.85);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
        color: white;
        line-height: 1;
        transition: 0.25s;
        box-sizing: border-box;
    }

        figure figcaption h3 {
            margin: 0 0 20px;
            padding: 0;
        }

        figure figcaption p {
            font-size: 12px;
            line-height: 1.0;
        }

        figure figcaption > button {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 10px 0 0;
            padding: 10px 30px;
            background-color: #1abc9c;
            border: none;
            border-radius: 5px;
            color: white;
            font-size: 14px;
        }

/*info edizione start */
.container-info {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden; /* makes the body non-scrollable (we will add scrolling to the sidebar and main content containers) */
    margin: 0px; /* removes default style */
    box-sizing: border-box;
}

.right-sidebar {
    padding: 20px 15px;
    z-index: auto;
    flex-shrink: 0;
    flex: 1 1 auto;
    min-height: 1px;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    -webkit-background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#f4f4f4 100%);
    background-position: 50% 50%;
    background-repeat: repeat-x;
    background-size: cover;
    margin: 0 0 1.3rem 0 !important;
    /*   margin: 0 0 95% 0 !important;*/
    height: fit-content;
}

    .right-sidebar > div img {
        display: inline-block;
        max-width: 400px;
        width: 100%;
        min-width: 12px;
        height: auto;
        vertical-align: middle;
        border-style: none;
        max-height: 300px;
    }

.main-content-info {
    /* background-image: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#f4f4f4 100%);*/
    padding-right: 10px;
}

@media all and (min-width: 820px) {
    .container-info {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .main-content-info {
        flex: 4;
        order: 2;
    }

    .right-sidebar {
        flex: 1;
        order: 3;
    }
}

.filigrana {
    padding: 0.6rem;
    background-color: transparent;
    background-image: url('../DefaultImmage/filigrana.svg');
    border-bottom: solid 2px #36c;
    min-height: 0;
    text-align: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.text-desc {
    text-justify: auto;
    /*min-height: 200px;*/
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.sectionname {
    box-sizing: border-box;
    width: 100%;
    margin: 1rem 0;
    padding: 0.4rem 1rem;
    font-size: 1.33rem;
    border-left: solid 2px #3366cc;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    border-radius: 0.15rem;
    background: rgb(209,208,206);
    background: linear-gradient(0deg, rgba(209,208,206,1) 0%, rgba(229,228,226,1) 31%, rgba(255,255,255,1) 68%);
}

.sub-title {
    padding: 10px 10px 8px 10px;
    display: flex;
    background: rgb(229,228,226);
    background: linear-gradient(90deg, rgba(229,228,226,1) 15%, rgba(229,228,226,1) 47%, rgba(255,255,255,1) 100%);
    border-radius: 5px;
    border-bottom: solid 2px #B6B6B4;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}


/* STYLE iscrizioni terminate
   ----------------------------- */
.filigrana_boxEnrol {
    padding: 0.6rem;
    background-color: #ECEFF1;
    background-image: url('../DefaultImmage/filigrana.svg');
    border-bottom: solid 2px #333;
    min-height: 0;
    text-align: start;
    background-repeat: no-repeat;
    box-sizing: border-box;
    width: 100%;
    justify-content: center;
    display: flex;
    font-style: oblique;
    font-family: Zapf Chancery;
    font-size: xx-large;
}



/*----------------------------
    Card Iscrizione
-----------------------------*/
:root {
    --approvazione: hsl(212, 42.9%, 52%);
    --voucher: hsl(327.1, 100%, 45.1%);
    --spontanea: hsl(145.6, 100%, 29.4%);
    --paypal: hsl(222.8, 57.6%, 29.6%);
    --bancasella: hsl(222.8, 57.6%, 29.6%);
    --nexi: hsl(222.8, 57.6%, 29.6%);
    --unicredit: hsl(222.8, 57.6%, 29.6%);
    --posvirtuale: hsl(187, 100%, 38%);
    --varyDarkBlue: hsl(234, 12%, 34%);
    --grayishBlue: hsl(229, 6%, 66%);
    --veryLightGray: hsl(0, 0%, 98%);
    --baseTeme: hsl(220, 60%, 50%);
    --weight1: 200;
    --weight2: 400;
    --weight3: 600;
    --weight4: 20;
    --weight5: 100;
}

.box-enrol p {
    color: var(--grayishBlue);
    font-size: medium;
}

.box-enrol {
    border-radius: 5px;
    box-shadow: 0px 30px 40px -20px var(--grayishBlue);
    padding: 12px 15px;
    margin: 20px;
    background-color: white;
    width: 20%;
    display: table;
}

#ico_enrol {
    float: left;
}

@media (max-width: 450px) {
    .box-enrol {
        height: 200px;
        width: 89% !important;
    }
}

@media (max-width: 950px) and (min-width: 450px) {
    .box-enrol {
        text-align: center;
        height: 180px;
        width: 90% !important;
    }
}

.enrol_Voucher {
    background-image: url('../DefaultImmage/voucher_Enrol.png');
    height: 48px;
    width: 48px;
    object-fit: fill;
    background-repeat: no-repeat;
}

.enrol_Approvazione {
    background-image: url('../DefaultImmage/sepa_Enrol.png');
    height: 48px;
    width: 48px;
    object-fit: fill;
    background-repeat: no-repeat;
}

.enrol_Spontanea {
    background-image: url('../DefaultImmage/free_Enrol.png');
    height: 48px;
    width: 48px;
    object-fit: fill;
    background-repeat: no-repeat;
}

.enrol_Paypal {
    background-image: url('../DefaultImmage/Paypal_Enrol.png');
    height: 48px;
    width: 48px;
    object-fit: fill;
    background-repeat: no-repeat;
}

.enrol_BancaSella {
    background-image: url('../DefaultImmage/Banca-Sella-48x48.png');   
    height: 48px;
    width: 48px;
    object-fit: fill;
    background-repeat: no-repeat;
}

.enrol_UniCredit {
    background-image: url('../DefaultImmage/unicredit-48x48.png');
    height: 48px;
    width: 48px;
    object-fit: fill;
    background-repeat: no-repeat;
}

.enrol_Nexi {
    background-image: url('../DefaultImmage/Nexi48x48_A.png');
    height: 48px;
    width: 48px;
    object-fit: fill;
    background-repeat: no-repeat;
}

.enrol_PosVirtuale {
    background-image: url('../DefaultImmage/posVirtuale_Enrol.png');
    height: 48px;
    width: 48px;
    object-fit: fill;
    background-repeat: no-repeat;
}

.border_Voucher {
    border-top: 3px solid var(--voucher);
    color: var(--voucher);
    font-size: medium;
}

    .border_Voucher h2 p {
        color: var(--voucher) !important;
    }

    .border_Voucher > * {
        color: var(--voucher) !important;
    }

.border_Approvazione {
    border-top: 3px solid var(--approvazione);
    font-size: medium;
}

    .border_Approvazione h2 p {
        color: var(--approvazione) !important;
    }

    .border_Approvazione > * {
        color: var(--approvazione) !important;
    }

.border_Paypal {
    border-top: 3px solid var(--paypal);
    font-size: medium;
    color: var(--paypal) !important;
}

    .border_Paypal h2 p {
        color: var(--paypal) !important;
    }

    .border_Paypal > * {
        color: var(--paypal) !important;
    }

.border_BancaSella {
    border-top: 3px solid var(--bancasella);
    font-size: medium;
    color: var(--bancasella) !important;
}

    .border_BancaSella h2 p {
        color: var(--bancasella) !important;
    }

    .border_BancaSella > * {
        color: var(--bancasella) !important;
    }

.border_UniCredit {
    border-top: 3px solid var(--unicredit);
    font-size: medium;
    color: var(--unicredit) !important;
}

    .border_UniCredit h2 p {
        color: var(--unicredit) !important;
    }

    .border_UniCredit > * {
        color: var(--unicredit) !important;
    }

.border_Nexi {
    border-top: 3px solid var(--voucher);
    color: var(--voucher);
    font-size: medium;
}

    .border_Nexi h2 p {
        color: var(--voucher) !important;
    }

    .border_Nexi > * {
        color: var(--voucher) !important;
    }


.border_Spontanea {
    border-top: 3px solid var(--spontanea);
    color: var(--spontanea);
    font-size: medium;
}

    .border_Spontanea h2 p {
        color: var(--spontanea) !important;
    }

    .border_Spontanea > * {
        color: var(--spontanea) !important;
    }

.border_PosVirtuale {
    border-top: 3px solid var(--posvirtuale);
    font-size: medium;
    color: var(--posvirtuale) !important;
}

    .border_PosVirtuale h2 p {
        color: var(--posvirtuale) !important;
    }

    .border_PosVirtuale > * {
        color: var(--posvirtuale) !important;
    }


.box-enrol h2 {
    /* color: var(--baseTeme);*/
    font-weight: var(--weight4);
    font-size: medium;
}

    .box-enrol h2 p {
        margin-bottom: 0 !important;
    }

.box-enrolled h2 {
    /* color: var(--baseTeme);*/
    font-weight: var(--weight3);
    font-size: 24px;
}

@media (min-width: 950px) {
    .row1-container {
        display: flex;
        justify-content: Left;
        align-items: flex-start;
    }
}

@media (max-width: 676px) {
    .border_Approvazione,
    .border_Voucher,
    .border_Nexi,
    .border_PosVirtuale,
    .border_Spontanea,
    .border_UniCredit,
    .border_BancaSella,
    .border_Paypal {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        max-width: 100%;
        padding: 15px;
        height: 100%;
    }
}

/*-------------------
    tiket Booking
----------------------*/
.ticket {
    display: grid;
    grid-template-rows: auto 1fr auto;
    max-width: 24rem;
    margin: 20px;
}

.ticket__header, .ticket__body, .ticket__footer {
    padding: 1.25rem;
    background-color: #fff;
    border: 1px solid #abb5ba;
    box-shadow: 0 2px 4px rgba(41, 54, 61, 0.25);
}

.ticket__header {
    font-size: 1.5rem;
    border-top: 0.25rem solid #139d5d;
    border-bottom: none;
    box-shadow: none;
}

.ticket__wrapper {
    box-shadow: 0 2px 4px rgba(41, 54, 61, 0.25);
    border-radius: 0.375em 0.375em 0 0;
    overflow: hidden;
}

.ticket__divider {
    position: relative;
    height: 1rem;
    background-color: #fff;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

    .ticket__divider::after {
        content: '';
        position: absolute;
        height: 50%;
        width: 100%;
        top: 0;
        border-bottom: 2px dashed #e9ebed;
    }

.ticket__notch {
    position: absolute;
    left: -0.5rem;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
}

    .ticket__notch::after {
        content: '';
        position: relative;
        display: block;
        width: 2rem;
        height: 2rem;
        right: 100%;
        top: -50%;
        border: 0.5rem solid #fff;
        border-radius: 50%;
        box-shadow: inset 0 2px 4px rgba(41, 54, 61, 0.25);
    }

.ticket__notch--right {
    left: auto;
    right: -0.5rem;
}

    .ticket__notch--right::after {
        right: 0;
    }

.ticket__body {
    border-bottom: none;
    border-top: none;
}

    .ticket__body > * + * {
        margin-top: 1.5rem;
        padding-top: 1.5rem;
        border-top: 1px solid #e9ebed;
    }

.ticket__section > * + * {
    margin-top: 0.25rem;
}

.ticket__section > h3 {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
}

.ticket__header, .ticket__footer {
    font-weight: bold;
    font-size: 1.25rem;
    display: flex;
    justify-content: space-between;
}

.ticket__footer {
    flex-direction: column;
    border-top: 2px dashed #e9ebed;
    border-radius: 0 0 0.325rem 0.325rem;
}
/*fine tiket*/

/*Box custom price start*/
#pricing {
    display: flex;
    /*margin: auto;*/
    font-family: 'Open Sans', Helvetica;
    flex-direction: column;
    transition: all 0.2s ease-in-out;
}

.price_card {
    background: rgb(255, 255, 255);
    flex-grow: 1;
    border-radius: 0.25rem;
}

    .price_card .header {
        color: rgb(255, 255, 255);
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

.alpha .header {
    background: var(--baseTeme);
    /*padding: 0 8px;*/
}

.price {
    width: 100%;
    font-size: 30px;
    font-weight: 300;
    display: block;
    text-align: center;
}

.name {
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    display: block;
    text-align: center;
    padding: 0 0 2px;
}

.features {
    list-style: none;
    text-align: center;
    color: rgb(138, 138, 138);
    margin: 0;
    padding: 0;
    transform: translateZ(0px);
}

    .features li {
        margin: 0 30px;
       /* padding: 5px 5px;*/
    }

        .features li:not(:last-child) {
            border: 1px solid rgb(242, 242, 242);
            border-top: 0;
            border-left: 0;
            border-right: 0;
        }

.box_custom_rate {
    display: flex;
    justify-content: space-around
}
@media only screen and (max-width : 667px) {
    .box_custom_rate {
        flex-direction:column;
    }
}

#pricing:hover {
    transform: translate3d(+2px, -9px, 0 ); /*x-y-z*/
}
/*    .features:before,
    .features:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        z-index: -1;
        transition: all 0.5s ease 0s;
    }

    .features:before {
        border-right: 2px solid #ff9900;
        border-left: 2px solid #ff9900;
        transform: scaleY(0);
        transform-origin: 100% 0 0;
    }

    .features:after {
        border-bottom: 2px solid #ff9900;
        transform: scaleX(0);
        transform-origin: 0 100% 0;
    }

    .features:hover:before {
        transform: scaleY(1);
    }

    .features:hover:after {
        transform: scaleX(1);
    }*/
/*Box custom price end*/
/*immagine edizione in edit edizione start*/
.form-avatar {
    width: 250px;
    height: 205px;
    margin-right: 10px;
    /*border: 1px solid #d2d3d5;*/
    /*background-image: url('../DefaultImmage/courseImg.png');*/
    background-repeat: no-repeat;
    background-position: center;
    object-fit: contain;
    margin-left: 10px;
}
    /*immagine edizione in edit edizione edit*/


    /*login as page start */
    .loginAs-body {
        background-image: url('../DefaultImmage/loginAsImg.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        width: 100%;
        filter: blur(15px);
    }

    .container-loginAs {
        backface-visibility: hidden;
        display: flex;
        align-items: center;
        border: none;
        font-size: 16px;
        font-weight: 600;
        left: 50%;
        padding: 12px 16px;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .box-loginAs {
        /* background-color: rgba(255, 255, 255, 0.3);*/
        border-radius: 5px;
        font-family: sans-serif;
        text-align: center;
        line-height: 1;
        /*-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(15px);*/
        max-width: 100%;
        max-height: 100%;
        padding: 20px 40px;
        display: flex;
        flex-direction: column;
        box-sizing: content-box;
    }

    .loginAs-subsection {
        min-height: 100px;
        height: 100%;
        width: 100%;
        flex-grow: 1;
        display: flex;
        justify-content: center;
        font-size: large;
        font-family: "Apple Chancery", Regular;
    }

    .loginAs-subsection-text {
        min-height: 100px;
        height: 100%;
        width: 100%;
        flex-grow: 1;
        font-size: large;
        font-family: "Apple Chancery", Regular;
    }

    #backToHome, backToHomeProvider {
        font-weight: bold;
    }

    .avatar-loginAs {
        background-image: url('../DefaultImmage/userLoginAs.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 200px;
        width: 200px;
        border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.3);
        border: #fff 3px solid;
        box-shadow: rgba(0,0,0,0.4) 0px 2px 4px, inset rgba(0,0,0,0.4) 0px 3px 2px;
        overflow: hidden;
    }
    /*login as page end */

    /*Locked page avatar start*/
    .avatar-lockedUser {
        background-image: url('../DefaultImmage/lockAccount.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 200px;
        width: 200px;
        border-radius: 100%;
        background-color: rgba(255, 255, 255, 0.3);
        border: #fff 3px solid;
        box-shadow: rgba(0,0,0,0.4) 0px 2px 4px, inset rgba(0,0,0,0.4) 0px 3px 2px;
        overflow: hidden;
    }

    .loginLoked-body {
        background-image: url('../DefaultImmage/lockedUser.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh;
        width: 100%;
        filter: blur(15px);
    }
    /*Locked page avatar end*/


    /*Access Denied page start*/
    .main-content-denied {
        height: 100vh;
        background-color: rgba(29, 30, 34, 0.9);
        text-align: center;
    }

        .main-content-denied h1 {
            position: relative;
            top: 20%;
            font-family: monospace,monospace;
            font-weight: 400;
        }

        .main-content-denied .div-hr {
            display: flex;
            justify-content: center;
            position: relative;
            top: 20%;
        }

            .main-content-denied .div-hr hr {
                font-family: monospace,monospace;
                font-weight: 400;
                background-color: white;
                height: 2px;
                width: 20vw;
            }
    /*Access Denied page end*/

    /*immagine Parallax  start*/
    .form-parallax {
        width: 100%;
        height: 300px;
        /*border: 1px solid #d2d3d5;*/
        /*background-image: url('../DefaultImmage/courseImg.png');*/
        background-repeat: no-repeat;
        background-position: center;
        object-fit: cover;
    }
    /*immagine Parallax  end*/

    /*questionari continua link start*/
    .centered-container {
        display: inline-flex;
    }

    .link-continua {
        color: var(--baseTeme);
        cursor: pointer;
        font-weight: 400;
        text-decoration: none;
    }

    .link--arrowed {
        display: inline-block;
        height: 2rem;
        line-height: 2rem;
    }

        .link--arrowed .arrow-icon {
            position: relative;
            top: -1px;
            -webkit-transition: -webkit-transform 0.3s ease;
            transition: -webkit-transform 0.3s ease;
            transition: transform 0.3s ease;
            transition: transform 0.3s ease, -webkit-transform 0.3s ease;
            vertical-align: middle;
        }

        .link--arrowed .arrow-icon--circle {
            transition: stroke-dashoffset 0.3s ease;
            stroke-dasharray: 95;
            stroke-dashoffset: 95;
        }

        .link--arrowed:hover .arrow-icon {
            transform: translate3d(5px, 0, 0);
        }

        .link--arrowed:hover .arrow-icon--circle {
            stroke-dashoffset: 0;
        }
    /*questionari continua link end*/

    /*pagine di errore Questionari start*/
    .message-box-error {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .polygonContent {
        width: 50%;
        flex-grow: 1;
        box-sizing: content-box;
        display: flex;
        justify-content: end;
    }

    .textContent {
        width: 50%;
        flex-grow: 1;
        box-sizing: content-box;
        display: flex;
        justify-content: flex-start;
        font-size: larger;
        font-family: Roboto;
        font-weight: bold;
    }


    #Polygon-1, #Polygon-2, #Polygon-3, #Polygon-4, #Polygon-4, #Polygon-5 {
        animation: float 1s infinite ease-in-out alternate;
    }

    #Polygon-2 {
        animation-delay: .2s;
    }

    #Polygon-3 {
        animation-delay: .4s;
    }

    #Polygon-4 {
        animation-delay: .6s;
    }

    #Polygon-5 {
        animation-delay: .8s;
    }

    @keyframes float {
        100% {
            transform: translateY(20px);
        }
    }
    /*pagine di errore Questionari end*/

    /* pagina info corso start*/
    .icon-test {
        background-image: url('../DefaultImmage/testSvg.svg');
    }

    .filigrana-domande {
        padding: 0.6rem;
        background-color: #ECEFF1;
        background-image: url('../DefaultImmage/filigrana.svg');
        border-bottom: solid 2px #333;
        min-height: 0;
        text-align: start;
        background-repeat: no-repeat;
        box-sizing: border-box;
    }


        .filigrana-domande:after {
            display: block;
            content: '';
            border-bottom: solid 3px #ff9900 !important;
            transform: scaleX(0);
            transition: transform 250ms ease-in-out;
        }

        .filigrana-domande:hover:after {
            transform: scaleX(1);
        }

        .filigrana-domande.fromRight:after {
            transform-origin: 0 50%;
        }
    /* pagina info corso end*/

    /*variabili di stato viewTemplateFolder start*/
    .stateVariable {
        padding: 5px 10px;
        border-radius: 10px;
        border: 1px #1e97fa solid;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        z-index: 999;
        position: relative;
        bottom: 43px;
        left: 13px;
    }
    /*variabili di stato viewTemplateFolder end*/


    #floating-btn-bottom, #floating-btn-top {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background-color: #3366cc;
        border: 1px #004387 solid;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        text-align: center;
        line-height: 40px;
        font-size: x-large;
        margin: 20px 0;
        color: whitesmoke;
        cursor: pointer;
    }

    #floating-btn-top {
        line-height: 33px !important;
    }