#spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.spinnerColor {
    color: var(--intense-blue);
}


.full-width {
    width: 100%;
}

button.btn-tirocini,
button.btn-tirocini:focus,
.tirocini-ui-dialog .ui-dialog-buttonpane button {
    font-family: var(--font-family-primary);
    font-size: var(--font-size4);
    font-weight: var(--peso2);
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--intense-blue);
    border: solid 1px var(--intense-blue);
    border-radius: 40px;
}

    button.btn-tirocini:hover,
    .tirocini-ui-dialog .ui-dialog-buttonpane button:hover {
        font-family: var(--font-family-primary);
        font-size: var(--font-size4);
        font-weight: var(--peso2);
        text-transform: uppercase;
        color: var(--intense-blue);
        background-color: var(--white);
        border: solid 1px var(--intense-blue);
        border-radius: 40px;
    }

    button.btn-tirocini:disabled {
        font-family: var(--font-family-primary);
        font-size: var(--font-size4);
        font-weight: var(--peso2);
        text-transform: uppercase;
        color: var(--white);
        background-color: var(--intense-blue);
        border: solid 1px var(--intense-blue);
        border-radius: 40px;
        cursor: no-drop;
        opacity: .3;
    }


    button.btn-tirocini.btn-tirocini-add-entity {
        width: 1rem;
        border: none;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        outline: none;
        background-repeat: no-repeat;
        background-position: center;
        padding-left: 30px;
        height: 35px;
        background-size: 1rem;
        background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-add_entity-white.svg');
    }

        button.btn-tirocini.btn-tirocini-add-entity:hover {
            width: 1rem;
            border: none;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            outline: none;
            background-repeat: no-repeat;
            background-position: center;
            padding-left: 30px;
            height: 35px;
            background-size: 1rem;
            border: 1px solid var(--intense-blue);
            background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-add_entity-intense_blue.svg');
        }

    button.btn-tirocini.btn-tirocini-back {
        width: 1rem;
        border: none;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        outline: none;
        background-repeat: no-repeat;
        background-position: center;
        padding-left: 30px;
        height: 35px;
        background-size: 1rem;
        background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-left_arrow-white.svg');
    }

    button.btn-tirocini.btn-tirocini.btn-tirocini-back:hover {
        width: 1rem;
        border: none;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        outline: none;
        background-repeat: no-repeat;
        background-position: center;
        padding-left: 30px;
        height: 35px;
        background-size: 1rem;
        border: 1px solid var(--intense-blue);
        background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-left_arrow-intense_blue.svg');
    }





    button.btn-tirocini.btn-tirocini-search {
        width: 1rem;
        border: none;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        outline: none;
        background-repeat: no-repeat;
        background-position: center;
        padding-left: 30px;
        height: 35px;
        background-size: 1rem;
        background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-search-white.svg');
    }

        button.btn-tirocini.btn-tirocini-search:hover {
            width: 1rem;
            border: none;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            outline: none;
            background-repeat: no-repeat;
            background-position: center;
            padding-left: 30px;
            height: 35px;
            background-size: 1rem;
            border: 1px solid var(--intense-blue);
            background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-search-intense_blue.svg');
        }


    button.btn-tirocini.btn-tirocini-warning {
        background-color: #ffc107;
        border-color: #ffc107;
    }


        button.btn-tirocini.btn-tirocini-warning:hover {
            border-color: #ffc107;
            background-color: var(--white);
            color: #ffc107;
        }

    button.btn-tirocini.btn-tirocini-danger {
        background-color: #dc3545;
        border-color: #dc3545;
    }


        button.btn-tirocini.btn-tirocini-danger:hover {
            border-color: #dc3545;
            background-color: var(--white);
            color: #dc3545;
        }





span.button-tirocini-action-span {
    font-family: var(--font-family-primary);
    font-size: var(--font-size3);
    font-weight: var(--peso2);
    color: var(--dark-blue);
}


.tirocini-label-medium {
    font-family: var(--font-family-primary);
    font-size: var(--font-size3);
    font-weight: var(--peso2);
    color: var(--dark-blue);
}

.tirocini-ui-dialog .tirocini-label-medium {
    font-family: var(--font-family-primary);
    font-size: var(--font-size3);
    font-weight: var(--peso2);
    color: var(--white);
}


