@font-face {
  font-family: 'haas';
  src: url("../fonts/haas/NeueHaasUnicaW1G-Medium.woff2") format("woff2"), url("../fonts/haas/NeueHaasUnicaW1G-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'cbtf';
  src: url("../fonts/cbt/CBT-ExtraThin.woff2") format("woff2"), url("../fonts/cbt/CBT-ExtraThin.woff") format("woff");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'cbtf';
  src: url("../fonts/cbt/CBT-Thin.woff2") format("woff2"), url("../fonts/cbt/CBT-Thin.woff") format("woff");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'cbtf';
  src: url("../fonts/cbt/CBT-Light.woff2") format("woff2"), url("../fonts/cbt/CBT-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'cbtf';
  src: url("../fonts/cbt/CBT-Regular.woff2") format("woff2"), url("../fonts/cbt/CBT-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'cbtf';
  src: url("../fonts/cbt/CBT-Medium.woff2") format("woff2"), url("../fonts/cbt/CBT-Medium.woff") format("woff");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'cbtf';
  src: url("../fonts/cbt/CBT-Bold.woff2") format("woff2"), url("../fonts/cbt/CBT-Bold.woff") format("woff");
  font-weight: 800;
  font-weight: bold;
  font-style: normal; }
/* open-sans-300 - latin_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-300.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-300.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-300.woff") format("woff"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-300.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-300.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-regular - latin_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-regular.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-regular.woff") format("woff"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-regular.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-600 - latin_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-600.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-600.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-600.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-600.woff") format("woff"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-600.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-700 - latin_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-700.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-700.woff") format("woff"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-700.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-700.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-800 - latin_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-800.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-800.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-800.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-800.woff") format("woff"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-800.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v17-latin_cyrillic-ext-800.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
body {
  font-family: 'Open Sans', sans-serif;
  background: url('../images/background.png'), #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: cbtf, Verdana, sans-serif, Verdana, sans-serif !important; }


* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	height: 100%;
	/*font-family: Poppins-Regular, sans-serif;*/
}

#app {
  width: 100%;
  margin: 0 auto;
}

.container-login {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  /*background: -webkit-linear-gradient(-135deg, #ededf9, #9191fb);*/
  /*background: -o-linear-gradient(-135deg, #ededf9, #9191fb);*/
  /*background: -moz-linear-gradient(-135deg, #ededf9, #9191fb);*/
  /*background:  linear-gradient(to right top, #ededf9, #e0e0f5, #d8d8f1, #cfcfef, #b4b4e4, #ababe8, #a0a0e2, #a3a3ec, #aaaaf5, #aeaefd, #a7a7f5, #9191fb)*/
}

.wrap-login {
  width: 950px;
  height: 480px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 28px 10px #CCCCCC88;
  overflow: hidden;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 90px 120px 90px
}

.logo{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 80px;

}

.logo img {
	width: 250px;
}

.login-pic {
  width: 316px;
}

.login-pic img {
  max-width: 100%;
}

.login-form {
  width: 290px;
}

.invalid-feedback{
	font-size: 14px;
    margin: 4px 0px;
}

@media (max-width: 992px) {
  .wrap-login {
    padding: 30px 120px 100px 120px;
    margin: 10px 80px;
  }

  .login-pic {
     display: none;
  }

  .login-form {
    width: 100%;
  }
  .logo{
    margin-bottom: 60px;
  }
}

.btn {
  font-size: 15px;
  font-weight: bold;
}

.readonly {
  pointer-events: none;
  background:#f8f9fa
}

@media (max-width: 768px) {
  .wrap-login {
    padding: 30px 90px 100px 90px;
    margin: 10px;
  }
}

@media (min-width: 300px) and (max-width: 767.98px) {
    .wrap-login{
        padding: 45px 20px 45px 20px;
        margin: 0px;
        height: 400px;
    }
    .logo{
      margin-bottom: 10px;
    }
    .login-form h2{
      font-size: 45px;
    }
}