@font-face {
  font-family: 'Inder';
  font-weight: 400;
  font-style: normal;
  src: url('../../fonts/Inder/Inder-Regular.ttf');
}

.page-login-v2 {
  height: 100%;
  overflow-x: hidden;
}

.page-login-background:before {
  background-image: url("../../remark/examples/images/login.jpg");
  background-position: center center !important;
}

.page-login-v2.page-dark.layout-full:after {
  background-color: rgba(244, 241, 241, 0.50);
}

.page-login-v2 .page-brand-info {
  position: absolute;
  bottom: 0px
}

.page-login-v2 .page-brand-info .brand-text {
  display: inline-block;
  vertical-align: middle;
  margin: 11px 0 11px 20px;
}

.page-login-v2 .page-brand-info p {
  opacity: .6;
  max-width: 650px;
}

.spacer {
    padding-top: 10px;
}

.page-login-v2 .page-login-main {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 440px;
    width: calc(100% - 40px);
    padding: 44px;
    margin-bottom: 28px;
    min-width: 320px;
    min-height: 338px;
    overflow: hidden;
    top: 10%;
}

.page-content, .email-form {
    height: 100%;
}

.password-form {
    display: none;
}

.blurred {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.login-loader {
    display: none;
    position: absolute;
    height: 100%;
    position: absolute;
    width: 100%;
    z: 50%;
    text-align: center;
    left: 0;
}

#inserted-email, #password-back-button {
    padding: 0px;
}

.login-changes-warning {
    font-weight: bold;
    color: #949391;
}

.page-login-v2 .brand-img {
  max-width: 256px;
  height: auto;
}

.page-login-v2 .page-login-main .brand-text {
  display: inline-block;
  vertical-align: middle;
  margin: 11px 0 11px 20px;
  color: #62a8ea;
}

.page-login-v2 form {
  width: 350px;
  margin: 20px 0 20px;
}

.page-login-v2 form > button {
  margin-top: 38px;
}

.page-login-v2 footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 50px 60px;
  text-align: center;
}

.page-login-v2 .social .icon, .page-login-v2 .social .icon:hover, .page-login-v2 .social .icon:active {
  color: gray;
}

.page-login-title {
  display: inline-block;
}

.page-login-icon {
  margin-left: 10px;
  height: 100px;
  width: 100px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.title_icon_wrapper {
    align-content: center;
    display: flex;
}

@media (max-width: 991px) {
  .page-login-v2 .page-login-main {
    padding-top: 60px;
  }
  .page-brand-info {
    display: none;
    font-size: 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-login-v2 .page-login-main {
    padding-top: 80px;
  }
  .page-brand-info {
    display: none;
    font-size: 5px;
  }
  .page-login-v2 .page-brand-info > p {
    opacity: 0;
    color: transparent;
  }
}

@media (max-width: 767px) {
  .page-login-v2 .page-login-main {
    padding-top: 60px;
    width: 100%;
  }
  .page-login-v2 form {
    width: auto;
  }
}

@media (max-width: 479px) {
  .page-login-v2 .page-brand-info {
    display: none;
    font-size: 5px;
  }
  .page-login-v2 .page-login-main {
  }
  .page-login-v2 form {
    width: auto;
  }
  .page-login-v2 footer {
    margin: 50px 30px;
  }
}

.text-accent-300 {
  color: #B8372E;
  font-weight: 300;
}

.text-accent-400 {
  color: #B8372E;
  font-weight: 400;
}

.text-accent-600 {
  color: #B8372E;
  weight: 600;
}

.text-accent-800 {
  color: #B8372E;
  font-weight: 800;
}

.text-primary-300 {
  color: #1e1e1e;
  font-weight: 300;
}

.text-primary-400 {
  color: #1e1e1e;
  font-weight: 400;
}

.text-primary-600 {
  color: #1e1e1e;
  font-weight: 600;
}

.text-primary-800 {
  color: #1e1e1e;
  font-weight: 800;
}

.text-secondary-300 {
  color: #37474F;
  font-weight: 300;
}

.text-secondary-400 {
  color: #37474F;
  font-weight: 400;
}

.text-secondary-600 {
  color: #37474F;
  font-weight: 600;
}

.text-secondary-800 {
  color: #37474F;
  font-weight: 800;
}

.text-tertiary-300 {
  color: #808080;
  font-weight: 300;
}

.text-tertiary-400 {
  color: #808080;
  font-weight: 400;
}

.text-tertiary-600 {
  color: #808080;
  font-weight: 600;
}

.text-tertiary-800 {
  color: #808080;
  font-weight: 800;
}

.no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
@charset "utf-8";
/* CSS Document */
.button_strength{
    display: none;
}

.strength_meter{
	height:23px;
    width: 100%;
	background:silver;
	
}
.strength_meter div{
    color:white;
	height:23px;
	width:100%;
	height:23px;
	text-align:center;
	line-height:23px;
	font-family: inherit;
}
.popover-content{
  color: #76838f !important; /*black color*/
}

.veryweak{
	background-color: #f96868;
    border-color: #f96868!important
}
.weak{
    background-color: #f2a654;
    border-color: #f2a654!important;
}
.medium{
    background-color: #57c7d4;
    border-color: #57c7d4!important;
}
.strong{
    background-color: #46be8a;
    border-color: #57c7d4!important;
}