:root {
  --hingees-black: #1F1F1F;
  --hingees-light: #EFEFED;
  --hingees-accent: #FF6F61;
}
body, body.task-login { background: var(--hingees-light) !important; }
#layout, #layout-content, #login-form { background: transparent !important; }
#login-form .box-inner, #login-form .box-bottom { background: #fff !important; border-color: #ddd !important; }
#login-form #rcmloginsubmit, .btn-primary, .button.mainaction, input.button.mainaction, button.btn-primary {
  background: var(--hingees-black) !important; border-color: var(--hingees-black) !important; color: #fff !important;
}
#login-form #rcmloginsubmit:hover, .btn-primary:hover, .button.mainaction:hover, input.button.mainaction:hover, button.btn-primary:hover {
  background: var(--hingees-accent) !important; border-color: var(--hingees-accent) !important; color: #fff !important;
}
#taskmenu a, .listing .selected > td, .listing .selected > a, .listing li.selected, .popover .menu li a.active, .menu a.active, .header a.active, .treelist li.selected > a { color: var(--hingees-accent) !important; }
#layout-menu, .header, .footer, #topnav, #taskmenu, #messagelist-header, #messageheader, #mailboxcontainer, #layout-sidebar { border-color: #e4e4e4 !important; }
#logo img { max-height: 84px !important; width: auto !important; }
#layout-content .header, #layout-menu, #taskmenu a.selected, #taskmenu a:hover { background: #fff !important; }
#login-footer, #login-footer a, .footer, .footer a { color: var(--hingees-black) !important; }