.tirocini-label-large {
    font-family: var(--font-family-primary);
    font-size: var(--font-size4);
    font-weight: var(--peso2);
    color: var(--dark-blue);
}

.tirocini-ui-dialog .tirocini-label-large {
    font-family: var(--font-family-primary);
    font-size: var(--font-size4);
    font-weight: var(--peso2);
    color: var(--white);
}


.tirocini-label-large > b {
    font-family: var(--font-family-primary);
    font-size: var(--font-size4);
    color: var(--dark-blue);
}

.tirocini-ui-dialog .tirocini-label-large > b {
    font-family: var(--font-family-primary);
    font-size: var(--font-size4);
    color: var(--white);
}







.tirocini-label-small {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    font-weight: var(--peso2);
    color: var(--dark-blue);
}

.tirocini-ui-dialog .tirocini-label-small {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    font-weight: var(--peso2);
    color: var(--white);
}



.tirocini-label-small > b {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    color: var(--dark-blue);
}

.tirocini-ui-dialog .tirocini-label-small > b {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    color: var(--white);
}






.label {
    font-family: var(--font-family-primary);
    color: var(--black);
}

.label-light {
    color: var(--light-gray1);
}

.label-xsmall {
    font-size: var(--font-size1) !important;
    font-weight: var(--peso2) !important;
}

.label-small {
    font-size: var(--font-size2);
    font-weight: var(--peso2);
}

.link {
    font-family: var(--font-family-primary);
    color: #337AB7;
}

    .link:hover {
        font-family: var(--font-family-primary);
        color: #337AB7;
    }

.link-small {
    font-size: var(--font-size2);
    font-weight: var(--peso2);
}


#maintext .content {
    background-color: var(--light-gray2);
}

.hideForPageLoading {
    display: none;
}

.page-name {
    font-family: var(--font-family-primary);
    font-size: var(--font-size5);
    font-weight: var(--peso1);
    color: var(--dark-blue);
    margin-left: 1.5rem;
}

.section-name {
    font-family: var(--font-family-primary);
    font-size: var(--font-size4);
    font-weight: var(--peso1);
    color: var(--dark-blue);
}


.subsection {
    font-family: var(--font-family-primary) !important;
    font-size: var(--font-size2) !important;
    font-weight: var(--peso1) !important;
    color: var(--dark-blue);
}


.page-content {
    margin-top: 1rem;
}

.action-icon {
    cursor: pointer;
}

.no-entities-label {
    font-family: var(--font-family-primary);
    font-size: var(--font-size3);
    font-weight: var(--peso2);
    color: var(--dark-blue);
}

.controls-container {
    background-color: var(--light-gray3);
    border-radius: 5px;
}

    .controls-container li {
        background-color: var(--light-gray3);
    }

.inlineCbxs {
    margin: 25px 0 0 -35px;
}

.btn-rb-clean {
    font-size: .7rem;
    margin: 0 1rem;
    vertical-align: middle;
    cursor: pointer;
}

/*#region Customizzazione componente Bootstrap Accordion */

.accordion-tirocini.accordion {
}

    .accordion-tirocini.accordion .accordion-body {
        padding-bottom: 16px !important;
    }

    .accordion-tirocini.accordion .accordion-item {
        background-color: transparent;
        border: 0;
    }

        .accordion-tirocini.accordion .accordion-item:not(:first-of-type) {
            margin-top: 0.5rem;
        }



    .accordion-tirocini.accordion .accordion-header,
    .accordion-tirocini.accordion .accordion-header .accordion-button {
        font-family: var(--font-family-primary);
        font-size: var(--font-size2);
        font-weight: var(--peso2);
        color: var(--white);
        background-color: var(--light-turquoise);
        border-radius: 10px;
    }

        .accordion-tirocini.accordion .accordion-header .accordion-button::after {
            background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-circle_arrow_down-white.svg');
            transition: none;
        }

        .accordion-tirocini.accordion .accordion-header .accordion-button:not(.collapsed)::after {
            background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-circle_arrow_up-white.svg');
            transform: none;
        }

        .accordion-tirocini.accordion .accordion-header .accordion-button:focus {
            border: 0;
            box-shadow: none;
        }

    .accordion-tirocini.accordion .accordion-body {
        background-color: var(--light-gray3);
        margin-top: 0.5rem;
        border-radius: 10px;
    }







