/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/pages/Login/login.less ***!
  \*********************************************************************************************************************/
@font-face {
  font-family: "Inter";
  src: url(fonts/Inter-Regular.woff) format('woff');
}
@font-face {
  font-family: "Inter-Light";
  src: url(fonts/Inter-Light.woff) format('woff');
  font-style: italic;
}
.m-0 {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: 15px;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 15px;
}
.mr-1 {
  margin-right: 15px;
}
.ml-1 {
  margin-left: 15px;
}
.pt-0 {
  padding-top: 0;
}
.pb-0 {
  padding-bottom: 0;
}
.ph-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.w-100 {
  width: 100%;
}
.text-black {
  color: black;
}
.text-bold {
  font-weight: bold;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #F7F8F9 inset !important;
}
/*#region Variables*/
/*#endregion Variables*/
/*#region Composite*/
/*#endregion Composite*/
/*#region Styles*/
html,
body,
.content {
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  width: 100%;
}
.form-group {
  margin-bottom: 10px;
}
#btnSubmitForgotPass {
  margin-top: 20px;
}
.login {
  background-image: url(fonts/Login_Background.svg);
  background-color: #6950F6 !important;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: calc(100% - 640px) auto;
  font-family: Inter;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #3a3a3e;
}
.login input {
  background-color: #F7F8F9;
  height: 40px;
  border: 3px solid #b6b6b6;
  border-radius: 7px;
}
.login .container {
  width: 640px;
  height: 100%;
  background-color: white;
  position: fixed;
  right: 0;
  overflow-y: auto;
}
@media screen and (max-width: 991px), screen and (orientation: portrait) {
  .login .container {
    width: 100%;
    position: relative;
  }
}
.login .container .form-container {
  height: -webkit-calc(50%);
  height: -moz-calc(50%);
  height: calc(100% - 50px);
  min-height: 400px;
}
.login .container .form-container #logo-container {
  margin: 60px auto 20px auto;
  padding: 15px;
  text-align: center;
}
.login .container .form-container #frmForgotPass {
  display: none;
}
.login .container .form-container #sentMailSuccess {
  display: none;
  margin: auto 20%;
  font-size: 13px;
  line-height: 1.54;
}
.login .container .form-container .form-title {
  font-family: Inter;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #3a3a3e;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75;
  color: #252529;
}
.login .container .form-container .login-form {
  margin: auto 20%;
}
@media (max-width: 639px) {
  .login .container .form-container .login-form {
    margin: auto 5%;
  }
}
.login .container .form-container .login-form #forget-password {
  color: #254492 !important;
  margin-bottom: 20px;
}
.login .container .page-footer-inner {
  height: 50px;
}
.login .container .page-footer-inner p {
  color: #8a94a6;
  margin-bottom: 0;
}
.login .btn-engage {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.71;
  text-align: center;
  color: white;
  background-color: #254492;
  height: 40px;
  border-width: 1px;
  outline: none;
  border-radius: 6px;
}
.login .error-container {
  color: red;
}
.login .error-container label {
  display: block;
}
.login .success-container {
  color: #28a745;
}
.login .success-container label {
  display: block;
}
.login .grey {
  color: grey;
}
.login .text-border {
  border-color: red !important;
}
/*#endregion Styles*/