/* =========================================================
   LOGIN FR
   ========================================================= */

#loginModal,
#loginModal *{
  box-sizing:border-box !important;
}


/* OVERLAY
--------------------------------------------------------- */

#loginModal.fr-loginOverlay{
  position:fixed !important;
  inset:0 !important;

  display:none !important;
  place-items:center !important;

  padding:20px !important;

  background:rgba(7,22,43,.62) !important;

  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;

  z-index:99999 !important;
}

#loginModal.fr-loginOverlay.is-open{
  display:grid !important;
}


/* BOX
--------------------------------------------------------- */

#loginModal .fr-loginBox{
  position:relative !important;

  width:100% !important;
  max-width:500px !important;

  margin:0 !important;

  padding:32px 38px 30px !important;

  background:#ffffff !important;

  border:1px solid rgba(23,59,108,.12) !important;
  border-radius:24px !important;

  box-shadow:0 30px 80px rgba(5,20,40,.32) !important;

  overflow:hidden !important;

  font-family:Arial, Helvetica, sans-serif !important;
}


/* CLOSE
--------------------------------------------------------- */

#loginModal .fr-loginClose{
  position:absolute !important;

  top:18px !important;
  right:18px !important;

  z-index:10 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:38px !important;
  height:38px !important;

  margin:0 !important;
  padding:0 !important;

  border:1px solid #dce3eb !important;
  border-radius:11px !important;

  background:#fff !important;

  color:#53657d !important;

  font-family:Arial, sans-serif !important;
  font-size:25px !important;
  font-weight:300 !important;
  line-height:1 !important;

  text-decoration:none !important;

  cursor:pointer !important;

  appearance:none !important;
  -webkit-appearance:none !important;
}

#loginModal .fr-loginClose:hover{
  background:#f6f8fb !important;
  color:#173B6C !important;
}


/* BRAND
--------------------------------------------------------- */

#loginModal .fr-loginBrand{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;

  width:100% !important;

  margin:0 0 24px !important;
  padding:0 45px !important;
}

#loginModal .fr-loginBrand img{
  display:block !important;

  width:auto !important;
  height:auto !important;

  max-width:235px !important;
  max-height:100px !important;

  margin:0 auto !important;
  padding:0 !important;

  border:0 !important;
}


/* HEADER
--------------------------------------------------------- */

#loginModal .fr-loginHeader{
  margin:0 0 26px !important;
  padding:0 !important;

  text-align:center !important;
}

#loginModal .fr-loginHeader h3{
  margin:0 !important;
  padding:0 !important;

  color:#173B6C !important;

  font-family:Georgia, "Times New Roman", serif !important;
  font-size:28px !important;
  font-weight:700 !important;
  line-height:1.15 !important;

  text-align:center !important;
}

#loginModal .fr-loginHeader p{
  max-width:390px !important;

  margin:10px auto 0 !important;
  padding:0 !important;

  color:#68758a !important;

  font-family:Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.5 !important;

  text-align:center !important;
}


/* FORM
--------------------------------------------------------- */

#loginModal .fr-loginForm{
  display:grid !important;

  width:100% !important;

  gap:12px !important;

  margin:0 !important;
  padding:0 !important;
}


/* FIELD
--------------------------------------------------------- */

#loginModal .fr-loginField{
  position:relative !important;

  display:block !important;

  width:100% !important;

  margin:0 !important;
  padding:0 !important;
}

#loginModal .fr-loginField input{
  display:block !important;

  width:100% !important;
  height:54px !important;

  margin:0 !important;

  padding:0 16px 0 48px !important;

  border:1px solid #d8dee7 !important;
  border-radius:10px !important;

  background:#ffffff !important;

  color:#17263d !important;

  font-family:Arial, sans-serif !important;
  font-size:15px !important;
  font-weight:400 !important;

  line-height:normal !important;

  outline:none !important;

  box-shadow:none !important;

  appearance:none !important;
  -webkit-appearance:none !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease !important;
}

#loginModal .fr-loginField input::placeholder{
  color:#9ca4ae !important;

  opacity:1 !important;

  font-weight:400 !important;
}

#loginModal .fr-loginField input:focus{
  border-color:#173B6C !important;

  box-shadow:0 0 0 3px rgba(23,59,108,.10) !important;
}


/* FIELD ICON
--------------------------------------------------------- */

#loginModal .fr-loginFieldIcon{
  position:absolute !important;

  left:17px !important;
  top:50% !important;

  z-index:3 !important;

  display:block !important;

  width:19px !important;
  height:19px !important;

  margin:0 !important;
  padding:0 !important;

  transform:translateY(-50%) !important;

  color:#8390a1 !important;

  pointer-events:none !important;
}

#loginModal .fr-loginFieldIcon svg{
  display:block !important;

  width:19px !important;
  height:19px !important;

  margin:0 !important;
  padding:0 !important;

  fill:currentColor !important;
}


/* SUBMIT
--------------------------------------------------------- */

#loginModal .fr-loginSubmit{
  display:block !important;

  width:100% !important;
  height:52px !important;

  margin:4px 0 0 !important;
  padding:0 20px !important;

  border:0 !important;
  border-radius:13px !important;

  background:#173B6C !important;

  color:#ffffff !important;

  font-family:Georgia, "Times New Roman", serif !important;
  font-size:14px !important;
  font-weight:700 !important;

  line-height:52px !important;

  text-align:center !important;
  text-transform:uppercase !important;

  letter-spacing:.4px !important;

  cursor:pointer !important;

  box-shadow:0 10px 24px rgba(23,59,108,.18) !important;

  appearance:none !important;
  -webkit-appearance:none !important;

  transition:.2s ease !important;
}

