/* Dedicated Antropy theme overrides for MantisBT. */

/* === Antropy brand theme overrides === */
:root {
    --antropy-blue: #00bfff;
    --antropy-blue-dark: #0077c8;
    --antropy-navy: #1f2f46;
    --antropy-charcoal: #172130;
    --antropy-text: #26364c;
    --antropy-soft: #f3f7fb;
    --antropy-border: #e4edf5;
}
html, body { min-height: 100%; }
body {
    font-family: Inter, "Open Sans", "Helvetica Neue", Arial, sans-serif;
    color: var(--antropy-text);
    background: #fff;
}
body.login-layout {
    background:
        radial-gradient(circle at 82% 10%, rgba(255,255,255,.35) 0 8rem, transparent 8.2rem),
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.22) 0 6rem, transparent 6.3rem),
        linear-gradient(135deg, #00bfff 0%, #07aee3 45%, #0077c8 100%) !important;
    position: relative;
    overflow-x: hidden;
}
body.login-layout:before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image:
        repeating-radial-gradient(circle at 80% 18%, rgba(255,255,255,.65) 0 1px, transparent 1px 12px),
        linear-gradient(115deg, transparent 0 58%, rgba(255,255,255,.18) 58% 58.2%, transparent 58.2% 100%);
    background-size: 900px 900px, 44px 44px;
    background-repeat: no-repeat, repeat;
}
body.login-layout .main-container, body.login-layout .main-content, body.login-layout .row { position: relative; z-index: 1; }
.login-container { margin-top: 18px; }
.login-logo { margin: 22px 0 30px; text-align: center; }
.login-logo img, .navbar-brand img { max-width: 225px; height: auto; }
.login-layout .widget-box {
    border: 0 !important;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 28px 70px rgba(31,47,70,.22);
    background: #fff;
}
.login-layout .widget-main { padding: 34px 38px 30px; background: #fff; }
.login-layout .widget-main .header {
    margin-top: 0;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--antropy-border);
    color: var(--antropy-navy) !important;
    font-weight: 800;
    letter-spacing: -0.02em;
}
.login-layout .widget-main .header .fa { color: var(--antropy-blue); }
.login-layout .form-control, .form-control {
    border-radius: 10px !important;
    border: 1px solid #d9e5ee;
    box-shadow: none;
    color: var(--antropy-text);
}
.login-layout .form-control { height: 46px; padding-left: 14px; font-size: 15px; }
.form-control:focus, .login-layout .form-control:focus {
    border-color: var(--antropy-blue) !important;
    box-shadow: 0 0 0 4px rgba(0,191,255,.16) !important;
}
.input-icon > .ace-icon { color: #6d7d90; margin-top: 3px; }
.btn, .btn.btn-success, .btn.btn-info, .btn-primary, .btn.btn-inverse, .btn-success.btn-inverse {
    border-radius: 10px !important;
    border: 0 !important;
    background: var(--antropy-blue) !important;
    color: #fff !important;
    text-shadow: none !important;
    box-shadow: 0 14px 28px rgba(0,191,255,.24);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn:hover, .btn:focus, .btn.btn-success:hover, .btn.btn-info:hover, .btn-primary:hover, .btn.btn-inverse:hover, .btn-success.btn-inverse:hover {
    background: #04aee8 !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(0,191,255,.32);
}
.login-layout .btn { height: 44px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
.login-layout .toolbar { background: var(--antropy-charcoal) !important; border-top: 0 !important; padding: 17px 20px !important; }
.login-layout .toolbar a { color: #fff !important; font-weight: 700; }
.login-layout .toolbar a:after { content: " \f061"; font-family: FontAwesome; color: var(--antropy-blue); margin-left: .35rem; }
.navbar, .navbar.navbar-default {
    background: #fff !important;
    border: 0;
    border-bottom: 1px solid var(--antropy-border);
    box-shadow: 0 8px 26px rgba(31,47,70,.08);
}
.navbar .navbar-brand, .navbar .navbar-brand:hover, .navbar .navbar-brand:focus { color: var(--antropy-navy) !important; font-weight: 800; }
.navbar .navbar-nav > li > a, .ace-nav > li > a { color: var(--antropy-navy) !important; background: transparent !important; }
.ace-nav > li > a:hover, .ace-nav > li.open > a, .navbar .navbar-nav > li > a:hover { color: var(--antropy-blue) !important; background: rgba(0,191,255,.08) !important; }
.sidebar, .sidebar:before, .sidebar.menu-min .nav-list > li > a > .menu-text { background: var(--antropy-charcoal) !important; }
.nav-list > li, .nav-list > li > a { border-color: rgba(255,255,255,.07) !important; }
.nav-list > li > a { color: #eef7ff !important; }
.nav-list > li > a:hover, .nav-list > li.active > a, .nav-list > li.open > a { background: rgba(0,191,255,.12) !important; color: #fff !important; }
.nav-list > li.active:before, .nav-list > li:before { background-color: var(--antropy-blue) !important; }
.breadcrumbs, .page-header { background: #fff; border-color: var(--antropy-border); }
.page-header h1, h1, h2, h3, h4, h5, .widget-header > .widget-title { color: var(--antropy-navy); font-weight: 800; letter-spacing: -0.02em; }
.widget-box { border-color: var(--antropy-border); border-radius: 14px; box-shadow: 0 12px 36px rgba(31,47,70,.08); overflow: hidden; }
.widget-header { background: #fff !important; border-color: var(--antropy-border); }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f8fbfe; }
a, .blue, .btn-link { color: #008fd1; }
a:hover, a:focus { color: var(--antropy-blue); }
.label-success, .badge-success, .label-info, .badge-info { background-color: var(--antropy-blue) !important; }
#btn-scroll-up { background: var(--antropy-blue) !important; border-radius: 10px 0 0 0 !important; }
/* === End Antropy brand theme overrides === */

/* === Antropy dashboard polish === */
#sidebar, .sidebar, .sidebar:before, .sidebar-shortcuts, .sidebar-toggle {
    background: var(--antropy-charcoal) !important;
    border-color: rgba(255,255,255,.08) !important;
}
.sidebar .nav-list > li,
.sidebar .nav-list > li > a,
.nav-list > li,
.nav-list > li > a {
    background: var(--antropy-charcoal) !important;
    color: rgba(255,255,255,.82) !important;
    border-color: rgba(255,255,255,.08) !important;
}
.sidebar .nav-list > li > a > .menu-icon,
.nav-list > li > a > .menu-icon {
    color: rgba(255,255,255,.74) !important;
}
.sidebar .nav-list > li:hover > a,
.sidebar .nav-list > li.active > a,
.sidebar .nav-list > li.open > a,
.nav-list > li:hover > a,
.nav-list > li.active > a,
.nav-list > li.open > a {
    background: #fff !important;
    color: var(--antropy-blue) !important;
}
.sidebar .nav-list > li:hover > a > .menu-icon,
.sidebar .nav-list > li.active > a > .menu-icon,
.nav-list > li:hover > a > .menu-icon,
.nav-list > li.active > a > .menu-icon {
    color: var(--antropy-blue) !important;
}
.sidebar-toggle:before { border-color: rgba(255,255,255,.18) !important; }
.sidebar-toggle > .ace-icon {
    background: #fff !important;
    color: var(--antropy-blue) !important;
    border-color: rgba(255,255,255,.35) !important;
}
.main-content { background: #f7fafc; }
.widget-main, .widget-body, .table-responsive { background: #fff; }
.widget-header > .widget-title .ace-icon,
.page-header h1 .ace-icon,
h4 .ace-icon { color: var(--antropy-blue) !important; }
.tabs-left > .nav-tabs > li.active > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top-color: var(--antropy-blue) !important;
    color: var(--antropy-navy) !important;
    font-weight: 700;
}
.profile-info-name,
.form-horizontal .control-label,
table.form-table td.category,
td.category {
    color: var(--antropy-navy) !important;
    background: #eef6fb !important;
}
.footer img[src*="mantis"],
img[src*="mantis_logo"] {
    content: url('/images/antropy-dark.svg');
    max-width: 130px;
    height: auto;
}
.footer .grey, .footer { color: #68788a; }
/* === End Antropy dashboard polish === */

/* === Antropy skin-3 specificity fixes === */
.skin-3 .sidebar,
.skin-3 .sidebar:before,
.skin-3 .sidebar-shortcuts,
.skin-3 .sidebar-shortcuts-mini,
.skin-3 .sidebar > .nav-search,
.skin-3 .sidebar-toggle {
    background: var(--antropy-charcoal) !important;
    border-color: rgba(255,255,255,.10) !important;
}
.skin-3 .nav-list > li,
.skin-3 .nav-list > li + li,
.skin-3 .nav-list > li.active,
.skin-3 .nav-list > li.active + li {
    border-color: rgba(255,255,255,.10) !important;
}
.skin-3 .nav-list > li > a,
.skin-3 .nav-list > li > a:focus {
    background: var(--antropy-charcoal) !important;
    color: rgba(255,255,255,.86) !important;
}
.skin-3 .nav-list > li > a > .menu-icon {
    color: rgba(255,255,255,.74) !important;
}
.skin-3 .nav-list > li:hover > a,
.skin-3 .nav-list > li.open > a,
.skin-3 .nav-list > li.active > a,
.skin-3 .nav-list > li.active.highlight > a {
    background: #fff !important;
    color: var(--antropy-blue) !important;
}
.skin-3 .nav-list > li:hover > a > .menu-icon,
.skin-3 .nav-list > li.open > a > .menu-icon,
.skin-3 .nav-list > li.active > a > .menu-icon {
    color: var(--antropy-blue) !important;
}
.skin-3 .nav-list > li:hover:before,
.skin-3 .nav-list > li.open:before,
.skin-3 .nav-list > li.active:before {
    background-color: var(--antropy-blue) !important;
}
.skin-3 .nav-list li.active > a:before { border-right-color: var(--antropy-blue) !important; }
.skin-3 .nav-list li.active > a:after { border-right-color: #fff !important; }
.skin-3 .breadcrumbs {
    background: #eaf8fe !important;
    border-radius: 6px;
}
img[src*="mantis_logo"] {
    content: url('/images/antropy-dark.svg') !important;
    width: 130px !important;
    height: auto !important;
}
/* === End Antropy skin-3 specificity fixes === */

/* === Summary active sidebar border fix ===
   Ace skin-3 has a special rule for `.nav-list > li.active + li:last-child`
   that restores a light grey/white border on the final item. When Summary is
   active, Manage is that adjacent final item, so it showed as a white line
   under Manage. Keep the final border consistent with the navy sidebar. */
.skin-3 .nav-list > li.active + li:last-child,
.skin-3 .nav-list > li.active + li:last-child:hover,
.skin-3 .nav-list > li:last-child,
.skin-3 .nav-list > li:last-child:hover {
    border-bottom-color: rgba(255,255,255,.10) !important;
}
/* === End Summary active sidebar border fix === */

/* === Navbar logged-in user icon fix ===
   Mantis adds the `white` utility class to the account icon. On Antropy's
   light navbar that made the logged-in user icon disappear, so force the
   account icon/chevron to the dark brand colour. */
.ace-nav > li.grey > a.dropdown-toggle .fa-user.white,
.ace-nav > li.grey > a.dropdown-toggle .fa-angle-down,
.ace-nav > li.grey > a.dropdown-toggle .user-info {
    color: var(--antropy-navy) !important;
}
.ace-nav > li.grey > a.dropdown-toggle:hover .fa-user.white,
.ace-nav > li.grey > a.dropdown-toggle:focus .fa-user.white,
.ace-nav > li.grey.open > a.dropdown-toggle .fa-user.white,
.ace-nav > li.grey > a.dropdown-toggle:hover .fa-angle-down,
.ace-nav > li.grey > a.dropdown-toggle:focus .fa-angle-down,
.ace-nav > li.grey.open > a.dropdown-toggle .fa-angle-down,
.ace-nav > li.grey > a.dropdown-toggle:hover .user-info,
.ace-nav > li.grey > a.dropdown-toggle:focus .user-info,
.ace-nav > li.grey.open > a.dropdown-toggle .user-info {
    color: var(--antropy-blue) !important;
}
/* === End navbar logged-in user icon fix === */