:root {
/*    --font-manrope: 'Manrope', sans-serif;
    --font-open-sans: 'Open Sans', sans-serif;*/
    --color-primary: #00A0DE;
    --color-secondary: #0278A6;
    --color-background: #E5E4E4;
    --color-bg-nav: #F9FAFB;
    --color-border-nav: #D6DDEB;
    --color-bg-intestazione: #FCFCFC;
    --color-bg-btn-primary: #38A7E4;
    --color-shadow: 0px 4px 17.1px 0px #00000040;
    --color-text-primary: #020617;
    --color-text-secondary: rgba(100, 116, 139, 0.45);
    --border-radius: 0px 0px 24px 24px;
    --muted-foreground: #64748B;
    --foreground: #020617;
}

/*@font-face {
    font-family: 'Biancoenero';
    src: url('assets/Biancoenero Regular2.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}*/

/*@font-face {
    font-family: 'Biancoenero';
    src: url('assets/Biancoenero Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Biancoenero';
    src: url('assets/Biancoenero Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Biancoenero';
    src: url('assets/Biancoenero Bold Italic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}*/

@font-face {
    font-family: 'DejaVu Sans';
    src: url('../fonts/dejavu-sans-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/dejavu-sans-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/dejavu-sans-webfont.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/dejavu-sans-webfont.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/dejavu-sans-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/dejavu-sans-webfont.svg#dejavu_sansregular') format('svg'); /* Legacy iOS */
}


body {
    margin: 0;
    background: var(--color-background);
    font-family: Open Sans, sans-serif;
}

.tenda {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(2, 6, 23, 0.41);
    z-index:5;
}

.intestazione {
    position: relative;
    z-index: 10;
}

.selezione {
    position: relative;
    z-index: 10;
}

.titolo-panel {
    color: var(--foreground);
/*    font-family: "Open Sans";
*/    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    letter-spacing: -0.144px;
}

.nav {
    box-sizing: border-box;
    background: var(--color-bg-nav);
    border-bottom: 1px solid var(--color-border-nav);
    position: relative;
    z-index: 15;
    
}

.intestazione {
    width: 100%;
    background: var(--color-bg-intestazione);
    box-shadow: var(--color-shadow);
    border-radius: var(--border-radius);
    justify-content: center;
    padding-bottom: 15px;
}


.header-row {
    padding: 11px 0;
}


.header-materia, .header-titolo, .header-home, .titolo-verifica > label {
    font-family: var(--font-manrope);
    color: var(--color-secondary);
}

.header-materia {
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
}

.header-home {
    background-image: url('../assets/creaVerifiche.svg');
}


.header-titolo, .header-home {
    font-weight: 800;
    font-size: 24px;
    line-height: 110%;
    color: #00A0DE;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 100%;
}

.header-logo {  
    display:block;
    background-repeat: no-repeat;
    background-position: left;
    height: 36px;
    width: 100%;
}

.header-titolo > img, .header-home > img {
    height: 26px;
}

