.error {
    color: red; 
    font-size: 14px;
    margin-left: 10px;
    font-weight: bold;
}

.multi-page-form-content.active {
    display: block;
}

.multi-page-form-content { 
    background: white;
    margin-bottom: 30px;
    padding: 30px;
    display: none;
}

.form-nav-item.completed {
    color: #34a853;
}
.completed {
    background: transparent url(../images/icon_completed.png) no-repeat scroll 0 0;
}
.btn-top{
     padding: 5px 0 32px 0;
  }

.stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 32px 0;
    margin: 0 5%;
    overflow: hidden;
  }

.dot-floating {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);
}
.dot-floating::before, .dot-floating::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-floating::before {
  left: -12px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dot-floating-before 3s infinite ease-in-out;
}
.dot-floating::after {
  left: -24px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1);
}

@keyframes dot-floating {
  0% {
    left: calc(-50% - 5px);
  }
  75% {
    left: calc(50% + 105px);
  }
  100% {
    left: calc(50% + 105px);
  }
}
@keyframes dot-floating-before {
  0% {
    left: -50px;
  }
  50% {
    left: -12px;
  }
  75% {
    left: -50px;
  }
  100% {
    left: -50px;
  }
}
@keyframes dot-floating-after {
  0% {
    left: -100px;
  }
  50% {
    left: -24px;
  }
  75% {
    left: -100px;
  }
  100% {
    left: -100px;
  }
}


.alert a:hover  {
    transform: translateY(-5px);
    color: #1967D2;
}

.alert a {
    display: inline-block;
    color: #696969;
    transition: all 200ms ease;
}


/*Progress bar / Ecommerce checkout steps
body {
  background-color: #efefef;
  text-align: center;
  padding-top: 50px;
  font-family: 'Open Sans', sans-serif; }
  body h1 {
    font-weight: 700; } 
https://codepen.io/mvetillard/pen/oGXygp
*/

#progress-bar {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 15px 15px 0;
  table-layout: fixed;
  justify-content: center;
  margin: 0 0 40px 0;
  counter-reset: step; }
  #progress-bar li {
    list-style-type: none;
    display: table-cell;
    width: 20%;
    float: left;
    font-size: 16px;
    position: relative;
    text-align: center; }
    #progress-bar li:before {
      width: 50px;
      height: 50px;
      color: #212121;
      content: counter(step);
      counter-increment: step;
      line-height: 50px;
      font-size: 18px;
      border: 1px solid #efefef;
      display: block;
      text-align: center;
      margin: 0 auto 10px auto;
      border-radius: 50%;
      background-color: #fff; }
    #progress-bar li:after {
      width: 100%;
      height: 10px;
      content: '';
      position: absolute;
      background-color: #fff;
      top: 25px;
      left: -50%;
      z-index: -1; }
    #progress-bar li:first-child:after {
      content: none; }
    #progress-bar li.step-done {
      color: #1588df; }
      #progress-bar li.step-done:before {
        border-color: #1588df;
        background-color: #1588df;
        color: #fff;
		font-family: "icomoon";
    	content: "\e926";
        /*content: "\f00c";
        font-family: "FontAwesome";*/ }
      #progress-bar li.step-done + li:after {
        background-color: #1588df; }
    #progress-bar li.step-active {
      color: #1588df; }
      #progress-bar li.step-active:before {
        border-color: #1588df;
        color: #1588df;
        font-weight: 700; }

.multi-page-form-content.active {
    display: block;
}

.multi-page-form-content {
    background: white;
    margin-bottom: 30px;
    padding: 30px;
    display: none;
}
.multi-page-form-content h4 {
	color:#48a0dc;
	font-weight:700;
	font-size:25px;
	margin-bottom:3px;
	margin-top:3px;
}

.multi-page-form-content .error { color:red; margin-left:7px; font-size:13px; }


.widget-box-2 .box-btn {
	margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.title-dash {
    font-size: 24px;
    font-weight: 700;
}
.title-dashboard .flex2 {
    display: flex;
    align-items: center;
}
.title-dash::before {
    content: "";
    width: 8px;
    height: 32px;
    background-color: #1563df;
    margin-right: 8px;
    display: inline-block;
    border-radius: 100px;
}




/* short codes*/
.box-fieldset .list-shop, .shopping-cart .list-shop {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin-bottom: 32px;
}

.box-fieldset .list-shop li, .shopping-cart .list-shop li {
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: space-between;
}

.box-fieldset .list-shop li:not(:last-child), .shopping-cart .list-shop li:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 18px;
  margin-bottom: 28.1px;
}
.box-fieldset .list-shop li .quantity, .shopping-cart .list-shop li .quantity {
  display: flex;
  text-align: center;
  max-width: 100px;
  height: 36px;
  overflow: hidden;
  background: #f5f5f5;
  border-radius: 4px;
  width: 20%;
  margin-right: -36px;
}

.box-fieldset .list-shop li .quantity {
  width: 100%;
  max-width: 100%;
}

.box-fieldset .list-shop li .quantity .btn-quantity, .shopping-cart .list-shop li .quantity .btn-quantity {
  width: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}

.box-fieldset .list-shop li .quantity .btn-quantity:hover,
.box-fieldset .list-shop li .quantity .btn-quantity.active,
.shopping-cart .list-shop li .quantity .btn-quantity:hover,
.shopping-cart .list-shop li .quantity .btn-quantity.active {
  background: #1563df;
  color: #fff;
}

.box-fieldset .list-shop li .quantity input ,
.shopping-cart .list-shop li .quantity input {
  height: unset;
  border: unset;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #121212;
}
.box-info-property .map-content {
    margin-bottom: 62px;
}

.box-info-property .map-box {
    width: 100%;
    height: 281px;
}

.main-content-inner .color-red {
    color: red;
}