.column2{
        width: 95%!important;
    }
   
    .dataTables_length {
        font-size: 13px;
        font-weight: lighter;
        margin-top: 20px;
   }
  .dataTables_filter {
    font-size: 13px;
    margin-top: 20px;
  }
  .dataTables_wrapper th {
    font-size: 15px;
    margin-bottom: 20%;

  }
  table#home-table tbody th,
        table#home-table tbody td {
            padding: 9px !important;
            margin-top: 5px;
            margin-bottom: 5px;
        }

  .dataTables_wrapper tbody tr td {
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px;
    
  }

  #home-table thead th {
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: 10%;
  }

  .dataTables_wrapper td {
    font-size: 14px;
  }
  .dataTables_wrapper tbody td {
    border-collapse: collapse;
    border-bottom: none;
  }
#home-table_wrapper{
/* background-color: none; */
margin-bottom: 10px;

}
 
  #home-table tbody tr {
    /* border-bottom: 0.0001px solid #80808066;   */
    border-bottom: 2px solid rgba(255, 255, 255, 0.134) !important;

}

#home-table tbody tr td {
  font-weight: lighter;
  font-size:14px ;
  /* background-color: rgb(29 30 33); */
  margin-bottom: 20%;
  /* border: 0.0001px solid #80808066; */

}

#home-table thead tr {
  border-bottom: 0.0001px solid #80808066;
  /* border: 0.0001px solid #80808066; */
  background-color: rgb(29 30 33);
  
}
#home-table thead tr th {
  font-size: 13.5px;
  
}


  #home-table {
    border-collapse: collapse;
  }

  #home-table td{
    border-top: 2px solid rgba(255, 255, 255, 0) !important;
        border-bottom: 2px solid rgba(255, 255, 255, 0.134) !important;
        font-size: 16.5px;
  }

 
  /* .paginate_button {
    font-size: 10px;
    color: white;
    background-color: black;
  } */

  #home-table tbody tr:hover td{
    background-color: rgba(73, 73, 73, 0.661) !important;;
    cursor: pointer;
  }
 
  #home-table_info{
    display: none;
  }
  #home-table_paginate{
    display: none;
  }
  #home-table_length{
    display: none;
  }
  #home-table_filter{
    display: none;
  }
  .dataTables_wrapper .dataTables_filter input {
    color: white;
  }

  #home-table {
    font-size: 20px;
    font-weight: bold;
    border-color: white;
    margin-top: 5px;
    /* background-color: rgb(17, 18, 23); */
    width: 50%;
    border-style: solid;
    border: none;
    height: 40%;
    border: 1px solid rgba(128, 128, 128, 0.555)

  }
  .color-change{
    color: white;
  /* background: linear-gradient(rgb(86, 166, 75) 131px, rgb(234, 184, 57) 270px, rgb(242, 73, 92)); */
  background: #c9c9c929;
  padding: 4px 16px 4px 16px; 
  display: inline-block;
  border-radius: 6px;
  max-width: 300px; 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 12px;
  /* font-weight: lighter; */
 /* font-weight: bolder; */
  /* font-size:14px ; */
}
.color-name{
  background:none;
  /* color: rgb(255, 152, 48); */
  color: white;
}
.home_modal {
    position: fixed;
    z-index: 1;
    padding-top: 80px;
    padding-right: 90%;
    left: 0;
    top: 0;
    width: 200%;
    height: 90%;
    overflow: auto;
    /* height: max-content; */
    overflow: auto;
    
}

.home-content {
    background-color: black;
    width: 50%;
    /* height: max-content; */
    height: 60%; 
    pointer-events: auto;
    border: 1px solid #525252;
    border-radius: .3rem;
    overflow: auto;
    margin-left: 19%;   
    margin-top: 50px;
    box-shadow: 1px 1px 3px #c5c5c5,
             -1.5px -1.5px 5px #ffffff;
}
.home_modal .header{
  margin-left: 19%;
}
.button-login{
  text-decoration: none;
}
.home-sticker{
  font-size: 80px;
  margin-left: 40%;
  color: red;
}
.button-login{
  width: 9em;
 height: 2.5em;
 border-radius: 1em;
 font-weight: bold;
text-align: center;
justify-content: center;
 position: absolute;
 left: 20%;
 top: 55%;
 background-color: #525252;
 color: white;
 z-index: 1;
 margin: 4px 2px;
 padding: 4px 5px;
 box-shadow: 2px 2px 5px #c5c5c5,
             -1.5px -1.5px 5px #ffffff;
}

.button-login::before {
 content: '';
  width: 0;
 height: 2.5em;
 border-radius: 1em; 
 position: absolute;
 top: 0;
 left: 0;
 background: linear-gradient(to right, #0d0e0d 0%, #a7a6a2 100%);
 transition: .5s ease;
 display: block;
 z-index: -1;
}

.button-login:hover::before {
 width: 9em;
 border: none;
}
.button-login:hover{
  color: white;
}