body {
  font-family: 'Fira Sans', sans-serif;
  color: #374151;
  background-color: #f2f4f6;
}

b, strong {
  font-weight: 500;
}
.form-control:focus {
  outline: none;
  box-shadow: none;
}
.login-wrapper{
    background-color: #ffffff;
    padding: 30px;
    margin: 15px;
    border: none;
    box-shadow: none;
    border-radius: 15px;
}

.login-wrapper .logo{
    max-width: 100%;
    padding: 10px;
}
.login-wrapper .title{
  font-weight: 500;
  font-size: 25px;
}

@media (min-width: 400px){
    .login-wrapper {
        width: 400px;
    }
}


.password-visibility-toggler {
    position: absolute;
    right: 0;
    top: 32px;
    cursor: pointer;
    padding: 11px 16px;
    color: #8a8d90;
    border-radius: 0 15px 15px 0;
    user-select: none;
  }
  .password-visibility-toggler svg {
    vertical-align: sub;
  }

  .error-list {
    margin-bottom: 10px;
    color: #dd2619;
  }
  .error-list span {
    color: #dd2619;
    display: block;
    margin-left: 5px;
  }
  
  .error-list span:before {
    content: "✖";
    margin-right: 8px;
  }

  .form-label{
    font-weight: 500;
  }
  .form-control{
    padding: 10px 15px;
    border-radius: 8px;
    margin-bottom: 20px;
  }

  .btn-primary{
    width: 100%;
    border-radius: 8px;
    padding: 8px 15px;
    background-color: #1b4079;
    border-color: #1b4079;
  }

  .forgot-password{
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 15px;
    color: #1b4079;
    display: block;
  }

  .form-label-group{
      position: relative;
  }

.language-selector {
  margin: 25px 0 0;
  text-align: center;
}

.language-selector .dropdown-toggle {
  display: block;
  font-weight: 400;
  color: #374151;
  font-size: 16px;
  text-decoration: none;
}
.language-selector .dropdown-toggle:after {
  content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 240.811 240.811' fill='%23374151' style='enable-background:new 0 0 240.811 240.811;' xml:space='preserve'%3E%3Cpath d='M220.088,57.667l-99.671,99.695L20.746,57.655c-4.752-4.752-12.439-4.752-17.191,0 c-4.74,4.752-4.74,12.451,0,17.203l108.261,108.297l0,0l0,0c4.74,4.752,12.439,4.752,17.179,0L237.256,74.859 c4.74-4.752,4.74-12.463,0-17.215C232.528,52.915,224.828,52.915,220.088,57.667z'/%3E%3C/svg%3E%0A");
  width: 11px;
  border: none;
  vertical-align: text-top;
}

.language-selector .dropdown-toggle img {
    border-radius: 50%;
    height: 16px;
    object-fit: cover;
    width: 16px;
    vertical-align: sub;
    margin-right: 5px;
}
.language-selector .dropdown-menu {
  border: 1px solid rgba(161, 161, 161, 0.15);
  border-radius: 15px;
}
.language-selector .dropdown-menu.show[data-popper-placement="bottom-start"] {
  transform: translate3d(55%, 30px, 0px) !important;
}
.language-selector .dropdown-menu.show[data-popper-placement="top-start"] {
  transform: translate3d(55%, -30px, 0px) !important;
}

@media (max-width: 400px){
  .language-selector .dropdown-menu.show[data-popper-placement="bottom-start"] {
    transform: translate3d(0, 30px, 0px) !important;
  }
  .language-selector .dropdown-menu.show[data-popper-placement="top-start"] {
    transform: translate3d(0, -30px, 0px) !important;
  }
}

.return-login {
  text-align: center;
}
.return-login a {
  text-decoration: none;
  color: #374151;
}

.return-login a svg{
  height: 18px;
}

.success-message .icon {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.success-message .icon svg {
  max-width: 50px;
  fill: currentColor;
}

.has-error {
  border-color: #dc3545;
}

.notfound {
  position: relative;
  text-align: center;
  padding: 30px;
  background: #ffffff;
  border-radius: 15px;
  max-width: 650px;
  margin: 15px;
}

.notfound h1 {
  font-size: 28px;
  font-weight: 500;
  position: relative;
  margin: 0 0 25px 0;
}

.notfound p {
  font-size: 16px;
  margin: 30px 0;
}
.notfound .btn {
  width: auto;
}

.notfound-404 span {
  font-size: 276px;
  line-height: 250px;
  color: #ececec;
}

@media (max-width: 650px) {
  .notfound {
    padding: 20px;
  }
  .notfound-404 span {
    font-size: 130px;
    line-height: 120px;
    color: #ececec;
  } 
}
