.menu-dashboard ul li a {
  color: #2c3034;
}

input:focus, textarea:focus {
  box-shadow: unset !important;
}

.menu-dashboard ul li a.active {
  font-weight: bold !important;
  background-color: #f1f1f1;
  border-radius: 15px;
  padding: 10px 15px;
}

.modal-edit-filed input:focus, .modal-edit-filed textarea:focus {
  box-shadow: unset;
}

.pass-change .pass-change-div {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.profile-items:hover {
  border: solid 1px #bcc !important;
  background: #f5f9ff;
}

/**************** time line *****************/

.step-circle {
  width: 100px;
  height: 100px;
  margin: auto;
  border: solid 2px;
  border-color: #d3d3d3;
  color: #d3d3d3;
  border-radius: 100% !important;
  padding: 15px;
  text-align: center;
  background-color: #fff;
  z-index: 100;
  position: relative;
}

.time-line-left {
  border: solid 2px;
  border-color: #d3d3d3;
  width: 50%;
  float: left;
  margin-top: -48px;
  margin-left: -2px;
  position: relative;
  z-index: 10;
}

.time-line-right {
  border: solid 2px;
  border-color: #d3d3d3;
  width: 50%;
  float: right;
  margin-top: -48px;
  margin-right: -2px;
}

@media (min-width: 400px) {
  .step-mobile {
    overflow: auto;
    white-space: nowrap;
  }
}

.fs-12 {
  font-size: 12px;
}

.fs-24 {
  font-size: 24px;
}

.fs-48 {
  font-size: 48px;
}