/*#endregion*/

/*#region Customizzazione pagina del profilo */
#tabEditEmail > .e-toolbar.e-control[class*='e-toolbar'] {
    display: none;
}


.change-email-tab {
    background-color: var(--dark-blue);
}


.tirocini-message-dialog {
    background-color: var(--dark-blue);
    font-family: var(--font-family-primary);
    font-size: var(--font-size3);
    font-weight: var(--peso2);
    color: var(--white);
}

    .tirocini-message-dialog .row {
        font-family: var(--font-family-primary);
        font-size: var(--font-size2);
        font-weight: var(--peso2);
        color: var(--white);
    }

/*#endregion*/

/*#region Customizzazione pagina candidatura candidato */

#compila-candidatura-icon {
    color: #00FF04;
}

#completa-candidatura-icon {
    color: #FF8F00;
}




button.btn-tirocini.btn-tirocini-pdf {
    width: 1rem;
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 30px;
    height: 35px;
    background-size: 1rem;
    background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-pdf-white.svg');
}

button.btn-tirocini.btn-tirocini.btn-tirocini-pdf:hover {
    width: 1rem;
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 30px;
    height: 35px;
    background-size: 1rem;
    border: 1px solid var(--intense-blue);
    background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-pdf-intense_blue.svg');
}


.upsert-candidatura-tab {
    background-color: transparent;
}
/*#endregion*/

/*#region Customizzazioni elemento html Table */
table.tirocini-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--light-gray2);
    padding: 0;
}

    table.tirocini-table th, table.tirocini-table td {
        padding: 10px;
        text-align: left;
    }

    table.tirocini-table th {
        font-family: var(--font-family-primary);
        font-size: var(--font-size2);
        font-weight: var(--peso2);
        color: var(--white);
        background-color: var(--light-turquoise);
    }

    table.tirocini-table tr {
        font-family: var(--font-family-primary);
        font-size: var(--font-size2);
        font-weight: var(--peso2);
        color: var(--black);
    }

        table.tirocini-table tr:nth-child(even) {
            background-color: var(--light-gray3);
        }

        table.tirocini-table tr:nth-child(odd) {
            background-color: var(--white);
        }

        table.tirocini-table tr:first-child th:first-child {
            border-top-left-radius: 10px;
        }

.tirocini-table tr:first-child th:last-child {
    border-top-right-radius: 10px;
}

table.tirocini-table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

table.tirocini-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}


/*#endregion*/

/*#region Customizzazioni jqueryui dialog*/


.tirocini-ui-dialog.ui-dialog {
    /*    position: fixed;
  max-height: 100vh !important;
    top: 0;*/
}


.ui-widget-overlay {
    background-image: none;
    opacity: 0.7;
}



.tirocini-ui-dialog.ui-widget {
    background-color: transparent;
    border: 0;
    padding: 0;
}

    .tirocini-ui-dialog.ui-widget .ui-dialog-titlebar {
        margin-bottom: 1rem;
        background-color: transparent;
        border: 0;
    }

        .tirocini-ui-dialog.ui-widget .ui-dialog-titlebar button.ui-dialog-titlebar-close {
            width: 2rem;
            height: 2rem;
            border: none;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            outline: none;
        }

        .tirocini-ui-dialog.ui-widget .ui-dialog-titlebar button.ui-dialog-titlebar-close {
            font-family: var(--font-family-primary);
            font-size: var(--font-size4);
            font-weight: var(--peso2);
            text-transform: uppercase;
            color: var(--white);
            background-color: var(--intense-blue);
            border: solid 1px var(--intense-blue);
            border-radius: 40px;
            background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-close_dialog-white.svg');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            padding-left: 37px;
            height: 40px;
            background-size: 1rem;
        }


            .tirocini-ui-dialog.ui-widget .ui-dialog-titlebar button.ui-dialog-titlebar-close:hover {
                font-family: var(--font-family-primary);
                font-size: var(--font-size4);
                font-weight: var(--peso2);
                text-transform: uppercase;
                color: var(--intense-blue);
                background-color: var(--white);
                border: solid 1px var(--intense-blue);
                border-radius: 40px;
                background-image: url('https://tirocinistorage1.blob.core.windows.net/b2c/UserFlows/prod/Content/Images/icon-close_dialog-intense_blue.svg');
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                padding-left: 37px;
                height: 40px;
                background-size: 1rem;
            }


    .tirocini-ui-dialog.ui-widget .ui-dialog-content {
        background-color: var(--dark-blue);
    }

        .tirocini-ui-dialog.ui-widget .ui-dialog-content h6 {
            font-family: var(--font-family-primary);
            font-size: var(--font-size4);
            font-weight: var(--peso2);
            text-transform: uppercase;
            color: var(--white);
        }

        .tirocini-ui-dialog.ui-widget .ui-dialog-content div.fw-bold {
            font-family: var(--font-family-primary);
            font-size: var(--font-size3);
            font-weight: var(--peso2);
            text-transform: uppercase;
            color: var(--white);
        }

            .tirocini-ui-dialog.ui-widget .ui-dialog-content div.fw-bold + span {
                font-family: var(--font-family-primary);
                font-size: var(--font-size1);
                font-weight: var(--peso2);
                /*            text-transform: uppercase;*/
                color: var(--white);
            }





    .tirocini-ui-dialog.ui-widget .ui-dialog-buttonpane {
        border: 0;
        margin: 0;
        background-color: var(--dark-blue);
    }



