.elementor-589 .elementor-element.elementor-element-9283125{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-589 .elementor-element.elementor-element-fad7693{background-color:#F4F4F4;padding:30px 30px 30px 30px;border-radius:8px 8px 8px 8px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-589 .elementor-element.elementor-element-9283125{--content-width:800px;}}/* Start custom CSS for html, class: .elementor-element-2e6e142 *//* ===== Lyncto Auth Theme ===== */
.lyncto-auth-box{
  max-width: 820px;
  margin: 0 auto;
  padding: 0;
}

.lyncto-auth-box form{
  margin: 0;
}

.lyncto-auth-box label{
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #10233E;
  margin-bottom: 10px;
}

.lyncto-auth-box input[type="text"],
.lyncto-auth-box input[type="email"],
.lyncto-auth-box input[type="password"],
.lyncto-auth-box input[type="tel"],
.lyncto-auth-box select,
.lyncto-auth-box textarea{
  width: 100%;
  min-height: 58px;
  border: 1px solid #D9E2EC;
  border-radius: 14px;
  background: #FFFFFF;
  color: #10233E;
  padding: 14px 18px;
  font-size: 17px;
  line-height: 1.4;
  box-shadow: none;
  transition: all .2s ease;
}

.lyncto-auth-box input:focus,
.lyncto-auth-box select:focus,
.lyncto-auth-box textarea:focus{
  outline: none;
  border-color: #FF6A1A;
  box-shadow: 0 0 0 4px rgba(255,106,26,.12);
}

/* submit buttons */
.lyncto-auth-box button[type="submit"],
.lyncto-auth-box input[type="submit"],
.lyncto-auth-box .fluent-auth-submit,
.lyncto-auth-box .ff-btn,
.lyncto-auth-box .ff_submit_btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  width: 100%;
  border: 0 !important;
  border-radius: 14px;
  background: #FF6A1A !important;
  color: #FFFFFF !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  padding: 16px 24px;
  box-shadow: none !important;
  transition: all .2s ease;
}

.lyncto-auth-box button[type="submit"]:hover,
.lyncto-auth-box input[type="submit"]:hover,
.lyncto-auth-box .fluent-auth-submit:hover,
.lyncto-auth-box .ff-btn:hover,
.lyncto-auth-box .ff_submit_btn:hover{
  background: #E95C10 !important;
  transform: translateY(-1px);
}

/* remember me / checkbox */
.lyncto-auth-box input[type="checkbox"]{
  width: 18px;
  height: 18px;
  accent-color: #FF6A1A;
}

.lyncto-auth-box .rememberme,
.lyncto-auth-box .remember-me{
  display: flex;
  align-items: center;
  gap: 10px;
  color: #10233E;
  font-size: 15px;
  margin: 10px 0 18px;
}

/* forgot password link */
.lyncto-auth-box a{
  color: #FF6A1A;
  text-decoration: none;
  transition: color .2s ease;
}

.lyncto-auth-box a:hover{
  color: #10233E;
}

/* generic spacing between form rows */
.lyncto-auth-box p,
.lyncto-auth-box .form-group,
.lyncto-auth-box .ff-el-group,
.lyncto-auth-box .fluent-auth-field{
  margin-bottom: 18px;
}

/* help/error text */
.lyncto-auth-box .error,
.lyncto-auth-box .ff-el-is-error,
.lyncto-auth-box .text-danger{
  color: #D92D20 !important;
  font-size: 14px;
}

.lyncto-auth-box .success,
.lyncto-auth-box .ff-message-success{
  border-radius: 12px;
  background: #ECFDF3;
  color: #027A48;
  padding: 14px 16px;
  font-size: 15px;
  margin-bottom: 16px;
}

/* social login buttons - เผื่อหลายปลั๊กอิน */
.lyncto-auth-box .nsl-container a,
.lyncto-auth-box .wp-social-login-provider-list a,
.lyncto-auth-box .fluent_auth_social a,
.lyncto-auth-box .social-login a{
  border-radius: 12px !important;
  border: 1px solid #D9E2EC !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
  min-height: 50px;
}

.lyncto-auth-box .nsl-container,
.lyncto-auth-box .wp-social-login-provider-list,
.lyncto-auth-box .fluent_auth_social,
.lyncto-auth-box .social-login{
  margin: 14px 0 22px;
}

/* small screen */
@media (max-width: 767px){
  .lyncto-auth-box input[type="text"],
  .lyncto-auth-box input[type="email"],
  .lyncto-auth-box input[type="password"],
  .lyncto-auth-box input[type="tel"],
  .lyncto-auth-box select,
  .lyncto-auth-box textarea{
    min-height: 52px;
    font-size: 16px;
  }

  .lyncto-auth-box button[type="submit"],
  .lyncto-auth-box input[type="submit"],
  .lyncto-auth-box .fluent-auth-submit,
  .lyncto-auth-box .ff-btn,
  .lyncto-auth-box .ff_submit_btn{
    min-height: 54px;
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fad7693 *//* เปลี่ยนสีปุ่ม Reset Password ของ FluentAuth (แบบเจาะจง ID) */
.fls_reset_pass_wrapper .fls_reset_pass_form #fls_reset_pass {
    background: #F56C6C !important;
    background-color: #F56C6C !important;
    border-color: #F56C6C !important;
    color: #ffffff !important;
    transition: all 0.3s ease-in-out;
}

/* เปลี่ยนสีปุ่มตอนเอาเมาส์ชี้ (Hover) */
.fls_reset_pass_wrapper .fls_reset_pass_form #fls_reset_pass:hover {
    background: #e35b5b !important;
    background-color: #e35b5b !important;
    border-color: #e35b5b !important;
}
/* ขยายความกว้าง100% */
.fls_reset_pass_wrapper {
    max-width: 100% !important;
}/* End custom CSS */