/*
----------------
 LEFT MAIN MENU 
----------------
*/
#scy-section-main-menu {
    width: 100%;
    height: 6rem;
    bottom: 0;
    left:0;
    position:fixed;
    z-index:900;
    background: var(--scy-menu-gradient1-background);
}
#scy-section-main-menu .scy-logo-menu,
#scy-section-main-menu .scy-main-menu,
#scy-section-main-menu .scy-settings-menu {
    position:absolute;
    width: 100%;
    height:6rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-radius: 0;
    display:flex;
    justify-content: center;
    align-items: center;
}
#scy-section-main-menu .scy-logo-menu {
    top:0;
    display:none;
}
/*#scy-section-main-menu .scy-main-menu {
    left:50%;
    transform: translateX(-50%);
}*/
#scy-section-main-menu .scy-settings-menu {
    bottom:0;
    display:none;
}


@media (min-width: 992px) { 
    #scy-section-main-menu {
        width: 6rem;
        height:100%;
        top: 0;
        left:0;
        position:fixed;
        z-index:900;
        background: var(--scy-menu-gradient1-background);
    }
    #scy-section-main-menu .scy-logo-menu,
    #scy-section-main-menu .scy-main-menu,
    #scy-section-main-menu .scy-settings-menu {
        position:absolute;
        width: 6rem;
        height:fit-content;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        border-radius: 0;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    #scy-section-main-menu .scy-logo-menu {
        top:0;
        /*display:block;*/
    }
    #scy-section-main-menu .scy-main-menu {
        top:50%;
        transform: translateY(-50%);
    }
    #scy-section-main-menu .scy-settings-menu {
        bottom:0;
        /*display:block;*/
    }
}

/* LOGO */

#scy-section-main-menu .scy-project-logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    margin-right:0.25rem;
    margin-left:0.25rem;
    border-radius: 0.5rem;
    overflow: hidden;
}
#scy-section-main-menu .scy-project-logo:not(.scy-no-background) {
    border: var(--scy-border-size) solid var(--scy-backdrop-gradient1-background);
    background-color: var(--scy-backdrop-gradient1-background);
}
#scy-section-main-menu .scy-project-logo img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/* MAIN MENU */

#scy-section-main-menu .scy-nav-link {
    color: var(--scy-menu-gradient1-color);
    /*background: var(--scy-menu-gradient1-background);*/
}
#scy-section-main-menu .scy-nav-link:hover { 
    color: var(--scy-primary-color-hover);
    background: var(--scy-primary-background-hover);
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
}
#scy-section-main-menu .scy-nav-link.active {
    color: var(--scy-primary-color);
    background: var(--scy-primary-background);
}
#scy-section-main-menu .scy-nav-link {
    width: 5rem;
    height: 5rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    margin-right:0.25rem;
    margin-left:0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
    font-size: 0.8rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    white-space:normal;
    cursor: pointer;
}

#scy-section-main-menu .bi {
  width: 1.5rem;
  height: 1.5rem;
  /*margin-top: 0.5rem;*/
  margin-bottom: 0.25rem;
}


#scy-section-main-menu .dropdown-menu-end {
    margin-left:.5rem !important
} 
#scy-section-main-menu .scy-nav-link.dropdown-toggle::after {
    display: none;
    margin: 0;
    content: none;
    border: 0;;
}




@media (min-width: 576px) { 
}
@media (min-width: 768px) { 
}
@media (min-width: 992px) {     
    /*#scy-section-main-menu .scy-main-menu {
    }*/
    /*.scy-main-menu .list-group {
        
    }*/
    #scy-section-main-menu .list-group-item-action, 
    #scy-section-main-menu .list-group-item-action.active {
        width: 5rem;
        min-height: 5rem;
        height: auto;
        margin-right:0;
        margin-left:0;
    }
    
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) { 
}

/*.scy-main-menu-tab-pane,
.scy-page-content {
    width: 100vw;
    min-height: 100vh;
    padding-left: 6rem;
}*/