/* General */
html {
    scroll-behavior: smooth;
}

body, a {
    font-family: 'Open Sans', sans-serif !important;
    color: #006fb3;
}
/* Slides */
.mySlides, .mySlidesNotizie, .mySlideseualert {
    display: none;
    padding: 80px;
    text-align: center;
}

.mySlidesNotizie, .mySlideseualert {
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 40px;
    padding-bottom: 40px;
}

/*.page {
    min-height: 100vh;
}*/

body .page:not(:first-child), #catalogo, #pills {
    padding-bottom: 25px;
}

.btn {
    border-radius: 0px;
}

    .btn:hover {
        color: white;
    }

.page-header {
    width: 70%;
    text-align: center;
    color: #006fb3;
    border-bottom: solid 1px;
    margin: 0 15% 0 15%;
    padding-top: 58px;
}

    .page-header i {
        font-size: 48px;
    }

    .page-header img {
        height: 8vh;
        margin: 2vh;
    }

.page-subheader {
    /*width: 70%;*/
    text-align: center;
    color: #006fb3;
    /*margin: 1em 15% 0 15%;*/
    margin-top: 1em;
    margin-bottom: 0;
}

.btnProssimiEventiTop {
    position: absolute;
    top: 135px;
    left: 25px;
    z-index: 10;
}

.btnCalendarioEventi {
    background-color: white !important;
    opacity: 0.5;
    color: #006fb3 !important;
    z-index: 10;
}

.barraIscrizioneCorsi {
    position: absolute;
    z-index: 10;
    top: 125px;
    /*background-color: rgba(255,255,255,0.85);
    padding: 25px;
    backdrop-filter: blur(3px);*/
}

.testoBarraIscrizioni {
    opacity: 1;
    color: #1c5392 !important;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.boxBarraIscrizioni {
    opacity: 1;
    background-color: rgba(0,111,179,1);
    color: rgba(255,255,255,1);
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-shadow: 6px 11px 25px 2px rgba(0,0,0,0.39);
    box-shadow: 6px 11px 25px 2px rgba(0,0,0,0.39);
}

.iconaBarraIscrizioni {
    font-size: 30px;
    vertical-align: sub;
    line-height: unset;
    text-align: center;
}

.titoloBootboxEvento {
    margin-left: 10px;
}

.btn-float {
    position: fixed;
    right: 5vw;
    bottom: 5vh;
    background-color: white;
    width: 48px;
    height: 48px;
    padding: 6px 0px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    z-index: 1040;
}

    .btn-float i {
        font-size: 38px;
    }

.row {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.description em {
    color: #006fb3;
    font-style: normal;
}

.description boldText {
    font-weight: 900;
}

/* #TOP */
    #top {
    /*background-color: #559bbb;*/
    color: white;
}

#topNavbar {
    display: block;
    color: white;
    z-index: 99;
    height: 96px;
    padding: 29px;
    position: absolute;
    width: 100%;
}

    #topNavbar * {
        color: white;
    }

    #topNavbar .nav-logo {
        height: 100%;
    }

        #topNavbar .nav-logo > img {
            margin-top: -8px;
            height: 200%;
        }

@media screen and (min-width: 800px) and (max-width: 1366px){
    #topNavbar .nav-logo > img {
        height: 120%;
    }

    .barraIscrizioneCorsi {
        top: 90px;
    }
} 

#topNavbar .nav-item {
    /*padding-top: 20px;*/
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
}

    #topNavbar .btn-primary {
        background-color: #547289;
        border: none;
        padding: 8px 32px;
    }

        #topNavbar .btn-primary:hover {
            box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        }

#topCarousel {
    height: 100vh;
}

#newsCarousel {
    height: 80vh;
    top: 10%;
}

.carousel-inner {
    height: 100%;
    /*text-shadow: 0px 0px 7px rgb(0 0 0 / 47%);*/
}

.carousel-item {
    height: 100%;
    background-position: center;
    background-size: cover;
}

.news {
    height: 90vh !important;
    background-position: center;
    background-size: cover;
}

.boxNews {
    min-height: 50vh;
    max-height: 50vh;
    border: 2px solid;
    word-wrap: break-word;
    overflow-y: hidden;
    padding: 15px;
    /*border-top-left-radius: 5vmin;
    border-top-right-radius: 5vmin;
    border-bottom-left-radius: 5vmin;
    border-bottom-right-radius: 5vmin;*/
}

    .boxNews:hover {
        cursor: pointer;
    }

#news {
    /* border-top-left-radius: 20vmin;
    border-top-right-radius: 20vmin;*/
    background-color: #DEEEFF;
}

/*#carousel0 {
    background-image: url('../img/carousel1_1.png');
}

#carousel1 {
    background-image: url('../img/carousel1_1.png');
}

#carousel1_bis {
    background-image: url('../img/carousel_bis.png');
}

#carousel2 {
    background-image: url('../img/carousel2_1.png');
}

#carousel3 {
    background-image: url('../img/carousel1.png');
}

#carousel4 {
    background-image: url('../img/carousel2.png');
}

#carousel5 {
    background-image: url('../img/carousel3.png');
}

#carousel6 {
    background-image: url('../img/carousel4.png');
}

#carousel7 {
    background-image: url('../img/carousel7.png');
}
*/

