/* =========================================
   ESKIMO-M CORPORATE THEME
   ========================================= */

:root {
    --eskimo-red: #E71920;
    --eskimo-white: #FFFFFF;
    --eskimo-bg: #F3F4F6;
    --eskimo-dark: #30343B;
}

/* Main background */
html,
body {
    background-color: var(--eskimo-bg);
}

/* Main task menu */
#taskmenu {
    background-color: var(--eskimo-dark);
}

/* Active task */
#taskmenu a.selected,
#taskmenu a:focus {
    background-color: var(--eskimo-red);
}

/* Links */
a,
.link {
    color: var(--eskimo-red);
}

a:hover,
.link:hover {
    color: #bd1118;
}

/* Primary buttons */
.btn-primary,
.button.mainaction {
    background-color: var(--eskimo-red);
    border-color: var(--eskimo-red);
}

.btn-primary:hover,
.button.mainaction:hover {
    background-color: #bd1118;
    border-color: #bd1118;
}

/* Selected message */
.listing tbody tr.selected td {
    background-color: #fff0f0;
}

/* Focused input */
.form-control:focus {
    border-color: var(--eskimo-red);
    box-shadow: 0 0 0 0.2rem rgba(231, 25, 32, 0.15);
}

/* Header */
#layout > .header,
#layout-menu {
    background-color: var(--eskimo-white);
}

/* General cards and content */
.box,
.popover,
.dropdown-menu {
    border-radius: 6px;
}