@import url('palette.css');
.top-bar{
    /* background-color: #fff  !important; */
    border-color: #e0e0e0 !important;
    /* box-shadow: 0 4px 6px #e7e5e5 !important; */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    padding: 20px; /* Optional: Add some padding */
    position: sticky; /* Optional: Keeps the header at the top during scroll */
    top: 0; /* Required when using sticky positioning */
    /* z-index: 1000;  */
    display: flex;
    flex-direction: row;
    border-bottom: 0px solid !important;
    /* height: 70px; */
    width: 100%;
  }
  .btn-submit{
    background-color: #292232 !important;
    background: #292232 !important;

    color: white; 
    border-radius: 12px;
  }

  .button.submit:hover {
    background-color: #292232;;
    color: white;
    border-radius: 12px;

  }
  label{
    font-size:16px ;
}
.card-section{
/* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
  transition: 0.3s;
  border-radius: 12px;
  margin:10px;
  background-color: white;
}
.select-type{
    border-radius: 12px;
    background-color: white;
    border-color:  var(--gray);
    margin:10px;
}
.search-div {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    height:50px;
    
}
.search-button{
    border-radius: 12px;
    margin: 20px;
    background-color: var(--red) !important;
    border-color:var(--red);
}
.search-button:hover {
    background-color: var(--red) !important;
    color: #fefefe;
    border-color: var(--red);
}
.card-custom{
    /* flex-grow: 1; */
    margin-bottom: 0rem !important;
    border: 0px solid white !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
.card-text{
    background-color: #fef2f2;
    margin: 0px !important;
}