.table-width{
    width: 60px !important;
}
.title-width{
    width: 350px !important;
}
.table-scrooler{
    
    overflow-x: auto;
  display: block;
 
}

.table-scrooler::-webkit-scrollbar {
  width: 6px; /* scrollbar width */
  height: 8px;
   opacity: 0;
   
}
.table-scrooler::-webkit-scrollbar-track {
  background: transparent; /* hide track */
}
.table-scrooler::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #484755, #1c1d29); /* gradient thumb */
  border-radius: 12px; /* rounded corners */
  border: 2px solid transparent; /* spacing around thumb */
  background-clip: content-box;  /* makes thumb look slimmer */
    cursor: pointer;
}
.table-scrooler::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* hover effect */
  opacity: 1;
}




@media (max-width: 1350px) {

.hadd{
    font-size: 1.8rem !important;
}
/* .table-scrooler{
    
    overflow-x: auto;
    display: block !important;
  
 
} */

}





@media(max-width:1000px){
    .conatiner-padding{
        padding-left: 0px !important;
     
    }
    .card-respostive{
        left:-6px !important;
    }
    .card-style{
         padding-top: 23px !important;
    }
    .card-body-responsive{
        padding: 18px 13px !important;
    }
 .table.dataTable img{
    width: 45px !important;
    height: 45px !important;
 }
 .scrollsport{
         overflow-x: auto !important;
         display: block !important;
    }
    .scrollsport::-webkit-scrollbar {
  width: 6px; /* scrollbar width */
  height: 8px;
   opacity: 0;
   
}
.scrollsport::-webkit-scrollbar-track {
  background: transparent; /* hide track */
}
.scrollsport::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #484755, #1c1d29); /* gradient thumb */
  border-radius: 12px; /* rounded corners */
  border: 2px solid transparent; /* spacing around thumb */
  background-clip: content-box;  /* makes thumb look slimmer */
    cursor: pointer;
}
.scrollsport::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* hover effect */
  opacity: 1;
}
}




@media (max-width:814px) {
    .hadd{
        font-size:1.700rem !important;
       
    }
    .h1-style h1{
        font-size: 1.5em !important;
    
    }

 .respos{
    margin-bottom: 9px !important;
 }
 .table.dataTable img{
    width: 40px !important;
    height: 40px !important;
 }
 .grid-margin{
    margin-bottom: 0px !important;
 }
 .margin-res{
    margin-bottom: 0px !important;
 }
 .padding-res{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
 }
 .btn{
    padding: 7px 10px;
 }
 

}





@media(max-width:575px){
     .hadd{
        font-size:1.500rem !important;
    }
    
    .card-body-responsive{
        padding: 10px 13px !important;
    }

        .mdRespostive{
          margin: 0px !important;
    }
.btn-resposive{
    padding: 7px 10px;
    font-size: 10px;
    border-radius: 20px;
 
}

}