ISEP Portal Fix (WIP) by Rui-San

/* ==UserStyle==
@name           portal.isep.ipp.pt/intranet/conta/AreaDeTrabalho
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://portal.isep.ipp.pt") {
    
    
    .AspNet-Menu{
        display: flex !important;
        flex-flow: wrap !important;
        background-color: #DDD !important;
    }
    
    .layout_column_left table{
        width: inherit !important;
    }
    
    html{
        min-height:100%;
        position: relative !important;
    }
    
    body{
        height:100vh;
    }
    
    #form1{
        height: inherit;
    }
    
    #form1 .aspNetHidden{
        height: 0px !important;
    }
    
    #form1 div:nth-of-type(3) table{
        display: flex;
    }
    
    #form1 div:nth-of-type(3) table tbody{
        width: inherit;
    }
    
    #form1 div:nth-of-type(3) table tbody tr{
        display: flex;
        width: inherit;
    }
    
    .layout_column_right{
        width: calc(100% - 177px);
        box-sizing: border-box;
    }
    
    .layout_column_left{
        background-color: #DDD;
        display: flex;
        flex-flow: column;
        height: 100vh;
    }
    
    .layout_column_left table{
        height: fit-content !important;
    }
    
    .layout_column_left table:nth-of-type(2){
        order: -2;
    }
    
    .TableucSearch{
        order: -1;
    }
    
    #lnkLogoMain{
        order: -3;
    }
    
    .layout_column_left table:nth-of-type(1) li a{
        display: block;
        max-width: inherit;
        padding: 7px 20px 7px 10px !important;
        margin: 5px !important;
        font-size: 12px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: 0px;
        transition: background-color 0.2s ease, color 0.2s ease;
    }
    
    .txtPesqisa{
        background: red;
    }
    
    .layout_column_left table:nth-of-type(1) li ul{
        margin-left: 180px !important;
    }
    
    .layout_column_left table:nth-of-type(1) li ul li ul{
        margin-left: 220px !important;
    }
    
    .layout_column_left table:nth-of-type(1) div{
        width: 170px;
    }
    
    .layout_menu_top{
        width: 100vw;
        height: 67px;
        margin: 0px;
        padding: 0px !important;
    }
    
    .layout_main_right{
        display: none;
    }
    
    .layout_main{
        display: flex !important;
        padding: 20px !important;
    }
    
    .layout_main .div_controlos{
        width: calc(100% - 177px) !important;
        box-sizing: border-box;
        display: flex;
        flex-flow: wrap;
        flex-basis: max-content;
        background-color: #f000;
        justify-content: flex-start;
    }
    
    .layout_main .div_controlos a{
        position: relative !important;
        top: auto !important;
        left: auto !important;
        border-radius: 10px;
        transition: opacity 0.2s ease;
        margin: 4px;
        filter: drop-shadow(0px 0px 3px #00000091);      
    }
    
    .layout_main .div_controlos a:hover{
        opacity: 70%;
    }
    
    .layout_main .div_controlos a:nth-of-type(3){
        padding-right: calc(100% - 600px) !important;
        background-clip: content-box;
    }
    
    .layout_main .div_controlos a:nth-of-type(6){
        padding-right: calc(100% - 800px) !important;
        background-clip: content-box;
    }
    
    .layout_main .div_controlos a img{
        position: relative !important;
        top: auto !important;
        left: auto !important; 
        border-radius: 10px;
        background-color: #848484f2 !important;
    }

    .layout_main .div_controlos a:nth-of-type(2) img{
        background-color: #205d2a !important;
    }
    
    .layout_main .div_controlos a:nth-of-type(3) img{
        background-color: #205d2a !important;
    }
    
    .layout_main .div_controlos a:nth-of-type(4) img{
        background-color: #9a1a24 !important;
    }
    
    .layout_main .div_controlos a:nth-of-type(5) img{
        background-color: #9a1a24 !important;
    }
    
    .layout_main .div_controlos a:nth-of-type(6) img{
        background-color: #9a1a24 !important;
    }
    
    .layout_main .div_controlos div{
        display: none;
        position: relative !important;
        top: auto !important;
        left: auto !important; 
    }

    .MenuTop, .AspNet-Menu-Horizontal, .AspNet-Menu-Horizontal ul{
        height: 100%;
        width: 100%;
        background-image: none;
    }
    
    .AspNet-Menu-Horizontal ul li{
        border: 0 !important;
        width: calc(100% / 6) !important;
    }
    
    .AspNet-Menu-Horizontal ul li a{
        height: 100%;
        display: flex;
        font-weight: bold;
        font-size: 12px;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        padding: 0 !important;
        transition: background-color 0.2s ease;
    }
    
    .layout_menu_top_logout tbody tr td{
        display: flex;
        justify-content: center;
    }
    
    #tr_config, #tr_search{
        display: none !important;
    }
    
    td .layout_logout{
        width: 30% !important;
    }
    
    td .layout_config{
        width: 10% !important;
    }
    
    td .layout_config div .div_changeLanguage{
        display: flex;
        height: 100%;
    }
    
    td .layout_config div .div_changeLanguage .a-language{
        display: flex;
        height: 100%;
        text-align: center;
        padding-top: 40% !important;
        font-size: 15px !important;
        padding-bottom: 0px;
        font-weight: bold;
    }
    
    .div_otherLanguages{
        left: -10px;
          top: 66px;
          width: 78px;
          height: 26px;
        font-weight: bold;
    }
    
    .div_otherLanguages:hover, .div_otherLanguages a:hover{
        background-color: #9a1a24;
        color: white !important;
    }
    
    td .layout_logout .dropdown{
        height: 100%;
    }
    
    td .layout_logout .dropdown div:nth-of-type(1){
        height: 100% !important;
    }
    
    td .layout_logout .dropdown div:nth-of-type(1) .account{
        height: 100% !important;
        width: 100% !important;
        border: 0;
        padding: 0;
        position: inherit;
        display: flex;
        justify-content: center !important;
        align-content: center !important;
    }
    
    td .layout_logout .dropdown div:nth-of-type(1) .account label{
        font-size: 15px !important;
        font-weight: bold;
        margin: 0 !important;
        display: flex;
    }
    
    td .layout_logout .dropdown div:nth-of-type(1) .account label img:nth-of-type(1){
        display: none !important;
    }
    
    .dropdown .submenu{
        left: 0px !important;
        top: 67px !important;
        height: fit-content !important;
        width: 92% !important;
        padding: 10px;
        margin: 0px;
    }
    
    
    .dropdown .submenu table{
        background: #DDD;
    }
    
    .dropdown .submenu table tbody tr{
        width: 100% !important;
        flex-flow: wrap !important;
    }
    
    .dropdown .submenu table tbody tr td:nth-of-type(2){
        height: 100%;
        width: 60% !important;
        padding: 0!important;
    }
    
    .dropdown .submenu table tbody tr td:nth-of-type(2) .root{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        
    }
    
    .dropdown .submenu table tbody tr td:nth-of-type(2) div{
        display: none;
    }
    
    .dropdown .submenu table tbody tr td:nth-of-type(2) .root li{
        padding: 5px;
        margin-bottom: 5px;
    }
    
    .dropdown .submenu table tbody tr .linkLogOut{
        margin: 10px 0px 0px 0px;
        padding: 5px;
        border-radius: 50px;
        width: 100%;
        background: none;
    }
    
    .dropdown .submenu table tbody tr .linkLogOut a{
        font-weight: bold;
        font-size: 15px;
        font-color: white;
        background: #9a1a24;
        border-radius: 40px;
    }
    
    .dropdown .submenu table tbody tr td:nth-of-type(2) .root li a{
        padding: 5px;
        color: white;
        font-weight: bold;
        font-size: 13px;
        background: #9a1a24;
        justify-content: center;
        border-radius: 50px;
        text-align: center;
    }
    
    .dropdown .submenu table tbody tr td img{
        border-radius: 50%;
        padding: 0px !important;
    }
    
    
}