.navbar-brand {
   padding-top: 0.325rem;
   padding-bottom: 0.925rem;
   font-size: small;
 }

 .navbar-brand img {
   height: 45px;
 }

 [class*=" icon-"],
 [class^=icon-] {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   min-width: 1em;
   display: inline-block;
   text-align: center;
   font-size: 1rem;
   vertical-align: middle;
   position: relative;
   top: 4.5px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 .container-1 {
   background-color: #ffffff;
   /* White background color */
   padding: 20px;
   /* Adjust padding as needed */
   margin-top: 40px;
   /* Adjust margin as needed */
 }

 .container-2 {
   background-color: #ffffff;
   /* White background color */
   padding: 20px;
   /* Adjust padding as needed */
   margin-top: 40px;
   /* Adjust margin as needed */
   width: 550px;
   margin: 60px auto;
 }

 .icon-key {
   vertical-align: middle;
 }

 .navbar-nav-link {
   text-decoration: none;
   color: #000;
   /* Set the desired text color */
 }

 .tdEllipsis {
   max-width: 60px; // change as per requirement
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   ;
 }

 .autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
}

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-selected {
  background: #F0F0F0;
}

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399FF;
}
.dt-buttons {
float:left;
display: inline;

}
.card-img {
    width: 100%;
    height: 200px; /* Set your desired height */
    object-fit: cover; /* Ensures the image covers the entire area without distortion */
}




/* div.dataTables_wrapper {
   width: 1200px;
   margin: 0 auto;
 }

 table {
   table-layout: fixed !important;
 }

 td,
 th {

   overflow: hidden !important;
   text-overflow: ellipsis !important;
   word-wrap: break-word !important;
   padding: 0 !important;
   margin: 1 !important;
 }
*/
/* Styles for devices with a max width of 768px (tablets and smaller) */
@media only screen and (max-width: 768px) {
  body {
    font-size: 11px;
  }
  .dt-buttons {
    float: left; /* Floats the .dt-buttons to the left */
    display: inline; /* Makes the .dt-buttons display as inline elements */
    }
     /* Custom small button styles */
   .btn-sm-custom {
        margin:0.10rem 0.10rem; 
        padding: 0.25rem 0.5rem; /* Reduce padding */
        font-size: 0.75rem; /* Reduce font size */
      }
   .card-img {
        height: 30vw;
    }
}


 @media only screen and (max-width: 480px) {

   /* horizontal scrollbar for tables if mobile screen */
   table {
     font-size: 11px;
     overflow-x: auto !important;
     display: block !important;
   }
  .dt-buttons {
    float: left; /* Floats the .dt-buttons to the left */
    display: inline; /* Makes the .dt-buttons display as inline elements */
    }
   /* Custom small button styles */
   .btn-sm-custom {
        margin:0.10rem 0.10rem;
        padding: 0.25rem 0.5rem; /* Reduce padding */
        font-size: 0.75rem; /* Reduce font size */
      }
 }