#practicePanel.main__body{
    /* display: flex;
    gap: 10px; */
}
#practicePane.main__body__mid{
    flex: 1;
}
.menu_practice{
    display: flex;
}
.menu_practice ul li:nth-child(1) a
{
    padding: 10px 0 10px 0px;
}
 #unitLinks div span{
    width: 100% !important;
   
    padding: 5px 100px;
    margin-top: 0px;
} 
#unitLinks  a.selected{
    padding: 5px 0px;
    color: #fff;
    background:  linear-gradient(to right, #1f9fa3, #caeeee);;
    border: none;
    border-left: 5px solid #29797c;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-bottom: 10px;

}
#unitLinks .UnitLinks_item a{
    display: flex;
        align-items: center; /* căn văn bản theo chiều dọc */
        justify-content: center;
    width: 100%;
    height: 100%;
}
#unitLinks .UnitLinks_item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-bottom: 10px;
    border: 1px solid #29797c;
}
#unitLinks .UnitLinks_item:hover{
    background-color: #1f9fa3;
}
#unitLinks .UnitLinks_item a::before {
    
    width: 20px;
    height: 30px;
    margin-right: 10px;
    margin-top: 8px;
  
    display: inline-block;
  }
#unitLinks a.selected::before {

width: 20px;
height: 30px;
margin-right: 10px;
margin-top: 8px;

display: inline-block;
}
  #unitLinks{
     display: flex;
     flex-direction: column;

  }
  #subunitLinks a.selected{
    color: #fff;
    background: #3fbbc0;
    border: 1px solid #29797c;
    padding: 2px 0px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
}
#subunitLinks .UnitLinks_item{
    color: #000;
    padding: 2px 0px;
    border-radius: 5px;
    border: 1px solid #29797c;
    display: inline-block;
    text-align: center;

}
#subunitLinks .UnitLinks_item a{
    display: flex;
    align-items: center; 
    justify-content: center;
    width: 100%;
    height: 100%;
}