.login_icon{
	width: 25px; height: 25px; margin: 0 5px 0 0;
}
.btn.green{background-color:#4ba926; }
.btn.blue{background-color:#264ea9; }
.btn.red{background-color:#a9262c; }

.btn.btn-box-shadow.btn-dark-gray:hover.green, .btn.btn-box-shadow.btn-dark-gray:active.green{background-color:#4ba926; border-color:#4ba926;}
.btn.btn-box-shadow.btn-dark-gray:hover.blue, .btn.btn-box-shadow.btn-dark-gray:active.blue{background-color:#264ea9; border-color:#264ea9;}
.btn.btn-box-shadow.btn-dark-gray:hover.red, .btn.btn-box-shadow.btn-dark-gray:active.red{background-color:#a9262c; border-color:#a9262c;}

.form-note{font-size: 12px; color: #ff0000;}





/* Register Form */
.SignupRegisterSec .form-wizard {
  position: relative;
  display: table;
  margin: 0 auto;
}
.SignupRegisterSec .steps {
    margin: 40px 0;
    overflow: hidden;
    display: none;
    align-items: center;
    justify-content: center;
}
@media(min-width: 1200px){
    .SignupRegisterSec .steps {
      display: flex;
  }
}

.SignupRegisterSec .steps ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.SignupRegisterSec .steps ul li {
  float: left;
  color: #d2d2d2;
  padding: 0 15px;
  position: relative; width: 100%;
  cursor: pointer; text-align: center;
  -webkit-transition: all 0.4s ease-in-out 0;
  -moz-transition: all 0.4s ease-in-out 0;
  -ms-transition: all 0.4s ease-in-out 0;
  -otransition: all 0.4s ease-in-out 0;
  transition: all 0.4s ease-in-out 0;
}

@media(min-width:1200px){
	.SignupRegisterSec .steps ul li {
		width: auto;
	}
}

.SignupRegisterSec .steps ul li:hover,
.SignupRegisterSec .steps ul li.active {
  color: var(--base-color);
}
.SignupRegisterSec .steps ul li:hover span,
.SignupRegisterSec .steps ul li.active span {
  background: var(--base-color);
  color: #fff;
}
.SignupRegisterSec .steps ul li:hover::after,
.SignupRegisterSec .steps ul li.active::after {
  background: var(--base-color);
  width: 100%;
}
.SignupRegisterSec .steps ul li::before,
.SignupRegisterSec .steps ul li::after {
  content: "";
  position: absolute;
  left: -54%;
  top: 22px;
  width: 100%;
  height: 3px;
  background: #d2d2d2;
  -webkit-transition: all 0.4s ease-in-out 0;
  -moz-transition: all 0.4s ease-in-out 0;
  -ms-transition: all 0.4s ease-in-out 0;
  -otransition: all 0.4s ease-in-out 0;
  transition: all 0.4s ease-in-out 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -otransform: translateY(-50%);
  transform: translateY(-50%);
}
.SignupRegisterSec .steps ul li::after {
  width: 0;
}
.SignupRegisterSec .steps ul li span {
  display: block;
  margin: 0 auto 15px;
  width: 45px;
  height: 35px;
  text-align: center;
  background: #d2d2d2;
  font-size: 18px;
  line-height: 35px;
  font-weight: 300;
  color: #000;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in-out 0;
  -moz-transition: all 0.4s ease-in-out 0;
  -ms-transition: all 0.4s ease-in-out 0;
  -otransition: all 0.4s ease-in-out 0;
  transition: all 0.4s ease-in-out 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -oborder-radius: 2px;
  border-radius: 2px;
}
.SignupRegisterSec .steps ul li:first-child::before,
.SignupRegisterSec .steps ul li:first-child::after {
  display: none;
}
.SignupRegisterSec .form-container {
  clear: both;
  display: none;
  left: 100%;
  background: #fff;
  padding: 30px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -oborder-radius: 4px;
  border-radius: 4px;
  /*-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
  -obox-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);*/
}
.SignupRegisterSec .form-container.active {
  display: block;
}

.loginRegisterForm p{font-size: 14px; line-height: 20px; padding: 0 10px;}
.loginRegisterForm p a{color: var(--base-color)}