body{font-family: "Segoe UI", Arial, sans-serif; font-size: 16px}
.logo{width:100%;}
.img-center{margin:0 auto; display: block;}
.login-logo, .register-logo {margin: 15px; margin-bottom: 10px;}
/* .login-box, .register-box {width: 40%;} */
.login-card-body, .register-card-body {padding-top: 10px;background: transparent; }
.login-page, .register-page{background-color: #e5e5e5; background-image: url("../images/home-bg.jpg"); margin-top: 1em; background-repeat: no-repeat;background-size: cover;}
.register-page{height: auto; min-height: auto !important;}
.login-box-msg, .register-box-msg {margin: 0; padding: 20px 0 20px;}
.font-small{font-size: 13px;}
/*custom project colors*/
.card{background: #fefefe;}
.active .bs-stepper-circle {background-color: #672483;}
.text-purple {
  color: #672483 !important;
}
.alert-success {
  color: #fff;
  background: #328b28;
  border-color: #328b28;
}
.badge-success {
  color: #fff;
  background-color: #328b28;
}
.btn-success{
  color: #fff;
  background-color: #328b28;
  border-color: #328b28;
}
.btn-success:hover {
  color: #fff;
  background-color: #93c31f;
  border-color: #93c31f;
}
/*custom project colors*/
.has-error .help-block,
.has-error label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #dc3545;
}
.has-error .form-control,.has-error .select2-selection {
    border-color: #dc3545;
}
textarea.form-control {
  height: 150px;
}
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.login-box, .register-box {width: 90%;}
  .statement{font-size: 11px;text-align: center;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.register-box {width: 45%;}
  .login-box{width: 30%;}
  .statement{font-size: 14px; text-align: center;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.feedback-box, .register-box { margin-top: 5%; }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}