/* Navbar styles */
.btn-custom {
    background-color: #2c3f50; /* Change this to your preferred color */
    color: white; /* Text color */
    }

  .btn-custom:hover {
    color: #18bc9c;
  }


/* End Navbar styles */

.form-layout{

    border-radius: 15px;
    width: 500px;

}

.message-text{

    color: white;

}

.image-thumbail {
        height: 200px;
        object-fit: cover;
}

.list-group-item a {
        text-decoration: none;
        color: black;
}

.video-wrapper {
    position: fixed;
    top: 1;
    left: 0;
    width: 100%;
    height: 100vh; /* Full viewport height */
    overflow: hidden;
    z-index: -1;
  }
  
  #background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translate(-50%, -50%);
  }


  .background-image {
    
    background-size: cover; /* Ensures the image covers the entire background */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    background-position: center; /* Centers the image */
    height: 100vh; /* Ensures the element takes up the full viewport height */
    width: 100%; /* Ensures the element takes up the full width */
    position: fixed;
    top: 1;
    left: 0;
    overflow: hidden;
    z-index: -1;
  }

  /* Dashboard DataTable Styles */

a {
        text-decoration: none; /* Removes underline */
        color: inherit; /* Inherits color from parent element */
        background: none; /* Removes background */
        border: none; /* Removes border */
        padding: 0; /* Removes padding */
        margin: 0; /* Removes margin */
        font: inherit; /* Inherits font properties */
    }

    .data_table{
  background: #fff;
   padding: 15px;
   box-shadow: 1px 3px 5px #aaa;
   border-radius: 5px;
}

.data_table .btn{
   padding: 5px 10px;
   margin: 10px 3px 10px 0;
   background-color: #18bc9c; 
}