/* Ikelite login page: scoped to the native Hostedshop login module. */
.modules.m-userlogin{max-width:510px!important;margin:42px auto 72px!important;padding:0 18px!important;box-sizing:border-box!important;}
.m-userlogin .m-userlogin-article{border:1px solid #e4e9ed!important;border-radius:12px!important;background:#fff!important;box-shadow:0 10px 38px rgba(22,50,63,.07)!important;padding:36px 38px 32px!important;}
.m-userlogin .m-userlogin-header.page-title{margin:0 0 9px!important;padding:0!important;border:0!important;text-align:left!important;}
.m-userlogin .m-userlogin-headline{font-size:32px!important;line-height:1.2!important;font-weight:700!important;color:#22323e!important;margin:0!important;}
.m-userlogin .m-userlogin-description{font-size:14px!important;line-height:1.55!important;color:#64727d!important;margin:0 0 24px!important;}
.m-userlogin .m-userlogin-description p{margin:0!important;}
.m-userlogin form .panel.panel-border{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;}
.m-userlogin form .panel-body{border:0!important;padding:0!important;margin:0!important;}
.m-userlogin fieldset.form-group{border:0!important;margin:0 0 18px!important;padding:0!important;}
.m-userlogin fieldset .form-label{display:block!important;font-size:13px!important;font-weight:600!important;color:#283946!important;margin:0 0 8px!important;line-height:1.4!important;}
.m-userlogin .input-group.small{display:flex!important;align-items:stretch!important;width:100%!important;min-width:0!important;}
.m-userlogin .input-group .input-group-addon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;width:42px!important;background:#f7f9fa!important;border:1px solid #dce3e8!important;border-right:0!important;border-radius:5px 0 0 5px!important;color:#7b8b95!important;}
.m-userlogin .input-group input.form-input{height:44px!important;min-height:44px!important;min-width:0!important;flex:1!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:0 13px!important;border:1px solid #dce3e8!important;border-radius:0 5px 5px 0!important;background:#fff!important;font-size:14px!important;}
.m-userlogin .input-group input.form-input:focus{border-color:#0e7896!important;outline:2px solid rgba(14,120,150,.12)!important;}
.m-userlogin .m-userlogin-remember{margin:6px 0 16px!important;}
.m-userlogin .m-userlogin-remember .input-group{display:flex!important;align-items:center!important;gap:9px!important;}
.m-userlogin .m-userlogin-remember .input-group-addon{width:auto!important;flex:0 0 auto!important;border:0!important;background:transparent!important;padding:0!important;}
.m-userlogin .m-userlogin-remember input{width:16px!important;height:16px!important;margin:0!important;accent-color:#0c7898!important;}
.m-userlogin .m-userlogin-remember .form-label{display:inline!important;margin:0!important;font-size:13px!important;font-weight:400!important;color:#536470!important;}
.m-userlogin .m-userlogin-links{margin:0 0 22px!important;padding:0!important;}
.m-userlogin .m-userlogin-links a{font-size:13px!important;color:#08799b!important;text-decoration:none!important;}
.m-userlogin .m-userlogin-links a:hover{text-decoration:underline!important;}
.m-userlogin form .panel-footer{padding:0!important;border:0!important;background:transparent!important;}
.m-userlogin form .panel-footer button.form-submit{display:block!important;width:100%!important;min-height:45px!important;border:0!important;border-radius:6px!important;background:#087d9c!important;color:#fff!important;font-weight:700!important;font-size:15px!important;padding:11px 18px!important;cursor:pointer!important;}
.m-userlogin form .panel-footer button.form-submit:hover{background:#066885!important;}
@media(max-width:600px){.modules.m-userlogin{margin:22px auto 48px!important;padding:0 12px!important;}.m-userlogin .m-userlogin-article{padding:26px 20px!important;}.m-userlogin .m-userlogin-headline{font-size:27px!important;}}
.m-userlogin .m-userlogin-remember .input-group.small{display:flex!important;align-items:center!important;gap:9px!important;}
.m-userlogin .m-userlogin-remember .input-group-addon{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.m-userlogin .m-userlogin-remember input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;width:16px!important;height:16px!important;margin:0!important;accent-color:#087d9c!important;}
.m-userlogin .m-userlogin-remember label.form-label.input-group-main{display:inline-block!important;flex:0 1 auto!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important;color:#536470!important;}
/* Make both login fields and their leading icon cells exactly 44px high. */
.m-userlogin .m-userlogin-username .input-group.small,.m-userlogin .m-userlogin-password .input-group.small{display:flex!important;align-items:stretch!important;height:44px!important;min-height:44px!important;max-height:44px!important;}
.m-userlogin .m-userlogin-username .input-group-addon,.m-userlogin .m-userlogin-password .input-group-addon{height:44px!important;min-height:44px!important;max-height:44px!important;box-sizing:border-box!important;align-self:stretch!important;}
.m-userlogin .m-userlogin-username input.form-input,.m-userlogin .m-userlogin-password input.form-input{height:44px!important;min-height:44px!important;max-height:44px!important;line-height:normal!important;box-sizing:border-box!important;margin:0!important;align-self:stretch!important;}