.CategoryControl {

}
.CategoryControl .Header {

}
.CategoryControl .Header span {

}

.CategoryControl .Header {
        padding: 10px 13px;
    background-color: #47ac6a;
    text-transform: uppercase;
   margin-bottom:5px;
    background-position: right top;
    background-repeat: no-repeat;
    text-align: left;
}

.CategoryControl .Header a, .CategoryControl .Header span {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    
}

.CategoryControl table {
  width: 100%;
}
.CategoryControl .Detail {
    
}
.CategoryControl .Detail tbody{
    display: flex;

}





.CategoryControl .Detail .UserItem > a {
         display: block;
         font-size: 14px;
         color: #fff;
         font-weight: bold;
         text-transform: uppercase;
         padding:5px;
}
.CategoryControl .Detail .UserItem > a.selected {
         font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    color: #50b975;
}
.CategoryControl .Detail div.UserItem {
 
}
.CategoryControl .Detail tr:not(:first-child) {
    border-left: 1px solid #549ee8;
    
}
.CategoryControl .Detail tr {
   
    padding: 5px;
    
    background: #47ac6a;
    
}
.CategoryControl .Detail td.ItemStyle:has("a.selected") {
    border-top: 1px solid #ccc ;
    

}
.CategoryControl .Detail .UserItem > a:hover {

}