.carousel-caption {
    left: 12vw;
    /*top: 40.5vh;*/
    top: 30.5vh;
    /*font-size: 40px;*/
    font-size: 25px;
    text-align: left;
}

    .carousel-caption .btn {
        font-size: 32px;
        padding: 8px 48px;
        text-shadow: 0px 0px 7px #ddd;
    }

.btn-clear {
    background: none;
    border: solid 1px white;
    color: white;
}

.spazio-a-capo {
    margin-bottom: 20px;
}

.new-corso {
    display: inline-block;
    /*height: 100%;*/
    width: 15%;
    margin: 10% 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    cursor: pointer;
    /*background-position: center;*/
    /*background-size: cover;*/
    position: absolute;
    top: -10%;
    bottom: 0;
    left: 80%;
    border: 0;
}

/* #CHISIAMO */
/*#chisiamo {
    min-height: 100vh;
}*/

/*.chisiamo {
    margin-top: 10px;
}*/

/*#box-chisiamo {
    padding-top: 30px;
    padding-bottom: 30px;
}*/

.justify-center {
    text-align: justify;
    text-align-last: center;
}

#primo-box {
    background-color: rgba(153, 216, 255, 0.3);
    padding-top: 40px;
    padding-bottom: 40px;
}

.modaleCorso1 {
    margin: 16px 16px 0px 16px;
    word-wrap: break-word;
}

#secondo-box {
    background-color: rgba(153, 216, 255, 0.1);
    padding-top: 40px;
    padding-bottom: 40px;
}

.modaleCorso2 {
    height: 80vh;
    margin: 16px;
}

#box-chisiamo .material-icons {
    font-size: 60px;
}

#box-chisiamo a {
    color: #046c9b !important;
}

.img-box {
    position: relative;
    cursor: pointer;
}

    .img-box .video {
        position: absolute;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
    }

    .img-box img {
        width: 100%;
        height: 100%
    }

    .img-box:hover {
        opacity: 0.7;
        filter: alpha(opacity=70); /* For IE8 and earlier */
        transition: all 0.5s;
    }

/* #PROGETTO */
#progetto {
    background-color: #EFEFEF;
}

    #progetto img {
        height: 8vh;
        margin: 2vh;
    }

.box-bianco {
    /*background-color: white;*/
    padding-top: 40px;
    padding-bottom: 40px;
}

.testo-grigio {
    color: #a6a6a6;
}

.video-container {
    width: 70vw;
    height: 50vh;
    margin: 5vw 15vw;
    padding: 0px;
}

.video-text {
    margin: 2vh 20vh;
    font-size: 16px;
}

/* #CORSI */

.corsi-container {
    width: 72%;
    margin: 0 14%;
}

.corso {
    display: inline-block;
    height: 100%;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    cursor: pointer;
    background-position: inherit;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border: 0;
}

.corso-wrapper {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    margin-bottom: 32px;
}

    .corso-wrapper::before {
        padding-top: 75%;
        display: block;
        content: "";
    }

.corso-text {
    position: absolute;
    bottom: 13%;
    display: inline-flex;
    background-color: #046c9b;
    width: 100%;
    font-size: 13px;
    padding: 8px;
    color: white;
}

    .corso-text div {
        width: inherit;
        height: 40px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .corso-text .btn {
        background-color: #efefef;
        color: #046c9b;
        width: 24px;
        height: 24px;
        padding: 0;
    }

.corso-text-alt {
    background-color: #efefef;
    color: #046c9b;
}

    .corso-text-alt .btn {
        background-color: #046c9b;
        color: #efefef;
    }

/* #PILLS */

.pills-container {
    width: 72%;
    margin: 0 14%;
}

.pill {
    display: inline-block;
    background-color: #b39b5c;
    height: 100%;
    width: 100%;
    /*margin: 10% 0px;*/
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border: 0;
}

.pill-wrapper {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    margin-top: 10%;
    /*margin-bottom: 32px;*/
}

    .pill-wrapper::before {
        padding-top: 75%;
        display: block;
        content: "";
    }

.pill-text {
    margin-top: 0;
    bottom: 13%;
    display: inline-flex;
    background-color: #046c9b;
    width: 100%;
    font-size: 13px;
    padding: 8px;
    color: white;
    /*text-align: center;*/
}

    .pill-text div {
        width: inherit;
        height: 40px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

#pills {
    border-top-left-radius: 20vmin;
    border-top-right-radius: 20vmin;
    background-color: #DEEEFF;
}

/* #REGISTRAZIONE */

#registrazione {
    background-image: url('../img/bkg_registrazione.png');
    background-position: center;
    background-size: cover;
    color: white;
    height: auto;
    min-height: 100vh;
    padding-bottom: 5vh;
}

