/* ** CUSTOM STYLES OVERRIDING THE THEME **  */
.navigation-header-blue-decimal {
  color: #1977cc;
  font-size: 40px;
}
.phone-menu-show-account-button {
  display: none;
  margin: 20px;
  padding: 15px;
  margin-top: 0px !important;
  /* display: inline-block!important; */
}
.phone-menu-show-account-button a {
  display: block;
  padding: 15px auto !important;
}
.phone-menu-show-account-button span {
  color: white;
}

@media (max-width: 768px) {
  .appointment-btn {
    margin: 0 15px 0 0;
    padding: 6px 18px;
  }
  .pc-menu-show-account-button {
    display: none;
  }
  .phone-menu-show-account-button {
    display: block;
  }
  .content {
    padding: 8rem 0 !important;
  }
}

@media (max-width: 768px) {
}

#registerPhone {
  padding-left: 50px;
  font-size: 15px;
}

.country-select {
  width: 100% !important;
}
.iti {
  width: 100%;
}

/* ===== progress loader =====  */
#progress-preloader {
  overflow: hidden;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100000;
  display: none;
  background-color: rgba(5, 119, 204, 0.047);
}

#progress-preloader .medilife-load {
  -webkit-animation: 2000ms linear 0s normal none infinite running medilife-load;
  animation: 2000ms linear 0s normal none infinite running medilife-load;
  background: transparent;
  border-color: rgb(25, 119, 204);
  border-top-color: #1977cc18;
  border-left-color: #1977cc18;
  border-right-color: #1977cc18;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  height: 50px;
  left: calc(50% - 25px);
  position: relative;
  top: calc(50% - 25px);
  width: 50px;
  z-index: 9;
}

@-webkit-keyframes medilife-load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes medilife-load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}