// :host {
//     display: flex;
//     justify-content: center;
//     margin: 100px 0px;
//   }
.custom-toolbar {
    margin:0
  }
  
  .row{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .card-style {
    display: flex;
    justify-content: center;
    margin: 100px 0px;
  }
  
  .mat-form-field {
    padding: 0;
    width: 100%;
    // min-width: 300px;
  
    input {
      // height: 5vh;
      width: 100%;
      // background-color: aliceblue;
      border-bottom: 1px solid silver;
    }
  }
  
  mat-card-title,
  mat-card-content {
    display: flex;
    justify-content: center;
  }
  
  .error {
    padding: 16px;
    width: 300px;
    color: white;
    background-color: red;
  }
  
  .nav-link:hover {
    color: red;
  }
  
  
  .button {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  
  .img-fluid {
    margin-right: 5px;
    max-height: 40px;
  }
  
  
  .fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
  }

  .backImg{
    height: 70%;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-image: url('/assets/img/houstone_line1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
    z-index: 1;
  }

  .registerCard{
    box-shadow: 0 18px 20px rgba(0, 0, 0,0.2) !important;
  border-radius: 17px;
  }

  .loginSpan{
    font-family: texg;
  color: #1e3d3b;
  font-size: xxx-large;
  margin-left: 16px;
  }

  .verifyOtpButton{
    border: 1px solid #295754;
      color: #ffffff;
      background-color: #295754;
      width: 60%;
      border-radius: 30px;
      height: 35px;
      font-family: nucleo;
  }
  
  .verifyOtpButton:hover{
    background-color: #1c4441;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }

  .saveButton{
    border: 1px solid #295754;
      color: #ffffff;
      background-color: #295754;
      width: 30%;
      border-radius: 30px;
      height: 35px;
      font-family: nucleo;
  }
  
  .saveButton:hover{
    background-color: #1c4441;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }

  .submitButton{
    border: 1px solid #295754;
    color: #234442;
    background-color: #ffffff;
    width: 50%;
    border-radius: 30px;
    height: 35px;
    font-family: nucleo;
  
  }


  // ------------------------------------------------------------------------------------


 

  // .element-with-tooltip {
  //   cursor: pointer; /* Set the cursor style to pointer for the element */
  //   font-family: nucleo;
  // }


  .custom-tooltip{
    font-family: nucleo;
  }


  mat-select.mat-select {
    font-size: 16px;
    font-weight: 300;
    color: #4A4A4A;
    border: none;
    border-radius: 4px;
    padding: 8px 10px;
}


.mat-optgroup-label {
  color: black;
}
.scroll-div::-webkit-scrollbar {
  width: 0; /* This will make the scrollbar invisible */
}
.registerCard{
  box-shadow: 0 18px 20px rgba(0, 0, 0,0.2) !important;
  border-radius: 17px;
  width:60vh;
  border: 1px solid #ddeaff;
}


.background-color-blue {
  background-color: #ff7f16;
}

.background-color-white {
  background-color: white;
}

.color-white {
  color: white;
}

.color-black {
  color: black;
}
