:root { --toxitech-red: #df242e; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
#layout-menu { background: #17191c; }
#layout-menu a:hover, #layout-menu a.selected { color: #fff; background: #ad1720; }
#layout-menu .popover-header { background: #17191c; }
#layout-content .formcontent { max-width: 410px; }
.btn-primary { background-color: var(--toxitech-red); border-color: var(--toxitech-red); }
.btn-primary:hover, .btn-primary:focus { background-color: #b01922; border-color: #b01922; }
.btn-primary:focus { box-shadow: 0 0 0 .2rem rgb(223 36 46 / 25%); }
a, .header a.button, .toolbar a.button:not(.disabled) { color: #bc2028; }
#login-form .box-inner { border-radius: 14px; }
body.task-login, html.dark-mode body.task-login { background: #111317; color: #f4f4f5; }
body.task-login #layout-content, html.dark-mode body.task-login #layout-content { background: transparent; }
body.task-login #login-form { padding-top: 12px; }
body.task-login #login-form .box-inner { background: #202328; color: #f4f4f5; padding: 24px; box-shadow: 0 24px 70px rgb(0 0 0 / 30%); }
body.task-login .form-control, html.dark-mode body.task-login .form-control { background: #14171b; color: #fff; border-color: #686c73; }
body.task-login .form-control:focus, html.dark-mode body.task-login .form-control:focus { border-color: #ff3030; box-shadow: 0 0 0 .2rem rgb(223 36 46 / 18%); }
body.task-login #logo { max-height: 80px; margin-bottom: 22px; }
body.task-login #login-footer { color: #a6abb4; }
body.task-login #login-footer a { color: #ff3030; }
body.task-login .veyra-wordmark { color: #f4f4f5; font-size: 30px; font-weight: 650; letter-spacing: -.8px; line-height: 1.2; margin: 0 0 28px; text-align: center; }
body.task-login .veyra-powered { color: #afb4bc; font-size: 12px; margin: 14px 0 0; text-align: center; }
html.dark-mode .btn-primary { background-color: #cf252e; border-color: #cf252e; }
body.task-login #rcmloginsubmit, html.dark-mode body.task-login #rcmloginsubmit { background: #bd1923; border-color: #bd1923; color: #fff; }
body.task-login #rcmloginsubmit:hover, html.dark-mode body.task-login #rcmloginsubmit:hover { background: #a8141d; border-color: #a8141d; color: #fff; }
@media (max-width: 480px) { body.task-login #login-form .box-inner { padding: 20px; margin: 12px; } }