.heading{
    text-align: center;font-size: xx-large; font-family: nucleo; font-weight: 600;
}

mat-label, mat-option, input::placeholder, input {
    font-family: nucleo;
}


.status-button-accepted {
  background-color: #64B200;
  border-color: #64B200;
  color: white;
  padding: 5px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-family: nucleo;
  min-height: 4vh;
  min-width: 52%;
  font-size: small;
}

.button-Reject{
  background-color: #ff0000;
  border-color: #e08d21;
  color: white;
  padding: 5px 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-family: nucleo;
  min-height: 4vh;
  margin-left: 10px;
  min-width: 45%;
  font-size: small;
}


.userHeading{
  font-family: 'texg';
  color: #606060;
  top: 6px;  
  position: relative;
  font-size: small;
}
.subHead {
    font-family: texg;
    color: #353535;
  }

  .master-header{
    font-family: 'nucleo';
    font-weight: bold;
    font-size: x-large;
    color: #424242;
  }

  .addButton{
    padding: 0;
    border-radius: 16px !important;
    height: 35px !important;
    // width: 68px !important;
  
    float: center;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #424242;
    background-color: white;
    // height: 37px;
    border-radius: 9px;
    font-family: nucleo;
    width: 11%;
    // box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    // margin-right: 5px;
  }
  
  .addButton:hover{
  
    background-color: #ebeaea ;
    box-shadow: 0 2px rgb(129, 129, 129)a(0, 0, 0, 0.2);
    // transform: translateY(5px);
  
  }

  @media  screen and (max-width: 767px) {
    .addButton{
      width: 100px;
  
    }  
    .notificationButton{
      width: 100px;
    }
  }


  
.main-card{
  // min-width: 350px;
  // box-shadow: 0 2px 1px -1px #DBDBFF, 0 1px 1px #D0D3FF, 0 1px 3px #DDE3FF;
  box-shadow: 0 2px 1px -1px #8d8d8d, 0 1px 1px #D0D3FF, 0 1px 3px #DDE3FF;
  border: 1px solid #E7E4FF;
  border-radius: 12px;
  padding: 36px;
  margin-top: 65px;
  min-width: 350px;
  overflow: scroll;
}

.main-card::-webkit-scrollbar {
  width: 0; /* This will make the scrollbar invisible */
}

.container-responsive{
  background-color: whitesmoke;
}

.headerCard{
  min-width: 100vh;    background: #a6a6a6;color:black;

}
 