.login.login-2 .login-signin,
.login.login-2 .login-signup,
.login.login-2 .login-forgot {
  display: none;
}
.login.login-2.login-signin-on .login-signup {
  display: none;
}
.login.login-2.login-signin-on .login-signin {
  display: block;
}
.login.login-2.login-signin-on .login-forgot {
  display: none;
}
.login.login-2.login-signup-on .login-signup {
  display: block;
}
.login.login-2.login-signup-on .login-signin {
  display: none;
}
.login.login-2.login-signup-on .login-forgot {
  display: none;
}
.login.login-2.login-forgot-on .login-signup {
  display: none;
}
.login.login-2.login-forgot-on .login-signin {
  display: none;
}
.login.login-2.login-forgot-on .login-forgot {
  display: block;
}

/****************/
.btn.btn-syswave {
  color: #ffffff;
  background-color: #862427;
  border-color: #862427;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-syswave:hover {
  color: #ffffff;
  background-color: #862427;
  border-color: #862427;
}

.btn-syswave:focus,
.btn-syswave.focus {
  color: #ffffff;
  background-color: #86242779;
  border-color: #862427c7;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 42, 46, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(157, 42, 46, 0.5);
}

.btn-syswave.disabled,
.btn-syswave:disabled {
  color: #ffffff;
  background-color: #86242779;
  border-color: #86242779;
}
.btn-syswave:not(:disabled):not(.disabled):active,
.btn-syswave:not(:disabled):not(.disabled).active,
.show > .btn-syswave.dropdown-toggle {
  color: #ffffff;
  background-color: #86242779;
  border-color: #86242779;
}
.btn-syswave:not(:disabled):not(.disabled):active:focus,
.btn-syswave:not(:disabled):not(.disabled).active:focus,
.show > .btn-syswave.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 42, 46, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(157, 42, 46, 0.5);
}

.btn.btn-syswave i {
  color: #ffffff;
}

.btn.btn-syswave .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-syswave .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-syswave.dropdown-toggle:after {
  color: #ffffff;
}
.btn.btn-syswave:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-syswave:focus:not(.btn-text),
.btn.btn-syswave.focus:not(.btn-text) {
  color: #ffffff;
  background-color: #56181a;
  border-color: #56181a;
}
.btn.btn-syswave:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-syswave:focus:not(.btn-text) i,
.btn.btn-syswave.focus:not(.btn-text) i {
  color: #ffffff;
}
.btn.btn-syswave:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-syswave:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-syswave.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-syswave:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-syswave:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-syswave.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-syswave:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-syswave:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-syswave.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff;
}
.btn.btn-syswave.disabled,
.btn.btn-syswave:disabled {
  color: #ffffff;
  background-color: #86242779;
  border-color: #86242779;
}
.btn.btn-syswave.disabled i,
.btn.btn-syswave:disabled i {
  color: #ffffff;
}
.btn.btn-syswave.disabled .svg-icon svg g [fill],
.btn.btn-syswave:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-syswave.disabled .svg-icon svg:hover g [fill],
.btn.btn-syswave:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-syswave.disabled.dropdown-toggle:after,
.btn.btn-syswave:disabled.dropdown-toggle:after {
  color: #ffffff;
}
.btn.btn-syswave:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-syswave:not(:disabled):not(.disabled).active,
.show > .btn.btn-syswave.dropdown-toggle,
.show .btn.btn-syswave.btn-dropdown {
  color: #ffffff;
  background-color: #56181a;
  border-color: #56181a;
}
.btn.btn-syswave:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-syswave:not(:disabled):not(.disabled).active i,
.show > .btn.btn-syswave.dropdown-toggle i,
.show .btn.btn-syswave.btn-dropdown i {
  color: #ffffff;
}
.btn.btn-syswave:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-syswave:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show > .btn.btn-syswave.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-syswave.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-syswave:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-syswave:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-syswave.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-syswave.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-syswave:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-syswave:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-syswave.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-syswave.btn-dropdown.dropdown-toggle:after {
  color: #ffffff;
}
.btn.btn-outline-primary {
  color: #86242779;
  background-color: transparent;
  border-color: #86242779;
}
.btn.btn-outline-primary i {
  color: #86242779;
}
.btn.btn-outline-primary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #86242779;
}
.btn.btn-outline-primary .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-primary.dropdown-toggle:after {
  color: #86242779;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-outline-primary:focus:not(.btn-text),
.btn.btn-outline-primary.focus:not(.btn-text) {
  color: #ffffff;
  background-color: #86242779;
  border-color: #86242779;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-outline-primary:focus:not(.btn-text) i,
.btn.btn-outline-primary.focus:not(.btn-text) i {
  color: #ffffff;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-outline-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-outline-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-outline-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-outline-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-outline-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-outline-primary.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff;
}
.btn.btn-outline-primary.disabled,
.btn.btn-outline-primary:disabled {
  color: #86242779;
  background-color: transparent;
  border-color: #86242779;
}
.btn.btn-outline-primary.disabled i,
.btn.btn-outline-primary:disabled i {
  color: #86242779;
}
.btn.btn-outline-primary.disabled .svg-icon svg g [fill],
.btn.btn-outline-primary:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #86242779;
}
.btn.btn-outline-primary.disabled .svg-icon svg:hover g [fill],
.btn.btn-outline-primary:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-primary.disabled.dropdown-toggle:after,
.btn.btn-outline-primary:disabled.dropdown-toggle:after {
  color: #86242779;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-outline-primary.dropdown-toggle,
.show .btn.btn-outline-primary.btn-dropdown {
  color: #ffffff;
  background-color: #86242779;
  border-color: #86242779;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-outline-primary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-outline-primary.dropdown-toggle i,
.show .btn.btn-outline-primary.btn-dropdown i {
  color: #ffffff;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-outline-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-outline-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-outline-primary.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-outline-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-outline-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-outline-primary.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-outline-primary:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-outline-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-outline-primary.btn-dropdown.dropdown-toggle:after {
  color: #ffffff;
}

.btn-syswave i {
  color: inherit;
}

/****************/

@media (min-width: 992px) {
  .login.login-2 .login-aside {
    width: 100%;
    max-width: 600px;
  }
  .login.login-2 .login-form {
    width: 100%;
    max-width: 450px;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .login.login-2 .login-aside {
    width: 100%;
    max-width: 450px;
  }
}
@media (max-width: 991.98px) {
  .login.login-2 .login-form {
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 575.98px) {
  .login.login-2 .login-form {
    width: 100%;
    max-width: 100%;
  }
}