#ma1{
    width: 100%;
    margin-left: -100px;
   padding-top: 50px;
}


.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: 20px;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
.custom-datrpicker1{
    margin-top: -200px;
}

#cl{
    display: flex;
    justify-content: end;
}
#titl1>h6{
     width: 100%;
    font-size: 15px;
    color: white;
}
#titl2>h6{
     width: 100%;
    margin-left: 250px;
    font-size: 20px;
    color: white;
}
#titl3>h6{
    
    
    font-size: 15px;
    
}
#titl4>h6{
    
    
    font-size: 15px;
    
}

.MuiTableCell-root {
    text-align: center;
    padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
}
div.MuiToolbar-root.MuiToolbar-regular.MTableToolbar-root-5.MuiToolbar-gutters{
    padding: 5px ;
    min-height: 10px;
 }
 span.material-icons MuiIcon-root.MuiTableSortLabel-icon.MuiTableSortLabel-iconDirectionAsc{
     display: none;
     font-size: 2px;
 }
 h6.MuiTypography-root.MuiTypography-h6{
     font-weight: 600;
    font-size: 25px;
    color: white;
}

 th.MuiTableCell-root.MuiTableCell-head.MTableHeader-header-13.MuiTableCell-alignLeft{
     font-size: 20px;
     color: white;

 }
 td.MuiTableCell-root.MuiTableCell-body.MuiTableCell-alignLeft{
     padding: 4px;
    
    
 }

 .MuiTableCell-root {
     
     padding: 1px;
 }
 .MuiTableRow-root{
    
     font-size: 18px;
     height: 1px;
    }
    .MuiTablePagination-toolbar {
        min-height: 40px;
    }
    .MuiTableCell-root {
        border-bottom: none ;
    }
