.minimal-template { height: 100%; min-height: 100%; }
.minimal-template body {/* height: 100%; */}
#page.minimal { height: 100%; min-height: 100%; display: flex; flex-direction: column; }
#page.minimal #masthead {text-align: center;justify-content: center;padding: 30px 20px 0 20px;}
#page.minimal #masthead .logo {}
#page.minimal #masthead .logo img {}
#page.minimal #primary {max-width: 630px;width: 100%;margin: 70px auto 50px;box-shadow: 0 0 40px rgb(0 0 0 / 10%);padding: 30px;border-radius: 20px;/* overflow: hidden; */}
#page.minimal #primary.shared-ticket {max-width: 856px;box-shadow: none;}
#page.minimal #primary .main {margin: 0;}
#page.minimal #primary .main .content {margin: -30px;}
#page.minimal #primary h1 { margin: 0 0 20px 0; }
#page.minimal #primary .register-page {}
#page.minimal #primary .register-page .col-right {}
#page.minimal #primary .register-page .col-right h2 { font-size: 17px; font-weight: 400; }
#login-form {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 15px;font-size: 14px;}
#login-form  .form-row {}
#login-form  .form-row .forgot-password { text-decoration: none; border-bottom: solid 2px var(--c-main); }
#login-form  .form-row.full {grid-column:span 2}
#login-form  .form-row.text-right {text-align:right}
#login-form  .form-row.full .btn { background: var(--c-main); color: #fff; border-radius: 10px; border: none; padding: 14px 20px; font-weight: 600; font-size: 15px; }
#login-form  .form-row input[type="text"], #login-form .form-row input[type="password"] { display: block; width: 100%; height: 50px; border-radius: 10px; padding: 0 15px; box-shadow: 0 50px 0 #f2f2f2 inset; border: none; font-size: 14px; }

#login-form .form-row input[type="checkbox"] {display: none; }
#login-form .form-row label {position: relative;padding: 0 0 0 32px;font-weight: 300;cursor: pointer;}
#login-form .form-row label::before {content:"";width: 24px;height: 24px;/* display: inline-block; */background: #f2f2f2;border-radius: 3px;position: absolute;left: 0px;top: -2px;}
#login-form .form-row input:checked + label::before {}
#login-form .form-row input:checked + label::after {content: "\f00c";width: 24px;height: 24px;display: inline-block;border-radius: 6px;position: absolute;left: 0;top: -2px;font-family: 'Font Awesome 6 Pro';font-weight: 900;color: #fff;text-align: center;line-height: 24px;font-size: 12px;background: var(--c-main);}

#page.minimal #primary .register-page .register { background: var(--c-main); color: #fff; margin: 30px -30px -30px; padding: 30px; text-align: center; }
#page.minimal #primary .register-page .register h2 { font-size: 22px; }
#page.minimal #primary .register-page .register p {}
#page.minimal #primary .register-page .register .btn { background: #222; width: 100%; color: #fff; padding: 14px 0; font-weight: 600; font-size: 15px; }


#page.minimal #primary .register-page.password .col-right {}
#page.minimal #primary .register-page.password .col-right #login-form {
    grid-template-columns: repeat(1, 1fr);
}
#page.minimal #primary .register-page.password .col-right #login-form .form-row {}
#page.minimal #primary .register-page.password .col-right #login-form .form-row.full {
    grid-column: span 1;
}
#page.minimal #primary .register-page.password .col-right #login-form .form-row.full .btn {width:100%;height: 50px;}