.buttom2 {
    margin-top: 58px;
    width: 281px;
    height: 0px;
    /*background: green;*/
    float: right;
    position: absolute;
    bottom: 74px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    transition: height 2s ease-in-out;
    opacity: 0.3;
}

progress2{
        -webkit-transform-origin: 0 100%;
    -webkit-transform: rotate(90deg);
    -moz-transform-origin: 0 100%;
    -moz-transform: rotate(90deg);
    -ms-transform-origin: 0 100%;
    -ms-transform: rotate(90deg);
    /* transform-origin: 0 10px; */
    height: 10px;
    width: 48px;
    margin-left: 20px;
    margin-top: 36px;
    transform: rotate(-90deg);    
}

.partOne2 {
  width: 100%;
  height: 30px;
}

.partTwo2 {
  width: 100%;
  height: 39px;
}

.partThree2 {
  width: 100%;
  height: 52px;
  display: block;
  /*float:left;*/
}

.partFour2 {
  width: 100%;
  height: 56px;
  display: block;
}

.partFive2 {
  width: 100%;
  height: 85px;
}

.partSix2 {
  width: 100%;
  height: 52px;
}

.partThree2 .partOne2 {
  margin-left: 3%;
  width: 16.7%;
  display: block;
  float:left;
}

.partThree2 .partTwoInput2 {
  margin-left: 0.8%;
  margin-top: 2.5%;
  display: block;
  float:left;
}

.partThree2 .partTwoProgress2 {
  width: 3%;
  margin-left: 1.5%;
  height: 30px;
  display: block;
  float: left;
  color: green;
}

.partThree2 .partTwoInput2 .PY200bubble {
  display: block;
  border-radius: 14px;
  opacity: 0.4;
  /*border: 3px solid #BADA55;*/
  background: green;
  cursor: pointer;
  height: 30px;
  width: 28px;
  position: relative;
}

.partThree2 .step1 {
  cursor: pointer;
  border-radius: 3px;
  background: #f48fb1;
  color: black;
  /*margin-left: 4%;*/
}

.partFour2 .empty42 {
  width: 32.6%;
  display: block;
  float: left;
  height: 20px;
}

.partFour2 .partTwoInput2 {
  margin-left: 1.4%;
  margin-top: 3%;
  display: block;
  float:left;
}

.partFour2 .PIT201bubble {
  display: block;
  border-radius: 14px;
  opacity: 0.4;
  /*border: 3px solid #BADA55;*/
  background: green;
  cursor: pointer;
  height: 30px;
  width: 26px;
  position: relative;
}

.partFour2 .partTwoProgress2 {
  width: 3%;
  margin-left: 1%;
  height: 30px;
  display: block;
  float: left;
  color: green;
}

.partFour2 .empty10 {
  width: 6%;
  display: block;
  float: left;
  height: 20px;
}

.partFour2 .empty3 {
  width: 2%;
  display: block;
  float: left;
  height: 20px;
}

.partFour2 .partThreeInput2 {
  margin-left: 0.3%;
  margin-top: 1.2%;
  display: block;
  float:left;
}

.partFour2 .FI200bubble {
  display: block;
  border-radius: 14px;
  opacity: 0.4;
  /*border: 3px solid #BADA55;*/
  background: green;
  cursor: pointer;
  height: 27px;
  width: 29px;
}

.partFour2 .partThreeProgress2 {
  width: 3%;
  margin-left: 0.1%;
  margin-top: -2%;
  height: 30px;
  display: block;
  float: left;
  color: green;
}

.partFour2 .partFourInput2 {
  margin-left: 0.6%;
  margin-top: 0.2%;
  display: block;
  float:left;
}

.partFour2 .PY201bubble {
  display: block;
  border-radius: 14px;
  opacity: 0.4;
  /*border: 3px solid #BADA55;*/
  background: green;
  cursor: pointer;
  height: 29px;
  width: 28px;
  position: relative;
}

.partFour2 .partFourProgress2 {
  width: 3%;
  margin-left: 0.1%;
  margin-top: -2%;
  height: 30px;
  display: block;
  float: left;
  color: green;
}

.partFive2 .empty20 {
  width: 20%;
  display: block;
  float: left;
  height: 20px;
}

.partFive2 .partTwoInput2 {
  margin-left: -18.3%;
  margin-top: 0.7%;
  width: 280px;
  display: block;
  float:left;
}

.partSix2 .empty66 {
  width: 50%;
  display: block;
  float: left;
  height: 20px;
}

.partSix2 .partTwoProgress2 {
  width: 3%;
  /*margin-left: 0.1%;*/
  height: 30px;
  display: block;
  float: left;
  color: green;
}

.partSix2 .partTwoInput2 {
  margin-left: 0.4%;
  margin-top: 0.9%;
  display: block;
  float:left;
}

.partSix2 .FIT201bubble {
  display: block;
  border-radius: 14px;
  opacity: 0.4;
  /*border: 3px solid #BADA55;*/
  background: green;
  cursor: pointer;
  height: 29px;
  width: 28px;
}

.partSix2 .partThreeInput2 {
  margin-left: 2.6%;
  margin-top: 1.6%;
  display: block;
  float:left;
}

.partSix2 .LY201bubble {
  display: block;
  border-radius: 14px;
  opacity: 0.4;
  /*border: 3px solid #BADA55;*/
  background: green;
  cursor: pointer;
  height: 31px;
  width: 27px;
  position: relative;
}

.partSix2 .partThreeProgress2 {
  width: 3%;
  /*margin-left: 0.1%;*/
  margin-top: 0.7%;
  height: 30px;
  display: block;
  float: left;
  color: green;
}

/* Tooltip container */
.tooltip {
    position: absolute;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
    margin-top: -2.5%;
    opacity: 1;
    border: none;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 190px;
    height: 100px;
    /* overflow: auto; */
    background-color: black;
    color: #fff;
    text-align: left;
    padding: 5px 0;
    border-radius: 6px;
    margin-top: -413.5%;
    margin-left: -326%;
    opacity: 1;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    opacity: 1;
    border-color: black transparent transparent transparent;
}


/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}