@media(max-width:1281px){
    td.MuiTableCell-root.MuiTableCell-body.MuiTableCell-alignLeft{
        padding: 4px;
        
    }
    td.MuiTableCell-root.MuiTableCell-body.MuiTableCell-alignLeft{
        padding: 4px;
        
    }
    .MuiTableSortLabel-icon {
        opacity: 0;
        font-size: 1px;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
    }

    th.MuiTableCell-root.MuiTableCell-head.MTableHeader-header-13.MuiTableCell-alignLeft{
        font-size: 18px;

    }
    .custom-datrpicker1{
        margin-top: -200px;
    }
    .MuiTableSortLabel-icon {
        font-size: 5px;
        margin-right: 0px;
    }
    .material-icons {
        font-size: 10px;
    }
   span .material-icons MuiIcon-root .MuiTableSortLabel-icon .MuiTableSortLabel-iconDirectionAsc{
    display: none;
   }
 .MuiTableRow-root{
    height: 20px;
 }

    .MuiTableCell-root {
       text-align: center;
        padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    }
    #button7{
    
        padding: 1px;
       
        background-color: royalblue;
    }
    #but{
        width: 10%;
        margin-top: -560px;
        margin-left: 880px;
    }
    #ma1{
        width: 100%;
        margin-left: -150px;
        padding-top: 50px;
        }
   .MuiTableRow-root{
    font-size: 13px;
    height: 5px;
    
   }
   .MuiTypography-h6{
    font-size: 1px;
   }
 
}
@media(max-width:1025px){
    .custom-datrpicker1{
        margin-top: -200px;
    }
    .MuiTableSortLabel-icon {
        opacity: 0;
        font-size: 1px;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
    }
   
    div.MuiToolbar-root.MuiToolbar-regular.MTableToolbar-root-5.MuiToolbar-gutters{
       padding: 5px ;
       min-height: 10px;
    }
    span.material-icons MuiIcon-root.MuiTableSortLabel-icon.MuiTableSortLabel-iconDirectionAsc{
        display: none;
    }
    th.MuiTableCell-root.MuiTableCell-head.MTableHeader-header-13.MuiTableCell-alignLeft{
        font-size: 12px;

    }
    td.MuiTableCell-root.MuiTableCell-body.MuiTableCell-alignLeft{
        padding: 4px;
        
    }
    h6.MuiTypography-root.MuiTypography-h6{
        
        font-size: 15px;
    }
    .MuiTableCell-root {
        text-align: center;
         padding-top: 1px;
     padding-right: 1px;
     padding-bottom: 1px;
     padding-left: 1px;
     }
    .MuiTableRow-root{
       
        font-size: 10px;
        height: 1px;
       }
       .MuiTypography-h6{
        font-size: 1px;
       }
    #titl2>h6{
        width: 100%;
       margin-left: 130px;
       font-size: 20px;
       color: white;
   }
    #button7{
    font-size: 10px;
        padding: 1px;
        
        background-color: royalblue;
    }
    #but{
        width: 10%;
        margin-top: -550px;
        margin-left: 640px;
    }
    #ma1{
        width: 100%;
        margin-left: -150px;
        margin-top: 10px;
        }
    
 
}
@media(max-width:913px){
    .custom-datrpicker1{
        margin-top: -220px;
    }
    .MuiTableSortLabel-icon {
        opacity: 0;
        font-size: 1px;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
    }
    div.MuiToolbar-root.MuiToolbar-regular.MTableToolbar-root-5.MuiToolbar-gutters{
        padding: 5px ;
        min-height: 10px;
        
     }
     span.material-icons MuiIcon-root.MuiTableSortLabel-icon.MuiTableSortLabel-iconDirectionAsc{
         display: none;
     }
     th.MuiTableCell-root.MuiTableCell-head.MTableHeader-header-13.MuiTableCell-alignLeft{
         font-size: 15px;
 
     }
     td.MuiTableCell-root.MuiTableCell-body.MuiTableCell-alignLeft{
         padding: 4px;
     }
     h6.MuiTypography-root.MuiTypography-h6{
         
         font-size: 15px;
     }
     .MuiTableCell-root {
        text-align: center;
         padding-top: 1px;
     padding-right: 1px;
     padding-bottom: 1px;
     padding-left: 1px;
     }
     .MuiTableRow-root{
        
         font-size: 13px;
         height: 1px;
        }
        .MuiTypography-h6{
         font-size: 1px;
        }
    #titl2>h6{
        width: 100%;
       margin-left: 50px;
       font-size: 15px;
       color: white;
   }
    #button7{
    
        padding: 1px;
        
        background-color: royalblue;
        font-size: 10px;
    }
    #but{
        font-size: 5px;
        width: 8%;
        margin-top: -550px;
        margin-left: 810px;
    }
    #ma1{
        width: 80%;
        margin-left: 50px;
        padding-top: 20px;
        }
    
   
}
@media(max-width:821px){
    .MuiTableSortLabel-icon {
        opacity: 0;
        font-size: 1px;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
    }

    #button7{
    
        padding: 1px;
        width: 1000%;
        background-color: royalblue;
    }
    #but{
        margin-top: -550px;
        margin-left:710px;
    }
    #ma1{
        width: 100%;
        margin-left: -20px;
        padding-top: 20px;
        }
  }
    