/*Customizzazioni dialog search user in pagina gestione utenti*/


.tirocini-ui-dialog.search-users-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    padding: 1rem;
}

    .tirocini-ui-dialog.search-users-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset > button {
        width: 100%;
    }

        .tirocini-ui-dialog.search-users-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset > button:not(:first-of-type) {
            background: none;
            color: var(--intense-blue);
            border: none;
            padding: 0;
            font: inherit;
            cursor: pointer;
            text-transform: none;
        }





/*END*/


.btn-tirocini.link-button,
.btn-tirocini.link-button:hover,
.btn-tirocini.link-button:focus {
    background: none;
    color: var(--intense-blue);
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    text-transform: none;
}


/*#endregion*/

/*#region Customizzazione componenti Syncfusion Input*/
/* Regole font placeholder all'INTERNO dell'elemento input ABILITATO */
.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom
/* Regole font placeholder all'INTERNO dell'elemento textarea  ABILITATO  */
e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
.e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    font-weight: var(--peso2);
    color: var(--light-gray1) !important;
}

/* Regole font placeholder all'INTERNO dell'elemento input DISABILITATO */
.e-float-input.e-input-group.e-disabled .e-float-text,
.e-float-input.e-input-group.e-disabled .e-float-text.e-label-top,
.e-float-input input[disabled] ~ label.e-float-text,
.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-disabled label.e-float-text,
.e-float-input.e-disabled label.e-float-text.e-label-top,
.e-float-input:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    font-weight: var(--peso2);
    color: var(--light-gray1) !important;
}



/* Regole font placeholder all'ESTERNO dell'elemento input all'interno dei dialog jquery */
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
.tirocini-ui-dialog .e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
.tirocini-ui-dialog .e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    font-weight: var(--peso2);
    color: var(--white) !important;
    top: 10px;
}

/* Regole input compobox all'interno dei dialog jquery */
.tirocini-ui-dialog .e-checkbox-wrapper.e-wrapper.e-float-input,
.tirocini-ui-dialog .e-checkbox-wrapper.e-wrapper {
    background-color: transparent;
}

    /* Regole font placeholder combobox input all'interno dei dialog jquery */
    .tirocini-ui-dialog .e-float-input.e-checkbox-wrapper.e-wrapper label span.e-label,
    .tirocini-ui-dialog .e-checkbox-wrapper.e-wrapper label span.e-label {
        font-family: var(--font-family-primary);
        font-size: var(--font-size2);
        font-weight: var(--peso2);
        color: var(--white) !important;
    }


/* Regole font radiobutton input all'interno dei dialog jquery */
.tirocini-ui-dialog .rb-txt,
.tirocini-ui-dialog .e-radio-wrapper.e-wrapper .e-radio + label .e-label {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    font-weight: var(--peso2);
    color: var(--white) !important;
}

/* Regole font radiobutton input all'esterno dei dialog jquery */
.rb-txt,
.e-radio-wrapper.e-wrapper .e-radio + label .e-label {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    font-weight: var(--peso2);
    color: var(--dark-blue) !important;
}