#loginModal .fr-loginSubmit:hover{
  background:#102f59 !important;

  transform:translateY(-1px) !important;
}


/* DIVIDER
--------------------------------------------------------- */

#loginModal .fr-loginDivider{
  display:flex !important;
  align-items:center !important;

  width:100% !important;

  gap:13px !important;

  margin:9px 0 !important;
  padding:0 !important;
}

#loginModal .fr-loginDivider::before,
#loginModal .fr-loginDivider::after{
  content:"" !important;

  display:block !important;

  flex:1 1 auto !important;

  height:1px !important;

  background:#dfe5ec !important;
}

#loginModal .fr-loginDivider span{
  display:block !important;

  margin:0 !important;
  padding:0 !important;

  color:#9aa4b0 !important;

  font-family:Arial, sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;

  line-height:1 !important;
}


/* ACTIONS
--------------------------------------------------------- */

#loginModal .fr-loginActions{
  display:grid !important;

  grid-template-columns:1fr 1fr !important;

  gap:10px !important;

  width:100% !important;

  margin:0 !important;
  padding:0 !important;
}


/* ACTION LINK
--------------------------------------------------------- */

#loginModal .fr-loginAction,
#loginModal .fr-loginAction:link,
#loginModal .fr-loginAction:visited,
#loginModal .fr-loginAction:active{
  display:flex !important;
  align-items:center !important;

  width:100% !important;
  min-width:0 !important;
  min-height:68px !important;

  gap:11px !important;

  margin:0 !important;
  padding:12px 13px !important;

  border:1px solid #dfe5ec !important;
  border-radius:13px !important;

  background:#fff !important;

  color:#173B6C !important;

  font-family:Arial, sans-serif !important;

  text-decoration:none !important;
  text-transform:none !important;

  box-shadow:none !important;

  transition:.2s ease !important;
}

#loginModal .fr-loginAction:hover{
  background:#f7f9fc !important;

  border-color:rgba(23,59,108,.32) !important;

  text-decoration:none !important;

  transform:translateY(-1px) !important;
}


/* ACTION ICON
--------------------------------------------------------- */

#loginModal .fr-loginActionIcon{
  display:flex !important;

  flex:0 0 34px !important;

  align-items:center !important;
  justify-content:center !important;

  width:34px !important;
  height:34px !important;

  margin:0 !important;
  padding:0 !important;

  border-radius:50% !important;

  background:#f0f4f8 !important;

  color:#173B6C !important;

  font-family:Arial, sans-serif !important;
  font-size:18px !important;
  font-weight:600 !important;

  line-height:1 !important;
}


/* ACTION TEXT
--------------------------------------------------------- */

#loginModal .fr-loginActionText{
  display:block !important;

  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;

  text-align:left !important;
}

#loginModal .fr-loginActionText strong{
  display:block !important;

  margin:0 !important;
  padding:0 !important;

  color:#26374d !important;

  font-family:Arial, sans-serif !important;
  font-size:12px !important;
  font-weight:600 !important;

  line-height:1.3 !important;

  text-align:left !important;

  text-decoration:none !important;
}

#loginModal .fr-loginActionText small{
  display:block !important;

  margin:4px 0 0 !important;
  padding:0 !important;

  color:#8994a3 !important;

  font-family:Arial, sans-serif !important;
  font-size:10px !important;
  font-weight:400 !important;

  line-height:1.25 !important;

  text-align:left !important;

  text-decoration:none !important;
}


/* LEGAL
--------------------------------------------------------- */

#loginModal .fr-loginLegal{
  display:block !important;

  width:100% !important;

  margin:11px 0 0 !important;
  padding:0 !important;

  color:#8994a3 !important;

  font-family:Arial, sans-serif !important;
  font-size:11px !important;
  font-weight:400 !important;

  line-height:1.45 !important;

  text-align:center !important;
}

#loginModal .fr-loginLegal a,
#loginModal .fr-loginLegal a:link,
#loginModal .fr-loginLegal a:visited{
  color:#26374d !important;

  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:600 !important;

  text-decoration:none !important;
}

#loginModal .fr-loginLegal a:hover{
  color:#173B6C !important;

  text-decoration:underline !important;
}


/* ERROR
--------------------------------------------------------- */

#loginModal .fr-loginError{
  display:none !important;

  width:100% !important;

  margin:0 0 12px !important;
  padding:11px 13px !important;

  border:1px solid #efcccc !important;
  border-radius:10px !important;

  background:#fff5f5 !important;

  color:#a12525 !important;

  font-family:Arial, sans-serif !important;
  font-size:12px !important;
  font-weight:600 !important;

  line-height:1.35 !important;
}

#loginModal .fr-loginError.is-show{
  display:block !important;
}

#loginModal .fr-loginSrOnly{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}


/* MOBILE
--------------------------------------------------------- */

@media(max-width:560px){

  #loginModal.fr-loginOverlay{
    padding:14px !important;
  }

  #loginModal .fr-loginBox{
    padding:28px 20px 24px !important;

    border-radius:20px !important;
  }

  #loginModal .fr-loginBrand{
    padding:0 40px !important;

    margin-bottom:22px !important;
  }

  #loginModal .fr-loginBrand img{
    max-width:205px !important;
  }

  #loginModal .fr-loginHeader h3{
    font-size:25px !important;
  }

  #loginModal .fr-loginActions{
    grid-template-columns:1fr !important;
  }

}