@media(max-width:769px){
    .MuiTableSortLabel-icon {
        opacity: 0;
        font-size: 1px;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
    }
    div.MuiToolbar-root.MuiToolbar-regular.MTableToolbar-root-5.MuiToolbar-gutters{
        padding: 5px ;
        min-height: 10px;
        
     }
     span.material-icons MuiIcon-root.MuiTableSortLabel-icon.MuiTableSortLabel-iconDirectionAsc{
         display: none;
     }
     th.MuiTableCell-root.MuiTableCell-head.MTableHeader-header-13.MuiTableCell-alignLeft{
         font-size: 12px;
 
     }
     td.MuiTableCell-root.MuiTableCell-body.MuiTableCell-alignLeft{
         padding: 4px;
     }
     h6.MuiTypography-root.MuiTypography-h6{
         
         font-size: 12px;
     }
     .MuiTableCell-root {
         
         padding: 1px;
     }
     .MuiTableRow-root{
        
         font-size: 12px;
         height: 1px;
        }
        .MuiTypography-h6{
         font-size: 1px;
        }
    #button7{
    
        padding: 1px;
       font-size: 7px;
        background-color: royalblue;
    }
    #but{
        width: 7%;
        margin-top: -550px;
        margin-left: 675px;
    }
    #ma1{
        width: 100%;
        margin-left: -20px;
        padding-top: 20px;
        }
    
    
}
@media(max-width:641px){
    .MuiTableRow-root{
        
        font-size: 12px;
        height: 1px;
       }
    .custom-datrpicker1{
        margin-top: -245px;
    }
    .MuiTableSortLabel-iconDirectionAsc {
        visibility: hidden;
        transform: rotate(180deg);
    }
    .MuiTableSortLabel-icon {
        opacity: 0;
        font-size: 1px;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
    }
    .MuiTableCell-head {
        color: rgba(0, 0, 0, 0.87);
        font-weight: 500;
        line-height: 1.0rem;
    }
    .MuiTableSortLabel-icon {
        opacity: 0;
        font-size: 1px;
    }
    div.MuiToolbar-root.MuiToolbar-regular.MTableToolbar-root-5.MuiToolbar-gutters{
        padding: 4px ;
        min-height: 8px;
        
     }
     span.material-icons MuiIcon-root.MuiTableSortLabel-icon.MuiTableSortLabel-iconDirectionAsc{
         display: none;
     }
     th.MuiTableCell-root.MuiTableCell-head.MTableHeader-header-13.MuiTableCell-alignLeft{
         font-size: 15px;
       text-align: center;
         
 
     }
     td.MuiTableCell-root.MuiTableCell-body.MuiTableCell-alignLeft{
         padding: 3px;
     }
     h6.MuiTypography-root.MuiTypography-h6{
         
         font-size: 10px;
     }
     .MuiTableCell-root {
        text-align: center;
        padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    }
     tr.MuiTableRow-root .MuiTableRow-head{
        height: 5px;
     }
    
     .MuiTableRow-root{
        
         font-size: 10px;
         height: 1px;
        }
        .MuiTypography-h6{
         font-size: 1px;
        }
    
    #button7{
    
        padding: 1px;
       
        background-color: royalblue;
    }
    #but{
        width: 8%;
        margin-top: -555px;
        margin-left: 470px;
    }
    #ma1{
        width: 100%;
        margin-left: -20px;
        padding-top: 20px;
        }
    
    
}
@media(max-width:431px){
    .custom-datrpicker1{
        margin-top: -215px;
        right: 0px;
        left: -50px;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        margin-top: 15px;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }
    .MuiTableSortLabel-iconDirectionAsc {
        visibility: hidden;
        transform: rotate(180deg);
    }
    .MuiTableSortLabel-icon {
        opacity: 0;
        font-size: 1px;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
    }
    .MuiTableCell-head {
        color: rgba(0, 0, 0, 0.87);
        font-weight: 500;
        line-height: 0.1rem;
    }
    .MuiTableSortLabel-icon {
        opacity: 0;
        font-size: 1px;
    }
    div.MuiToolbar-root.MuiToolbar-regular.MTableToolbar-root-5.MuiToolbar-gutters{
        padding: 2px ;
        min-height: 6px;
        
     }
     span.material-icons MuiIcon-root.MuiTableSortLabel-icon.MuiTableSortLabel-iconDirectionAsc{
        visibility: hidden;
     }
     th.MuiTableCell-root.MuiTableCell-head.MTableHeader-header-13.MuiTableCell-alignLeft{
         font-size: 15px;
         padding: 0px;
         height: 5px;
       text-align: center;
         
 
     }
     td.MuiTableCell-root.MuiTableCell-body.MuiTableCell-alignLeft{
         padding: 2px;
     }
     h6.MuiTypography-root.MuiTypography-h6{
         
         font-size: 10px;
     }
     .MuiTableCell-root {
        text-align: center;
        padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    }
     tr.MuiTableRow-root .MuiTableRow-head{
        height: 5px;
     }
    
     .MuiTableRow-root{
        
         font-size: 6px;
         height: 1px;
        }
        .MuiTypography-h6{
         font-size: 1px;
        }
    
  .MTableToolbar-title-9{
    font-size: 1px;
  }
#titl1>h6{
    
    font-size: 10px;
    color: white;
}
#titl2>h6{
    
    
    font-size: 10px;
    color: white;
}
#titl3>h6{
    
    
    font-size: 10px;
    
}
#tit4>h6{
    
    
    font-size: 10px;
    
}
span.material-icons MuiIcon-root .MuiTableSortLabel-icon .MuiTableSortLabel-iconDirectionAsc{
    width: 5px;
    font-size: 5px;
}

    #button7{
    
        padding: 1px;
        width: 90%;
        background-color: royalblue;
        font-size: 5px;
    }
    #but{
        margin-top: -540px;
        margin-left: 350px;
    }
    #ma1{
        width: 100%;
        margin-left: -20px;
        padding-top: 20px;
        }
    
    
}
@media(max-width:394px){
    .custom-datrpicker1{
        margin-top: -235px;
        right: 0px;
        left: 20px;
    }
    .MuiTableSortLabel-iconDirectionAsc {
        visibility: hidden;
        transform: rotate(180deg);
    }
    .MuiTableSortLabel-icon {
        opacity: 0;
        font-size: 1px;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
    }
    div.MuiToolbar-root.MuiToolbar-regular.MTableToolbar-root-5.MuiToolbar-gutters{
        padding: 2px ;
        min-height: 6px;
        
     }
     span.material-icons MuiIcon-root.MuiTableSortLabel-icon.MuiTableSortLabel-iconDirectionAsc{
        visibility: hidden;
     }
     th.MuiTableCell-root.MuiTableCell-head.MTableHeader-header-13.MuiTableCell-alignLeft{
         font-size: 8px;
         padding: 0px;
         height: 5px;
       
         
 
     }
     td.MuiTableCell-root.MuiTableCell-body.MuiTableCell-alignLeft{
         padding: 2px;
     }
     h6.MuiTypography-root.MuiTypography-h6{
         
         font-size: 8px;
     }
     .MuiTableCell-root {
      
        padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    }
     tr.MuiTableRow-root .MuiTableRow-head{
        height: 5px;
     }
    
     .MuiTableRow-root{
        
         font-size: 6px;
         height: 1px;
        }
        .MuiTypography-h6{
         font-size: 1px;
        }
    
  .MTableToolbar-title-9{
    font-size: 1px;
  }
    #button7{
    
        padding: 1px;
        width: 90%;
        background-color: royalblue;
        font-size: 5px;
    }
    #but{
        margin-top: -540px;
        margin-left: 320px;
    }
    #ma1{
        width: 100%;
        margin-left: -20px;
        padding-top: 20px;
        }
    
    
}