.registrazione-container {
    position: relative;
    width: 80%;
    margin: 5% 10%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03578b+0,083654+100 */
    background: #03578b; /* Old browsers */
    background: -moz-linear-gradient(top, #03578b 0%, #083654 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #03578b 0%,#083654 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #03578b 0%,#083654 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03578b', endColorstr='#083654',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

#registrazione .page-header {
    color: white;
}

#registrazione .col {
    text-align: center;
    margin-top: 8vh;
    margin-bottom: 8vh;
    min-height: 325px;
}

#registrazione .row > .col:first-of-type {
    border-right: solid 1px white;
}

#registrazione .row > .col:last-of-type {
    border-left: solid 1px white;
}

#overviewText {
    margin-top: 64px;
    color: #E0E9F0;
}

#registrazione .submit-container {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

#registrazione .submit-container-2 {
    position: unset;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

#registrazione1 {
    min-height: 500px;
}

#registrazione2 {
    margin: 0;
    min-height: 60vh;
}

    #registrazione2 form {
        width: 95%;
    }

    #registrazione2 .row {
        margin: 32px 32px 0px 32px;
    }

    #registrazione2 .row {
        margin: 32px;
    }

        #registrazione2 .row:first-of-type {
            border-bottom: solid 1px white;
            margin-bottom: 0px;
            padding-bottom: 16px;
        }

form input {
    border: none;
    border-radius: 8px;
    padding: 16px 40px;
    margin: 16px auto;
    /*width: 50%;*/
    outline: none;
    background-color: #24658C;
    color: white;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #E0E9F0 !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #E0E9F0 !important;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #E0E9F0 !important;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #E0E9F0 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #E0E9F0 !important;
}

::placeholder { /* Most modern browsers support this now. */
    color: #E0E9F0 !important;
}

form input:focus {
    border: solid 1px #E0E9F0;
}

/* Webkit auto-fill override */

@-webkit-keyframes autofill {
    to {
        color: white;
        background: #24648C;
    }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

span.select2-selection.select2-selection--single {
    outline: none;
}

form select {
    width: 50%;
    margin: 16px auto;
}

.select2-container--default .select2-selection--single {
    padding: 6px 16px;
    height: 37px;
    width: 100%;
    position: relative;
    background-color: #24658C;
    color: white;
    border: none;
    border-radius: 8px;
    text-align: left;
    margin-top: 16px;
}

#btnLogin > div > a {
        color: white;
        font-size: x-large;
        padding: 1em 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white;
}

.select2-selection__placeholder {
    color: #E0E9F0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    color: white;
    padding: 0px 52px;
    height: 27px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
}

.select2-selection__arrow > i {
    font-size: 40px;
}

.select2-container--default .select2-results__option {
    background: none;
    color: white;
    padding: 16px 40px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: white;
    color: #24658C;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #E0E9F0;
}

.select2-dropdown {
    border: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #24658C;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 50vh;
    overflow-x: hidden;
}

.select2-results__options li {
    font-size: 14px;
    padding: 8px 16px !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: rgba(0,0,0,0.23);
    cursor: default;
}

.btn-check {
    color: white;
    background-color: #2670C5;
    width: 100%;
    height: 38px;
    margin: 16px 0px;
    border-radius: 8px;
    padding: 6px;
    -webkit-transition: width 1s;
    transition: width 1s;
    transition-timing-function: ease-in-out;
}

.btn-check-edit {
    width: 38px;
    border-radius: 38px;
}

.btn-check:hover {
    color: white;
    box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.12);
}

.btn-submit {
    color: white;
    background-color: #2670C5;
    width: 50%;
    margin: 16px auto;
    border-radius: 8px;
    padding: 16px;
}

    .btn-submit:hover {
        color: white;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    }

.form-row {
    width: 100%;
    font-size: 14px;
}

    .form-row > .col, .form-row > [class*=col-] {
        padding: 0px 16px;
        margin: 0;
    }

.form-control {
    border: none;
    border-radius: 8px;
    padding-right: 24px;
    padding-left: 24px;
    /*padding: 16px 24px;*/
    margin: 16px auto;
    outline: none;
    background-color: #24658C;
    color: white;
    font-size: 14px;
}

    .form-control:focus {
        border: solid 1px #E0E9F0;
        box-shadow: none;
        background-color: #24658c;
        color: white;
    }

.form-check {
    padding: 8px 24px;
}

.whiteLink {
    color: white;
}

