*, *::before, *::after {
    font-family: "Montserrat", serif !important;
}
html, body {
    height: 100%;
}

body {
    display: flex;
   min-height: 100vh;
    flex-direction: column;

}
body > main {
    flex: 1;
    padding-bottom: 155px !important;
}

table thead th > span.dt-column-order::before , table thead th > span.dt-column-order::after {
   opacity: .320;
}
table thead tr th {
    border: 1px solid gray;
    color: white !important;
    background-color: black;
}
table tbody tr td {
    padding: 15px  !important;
    border: 1px solid rgba(128, 128, 128, .17);
}

table tbody tr:nth-child(even) {
    background-color: rgba(128, 128, 128, .17) !important;
}
table tbody tr:nth-child(even):hover, table tbody tr:hover {
    background-color: rgba(128, 128, 128, .27) !important;
    cursor: pointer;
    transform: scale(1.05);
}

table tbody tr {
    transition: all 200ms ease-in-out;
}

div.dt-container .dt-paging .dt-paging-button:not(.current):not(.disabled):hover {
    background: black !important;
    border: 2px solid rgba(128, 128, 128, .27) !important;
    color: white !important;
}


#custom-cursor {
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background-color: red;
    display: none;
    font-size: 35px;
    border-radius: 50%;
    position: absolute;
    pointer-events: none;
    transition: transform 0.2s ease-in-out;
    z-index: 1000;
  }


  /* .hero_section {
    display: flex;
    gap: 20px;
    padding: 20px;
    justify-content: space-around;
  } */

  /* .hero_section > div {
    flex: 45%;
  } */
  

 /*  input {
    border: none;
    padding: 10px;
    margin: 5px;
    border: 5px solid gray;
}

input:focus {
    outline: none;
  } */