.login-wrapper, .forgot-password {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  padding-top: 5%;
  padding-bottom: 5%;
}

.login-wrapper .card, .forgot-password .card {
  margin-top: auto;
  margin-bottom: auto;
  padding: 16px;
}

/* =======================================================
	                Login Page
   ======================================================= */
.login-wrapper {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://res.cloudinary.com/funex/image/upload/f_auto,q_40/c_scale,w_auto,dpr_auto/v1667889313/bg_rkrzgt.jpg);
}
.login-wrapper .card {
  width: 535px;
}
.toggle-password {
  right: 12px;
  position: absolute;
  top: 6px;
}
.forgot-password .toggle-password {
  right: 22px;
  top: 37px;
}
.toggle-password:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.showPassword:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 511.992 511.992' style='enable-background:new 0 0 511.992 511.992;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M510.096,249.937c-4.032-5.867-100.928-143.275-254.101-143.275C124.56,106.662,7.44,243.281,2.512,249.105 c-3.349,3.968-3.349,9.792,0,13.781C7.44,268.71,124.56,405.329,255.995,405.329S504.549,268.71,509.477,262.886 C512.571,259.217,512.848,253.905,510.096,249.937z M255.995,383.996c-105.365,0-205.547-100.48-230.997-128 c25.408-27.541,125.483-128,230.997-128c123.285,0,210.304,100.331,231.552,127.424 C463.013,282.065,362.256,383.996,255.995,383.996z' style='&%2310; fill: %23425572;&%2310;'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M255.995,170.662c-47.061,0-85.333,38.272-85.333,85.333s38.272,85.333,85.333,85.333s85.333-38.272,85.333-85.333 S303.056,170.662,255.995,170.662z M255.995,319.996c-35.285,0-64-28.715-64-64s28.715-64,64-64s64,28.715,64,64 S291.28,319.996,255.995,319.996z' style='&%2310; fill: %23425572;&%2310;'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}
.hidePassword:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 512.001 512.001' style='enable-background:new 0 0 512.001 512.001;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M316.332,195.662c-4.16-4.16-10.923-4.16-15.083,0c-4.16,4.16-4.16,10.944,0,15.083 c12.075,12.075,18.752,28.139,18.752,45.248c0,35.285-28.715,64-64,64c-17.109,0-33.173-6.656-45.248-18.752 c-4.16-4.16-10.923-4.16-15.083,0c-4.16,4.139-4.16,10.923,0,15.083c16.085,16.128,37.525,25.003,60.331,25.003 c47.061,0,85.333-38.272,85.333-85.333C341.334,233.187,332.46,211.747,316.332,195.662z' style='&%2310; fill: %23425572;&%2310;'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M270.87,172.131c-4.843-0.853-9.792-1.472-14.869-1.472c-47.061,0-85.333,38.272-85.333,85.333 c0,5.077,0.619,10.027,1.493,14.869c0.917,5.163,5.419,8.811,10.475,8.811c0.619,0,1.237-0.043,1.877-0.171 c5.781-1.024,9.664-6.571,8.64-12.352c-0.661-3.627-1.152-7.317-1.152-11.157c0-35.285,28.715-64,64-64 c3.84,0,7.531,0.491,11.157,1.131c5.675,1.152,11.328-2.859,12.352-8.64C280.534,178.702,276.652,173.155,270.87,172.131z' style='&%2310; fill: %23425572;&%2310;'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M509.462,249.102c-2.411-2.859-60.117-70.208-139.712-111.445c-5.163-2.709-11.669-0.661-14.379,4.587 c-2.709,5.227-0.661,11.669,4.587,14.379c61.312,31.744,110.293,81.28,127.04,99.371c-25.429,27.541-125.504,128-230.997,128 c-35.797,0-71.872-8.64-107.264-25.707c-5.248-2.581-11.669-0.341-14.229,4.971c-2.581,5.291-0.341,11.669,4.971,14.229 c38.293,18.496,77.504,27.84,116.523,27.84c131.435,0,248.555-136.619,253.483-142.443 C512.854,258.915,512.833,253.091,509.462,249.102z' style='&%2310; fill: %23425572;&%2310;'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M325.996,118.947c-24.277-8.171-47.829-12.288-69.995-12.288c-131.435,0-248.555,136.619-253.483,142.443 c-3.115,3.669-3.371,9.003-0.597,12.992c1.472,2.112,36.736,52.181,97.856,92.779c1.813,1.216,3.84,1.792,5.888,1.792 c3.435,0,6.827-1.664,8.875-4.8c3.264-4.885,1.92-11.52-2.987-14.763c-44.885-29.845-75.605-65.877-87.104-80.533 c24.555-26.667,125.291-128.576,231.552-128.576c19.861,0,41.131,3.755,63.189,11.157c5.589,2.005,11.648-1.088,13.504-6.699 C334.572,126.862,331.585,120.825,325.996,118.947z' style='&%2310; fill: %23425572;&%2310;'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M444.865,67.128c-4.16-4.16-10.923-4.16-15.083,0L67.116,429.795c-4.16,4.16-4.16,10.923,0,15.083 c2.091,2.069,4.821,3.115,7.552,3.115c2.731,0,5.461-1.045,7.531-3.115L444.865,82.211 C449.025,78.051,449.025,71.288,444.865,67.128z' style='&%2310; fill: %23425572;&%2310;'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.forgot-password {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://res.cloudinary.com/funex/image/upload/f_auto,q_40/c_scale,w_auto,dpr_auto/v1667889313/bg_rkrzgt.jpg);
}
.forgot-password .card {
  width: 535px;
}
.fx-registration__account-sociallogin .btn.btn-outline-light {
  border: 1px solid #d1d1d1;
  color: #686868;
  padding: 0.575rem 1rem;
}

.login-wrapper .fx-insidepage__wrapper, .forgot-password .fx-insidepage__wrapper {
  margin-top: 80px;
  margin-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 768px) {
  .login-wrapper, .forgot-password {
    padding-bottom: 0;
  }
}
.fx-tenant_login h1{
  font-size: 1.5rem;
}
.btn-outline-transparent {
  background-color: #4286f5;
  color: #fff;
  padding-left: 40px;
  border-color: #4286f5;
  background-image: url(../images/icons/google.jpg);
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 26px;
  min-height: 40px;
}
.form-group input[type=checkbox] + label, #forgot-password{
 font-size: 14px;
}
.login-wrapper .card, .forgot-password .card{
  border: 0px solid rgba(0, 0, 0, 0.125);
  border-radius: 0;
}
.imp-note{
  font-size: 13px;
}
@media (min-width: 768px) {
  .card {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
  .fx-tenant_login h1{
    font-size: 1.75rem;
  }
  .login-wrapper .card, .forgot-password .card {
      margin-top: auto;
      margin-bottom: auto;
      padding: 26px;
  }
  .form-group input[type=checkbox] + label, #forgot-password{
    font-size: 16px;
   }   
  .login-wrapper .fx-insidepage__wrapper, .forgot-password .fx-insidepage__wrapper {
    margin-top: 107px;
  }
  .login-wrapper .card, .forgot-password .card{
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
  }
}