.btn-login{
    background-color: #034031;
    border: none;
    color: white;
    width: 100%;
}

.text-def{
  color: #034031;
}

.text-1{
    color: #034031;
    font-family: "Arial Black";
}

.text{
    color: #034031;
    font-family: "Arial Black";
}


.text1{
    color: #034031;
    font-family: "Arial";
}

.text-sign-up{
    color: #034031;
    font-family: "Arial";
    font-size: 10px;
    
}

.sm-text{
    font-size: 12px;
    color: red;
    text-align: right;
}


.custom-bg{
    background-color: #034031 !important;
}

.container {
    width: 25%;
  }
  
  .step {
    
    padding: 10px;
    
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    
    background-color: cream;
  }
  
  .v-stepper {
    position: relative;
  /*   visibility: visible; */
  }
  
  
  /* regular step */
  .step .circle {
    background-color: white;
    border: 3px solid gray;
    border-radius: 100%;
    width: 20px;    /* +6 for border */
    height: 20px;
    display: inline-block;
  }
  
  .step .line {
      top:20px;
    left: 9px;
  /*   height: 120px; */
    height: 100%;
      
      position: absolute;
      border-left: 3px solid gray;
  }
  
  .step.completed .circle {
    visibility: visible;
    background-color: rgb(6,150,215);
    border-color: rgb(6,150,215);
  }

  .step.completed .content .process-text{
    color: rgb(6,150,215);;
  }

  .step.completed .content .process-text-p{
    color: rgb(6,150,215);;
  }
  
  .step.completed .line {
    border-left: 3px solid rgb(6,150,215);
  }
  
  .step.active .circle {
  visibility: visible;
    border-color: rgb(6,150,215);
  }
  
  .step.empty .circle {
      visibility: hidden;
  }
  
  .step.empty .line {
  /*     visibility: hidden; */
  /*   height: 150%; */
    top: 0;
    height: 150%;
  }

  
  .step .process-text{

    color: #BABABA;
  }

  .step .process-text-p{

    color: #BABABA;
  }

  .step.active .process-text{
    color: black;
    
  }

  .step.active .process-text-p{
    color: gray;
  }


 
 
  
  
  .step:last-child .line {
    border-left: 3px solid white;
    z-index: -1; /* behind the circle to completely hide */
  }
  
  .content {
    margin-left: 20px;
    display: inline-block;
  }

  
  
 .alert-circle{
    background-color: rgb(255, 0, 0);
    border-radius: 100%;
    width: 27px;    /* +6 for border */
    height: 27px;
    display: inline-block;

    color: white;
    text-align: center;
    padding: 3px;

 }

 .alert-circle-side{
  background-color: rgb(255, 0, 0);
  border-radius: 100%;
  width: 20px;    /* +6 for border */
  height: 20px;
  display: inline-block;

  color: white;
  font-size: 11px;
  text-align: center;
  padding-bottom: 1px;
 
}

.profile-m-text{
  font-weight: bold;
  color: #034031;


}

.profile-s-text{
  color: gray;

}

.star {
  font-size: 30px;
}

.checked {
  color: orange;
}

.label-w{
  color: white;
}

.item1{
  background: #465377;
}

.item2{
  background: #E17F43;
}

.item3{
  background: #956686;
}

.item4{
  background: #9C6B6D;
}

.item{
 width: 300px;
 height: 150px;
 
}

.header-status{
  background: #034031;
}

.label-h{
  font-size: 13px;

}


.name-msg{
  font-weight: bold;
  color:#47BFBF;

}