/* Custom checkbox */
.styled-checkbox {
    position: absolute;
    opacity: 0;
}

    .styled-checkbox + label {
        position: relative;
        cursor: pointer;
        padding: 0;
    }

        .styled-checkbox + label:before {
            content: '';
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            background: #24658C;
            border-radius: 4px;
        }

    .styled-checkbox:hover + label:before {
        background: white;
    }

    .styled-checkbox:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    }

    .styled-checkbox:checked + label:before {
        background: white;
    }

    .styled-checkbox:checked + label:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 9px;
        width: 2px;
        height: 2px;
        box-shadow: 1px 2px 0 #24658C, 2px 2px 0 #24658C, 3px 2px 0 #24658C, 4px 2px 0 #24658C, 5px 2px 0 #24658C, 6px 2px 0 #24658C, 6px 0px 0 #24658C, 6px -1px 0 #24658C, 6px -2px 0 #24658C, 6px -3px 0 #24658C, 6px -4px 0 #24658C, 6px -5px 0 #24658C, 6px -6px 0 #24658C, 6px -7px 0 #24658C;
        transform: rotate(45deg);
    }

    #calendario {
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
		margin-bottom: 10px;
		margin-top: 10px;
        min-width: 600px;
    }

#registrazioneSubmit {
    width: 30%;
    margin: 0px auto;
    height: 58px;
    bottom: 24px;
    position: absolute;
    left: 34.3%;
}

@media (max-width: 767px) {
    #registrazioneSubmit {
        width: 60%;
        left: 19.3%;
    }
}

#registrazioneBackBtn {
    position: absolute;
    top: 16px;
    left: -52px;
    cursor: pointer;
}

.form-control:disabled, .form-control[readonly] {
    background: none;
    color: white;
}

.form-control.wrong {
    background-color: #ca4949;
    color: white;
}

.form-group label {
    /*left: 24px;*/
}

#linkRegistrazioneMsg {
    color: #ff2424;
}

.select2-error-border {
    width: 100%;
    border: solid 2px #b73232;
    border-radius: 9px;
    height: 39px;
    top: -38px;
    margin-bottom: -38px;
    position: relative;
    display: none;
    pointer-events: none;
}

#privacyLink {
    color: white;
}

#successoRow {
    width: 100%;
    text-align: center;
}

label[for="nonClienteBpsUtente"], label[for="descrizioneProdotto"] {
    /*position: unset;
    top: unset;
    color: unset;
    left: unset;*/
    position: relative;
    top: 0;
    left: 0;
    color: white;
}

#nonClienteBpsUtente, #descrizioneProdotto {
    border-radius: 8px;
    border: none;
    background-color: #24658C;
    width: 100%;
    resize: vertical;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 90px;
    color: white;
    padding: 8px 24px;
}

label[for="nonClienteBps"] {
    /*position: unset;
    top: unset;
    color: unset;
    left: unset;*/
    position: relative;
    top: 0;
    left: 0;
    color: white;
}

#nonClienteBps {
    border-radius: 8px;
    border: none;
    background-color: #24658C;
    width: 100%;
    resize: vertical;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 90px;
    color: white;
    padding: 8px 24px;
}

label[for="iva"] {
    top: 0px;
    left: 40px;
    color: #2670C5;
}

#changePIVABtn {
    position: absolute;
    right: 16px;
    top: -12px;
}

/*#iva {
	margin-bottom: -16px;
}*/

/* #CONTATTI */

#contatti {
    background-color: #98d4e6;
    position: absolute;
    width: 100%;
    padding-bottom: 0px;
    min-height: unset;
}

.contact-card {
    background-color: white;
    width: 80%;
    height: 100%;
    margin: 10%;
    padding: 48px;
    font-size: 14px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.contact-card-container {
    height: 50vh;
    margin-bottom: 140px;
}

.contact-card img {
    width: 40%;
}

.contact-card .contact-card-title {
    font-size: 20px;
    padding: 16px 0px;
}

.contact-card-text {
    word-wrap: break-word;
}

#contatti .footer {
    margin: 0px;
    width: 100%;
    text-align: right;
    display: block;
    font-size: 36px;
    padding: 42px 156px;
    position: relative;
    bottom: 0px;
    background-color: white;
    box-shadow: inset 0 10px 20px rgba(0,0,0,0.25), 0 6px 6px rgba(0,0,0,0.23);
}

.footer img {
    margin-right: 40px;
    max-width: 400px;
}

#btnPrivacy, #btnCookie, #btnAccessibilita {
    float: left;
    font-size: 22px;
    padding: 16px;
}

    #btnPrivacy a, #btnCookie a, #btnAccessibilita a {
        font-weight: bold;
        color: #046c9b !important;
        /*font-size: 30px;*/
    }

/* MODAL */
.modal-backdrop {
    background-image: url(../img/modal_background.png);
    background-size: cover;
}

    .modal-backdrop.show {
        opacity: 1;
    }

.modal-header {
    border-bottom: solid 1px;
    margin: 2% 4% 0%;
    padding: 0 0 2% 0;
    min-height: fit-content;
}

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

.modal-content {
    border: none;
    border-radius: 0px;
    min-height: 70vh;
    top: 10vh;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.bootboxQuestIscr {
    min-height: 90vh;
    top: 0;
}

    .modal-content .mod-title {
        font-weight: bold;
        margin: 1em 0px 0px;
    }

        .modal-content .mod-title img {
            width: 2em;
            height: 2em;
            margin: 0 1em;
        }

    .modal-content .mod-text {
        margin-left: 5em;
        /*color: #797979;*/
    }

#modalCloseBtn {
    color: white;
    position: absolute;
    top: -128px;
    right: -64px;
    cursor: pointer;
}

    #modalCloseBtn i {
        font-size: 40px;
    }

