@import url("vendor/bootstrap.min.css");
html {
  font-size: 30px; }

body {
  font-family: 'Roboto', sans-serif;
  background: url(../images/bg_login.jpg) no-repeat center;
  background-size: cover;
  color: #fff; }

#login-container {
  position: relative;
  height: 100vh;
  overflow: hidden; }
  #login-container .row {
    margin-left: 0;
    margin-right: 0; }

.alert {
  margin-bottom: 0;
  margin-top: 1em; }

.login-panel {
  margin: 0 auto;
  max-width: 100%;
  width: 25.93em; }
  .login-panel .forgot-pass-block {
    display: none; }
  .login-panel .logo {
    padding-right: 2em;
    margin-bottom: 4.5em;
    padding-left: .25em; }
  .login-panel h4 {
    padding-left: .25em;
    margin: 0;
    line-height: normal;
    text-transform: uppercase; }
  .login-panel .input-wrapper {
    padding: 1.75em 0 0; }
    .login-panel .input-wrapper .form-control {
      background-color: transparent;
      border-color: #fff;
      color: #fff;
      box-shadow: none;
      height: calc(1.5em + 1.35em); }
      .login-panel .input-wrapper .form-control::placeholder {
        color: #fff;
        opacity: 1; }
    .login-panel .input-wrapper button, .login-panel .input-wrapper .btnLoginPage {
      background-color: #000;
      color: #fff;
      border: none;
      outline: none;
      box-shadow: none;
      font-weight: 500;
      height: calc(1.5em + 1.75em);
      padding: .5rem 1rem;
      width: 50%; }
  .login-panel .forgot-password, .login-panel .return-to-login {
    color: #fff;
    font-style: italic;
    margin-top: 3em;
    display: block;
    text-decoration: underline; }

.copyright {
  position: fixed;
  bottom: 2em;
  left: 2em;
  font-size: .75em; }

.bg-circle-wrap {
  position: absolute;
  width: 55%;
  height: 100vh; }

.bg-circle {
  position: absolute;
  /*z-index: 2;*/
  background-color: rgba(19, 13, 131, 0.9);
  border-radius: 100%;
  width: 95em;
  height: 95em;
  top: 50%;
  margin-top: -52em;
  right: 0; }

@media only screen and (max-width: 3000px) {
  html {
    font-size: 28px; } }

@media only screen and (max-width: 2560px) {
  html {
    font-size: 25px; } }

@media only screen and (max-width: 1920px) {
  html {
    font-size: 16px; } }

@media only screen and (max-width: 1680px) {
  html {
    font-size: 14px; } }

@media only screen and (max-width: 991px) {
  .bg-circle-wrap {
    width: 82%; } }

@media only screen and (max-width: 800px) {
  .bg-circle-wrap {
    width: 99%; } }

@media only screen and (max-width: 576px) {
  html {
    font-size: 12px; } }

@media only screen and (max-width: 414px) {
  .login-panel {
    width: 20em; } }

.input-error{
	border-color:#d92644 !important;
	border-style:solid;
	border-width:2px;
}