/**
 * Case Custom Style
 * (Proprietor 46)
 *
 */

/* csslint ignore:start */

/* CSS custom properties used for the theming of Case Kapitalförvaltning */
:root {
    /*Theme Hex: #0e1b33*/
    --theme-hue: 219;
    --theme-saturation: 57%;
    --theme-lightness: 13%;
    --theme-alpha: 1;
    /*Accent Hex: #be2437*/
    --accent-hue: 353;
    --accent-saturation: 68%;
    --accent-lightness: 44%;
    --accent-alpha: 1;
}

#FM-navbar .logo {
    max-width: 100px;
}

#content .logo-link {
    max-width: 120px;
}

body.generalbody {
    background: none !important;
}

html, body {
    background: none !important;
}

#top-user {
    position: fixed;
    left: 0;
    background-color: #0C2340;
}

#header {
    margin-top: 32px;
}

#top-user div.username {
    width: 970px;
    margin: 0 auto;
    float: none;
}

.FM-wizard > .actions ul li:nth-child(2) a, .FM-wizard > .actions ul li:nth-child(3) a, .FM-button.button-yellow {
    background: #0C2340 !important;
    color: #ffffff !important;
    border: 2px solid #0C2340;
}

.FM-button.button-yellow:hover {
    background-color: #ffffff !important;
    border-color: #0C2340;
    color: #0C2340 !important;
}

.FM-panel--header {
    border-bottom-color: #0C2340;
    border-bottom-width: 6px;
}

div.FM-account--accordion-top {
    background: none;
}

div.FM-account--container {
    border-bottom: 2px solid #be2437 !important;
}

div#content {
    border-bottom: 6px solid #0C2340;
}

div#footer {
    border: 1px rgba(0, 0, 0, 0.1) solid;
    width: 100%;
    background-color: #fff;
    box-shadow: 6px 6px 20px -8px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    box-sizing: border-box;
    color: #7d7d7d;
    padding: 0 0 1em 1em;
}

.account-headerblock {
    border-bottom: 2px solid #be2437 !important;
}

table.depositproprietor {
    margin-left: 0;
    margin-bottom: 30px;
}

.yellow-button a, .next-or-prev-navigation span a {
    color: #fff !important;
    background-color: #0C2340;
    border-color: #0C2340;
}

.yellow-button a:hover, .next-or-prev-navigation span a:hover {
    background-color: #ffffff !important;
    border-color: #0C2340;
    color: #0C2340 !important;
}

.yellow-button a:active:hover {
    background-color: #ffffff !important;
    border-color: #0C2340;
    color: #0C2340 !important;
}

/* csslint ignore:end */