.closeBtn {
    color: white;
    position: absolute;
    top: -100px;
    right: -64px;
    cursor: pointer;
}

    .closeBtn i {
        font-size: 40px;
    }

#modalPrevBtn {
    color: white;
    position: absolute;
    top: 40%;
    left: -80px;
    cursor: pointer;
}

    #modalPrevBtn i {
        font-size: 56px;
    }

#modalNextBtn {
    color: white;
    position: absolute;
    top: 40%;
    right: -80px;
    cursor: pointer;
}

    #modalNextBtn i {
        font-size: 56px;
    }

@media(min-width: 760px) {
    .bootbox.modal-90 .modal-dialog {
        width: 90%;
    }
}
/* bootboxEvento */

.bootboxEvento {
    color: white;
}

    .bootboxEvento .material-icons {
        font-size: xx-large;
    }

    .bootboxEvento .modal-dialog {
        max-width: 70vw;
    }

    .bootboxEvento .modal-content {
        background: linear-gradient(to bottom, #03578b 0%,#083654 100%);
        top: 0px;
        min-height: 48vh;
    }

    .bootboxEvento h4 {
        display: inline
    }

    .bootboxEvento .modal-header {
        margin: 2% 2% 0%;
        padding: 0 0 2% 0;
    }

    .bootboxEvento .btn-submit {
        width: auto;
        margin: 0px auto;
        height: auto;
    }

/* bootboxRegistrazione */

.bootboxRegistrazione {
    color: white;
}

    .bootboxRegistrazione .select2-selection--single {
        margin-top: 8px;
    }

    .bootboxRegistrazione .modal-header {
        margin: 2% 2% 0%;
        padding: 0 0 2% 0;
    }

    .bootboxRegistrazione .modal-body {
        padding: 0px;
    }

    .bootboxRegistrazione .row {
        width: 98%;
    }

    .bootboxRegistrazione .btn-submit {
        width: 30%;
        margin: 0px auto;
        height: 58px;
    }

    .bootboxRegistrazione label {
        position: relative;
        color: white;
    }

    .bootboxRegistrazione .modal-content {
        background: linear-gradient(to bottom, #03578b 0%,#083654 100%);
        top: 0px;
        min-height: 42vh;
    }

    .bootboxRegistrazione .modal-dialog {
        max-width: 80vw;
    }

    .bootboxRegistrazione .material-icons {
        font-size: xx-large;
    }

    .bootboxRegistrazione .form-group {
        margin: 0px;
    }

    .bootboxRegistrazione .form-control {
        margin: 8px 0 0 0;
    }

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #2670C5; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
    margin: auto;
}

.buttonLoader {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #2670C5; /* Blue */
    border-radius: 50%;
    width: 28px;
    height: 28px;
    animation: spin 1s linear infinite;
    margin: auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#utenza {
    border-bottom: 1px solid #e9ecef;
}

.bootboxRow {
    margin: 2% 2% 0%;
    padding: 0 0 2% 0;
}

#rowClienteBPSUtente input {
    width: 10%;
    margin: 0px;
}

#aziendaRegistrazione {
    border-bottom: 1px solid #e9ecef;
}

#informazioniAggiuntive {
    border-bottom: 1px solid #e9ecef;
}

.registrazioneBackBtnBox {
    color: white;
    position: fixed;
    left: 5%;
    top: 8%;
    cursor: pointer;
}

#altroText {
    margin: 0;
    width: auto;
    display: inline;
    position: absolute;
    top: -10px;
}

.warning {
    box-shadow: 0 0 0 2px #fd7e14;
}

.error {
    box-shadow: 0 0 0 2px #b73232;
}

/* Custom radio */
.styled-radio {
    position: absolute;
    opacity: 0;
}

    .styled-radio + label {
        position: relative;
        cursor: pointer;
        padding: 0;
    }

        .styled-radio + label:before {
            content: '';
            margin-right: 10px;
            display: inline-block;
            vertical-align: text-top;
            width: 20px;
            height: 20px;
            background: #24658C;
            border-radius: 50%;
        }

    .styled-radio:hover + label:before {
        background: white;
    }

    .styled-radio:focus + label:before {
        box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
    }

    .styled-radio:checked + label:before {
        background: white;
    }

    .styled-radio:checked + label:after {
        content: '';
        position: absolute;
        left: 5px;
        top: 9px;
        width: 2px;
        height: 2px;
        box-shadow: 1px 2px 0 #24658C, 2px 2px 0 #24658C, 3px 2px 0 #24658C, 4px 2px 0 #24658C, 5px 2px 0 #24658C, 6px 2px 0 #24658C, 6px 0px 0 #24658C, 6px -1px 0 #24658C, 6px -2px 0 #24658C, 6px -3px 0 #24658C, 6px -4px 0 #24658C, 6px -5px 0 #24658C, 6px -6px 0 #24658C, 6px -7px 0 #24658C;
        transform: rotate(45deg);
    }

