/**
 * Ruth Custom Style
 * (Proprietor 87)
 *
 */

/* csslint ignore:start */

/* CSS custom properties used for the theming of Ruth */
:root {
    /*Theme Hex: #3C5842*/
    --theme-hue: 133;
    --theme-saturation: 19%;
    --theme-lightness: 29%;
    --theme-alpha: 1;
    /*Accent Hex: #3C5842*/
    --accent-hue: 133;
    --accent-saturation: 19%;
    --accent-lightness: 29%;
    --accent-alpha: 1;
    /*Black Hex: #303030*/
    --black-color-50: hsla(0, 0%, 19%, 0.07);
    --black-color-100: hsla(0, 0%, 19%, 0.14);
    --black-color-200: hsla(0, 0%, 19%, 0.38);
    --black-color-300: hsla(0, 0%, 19%, 0.6);
    --black-color-400: hsla(0, 0%, 19%, 0.87);
    --black-color-500: hsla(0, 0%, 19%, 1);
    /*--anchor-color-100: var(--theme-color-100);
    --anchor-color-200: var(--theme-color-200);
    --anchor-color-300: var(--theme-color-200);*/
    /*
        Info
    */
    --info-color-50: #edefff;
    --info-color-100: #dee3ff;
    --info-color-200: #c4cbff;
    --info-color-300: #a0a8ff;
    --info-color-400: #7575ff;
    --info-color-500: #675bf9;
    --info-color-600: #573dee;
    --info-color-700: #4b2fd3;
    --info-color-800: #3d29aa;
    --info-color-900: #352986;
    /*
        Success
    */
    --success-color-50: #f2fbf4;
    --success-color-100: #e1f7e6;
    --success-color-200: #c5edce;
    --success-color-300: #97dea8;
    --success-color-400: #62c67a;
    --success-color-500: #3cab57;
    --success-color-600: #2d8c44;
    --success-color-700: #266f38;
    --success-color-800: #235831;
    --success-color-900: #1e492a;
    /*
        Warning
    */
    --warning-color-50: #fffbeb;
    --warning-color-100: #fdf3c8;
    --warning-color-200: #f9df70;
    --warning-color-300: #f8d351;
    --warning-color-400: #f6bf29;
    --warning-color-500: #ef9f11;
    --warning-color-600: #d4790b;
    --warning-color-700: #b0560d;
    --warning-color-800: #8f4211;
    --warning-color-900: #753712;
    /*
        Danger
    */
    --danger-color-50: #fff1f1;
    --danger-color-100: #ffe1e1;
    --danger-color-200: #ffc7c7;
    --danger-color-300: #ffa0a0;
    --danger-color-400: #ff7575;
    --danger-color-500: #f83b3b;
    --danger-color-600: #e51d1d;
    --danger-color-700: #c11414;
    --danger-color-800: #a01414;
    --danger-color-900: #841818;
    /*
        Neutrals

    */
    --gray-color-50: #f7f6f3;
    --gray-color-100: #e7e5de;
    --gray-color-200: #d3d0c2;
    --gray-color-300: #b3ad96;
    --gray-color-400: #a2987d;
    --gray-color-500: #94866c;
    --gray-color-600: #81725e;
    --gray-color-700: #6d5e50;
    --gray-color-800: #5b4e45;
    --gray-color-900: #4c413b;
}

.FM-button.button-yellow {
    background: var(--theme-color-200) !important;
    border-color: var(--theme-color-200) !important;
}

.FM-panel .FM-panel--header {
    border-bottom-color: var(--theme-color-200) !important;
}

.FM-panel .account-block-link .account-name span {
    text-decoration: underline;
    font-weight: 600;
}

.FM-panel .account-block-link .account-name .balloon {
    text-decoration: none;
}

i.fa.fa-refresh:before {
    color: var(--theme-color-200) !important;
}

i.fa.fa-bell:before {
    color: var(--theme-color-200) !important;
}

i.fa.fa-times-circle:before {
    color: var(--theme-color-200) !important;
}

/* csslint ignore:end */