/* Regole font radiobutton input DISABLED all'interno dei dialog jquery */
.tirocini-ui-dialog .e-radio-wrapper.e-wrapper .e-radio:disabled + label,
.tirocini-ui-dialog .e-radio-wrapper.e-wrapper .e-radio:disabled + label::before {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    font-weight: var(--peso2);
    color: var( --light-gray3) !important;
}



/* Regole font placeholder all'ESTERNO dell'elemento input all'interno della pagina */
.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    font-weight: var(--peso2);
    color: var(--dark-blue) !important;
    top: 10px;
}





/* Regole font placeholder per ERROR all'ESTERNO dell'elemento input/textarea/datepicker */
.e-float-input.e-error label.e-float-text,
.e-float-input.e-control-wrapper.e-error label.e-float-text,
.e-float-input.e-error input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
.e-float-input.e-error textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
    font-family: var(--font-family-primary) !important;
    font-size: var(--font-size2) !important;
    font-weight: bold !important;
    color: red !important;
    top: 10px;
}


/* Regole font testo all'INTERNO dell'elemento input/textarea/datepicker */
.e-float-input input,
.e-float-input textarea,
.e-float-input.e-control-wrapper input,
.e-float-input.e-control-wrapper textarea {
    font-family: var(--font-family-primary);
    font-size: var(--font-size2);
    font-weight: var(--peso2);
    color: var(--black);
}

    /* Regole font testo all'INTERNO dell'elemento input/textarea/datepicker DISABILITATI */

    .e-float-input.e-disabled input,
    .e-float-input.e-control-wrapper.e-disabled input,
    .e-float-input.e-disabled textarea,
    .e-float-input.e-control-wrapper.e-disabled textarea,
    .e-float-input input[disabled],
    .e-float-input.e-control-wrapper input[disabled],
    .e-float-input textarea[disabled],
    .e-float-input.e-control-wrapper textarea[disabled] {
        font-family: var(--font-family-primary) !important;
        font-size: var(--font-size2);
        font-weight: var(--peso2);
        color: var(--black);
    }






/* Regole font testo all'INTERNO dell'elemento option delle dropdown list */
div.e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
    font-family: var(--font-family-primary);
    font-size: var(--font-size1);
    font-weight: var(--peso2);
    color: var(--black);
}




/* Regole elemento textarea */
textarea.e-input.no-resize,
.e-float-input.no-resize textarea,
.e-float-input.e-control-wrapper.no-resize textarea,
.e-input-group.no-resize textarea,
.e-input-group.e-control-wrapper.no-resize textarea {
    resize: none;
}



/*#endregion*/

