.logoText {
    float: right;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    color: #ffffff;
    font-weight: 600;
    margin: 17px 0 0 10px;
}

.multi-step {
    background-color: #ffffff;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
}
.progtrckr {
    text-align: center;
    padding-bottom: 16px;
}

.progtrckr li {
    margin-bottom: 10px;
}

ol.progtrckr li:before {
    bottom: -4rem!important;
}


.pull-right, .pull-left {
    display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background-color:transparent;outline:0;border:0;margin:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:500;font-size:0.875rem;line-height:1.75;letter-spacing:0.02857em;text-transform:uppercase;min-width:64px;padding:6px 16px;border-radius:4px;-webkit-transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transition:background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;color:#ffffff;background-color:#3c2e89;box-shadow:0 0 1px 0 rgba(0,0,0,0.31),0 2px 2px -2px rgba(0,0,0,0.25);
}

.pull-right {
    float: right;
    right: 40px;
}

.pull-left {
    float: left;
    left: 40px;
}


.footer-buttons{
    margin: 0 50px 100px 50px;
}


fieldset
{
    margin-top: 20px;
    border: 2px solid #39c;
    padding: 12px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.css-hdw1oc{
    width: 0% !important;
}
.css-1br1jja{
    width: 0% !important;
}
.legend1
{
    color: #39c;
    font-size: 18px;
    font-weight: 500;
    padding-left: 12px;
    padding-right: 12px;
}

.family-card {
    /* background-color: #cce0ff; */
    border-radius: 15px;
    margin: 10px 20px 5px 10px;
}

.family-card-add-button-wrapper {
    float: right;
    margin: 20px;
}
.family-delete-button {
    background-color: #ffffff;
}

.family-card-add-button-wrapper .fa-plus-circle {
    cursor: pointer;
}

.clear {
    clear: both;
}

/* .carousel-container {
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  
  .carousel-track {
    display: flex;
    width: max-content;
    animation: scroll 20s linear infinite;
  }
  
  .carousel-slide {
    min-width: 100%;
    transition: transform 0.5s ease;
  }
  
  .carousel-slide img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-800%);
    }
  } */

  .manage-collable-container{
    background: #fff;
  background: var(--Base-White,#fff);
  border: 1px solid #eaecf0;
  border: 1px solid var(--Gray-200,#eaecf0);
  border-bottom: none !important;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 #1018281a,0 1px 2px 0 #1018280f;
  margin-bottom: 24px !important;
  }

.MuiOutlinedInput-root .MuiAutocomplete-input{
    padding: 17.5px 4px 7.5px 5px !important;
}