:root {
     --border--color: rgb(0, 0, 0);
     --border--color-black: rgb(70, 70, 70);
     --border--headers: rgb(226, 226, 226);
 }

 /*#manager_module {
    
     width: 95%;
     margin: auto;
 }*/
/* 
 #manager_module .head_output {
     display: flex;
     justify-content: center;

 }

 #manager_module .logo_output {
     width: 30%;
     height: 100px;
     border: 1px solid var(--border--color);

 }

 #manager_module .name_output {
     width: 70%;
     height: 100px;
     border: 1px solid var(--border--color);
     position: relative;
 }

 #manager_module .name_output H5 {
     font-size: 19px;
     position: absolute;
     top: 25%;
     left: 5%;
 }

 #manager_module .slimRow_output {
     width: 100%;
     height: 25px;
     position: relative;
     border: 1px solid var(--border--color);
     border-style: none;
     display: flex;
     justify-content: center;
 }

 #manager_module .slimRow_output h4 {
     text-align: center;
     font-size: 15px;
     font-weight: bold;
     position: absolute;
     margin: auto;
     bottom: 2px;
 }

 #manager_module .fatRow_output {
     width: 100%;
     height: 55px;    
     border-style: none;
 }

 #manager_module .fatRow_output .fatRowContent {
     width: 30%;
     border-top: 1px solid var(--border--color);
     border-left: 1px solid var(--border--color);
     display: grid;
     grid-template-columns: auto auto;
     margin-left: 70%;
   
 }

 #manager_module .fatRow_output .item {
     width: 100%;
     height: 25px;
     border-bottom: 1px solid var(--border--color-black);
     border-right: 1px solid var(--border--color-black);
     text-align: center;
 }

 #manager_module .reportContainer {
     height: 0px;
     border: 1px solid black;    
     border-radius: 5px;
     overflow: hidden;

 }
 #manager_module .report_content_output{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 20% 40% 15% 25%;
    border-left: 1px solid black;
     
     
 }
 #manager_module .itemHeader{
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 15px;
    text-align: center;
    border-right: 1q solid black; 
    border-top: 1q solid black;    
    border-bottom: 1q solid black;                 
    background-color: var(--border--headers);
 }
 #manager_module .itemHeader p{
    margin: 0;
    padding: 0;
 }
 #manager_module .itemContent{
    text-align: center;
    min-height: 40px;    
    border-right: 1q solid black;          
    border-bottom: 1q solid black;   
 }
 #manager_module .report_footer_output{
    margin-top: 20px;
    display: grid;
    grid-template-columns: auto auto;
    border-top: 1px solid black;
    border-left: 1px solid black;
 }
 #manager_module .footer_title_output{
  
    background-color:var(--border--headers)
 }
 #manager_module .footer_title_output p{
    margin-top: 7px;
 }
 #manager_module .footer_item{
    text-align: center;
    height: 45px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
 } 
 #manager_module .report{
    width: 792px;
    margin: auto;
    margin-top: 10px;

}
 #manager_module .filterReports {
    width: 95%;
    min-height:100px;
    margin: auto;
    margin-top: 2px;
    border: 1px solid rgb(226, 226, 226);
    display:flex ;
    flex-wrap: wrap;
    align-items: baseline

 }
 #manager_module .filterElement{
    margin-left: 5px;
 }

 #manager_module .iconSlide {
     font-size: 25px;
     cursor: pointer;
   
     
 }
 #manager_module #report_tags_report{
    border: 1px solid rgb(228, 228, 228);
}
 #manager_module .slideDown {
     height: 700px;
     animation-duration: 300ms;
     animation-name: slideReportsOpen;
     overflow: auto;
 }

 @keyframes slideReportsOpen {
     from {
         height: 0px;
     }

     to {
         height: 700px;
     }
 }

 #manager_module .slideUp {
     height: 0px;
     animation-duration: 300ms;
     animation-name: slideReportsClose;
      
     overflow: hidden;
 }

 @keyframes slideReportsClose {
     from {
         height: 700px;

     }

     to {
         height: 0px;
     }
 }


  */