@import "bulma.css";



.mkf{
    padding-bottom: 1.1em ;
    padding-top: 1.1em;
    margin: auto;
    position: fixed;
    right:0;
    bottom: 0 !important;
}

.fas.fa-redo:hover{
    color: yellow;
}
.fas.fa-undo:hover{
    color: yellow;
}

#main {
    transition: margin-left .5s;
}
#mk-sidebar-buttons {
    transition: margin-left 1s;
}
#mk-sidebar{
    height: 100vh;
    width: 10px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    /*background-color: #111;*/
    overflow-x: hidden;
    transition: 0.5s;

    /*display:block;*/
}
#mk-open-sidebar {
    margin-left: 20px;
    padding-top: 10px;
    position: relative;
    display: block;
    transition: margin-left .5s;
}
#mk-close-sidebar {
    margin-left: 20px;
    padding-top: 10px;
    position: relative;
    display: none;
    transition: margin-left .5s;
}

#mk-section-welcome {
    overflow: hidden;
    display: none;
    opacity:0; /* questa sezione è mostrata subito */
}
#mk-section-dati-personali{
    /*top: 0;*/
    display: none;
    opacity:0;
}
#mk-section-corsi-attivi{
    display: none;
    opacity:0;
}
#mk-section-corsi-conclusi{
    display: none;
    opacity:0;
}
#mk-section-risorse-per-istruttori{
    display: none;
    opacity:0;
}
#mk-section-admin-anagrafiche{
    display: none;
    opacity:0;
}
#mk-section-admin-eventi{
    display: none;
    opacity:0;
}

ul.mkul {
    list-style-type: none;
}
li::before {
    content: "▸"; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: aquamarine; /* Or a color you prefer */
    font-size: 1.2em;
}
body, html{
    height: 100vh;
    background-color: #131619;
}