#navbarMain {
    float: right;
    max-width: calc(100vw - 350px);
}

.nav-link {
    text-align: center;
}

/* MEDIA QUERIES */
/* big desktop */
@media (max-width: 1199px) {
    .contact-card {
        font-size: 18px;
    }

    #navbarMain {
        background-color: #03578b;
        padding: 16px 8px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        max-width: unset;
        width: 100%;
        margin-top: 10%;
    }
}


/* desktop */
@media (max-width: 1080px) {
    #registrazione .registrazione-container {
        top: 32px;
    }

    #registrazione2 {
        padding-bottom: 64px;
    }
}

/* tablet landscape */
@media (max-width: 992px) {
    .carousel-caption {
        /*top: 41.5vh;*/
        top: 25.5vh;
        font-size: 38px;
        padding-right: 0;
    }

    .contact-card {
        height: fit-content;
    }

    .contact-card-container {
        height: unset;
        margin-bottom: 0px;
    }

    #utenteRegistrazioneRow {
        width: 92%;
    }

    #checkPIVARow {
        width: 92%;
    }
}
/* tablet portrait */
@media (max-width: 767px) {
    .mySlides, .mySlideseualert, .mySlidesNotizie, .mySlidesRichieste {
        padding: 10px;
    }

    .carousel-caption {
        /*top: 34vh;*/
        top: 15vh;
        font-size: 23px;
        padding-right: 0;
    }
    
    .carousel-caption .btn {
        font-size: 23px;
        padding: 8px;
    }

    .video-container {
        height: 35vh;
        margin-top: 5vh;
    }

    .contact-card {
        min-height: 32vh;
        margin: 5% 10%;
    }

        .contact-card .contact-card-icon {
            font-size: 32px;
        }

    #registrazione1 {
        min-height: 600px;
    }

    #contatti .footer {
        font-size: 24px;
        padding: 42px 64px;
    }

    #registrazione .col {
        margin-top: 2vh;
        margin-bottom: 2vh;
        min-height: 325px;
    }

    #registrazione .registrazione-container {
        top: 32px;
    }

    #registrazione .row > .col:first-of-type {
        border: none;
        border-bottom: solid 1px white;
    }

    #registrazione .row > .col:last-of-type {
        border: none;
    }

    #overviewText {
        margin-top: 16px;
    }

    #registrazione2 {
        padding-bottom: 64px;
    }

    #ivaFormGroup {
        top: 0px !important;
    }

    #changePIVABtn {
        right: -50%;
    }

    #utenteRegistrazioneRow {
        width: 90%;
    }

    #checkPIVARow {
        width: 90%;
    }

    .testoBarraIscrizioni {
        font-size: 12px;
    }

    .boxBarraIscrizioni {
        font-size: 24px;
    }

    .iconaBarraIscrizioni {
        font-size: 36px;
    }
    
    .page-header {
        width: 96%;
        text-align: center;
        color: #006fb3;
        border-bottom: solid 1px;
        margin: 0 2% 0 2%;
        padding-top: 58px;
    }

    .altezzaScittaCorsoBanner {
        top: 15vh !important;
    }

    #registrazione1 .btn-submit {
        width: 60%;
    }

    #registrazione2 .btn-submit {
        width: 80%;
    }


    .testoBarraIscrizioni {
        font-size: 12px;
    }

    .boxBarraIscrizioni {
        font-size: 24px;
    }

    .iconaBarraIscrizioni {
        font-size: 36px;
    }
}

/* phones */
@media (max-width: 575px) {

    .mySlides {
        padding: 10px;
    }

    h1 {
        font-size: 2rem;
    }

    .contact-card .contact-card-icon {
        font-size: 32px;
    }

    .registrazione-container {
        margin-left: 7%;
        margin-right: 7%;
        width: 86%;
    }
	
    #registrazione1 input {
        /*width: 100%;*/
    }

    #registrazioneBackBtn {
        left: -30px;
    }
	
    #registrazione1 .btn-submit {
        font-size: 14px;
    }

    #registrazione2 .btn-submit {
        width: 60%;
    }

    #registrazione2 .row {
        margin-left: 5%;
        margin-right: 5%;
		width: 90%;
    }
	
    #utenteRegistrazioneRow {
        width: 80%;
    }

    #checkPIVARow {
        width: 100%;
    }

    .form-row > .col, .form-row > [class*=col-] {
        padding: 0px;
        margin: 0;
    }

    .form-group {
        width: 100%;
        /* padding-right: 4vw; */
    }

    .form-group-user {
        width: 100%;
    }
    
    .page-subheader {
        /*width: 96%;*/
        text-align: center;
        color: #006fb3;
        /*margin: 1em 15% 0 15%;*/
        margin-top: 1em;
        /*margin-bottom: 0;
        margin-left: 2%;*/
    }

    .contact-card {
        margin: 5% 0 5% 0;
        width: auto;
        padding: 10px;
    }

    #calendario {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 10px;
        overflow: auto;
        font-size: 1em;
        min-width: 600px;
    }

    #calendario .fc-event {
        font-size: .7em;
    }
    
    #calendario .fc .fc-toolbar-title {
        font-size: .1em !important;
    }

    #calendario .fc-button {
        padding: 3px;
    }
}

