/* ClickOnIt member portal layout. Your original edited clickonit_login.css is loaded first, unchanged. */
:root{--co-blue:#1262a2;--co-navy:#193f67;--co-green:#148e4d}
body{font-family:Arial,Helvetica,sans-serif}
.co-header{min-height:68px;background:linear-gradient(#636568,#2a2b2c 42%,#08090a 100%);box-shadow:0 2px 8px #0003;color:#fff;display:flex;align-items:center;justify-content:center;padding:13px 20px;font-size:25px;font-weight:700;text-shadow:0 2px 1px #0009;letter-spacing:-.5px}
#container.member-container{width:min(calc(100% - 24px),475px)!important;max-width:475px;margin:32px auto 45px!important}
#login-title.member-title{margin:0 auto 18px!important;text-align:center}
#login-title h1{font-size:34px;line-height:1.16;color:#194067;margin:0 0 6px;font-weight:800;letter-spacing:-.7px}
#login-title p{color:#4f6c86;font-size:15px;line-height:1.4;margin:4px 0}
.co-symbol{width:52px;height:52px;margin:0 auto 10px;display:grid;place-items:center;color:#419c00;font-size:35px;font-weight:800;background:linear-gradient(#fff,#dcebfa);border:2px solid #285b81;border-radius:15px;transform:rotate(-3deg)}
.member-card{padding:16px 16px 14px}
.member-label{font-size:21px;font-weight:800;color:#fff;text-shadow:0 2px 3px #063867;text-align:center;margin:0 0 7px}
.member-subtitle{text-align:center;color:#f5fbff;font-size:13px;margin:0 0 16px;line-height:1.5}
#form-login.input-wrapper.blue-gradient.glossy{padding:20px 18px 18px}
#form-login .inputs.white-input.large{padding:0}
#form-login .inputs li{list-style:none}
#form-login .button-height{margin:14px 0 1px!important}
#form-login .button.glossy.full-width.member-submit{color:#fff;background:linear-gradient(#93de42,#4eb520 48%,#08773c);border:1px solid #167a3b;text-shadow:0 1px 1px #06502c;min-height:48px;font-size:17px}
#form-login .button.glossy.full-width.member-submit:hover{background:linear-gradient(#a4eb4d,#6ac52e 48%,#0b8845)}
.alert{margin:0 0 12px;border-radius:6px;padding:12px 13px;font-weight:600;font-size:13px;line-height:1.5}
.alert-error{background:#fff0ed;color:#8a271d;border:1px solid #d79b8d}
.alert-ok{background:#e6f6e7;color:#155e29;border:1px solid #9ace9a}
.member-footer{text-align:center;padding:17px 3px 4px;color:#1c3148;font-size:12px;line-height:1.6}
.member-footer small{display:block;font-size:11px;color:#33536b}
.muted-link{display:block;text-align:center;color:#fff;font-size:13px;margin:14px 0 2px;text-decoration:underline;text-underline-offset:3px}
.form-label{display:block;color:#fff;font-size:13px;font-weight:700;margin:12px 0 5px;text-shadow:0 1px 1px #17486d}
.form-input{font-family:inherit;width:100%;border:1px solid #5795bc;border-radius:5px;background:#fff;padding:12px 13px;font-size:15px;color:#153858;box-shadow:inset 0 1px 3px #0002}
.form-input:focus-visible{outline:3px solid #c4f9ff}
.form-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px}
.form-actions a{color:#fff;font-size:13px}
.help-text{font-size:12px;line-height:1.5;color:#eaf6ff;margin:8px 0 5px}
#form-login .input-unstyled{width:100%}
.member-setuppage{width:min(calc(100% - 24px),555px)!important;max-width:555px}
.member-setuppage .scratch-metal{padding:18px}
.member-info{border:1px solid #b7d0df;background:#eff8ff;border-radius:8px;padding:12px 14px;color:#183f62;line-height:1.5;margin:12px 0}
@media(max-width:450px){.co-header{font-size:21px;min-height:60px}#login-title h1{font-size:29px}#container.member-container{margin:20px auto 35px!important}.member-card{padding:11px}}