.titolo-verifica-header {
    display: flex;
    align-items: center;
    padding-top: 24px;
    margin-bottom: 20px;

    justify-content: space-between;
}

    .titolo-verifica-header img {
        width: 24px;
        height: 24px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .titolo-verifica-header h1 {
        width: 252px;
        height: 32px;
        font-family: var(--font-open-sans);
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        display: flex;
        align-items: center;
        letter-spacing: -0.006em;
        color: var(--color-text-primary);
        flex: none;
        order: 1;
        flex-grow: 0;
    }

.titolo-verifica {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*padding: 0;*/
    gap: 6px;
    /*height: 88px;*/
    flex: none;
    order: 0;
    flex-grow: 0;
}

    .titolo-verifica > input {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 8px 12px;
        height: 36px;
        border: 1px solid #E2E8F0;
        border-radius: 4px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        box-sizing: border-box;
    }

        .titolo-verifica > input:focus {
            outline: none;
            border: 1px solid #333;
        }

        .titolo-verifica > span {
        height: 20px;
        font-family: var(--font-open-sans);
        font-weight: 400;
        font-size: 10px;
        line-height: 20px;
        color: var(--color-text-secondary);
        flex: none;
        order: 2;
        flex-grow: 0;
    }


    .titolo-verifica > textarea {
        border: 1px solid #E2E8F0;
        width: 100%;
        resize: none; /* Disabilita il ridimensionamento manuale */
        overflow: hidden; /* Nasconde la barra di scorrimento */
        padding: 8px 12px;
        min-height: 36px;
    }

.btn-default-cv {
    font-family: var(--font-open-sans);
    font-weight: 600 !important;
    color: var(--color-primary) !important;
    font-size: 14px !important;
/*    line-height: 24px !important;
*/    border-color: var(--color-primary) !important;
}
.btn-primary-cv {
    font-family: var(--font-open-sans);
    font-weight: 600 !important;
    background-color: var(--color-bg-btn-primary) !important;
    font-size: 14px !important;
    line-height: 24px !important;
    border-color: var(--color-primary) !important;
}

.titolo-button-container {
    text-align: right;
    padding: 15px 0;
}

/*.button {
    display: inline-block;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    font-family: var(--font-open-sans);
    font-weight: 600;
    text-decoration: none;
    color: #FFF;
}

    .button:disabled {
        background: #CCC;
        cursor: not-allowed;
    }*/

.vertical-align-center {
    display: flex;
    align-items: center;
}

input[type="date"] {
    position:relative;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 10px;

}

input::-webkit-datetime-edit-fields-wrapper {
    position: relative;
    left: 10px;
}

input::-webkit-datetime-edit {
    position: relative;
    right: 10px;
}





/*seleziona gli esercizi*/

.ultimamodifica {
    color: var(--muted-foreground);
/*    font-family: "Open Sans";
*/    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    padding-left: 3px;
}


.custom-selected-node {
    background-color: #f0ad4e;
    color: white;
}

.glyphicon-triangle-color {
    color: #00A0DE;
}

.badge {
    border-radius: 14px !important;
    background: #02658B !important;
    color: #F8FAFC !important;
    /*font-family: "Open Sans" !important;*/
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 14px !important;
    padding: 3px 8px !important;
    min-width: auto !important;
}

    @media (max-width: 768px) {
        .cvcontainer {
            margin: 0 15px;

        }

        .col-xs-12 {
            padding-right: 10px;
            padding-left: 10px;
        }

        .titolo-verifica-data {
            max-width: 140px;
        }
    }
.treeview span.indent {
     margin-left: 0px!important; 
     margin-right: 0px!important; 
}


    @media (min-width: 768px) and (max-width: 992px) {
        .cvcontainer {
            margin: 0 30px;
        }
/*        .header-titolo {
            background-image: url('../assets/creaVerifiche-GRAMMATICA.svg');
        }*/
        .header-logo {
            background-image: url('../assets/logo.svg');
        }
    }

    @media (min-width: 992px) and (max-width: 1200px) {
        .cvcontainer {
            margin: 0 50px;
        }
/*        .header-titolo {
            background-image: url('../assets/creaVerifiche-GRAMMATICA.svg');
        }*/
        .header-logo {
            background-image: url('../assets/logo.svg');
        }
    }

    @media (min-width: 1200px) {
        .cvcontainer {
            margin: 0 100px;
        }
/*        .header-titolo {
            background-image: url('../assets/creaVerifiche-GRAMMATICA.svg');
        }*/
       .header-logo {
            background-image: url('../assets/logo.svg');
        }
    }
@media (max-width: 940px) {
    .header-titolo {
        background-image: url('../assets/creaVerifiche.svg');
    }
    .header-logo {
        background-image: url('../assets/solologo.svg');
    }
}