/* Slideshow container */
.slideshow-container {
    position: relative;
}



/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -30px;
    padding: 16px;
    color: #888;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
        color: white;
    }

/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 20px;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    /* Add a background color to the active dot/circle */
    .dot:hover {
        background-color: #717171;
    }

/* Add an italic font style to all quotes */
q {
    font-style: italic;
}

.activeSlide {
    background-color: white;
}

/* Add a blue color to the author */
.author {
    color: cornflowerblue;
}

#corsi-aula {
    /*background-color: #EFEFEF;*/
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    /* border-color: #006fb3;*/
}

.passwordButton {
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    line-height: 2.5;
    text-align: center;
    margin: 16px 0px 0px;
    background-color: #24658C;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    padding-right: 5px;
}


.bloccoPost {
    cursor: pointer;
}

.tipologiaSelezionata * {
    border-radius: 20px;
    border-color: white;
    background-color: white;
    -webkit-box-shadow: 1px 0px 12px 0px rgba(34, 116, 214, 0.75);
    -moz-box-shadow: 1px 0px 12px 0px rgba(34, 116, 214, 0.75);
    box-shadow: 1px 0px 12px 0px rgba(34, 116, 214, 0.75);
}

.colorTextTipologiaBps {
    margin-top: 20px;
}

.rotate90 {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#richCollab {
    background-color: #EFEFEF;
}

#boxRichieste {
    margin-top: 50px;
    text-align: center;
}

#btnRich {
    cursor: pointer;
}

#sezNL {
    background-color: #DEEEFF;
}

.classRichieste {
    padding: 10px;
    height: 300px!important;
    cursor: pointer;
}

.stileImmagineRichieste {
    margin-top: 20px;
    max-height: 100px;
	max-width: 95%;
}

.styleBtnRegistrazione {
    bottom: auto!important;
    position: relative!important;
}

@media screen and (max-width: 430px) {

    .buttomMTuttiMobile {
        width: 100%;
    }

    .bootboxEvento .modal-dialog {
        max-width: 100%;
        margin-top: 35%;
    }
}


@media screen and (max-width: 430px) {

    .SezRichiesteMobile {
        padding: 0px!important;
    }
}

@media screen and (max-width: 1189px) {

    .testoBannerPiccolo {
        font-size: 13px;
    }
}


@media screen and (min-width: 934px) and (max-width: 1244px) {

    .styleFumettoPiccolo {
        font-size: small;
    }
}


@media screen and (min-width: 339px) and (max-width: 915px) {
    .dimensioneFumetto {
        width: 40%!important;
    }
}

@media screen and (min-width: 300px) and (max-width: 622px) {

    .testoNonVisibileMobile {
        display: none;
    }

    .testoVisibileMobile {
        display: block!important;
    }
}

.mySlidesNotizie .StyleTestoNews, .mySlideseualert .StyleTestoNews {
    position: relative;
    top: 0;
    transform: translate(-50%, -0%);
    padding: 15px 0;
}

.mySlidesNotizie .flip-box-front, .mySlidesNotizie .flip-box-back, .mySlideseualert .flip-box-front, .mySlideseualert .flip-box-back {
    min-height: 100%;
    max-height: 140%;
    height: auto;
}

.nav-link {
    font-size: 0.9rem;
}

#calendario .fc-event {
    cursor: pointer;
}

.testoMid {
    top: 50% !important;
}

.carousel-caption > div {
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    padding-left: 0;
    padding-right: 30%;
    /*background: #00779a77;*/
    /*color: white;*/
    color: black;
    font-weight: bold;
    /*border-radius: 1vw;*/
    /*backdrop-filter: blur(10px);*/
    text-shadow: 0px 0px 7px #ddd;
}

.carousel-caption > a {
    margin-top: 1.5vw;
    color: black;
    border-color: black;
}

@media (max-width: 992px) {
    .carousel-caption > div {
        padding-right: 0;
    }
}

.accordion {
    margin-top: 1.2rem;
}

    .accordion .card {
        background-color: transparent;
        border: none;
        padding: 0.75rem;
        border: 2px solid #ffffff33;
        border-collapse: collapse;
        margin-bottom: 0;
        cursor: initial;
    }

        .accordion .card.cartella_materiale {
            cursor: pointer;
        }

.card:hover {
    color: white !important;
}

.accordion .card .btn {
    background: #ffffff33;
    padding: 0.4rem 1.6rem;
    margin-top: 0.5rem;
    font-size: .8em;
    border-radius: 6px;
    color: white;
    width: fit-content;
    border: 0;
}

.accordion .card .descMateriale {
    margin-top: 0.4rem;
    font-weight: 300;
    font-family: 'Noto Sans';
}

