:root {
    --sl-bg-primary: #231f20;
    --sl-bg-secondary: #312b2d;
    --sl-bg-primary-hover: #4a4043;
    --sl-accent: #ed1b29;
    --sl-accent-darker: #c1101c;
    --sl-bg-selection: #aab1af;
}

#loginContent {
    background-color: #231f20;
    background-color: var(--sl-bg-primary);
}

#loginContent .sg-logo img {
    margin-right: 7em;
}

#loginContent .sg-login {
    background-color: #fff;
}

#loginContent .md-accent {
    color: #000;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background-color: #231f20;
    background-color: var(--sl-bg-primary);
}

md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar), md-toolbar.md-hue-2:not(.md-menu-toolbar) {
    background-color: #312b2d;
    background-color: var(--sl-bg-secondary);
}

body:not([default]) .md-default-theme.md-accent.md-hue-2.md-bg {
    background-color: #aab1af;
    background-color: var(--sl-bg-selection);
}

body:not([default]) .md-default-theme.md-accent.md-hue-2.md-bg .sg-tile-content,
body:not([default]) .md-default-theme.md-accent.md-hue-2.md-bg .sg-tile-content .sg-tile-date,
body:not([default]) .md-default-theme.md-accent.md-hue-2.md-bg .sg-tile-content .sg-md-body,
body:not([default]) .md-default-theme.md-accent.md-hue-2.md-bg .sg-tile-content .sg-md-body .sg-tile-size {
    font-weight: 700;
}

body:not([default]) .md-default-theme.md-hue-1.md-bg {
    background-color: #fff !important;
}

.md-button.md-default-theme.md-accent.md-fab, .md-button.md-accent.md-fab, .md-button.md-default-theme.md-accent.md-raised, .md-button.md-accent.md-raised {
    background-color: #312b2d;
    background-color: var(--sl-bg-secondary);
}

.md-button.md-default-theme.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-accent.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-accent.md-fab:not([disabled]):hover, .md-button.md-accent.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-accent.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-accent.md-raised:not([disabled]):hover, .md-button.md-accent.md-raised:not([disabled]):hover {
    background-color: #4a4043;
    background-color: var(--sl-bg-primary-hover);
}

md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
    color: #ed1b29;
    color: var(--sl-accent);
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    background: #c1101c;
    background: var(--sl-accent-darker);
    color: #c1101c;
    color: var(--sl-accent-darker);
}

md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: #c1101c;
    background-color: var(--sl-accent-darker);
}

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
    border-color: #c1101c;
    border-color: var(--sl-accent-darker);
}

form[name="loginForm"] > sg-ripple-content {
    background-color: #231f20;
    background-color: var(--sl-bg-primary);
    color: #fff;
}

#loginContent .md-accent {
    color: #fff;
}

md-toolbar md-input-container.md-default-theme .md-input,
md-toolbar md-input-container .md-input {
    color: #fff
}


md-toolbar md-input-container.md-default-theme .md-input::placeholder,
md-toolbar md-input-container .md-input::placeholder {
    color: #ccc
}

md-toolbar md-input-container.md-default-theme.md-input-focused .md-input:-moz-placeholder,
md-toolbar md-input-container.md-input-focused .md-input:-moz-placeholder,
md-toolbar md-input-container.md-default-theme.md-input-focused .md-input::placeholder,
md-toolbar md-input-container.md-input-focused .md-input::placeholder {
    color: #757575;
}

md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
    background-color: #c1101c;
    background-color: var(--sl-accent-darker);
}