/*#region Customizzazioni componente Syncfusion Tab */
.tirocini-tab-component.e-tab {
    background-color: unset;
}

    .tirocini-tab-component.e-tab .e-tab-header::before {
        border: 0;
    }

    .tirocini-tab-component.e-tab .e-tab-header .e-toolbar-items {
        margin-left: 2rem;
    }



        .tirocini-tab-component.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item .e-tab-wrap,
        .tirocini-tab-component.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item .e-tab-wrap:hover {
            background-color: unset;
            border: solid 1px var(--intense-blue);
            border-bottom: 0;
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

            .tirocini-tab-component.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item .e-tab-wrap .e-text-wrap .e-tab-text {
                font-family: var(--font-family-primary);
                font-size: var(--font-size4);
                font-weight: var(--peso2);
                text-transform: uppercase;
                color: var(--intense-blue);
            }


        .tirocini-tab-component.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap,
        .tirocini-tab-component.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap:hover {
            background-color: var(--intense-blue);
            border: solid 1px var(--intense-blue);
            border-bottom: 0;
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

            .tirocini-tab-component.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap .e-text-wrap .e-tab-text {
                font-family: var(--font-family-primary);
                font-size: var(--font-size4);
                font-weight: var(--peso2);
                text-transform: uppercase;
                color: var(--white);
            }

    .tirocini-tab-component.e-tab > .e-content {
        border: solid 1px var(--intense-blue);
        padding: 5px;
        border-radius: 10px;
    }

/*#endregion*/

/*#region Customizzazioni componente Syncfusion Grid */

.tirocini-grid-component.e-grid {
    border: none;
}

    .tirocini-grid-component.e-grid .e-toolbar .e-tbar-btn:hover,
    .tirocini-grid-component.e-grid .e-toolbar .e-tbar-btn:focus {
        background: var(--intense-blue);
        border-color: var(--intense-blue);
        border-radius: 0;
        color: var(--intense-blue);
        border-radius: 4px;
    }


    /*.tirocini-grid-component.e-grid .e-ccdlg .e-cc-contentdiv {
        height: 200px;
        width: 230px;
    }*/

    .tirocini-grid-component.e-grid .e-gridheader {
        background-color: var(--light-turquoise);
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

        .tirocini-grid-component.e-grid .e-gridheader .e-headercontent {
            border: 0;
        }

            .tirocini-grid-component.e-grid .e-gridheader .e-headercontent table {
                height: 3rem;
            }

                .tirocini-grid-component.e-grid .e-gridheader .e-headercontent table thead th {
                    font-family: var(--font-family-primary);
                    font-size: var(--font-size2);
                    font-weight: var(--peso2);
                    background-color: var(--light-turquoise);
                    color: var(--white);
                }

    /*.tirocini-grid-component.e-grid .e-gridheader .e-headercontent table thead th .e-headertext {
                        padding-left: 8px;
                    }*/

    .tirocini-grid-component.e-grid .e-gridcontent {
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

        .tirocini-grid-component.e-grid .e-gridcontent .e-content table tbody tr:nth-child(even) {
            background-color: var(--light-gray3);
        }



    .tirocini-grid-component.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
    .tirocini-grid-component.e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
    .tirocini-grid-component.e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
    .tirocini-grid-component.e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
    .tirocini-grid-component.e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
        background-color: var(--light-gray1);
    }

    .tirocini-grid-component.e-grid .e-gridcontent .e-content table tbody tr td {
        font-family: var(--font-family-primary);
        font-size: var(--font-size2);
        font-weight: var(--peso2);
        color: var(--black);
    }


    .tirocini-grid-component.e-grid .e-gridpager {
        background-color: unset;
        border: 0;
    }

        .tirocini-grid-component.e-grid .e-gridpager .e-pagercontainer .e-currentitem {
            font-family: var(--font-family-primary);
            font-size: var(--font-size1);
            font-weight: var(--peso2);
            background: var(--intense-blue);
            color: var(--white);
        }

        .tirocini-grid-component.e-grid .e-gridpager .e-pagesizes .e-pagerconstant,
        .tirocini-grid-component.e-grid .e-gridpager .e-parentmsgbar {
            font-family: var(--font-family-primary);
            font-size: var(--font-size1);
            font-weight: var(--peso2);
            color: var(--black);
        }

/*#endregion*/

/*#region Customizzazioni componente Syncfusion DatePicker */


/* Titolo (mese nell'header) */
.e-calendar .e-header .e-title,
.e-bigger.e-small .e-calendar .e-header .e-title {
    font-family: var(--font-family-primary);
    font-size: var(--font-size3);
    font-weight: var(--peso2);
    color: var(--black);
}


/* Freccette per cambiare giorno (elemento span) */
.e-calendar .e-header span,
.e-bigger.e-small .e-calendar .e-header span {
    border: 0;
    color: var(--intense-blue);
}


    /* Freccette per cambiare giorno (elemento span hover) */
    .e-calendar .e-header span:hover,
    .e-bigger.e-small .e-calendar .e-header span:hover {
        border: 0;
        background-color: var(--intense-blue);
        color: var(--white);
    }


/* Freccette per cambiare giorno (elemento button hover) */
.e-calendar .e-header .e-prev:hover,
.e-calendar .e-header .e-next:hover,
.e-bigger.e-small .e-calendar .e-header
.e-prev:hover,
.e-bigger.e-small .e-calendar .e-header .e-next:hover {
    /*    width: 1rem;
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 30px;
    height: 35px;
    background-size: 1rem;*/
    background-color: transparent;
}



/* Giorni della settimana */
.e-calendar .e-content td span.e-day,
.e-bigger.e-small .e-calendar .e-content td span.e-day,
.e-calendar .e-content thead,
.e-bigger.e-small .e-calendar .e-content thead {
    font-family: var(--font-family-primary);
    font-size: var(--font-size1);
    font-weight: var(--peso2);
    color: var(--black);
}


/* Button conferma */
.e-calendar .e-btn.e-today.e-flat.e-primary,
.e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
    font-family: var(--font-family-primary);
    font-size: var(--font-size4);
    font-weight: var(--peso2);
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--intense-blue);
    border: solid 1px var(--intense-blue);
    border-radius: 40px
}


    /* Button conferma hover */
    .e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
        font-family: var(--font-family-primary);
        font-size: var(--font-size4);
        font-weight: var(--peso2);
        text-transform: uppercase;
        color: var(--intense-blue);
        background-color: var(--white);
        border: solid 1px var(--intense-blue);
        border-radius: 40px
    }