@media(max-width:361px){

    .MuiTableCell-root {
      text-align: center;
        padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    }
    .custom-datrpicker1{
        margin-top: -220px;
        right: 0px;
        left: -10px;
    }
    .MuiTableSortLabel-iconDirectionAsc {
        visibility: hidden;
        transform: rotate(180deg);
    }
    .MuiTableSortLabel-icon {
        opacity: 0;
        visibility: hidden;
        font-size: 1px;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
    }
    #button7{
    
        padding: 1px;
        width: 90%;
        background-color: royalblue;
    }
    #but{
        margin-top: -540px;
        margin-left: 290px;
    }
    #ma1{
        width: 120%;
        margin-left: -55px;
        padding-top: 20px;
        }
        .Component-paginationToolbar-2 {
            width: 30%;
            padding: 0;
        }  
        .MuiTableRow-root{
        
            font-size: 5px;
            height: 1px;
           }
    
}
@media(max-width:281px){

    .MuiTableCell-root {
      text-align: center;
        padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    }
    .custom-datrpicker1{
        margin-top: -220px;
        right: 0px;
        left: -10px;
    }
    .MuiTableSortLabel-iconDirectionAsc {
        visibility: hidden;
        transform: rotate(180deg);
    }
    .MuiTableSortLabel-icon {
        opacity: 0;
        visibility: hidden;
        font-size: 1px;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
        margin-left: 4px;
        user-select: none;
        margin-right: 4px;
    }
    #button7{
    
        padding: 1px;
        width: 90%;
        background-color: royalblue;
    }
    #but{
        margin-top: -540px;
        margin-left: 290px;
    }
    #ma1{
        width: 130%;
        margin-left: -70px;
        padding-top: 20px;
        }
        .Component-paginationToolbar-2 {
            width: 30%;
            padding: 0;
        }  
        .MuiTableRow-root{
        
            font-size: 5px;
            height: 1px;
           }
    
}