.myloginbutton {
  width: 110px;
  border: 1px solid white;
  display: inline-block;
  margin-top: 7px;
  margin-right: 15px;
  text-align: center;
  padding: 8px 10px;
}

.myloginbutton:hover {
  color: black;
  background-color: white;
}

.myloginbuttonsidemenu {
  width: 120px;
  border: 1px solid white;
  margin-top: 20px;
  display: block;
  text-align: center;
  padding: 10px 20px;
}

.myloginbuttonsidemenu:hover {
  color: black;
  background-color: white;
}

.step-badge {
  background-color: #f47c25;
  color: white;
  padding: 2px 4px 1px 4px;
  border-radius: 10px;
}

.register {
  background-color: orange;
  color: white;
  padding: 2px 8px 1px 8px !important;
  border-radius: 10px;
}

.signin {
  background-color: #03bb03;
  color: white;
  padding: 2px 8px 1px 8px !important;
  border-radius: 10px;
}

@media (max-width: 767px) {
  .hideonmobile {
    display: none !important;
  }

  .movehamburgeronmobile {
    padding: 10px 10px !important;
  }
}

@media (max-width: 1280px) {
  .hideon1280 {
    display: none !important;
  }
}