/*#endregion*/

/*#region Customizzazioni componente Syncfusion RadioButton */

.e-radio:checked + label::before {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
}


.tirocini-ui-dialog.ui-dialog .e-radio:checked + label::before {
    background-color: var(--dark-blue);
    border-color: var(--white);
}

.e-radio:disabled + label::before {
    border-color: var(--light-gray1);
    background-color: var(--light-gray1);
}


/*#endregion*/

/*#region Customizzazioni componente Syncfusion MultiSelect */

.e-multi-select-wrapper .e-chips {
    background-color: var(--intense-blue);
}

    .e-multi-select-wrapper .e-chips:hover {
        background-color: var(--dark-blue);
    }

/*    .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
        color: var(--intense-blue);
    }

        .e-multi-select-wrapper .e-chips:hover .e-chips-close::before {
            color: var(--intense-blue);
        }*/

/*#endregion*/

/*#region Customizzazioni componente Syncfusion Textarea (textbox multirow) */

.e-float-input.e-control-wrapper.e-no-float-label.e-multi-line-input {
    padding: 0;
}
/*#endregion*/

/*#region Customizzazioni componente Syncfusion FileUploader */

.placeholder-label-file-uploader {
    font-family: var(--font-family-primary);
    font-size: var(--font-size1);
    font-weight: var(--peso2);
    color: var(--dark-blue);
}


.tirocini-ui-dialog .placeholder-label-file-uploader {
    font-family: var(--font-family-primary);
    font-size: var(--font-size1);
    font-weight: var(--peso2);
    color: var(--white);
}

.tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard {
    border: 1px dashed var(--intense-blue);
}

    .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-file-select-wrap .e-css.e-btn {
        font-family: var(--font-family-primary);
        font-size: var(--font-size4);
        font-weight: var(--peso2);
        text-transform: uppercase;
        color: var(--white);
        background-color: var(--intense-blue);
        border: solid 1px var(--intense-blue);
        border-radius: 40px
    }

        .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-file-select-wrap .e-css.e-btn:hover {
            font-family: var(--font-family-primary);
            font-size: var(--font-size4);
            font-weight: var(--peso2);
            text-transform: uppercase;
            color: var(--intense-blue);
            background-color: var(--white);
            border: solid 1px var(--intense-blue);
            border-radius: 40px
        }


    .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-file-select-wrap .e-file-drop {
        font-family: var(--font-family-primary);
        font-size: var(--font-size1);
        font-weight: var(--peso2);
        color: var(--dark-blue);
    }

    .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-upload-files,
    .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-upload-files .e-upload-file-list {
        border: 0;
    }

        .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-upload-files .e-file-name {
            cursor: pointer;
        }


    .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-upload-actions {
        display: none;
    }


.tirocini-ui-dialog.ui-dialog .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-upload-files .e-file-name,
.tirocini-ui-dialog.ui-dialog .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-upload-files .e-file-type,
.tirocini-ui-dialog.ui-dialog .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-upload-files .e-file-size,
.tirocini-ui-dialog.ui-dialog .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-upload-files .e-file-status:not(.e-upload-success),
.tirocini-ui-dialog.ui-dialog .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-upload-files .e-file-delete-btn.e-icons::before,
.tirocini-ui-dialog.ui-dialog .tirocini-file-uploader.e-upload.e-control-wrapper.e-lib.e-keyboard .e-upload-files .e-file-remove-btn.e-icons::before {
    color: var(--white);
}



/*#endregion*/

/*#region Customizzazioni componente Syncfusion Checkbox */
.tirocini-checkbox.e-checkbox-wrapper.e-wrapper label .e-label {
    font-family: var(--font-family-primary);
    font-size: var(--font-size1);
    font-weight: var(--peso2);
    color: var(--dark-blue);
}

/*#endregion*/