/* ProGuide theme for MantisBT 2.28.
 * Buttons and navigation follow the live ProTrack theme on rakker.
 * Scoped component rules preserve status, priority and warning colors.
 */
:root { --pg-red:#9f2f30; --pg-pale:#fcf3f3; --pg-grey:#999; --pg-line:#ddd; --pg-ink:#393939; }
body { font-family:"Segoe UI",Arial,sans-serif; color:var(--pg-ink); background:#fff; }
a { color:var(--pg-red); }
a:hover,a:focus { color:#7b2223; }
a:not(.btn) { color:var(--pg-red)!important; }
.blue,.light-blue,.text-info,.text-primary,table.filters td.category { color:var(--pg-red)!important; }
.header.blue,.header.light-blue { border-bottom-color:var(--pg-line)!important; }
h1,h2,h3,h4,h5,h6,.page-header h1,.page-header h1 small,.profile-info-name { color:var(--pg-red); }
.profile-info-name { background:var(--pg-pale); border-color:var(--pg-line); }
.badge-info,.badge.badge-info,.label-info,.label.label-info,
.badge-primary,.badge.badge-primary,.label-primary,.label.label-primary { background-color:var(--pg-red)!important; color:#fff!important; }
.label-info.arrowed:before,.label-info.arrowed-in:before { border-right-color:var(--pg-red)!important; }
.label-info.arrowed-right:after,.label-info.arrowed-in-right:after { border-left-color:var(--pg-red)!important; }
.label-primary.arrowed:before { border-right-color:var(--pg-red)!important; }
.label-primary.arrowed-right:after { border-left-color:var(--pg-red)!important; }
.label-info.arrowed-in:before,.label-primary.arrowed-in:before { border-color:var(--pg-red) var(--pg-red) var(--pg-red) transparent!important; }
.label-info.arrowed-in-right:after,.label-primary.arrowed-in-right:after { border-color:var(--pg-red) transparent var(--pg-red) var(--pg-red)!important; }
input[type=checkbox].ace:checked+.lbl::before,input[type=radio].ace:checked+.lbl::before {
    color:var(--pg-red)!important; background-color:var(--pg-pale)!important; border-color:var(--pg-red)!important;
}
input[type=radio].ace+.lbl::before { text-shadow:none; }
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active,
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,
.chosen-container .chosen-results li.highlighted {
    background:var(--pg-red)!important; border-color:var(--pg-red)!important; color:#fff!important;
}
.bootstrap-datetimepicker-widget table td.today:before { border-bottom-color:var(--pg-red)!important; }
.ui-state-highlight,.ui-widget-content .ui-state-highlight {
    background:var(--pg-pale)!important; border-color:var(--pg-red)!important; color:var(--pg-red)!important;
}
/* Use the same existing Font Awesome font for legacy editor actions.
 * Color/highlight palettes retain their meaningful color choices. */
.markItUpHeader>ul>li:not(.colors)>a {
    background-image:none!important; position:relative;
}
.markItUpHeader>ul>li:not(.colors)>a::before {
    content:var(--pg-editor-icon); position:absolute; inset:0; display:block;
    font-family:FontAwesome; font-size:14px; font-weight:normal; font-style:normal;
    text-indent:0; text-align:center; line-height:22px; color:var(--pg-red);
}
.markItUpHeader .markItUpButton1 { --pg-editor-icon:"\f032"; }
.markItUpHeader .markItUpButton2 { --pg-editor-icon:"\f033"; }
.markItUpHeader .markItUpButton3 { --pg-editor-icon:"\f0cc"; }
.markItUpHeader .markItUpButton4 { --pg-editor-icon:"\f0cd"; }
.markItUpHeader .markItUpButton7 { --pg-editor-icon:"\f034"; }
.markItUpHeader .markItUpButton8 { --pg-editor-icon:"\f12b"; }
.markItUpHeader .markItUpButton9 { --pg-editor-icon:"\f12c"; }
.markItUpHeader .markItUpButton10 { --pg-editor-icon:"\f0ca"; }
.markItUpHeader .markItUpButton11 { --pg-editor-icon:"\f0cb"; }
.markItUpHeader .markItUpButton12 { --pg-editor-icon:"\f111"; }
.markItUpHeader .markItUpButton13 { --pg-editor-icon:"\f121"; }
.markItUpHeader .markItUpButton14 { --pg-editor-icon:"\f10d"; }
.markItUpHeader .markItUpButton15 { --pg-editor-icon:"\f068"; }
.markItUpHeader .markItUpButton16 { --pg-editor-icon:"\f036"; }
.markItUpHeader .markItUpButton17 { --pg-editor-icon:"\f037"; }
.markItUpHeader .markItUpButton18 { --pg-editor-icon:"\f038"; }
.markItUpHeader .markItUpButton19 { --pg-editor-icon:"\f039"; }
.markItUpHeader .markItUpButton20 { --pg-editor-icon:"\f0c1"; }
.markItUpHeader .markItUpButton21 { --pg-editor-icon:"\f0e0"; }
.markItUpHeader .markItUpButton22 { --pg-editor-icon:"\f03e"; }
.markItUpHeader .markItUpButton23 { --pg-editor-icon:"\f12d"; }
.markItUpHeader .markItUpButton24 { --pg-editor-icon:"\f06e"; }
.pagination>li>a,.pagination>li>span { color:var(--pg-red)!important; }
.pagination>li.active>a,.pagination>li.active>span { color:#fff!important; }
.pagination>li.disabled>a,.pagination>li.disabled>span { color:#999!important; }
.column-tags,.column-plugin,#buglist th>.fa,#buglist th>a>.fa,#buglist th>.ace-icon { color:var(--pg-red)!important; }
#timeline .profile-activity>.thumbicon.btn-primary,
#timeline .profile-activity>.thumbicon.btn-primary:hover {
    background-color:var(--pg-red)!important; border-color:var(--pg-red)!important; color:#fff!important;
}

/* White header and the original 125px logo area. */
.skin-3 .navbar,.skin-3 .navbar .navbar-container,.skin-3 .navbar.navbar-collapse:before { background:#fff!important; border-color:var(--pg-line); }
.skin-3 .navbar .navbar-brand {
    min-height:45px; padding-left:96px; padding-right:14px; color:var(--pg-red)!important;
    background:#fff url("plugin_file.php?file=PGStyling/proguide-mark.png") 16px center/64px 33px no-repeat!important;
}
.skin-3 .navbar .navbar-brand:hover,.skin-3 .navbar .navbar-brand:focus { color:var(--pg-red)!important; }
.skin-3 .navbar .navbar-brand { cursor:default; }
.skin-3 .navbar .pg-home-link {
    float:left; display:inline-flex; align-items:center; justify-content:center;
    width:36px; height:45px; margin-left:8px; color:var(--pg-red)!important; font-size:22px;
}
.skin-3 .navbar .pg-home-link:hover,.skin-3 .navbar .pg-home-link:focus { background:var(--pg-pale); }
.skin-3 .navbar .navbar-toggle { background:var(--pg-red)!important; }
.skin-3 .navbar .navbar-toggle:hover { background:#7b2223!important; }
.skin-3 .ace-nav>li>a,.skin-3 .ace-nav>li.grey>a,.skin-3 .ace-nav>li.light-blue>a {
    background:var(--pg-red)!important; color:#fff!important;
}
.skin-3 .ace-nav>li>a:hover,.skin-3 .ace-nav>li>a:focus,.skin-3 .ace-nav>li.open>a {
    background:var(--pg-pale)!important; color:var(--pg-red)!important;
}

/* Red primary buttons, including MantisBT's btn-white variants. */
.btn.btn-primary,.btn.btn-primary.btn-white,.btn.btn-primary:focus,.btn.btn-primary.btn-white:focus,
.btn.btn-primary.active,.btn.btn-primary:active,.open>.btn.btn-primary.dropdown-toggle,
.login-layout .btn.btn-success,.login-layout .btn.btn-success:focus {
    background:var(--pg-red)!important; border-color:var(--pg-red)!important; color:#fff!important;
    text-shadow:none!important;
}
.btn.btn-primary:hover,.btn.btn-primary.btn-white:hover,.btn.btn-primary:active:hover,
.btn.btn-primary:focus:hover,.open>.btn.btn-primary.dropdown-toggle:hover,
.login-layout .btn.btn-success:hover {
    background:var(--pg-pale)!important; border-color:var(--pg-red)!important; color:var(--pg-red)!important;
}
.btn:focus-visible,a:focus-visible,button:focus-visible { outline:2px solid var(--pg-red); outline-offset:3px; }
.btn[disabled],.btn.disabled { cursor:not-allowed; }
.btn-info,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.no-hover {
    background-color:var(--pg-red)!important; border-color:var(--pg-red)!important; color:#fff!important;
}
.btn-info:hover,.btn-info:focus:hover,.btn-info:active:hover {
    background-color:var(--pg-pale)!important; border-color:var(--pg-red)!important; color:var(--pg-red)!important;
}

/* Familiar white sidebar, red selected item and red menu icons. */
.skin-3 .sidebar,.skin-3 .sidebar .sidebar-toggle,.skin-3 .sidebar-toggle>.ace-icon { background:#fff!important; border-color:var(--pg-red)!important; color:var(--pg-red)!important; }
.skin-3 .nav-list>li>a { background:#fff!important; color:var(--pg-red)!important; }
.skin-3 .nav-list>li>a:hover,.skin-3 .nav-list>li>a:focus { background:var(--pg-pale)!important; color:#777!important; }
.skin-3 .nav-list>li.active>a,.skin-3 .nav-list>li.active>a:hover,.skin-3 .nav-list>li.active>a:focus,
.skin-3 .nav-list>li.active.highlight>a { background:var(--pg-red)!important; color:#fff!important; }
.skin-3 .nav-list>li.active,.skin-3 .nav-list>li.active+li,.skin-3 .sidebar.menu-min .nav-list>li>a>.menu-text { border-color:var(--pg-red)!important; }
.skin-3 .nav-list>li:before,.skin-3 .nav-list>li.active:after,.skin-3 .nav-list>li.open:before { background:var(--pg-red)!important; border-color:var(--pg-red)!important; }
.skin-3 .nav-list>li.active>a:after { border-right-color:var(--pg-grey)!important; }
.skin-3 .sidebar.menu-min .nav-list>li.active>.arrow:before { border-right-color:var(--pg-red)!important; }
/* The flyout is shared by pointer hover and keyboard focus. */
.skin-3 .sidebar.menu-min .nav-list>li>a>.menu-text {
    background:var(--pg-pale)!important; color:var(--pg-red)!important;
    border-color:var(--pg-red)!important; box-shadow:2px 2px 4px rgba(0,0,0,.12);
}
.skin-3 .sidebar.menu-min .nav-list>li.active>a>.menu-text {
    background:var(--pg-red)!important; color:#fff!important;
}
.skin-3 .sidebar.menu-min .nav-list>li:hover>a,
.skin-3 .sidebar.menu-min .nav-list>li:focus-within>a {
    background:var(--pg-pale)!important; color:var(--pg-red)!important;
}
.skin-3 .sidebar.menu-min .nav-list>li.active:hover>a,
.skin-3 .sidebar.menu-min .nav-list>li.active:focus-within>a {
    background:var(--pg-red)!important; color:#fff!important;
}
.skin-3 .sidebar.menu-min .nav-list>li>.arrow:before { border-right-color:var(--pg-red)!important; }
.skin-3 .sidebar.menu-min .nav-list>li>.arrow:after { border-right-color:var(--pg-pale)!important; }
.skin-3 .sidebar.menu-min .nav-list>li.active>.arrow:after { border-right-color:var(--pg-red)!important; }
.sidebar.menu-min .nav-list>li:focus-within>a>.menu-text,
.sidebar.menu-min .nav-list>li:focus-within>.arrow { display:block; }
.skin-3 .breadcrumbs { background:var(--pg-pale)!important; }
.skin-3 .breadcrumb>li,.skin-3 .breadcrumb>li.active,.skin-3 .nav-search .nav-search-icon,.input-icon>.ace-icon { color:var(--pg-red)!important; }
.nav-search .nav-search-input { border-color:var(--pg-red)!important; }
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li.active>a { background:var(--pg-grey)!important; color:#fff!important; }
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover { border-top:2px solid var(--pg-red)!important; }

/* Solid red section headers and the original pale table stripes. */
.skin-3 .widget-box[class*="widget-color-"] { border-color:var(--pg-red)!important; }
.skin-3 .widget-box[class*="widget-color-"]>.widget-header {
    background:var(--pg-red)!important; border-color:var(--pg-red)!important; color:#fff!important;
}
.skin-3 .widget-box[class*="widget-color-"]>.widget-header .widget-title,
.skin-3 .widget-box[class*="widget-color-"]>.widget-header .widget-toolbar>a,
.skin-3 .widget-box[class*="widget-color-"]>.widget-header .widget-toolbar>a>.ace-icon { color:#fff!important; }
.widget-header:not([class*="widget-color-"]) { border-bottom-color:var(--pg-line); }
.widget-header .badge,.widget-header .label,.breadcrumbs .badge,.breadcrumbs .label { background:var(--pg-grey)!important; color:#fff!important; }
.label.arrowed-in:before,.label.arrowed:before { border-right-color:var(--pg-grey); }
.pagination>li.active>a,.pagination>li.active>a:hover,.pagination>li.active>a:focus { background:var(--pg-grey)!important; border-color:var(--pg-grey)!important; color:#fff!important; }
.table-striped>tbody>tr:nth-of-type(odd) { background-color:var(--pg-pale); }
.table-striped>tbody>tr:nth-of-type(even) { background-color:#fff; }
.table-hover>tbody>tr:hover { background-color:#ddd; }
td.category,th.category { background:var(--pg-pale)!important; }
#buglist .column-last-modified,#buglist .column-due-date { min-width:80px; }
#buglist .column-category { max-width:240px; }
#buglist .column-category>div>span { display:none; }
.bugnote-avatar-80 { border:0!important; }
input:focus,textarea:focus,select:focus { border-color:var(--pg-red)!important; }

/* Keep the isolated trial clearly identifiable without changing navigation. */
.pg-stage-banner { margin:0 0 16px; padding:9px 16px; background:#fff4d5; border-bottom:1px solid #dbc886; color:#5a4717; font-size:13px; }
body:not(.login-layout) { padding-top:0; }
.navbar-fixed-top { position:relative; }
.skin-3 .navbar.navbar-fixed-top+.main-container { padding-top:0!important; }
.sidebar-fixed { top:45px; }
.main-container { padding-top:0; }
.login-layout { background:#fff; }
.login-layout .main-container { padding-top:24px; }

.login-logo img { width:280px; max-width:80%; height:auto; }
.login-layout .widget-box { background:#fff; border:1px solid #ead2d2; padding:0; border-top:5px solid var(--pg-red); }
.login-layout .widget-box .widget-main { background:#fff; }
.login-layout .header { color:var(--pg-red)!important; border-bottom-color:#ead2d2; }
.login-layout .login-box .toolbar { background:var(--pg-pale); border-color:#ead2d2; }
.login-layout .login-box .toolbar a { color:var(--pg-red)!important; }
@media(max-width:767px) {
    .skin-3 .navbar .navbar-brand { padding-left:88px; padding-right:6px; font-size:16px; background-position:12px center!important; }
    .navbar-brand .smaller-75 { font-size:11px; }
    .pg-stage-banner { font-size:12px; padding:7px 10px; }
    .sidebar-fixed { top:auto; }
}
@media print { .pg-stage-banner { display:none; } }