:root{--tcm:#235347;--tcm-deep:#183f35;--tcm-light:#e8f2ef}
.btn-primary,.btn-primary:focus,#rcmloginsubmit,.button.mainaction{background-color:var(--tcm)!important;border-color:var(--tcm)!important;color:#fff!important}
.btn-primary:hover,#rcmloginsubmit:hover,.button.mainaction:hover{background-color:var(--tcm-deep)!important;border-color:var(--tcm-deep)!important}
a,a:hover,a.link{color:var(--tcm)}
#layout-menu{background-color:var(--tcm-deep)!important}
#layout-menu .menu a.selected,#layout-menu .menu a:hover{background-color:var(--tcm)!important;color:#fff!important}
.listing li.selected,.listing li.selected>a,table.records-table tr.selected td{background-color:var(--tcm-light)!important;color:#1a2421!important}
.form-control:focus,input:focus,textarea:focus,select:focus{border-color:var(--tcm)!important;box-shadow:0 0 0 .2rem rgba(35,83,71,.25)!important}
body.task-login,body.task-login #layout,body.task-login #layout-content{background:linear-gradient(135deg,#123129 0%,#183f35 45%,#235347 80%,#2f6b5c 100%)!important}
body.task-login #login-form .box-inner{background:#fff;border-radius:18px;padding:2rem 2rem 1.5rem;box-shadow:0 24px 60px rgba(0,0,0,.30);max-width:390px;margin:0 auto}
body.task-login #logo{max-height:110px;margin-bottom:.25rem}
body.task-login #login-form form::before{content:"The College of Maasin\A Nisi Dominus Frustra \00B7  Webmail";white-space:pre;display:block;text-align:center;font-weight:700;font-size:1.2rem;line-height:1.5;color:#183f35;margin:0 0 1.25rem}
body.task-login #login-footer{font-size:0!important}
body.task-login #login-footer::after{content:"Soar Higher";font-size:.95rem;letter-spacing:.08em;color:rgba(255,255,255,.85)}
body.task-login form#login-form{background:#fff;border-radius:18px;padding:1.75rem 2rem 1.5rem;box-shadow:0 24px 60px rgba(0,0,0,.30);max-width:430px;margin:0 auto}
body.task-login form#login-form::before{content:"The College of Maasin\A Nisi Dominus Frustra \00B7  Webmail";white-space:pre;display:block;text-align:center;font-weight:700;font-size:1.2rem;line-height:1.5;color:#183f35;margin:0 0 1.25rem}
body.task-login #logo{filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
body.task-login #login-footer::after{color:#235347!important;font-weight:600}
body.task-login #login-footer{margin-top:1rem!important}
body.task-login{background:radial-gradient(1100px 620px at 12% 8%,rgba(126,201,170,.22),transparent 62%),radial-gradient(900px 520px at 92% 95%,rgba(255,255,255,.10),transparent 60%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 1.6px) 0 0/22px 22px,linear-gradient(160deg,#0d241e 0%,#163a31 40%,#1f4c40 75%,#2a6455 100%)!important;background-attachment:fixed!important}
body.task-login #layout,body.task-login #layout-content{background:transparent!important}
body.task-login::after{content:"";position:fixed;right:-140px;bottom:-140px;width:560px;height:560px;background:url(../../skins/elastic/images/tcm/tcm-seal.png) center/contain no-repeat;opacity:.06;pointer-events:none;z-index:0}
@media (min-width:1100px){body.task-login #layout-content{display:flex!important;flex-direction:column;align-items:flex-end;justify-content:center;padding-right:9vw!important;min-height:100vh}body.task-login #logo{margin-right:160px}body.task-login::before{content:"The College of Maasin\A Webmail";white-space:pre;position:fixed;left:8vw;top:50%;transform:translateY(-62%);color:#fff;font-size:3rem;font-weight:800;line-height:1.1;z-index:1;text-shadow:0 4px 24px rgba(0,0,0,.25)}body.task-login #layout::before{content:"Nisi Dominus Frustra  \00B7  Soar Higher";position:fixed;left:8vw;top:calc(50% + 4.2rem);color:rgba(255,255,255,.8);font-size:1.15rem;letter-spacing:.06em;z-index:1}}
body.task-login .input-group .form-control,body.task-login .input-group-text,body.task-login #rcmloginsubmit{border-radius:10px!important}
body.task-login #rcmloginsubmit:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(24,63,53,.35)}
@media (min-width:1100px){body.task-login #layout-content{align-items:center!important;padding-left:50vw!important;padding-right:4vw!important}body.task-login #logo{margin-right:0!important}body.task-login form#login-form{width:430px}body.task-login form#login-form::before{content:"Sign in to your school email"!important;white-space:normal!important;font-size:1.15rem!important}}
body.task-login #layout{position:relative;z-index:1}
body.task-login form#login-form{position:relative;z-index:2;background:#fff!important}
@media (min-width:1100px){body.task-login #layout-content{justify-content:center!important;padding-top:0!important;padding-bottom:0!important;min-height:100vh;box-sizing:border-box}body.task-login #logo{margin-bottom:1rem!important}}
body.task-login #layout{position:relative;z-index:1}
body.task-login form#login-form{position:relative;z-index:2;background:#fff!important}
@media (min-width:1100px){body.task-login #layout-content{justify-content:center!important;padding-top:0!important;padding-bottom:0!important;min-height:100vh;box-sizing:border-box}body.task-login #logo{margin-bottom:1rem!important}}
@media (min-width:1100px){body.task-login #layout-content{transform:translateY(-6vh)}}
@media (min-width:1100px){body.task-login #layout-content{transform:none!important}body.task-login #logo{display:none!important}body.task-login form#login-form{position:fixed!important;top:50%!important;right:calc((100vw - min(1180px,86vw))/2)!important;transform:translateY(-50%)!important;margin:0!important;width:430px!important}body.task-login::before{left:calc((100vw - min(1180px,86vw))/2)!important;top:50%!important;transform:translateY(-62%)!important;padding-top:120px;background:url(../../skins/elastic/images/tcm/tcm-seal.png) left top/100px 100px no-repeat;font-size:3.1rem!important;letter-spacing:-.02em}body.task-login #layout::before{left:calc((100vw - min(1180px,86vw))/2)!important;top:calc(50% + 70px)!important;font-size:1.1rem!important;padding-top:14px;border-top:2px solid rgba(126,201,170,.55);letter-spacing:.08em}}
@media (min-width:1100px){body.task-login::before{transform:translateY(-66%)!important}body.task-login #layout::before{top:calc(50% + 92px)!important;padding-top:16px!important;width:min(520px,40vw)}}
@media (min-width:1100px){body.task-login form#login-form{right:calc((100vw - min(1120px,86vw))/2)!important}body.task-login::before,body.task-login #layout::before{left:calc((100vw - min(1120px,86vw))/2)!important}body.task-login #layout::before{width:min(460px,36vw)!important}}