/* MSS Brand Override */
body {
    --color-main: #1A3A6B !important;
    --color-link: #2563EB !important;
}

#rcm_login_header,
.login-header {
    background: #1A3A6B !important;
}

#header {
    background: linear-gradient(135deg, #1A3A6B, #2563EB) !important;
    border-bottom: 3px solid #DC2626 !important;
}

#logo img, #logo {
    content: url('../images/mss_logo.png') !important;
    max-height: 45px !important;
}

.listbox .scroller ul li.selected,
.listbox .scroller ul li:hover {
    background: #1A3A6B !important;
    color: #fff !important;
}

a { color: #2563EB !important; }

.button.primary {
    background: #2563EB !important;
    border-color: #DC2626 !important;
}
/* Fix logo size */
#logo, #logo img {
    width: 50px !important;
    height: 50px !important;
    object-fit: contain !important;
}
/* Login page logo */
#login-form img#logo,
.loginbox img,
img#logo {
    width: 120px !important;
    height: 120px !important;
    object-fit: contain !important;
}
/* Login page logo - bigger */
#logo, #login-form #logo,
.loginbox #logo,
#login-header #logo,
a#logo img, a#logo {
    width: 160px !important;
    height: 160px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}
/* Login logo fix */
img#logo {
    width: 160px !important;
    height: 160px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 20px auto !important;
}
/* Login page container */
#login-form,
.loginbox,
#login-header {
    text-align: center !important;
}

/* Login page logo - big */
.task-login img#logo {
    width: 180px !important;
    height: 180px !important;
    min-width: 180px !important;
    min-height: 180px !important;
    max-width: 180px !important;
    max-height: 180px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 20px auto !important;
    padding: 0 !important;
}

/* Header logo after login - small */
.task-mail img#logo,
.task-settings img#logo,
.task-contacts img#logo,
.task-calendar img#logo {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
    padding: 2px !important;
}