.accordion .card .fa-chevron-right {
    margin-left: auto;
    font-size: 1.4em;
    transition: 0.5s;
}

    .accordion .card .fa-chevron-right.rotated {
        transform: rotate(90deg);
    }

.btn-primary:hover, .btn-primary.active:hover, .btn-primary:focus {
    background-color: #005480 !important;
    color: white;
}

.accordion .card:first-of-type {
    border-bottom: 2px solid #ffffff33 !important;
    margin-bottom: -2px !important;
}

#registrazioneBackBtnBox1, .headerMateriale.row {
    background: transparent;
    color: white;
    border: 0;
}

span.select2-selection {
    margin: 0 !important;
    margin-top: 2px !important;
}

#registrazione2 input {
    margin-top: 2px !important;
}

.mySlidesNotizie, .mySlidesRichieste {
    justify-content: space-evenly;
}

    .mySlidesNotizie > button, .mySlidesRichieste > button {
        margin: 0;
    }

#boxeualert .activeSlide, #boxNotizieBrux .activeSlide {
    background: #ddd;
}

#boxeualert .dot:hover, #boxNotizieBrux .dot:hover {
    background-color: #717171;
}


/* Bootbox Utente */
body:has(.modificaForzata) {
    padding-right: 0 !important;
    min-width: 100dvw;
    min-height: 100dvh;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show {
    min-width: 100dvw;
    min-height: 100dvh;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow: scroll;
    scrollbar-width: none;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .modal-dialog {
    margin-left: auto !important;
    margin-right: auto !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .modal-content {
    top: 0 !important;
    border-radius: 4px;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .panel-body {
    padding: 0 !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show #btb-title {
    margin-bottom: 0 !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .form-group {
    margin: 0 !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .form-group label {
    color: #006fb3 !important;
    margin-bottom: 0 !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .form-group.label-title {
    color: #006fb3 !important;
    margin-bottom: 0 !important;
    margin-top: 15px;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .form-group input {
    margin: 0 !important;
    margin-top: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .form-group#cfListContainerAnag, #filialeSelectContainerRegAnag {
    padding: 0 !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show span.select2 {
    font-size: 14px;
    border-radius: 8px;
    margin-top: 5px !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show span.select2-selection {
    margin-top: 0 !important;
    border-radius: 8px !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show span.select2 .select2-selection--single {
    height: 38px !important;
    border-radius: 8px !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show span.select2-selection__rendered {
    padding: 0;
    line-height: unset;
    height: 100%;
    align-content: center;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show span.select2-selection__arrow {
    padding: 0 !important;
    height: 38px;
    width: 38px;
    top: 0;
    right: 0;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show span.select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    width: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show span.select2-search--dropdown {
    box-shadow: 0 -2px 0 0 #ddd;
    box-shadow: 0 2px 0 0 #ddd;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show input.select2-search__field {
    font-size: 14px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show span.select2-dropdown--below, .bootbox.modal.fade.modificaForzata.modal-lg.show span.select2-dropdown--above {
    border-radius: 4px;
    overflow: hidden;
    outline: 2px solid #ddd;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .select2-results__options {
    scrollbar-width: thin;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .form-group label.warning {
    outline: none;
    font-weight: bold;
    font-size: 14px;
    margin-left: 5px;
    color: #fd7e14 !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .form-group label.error {
    outline: none;
    border: none;
    box-shadow: none;
    font-weight: bold;
    font-size: 14px;
    margin-left: 5px;
    color: #dc3545 !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .label-title {
    color: #006fb3 !important;
    margin-bottom: 0 !important;
    margin-top: 15px;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .modal-footer .btn {
    width: 100px;
    height: auto;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .modal-footer .btn.btn-success {
    color: #fff !important;
    background-color: #24658c !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .modal-footer .btn.btn-success:hover {
    color: #fff !important;
    border: none !important;
    outline: solid 1px #24658c;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .modal-footer .btn.btn-default {
    color: #000 !important;
    background-color: transparent !important;
}

.bootbox.modal.fade.modificaForzata.modal-lg.show .modal-footer .btn.btn-success:hover {
    color: #000 !important;
    border: none !important;
    outline: solid 1px #000 !important;
}


/*LOADING SPINNER*/
    /* Absolute Center Spinner */
    .loading {
      position: fixed;
      z-index: 9999;
      height: 2em;
      width: 2em;
      overflow: visible;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
    }

    /* Transparent Overlay */
    .loading:before {
      content: '';
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.1);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
      /* hide "loading..." text */
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0;
    }

    .loading:not(:required):after {
      content: '';
      display: block;
      font-size: 10px;
      width: 1em;
      height: 1em;
      margin-top: -0.5em;
      -webkit-animation: spinner 1500ms infinite linear;
      -moz-animation: spinner 1500ms infinite linear;
      -o-animation: spinner 1500ms infinite linear;
      animation: spinner 1500ms infinite linear;
      border-radius: 0.5em;
      -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
      box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    }
/*END LOADING SPINNER*/