/*
 * Hidoly Theme per MantisBT (skin Ace "skin-3")
 * Colori da hidoly.com. Tutto sotto html.hi-theme, attivata da hidoly-theme.js.
 */
.hi-theme {
	--hi-primary: #29337E;
	--hi-primary-dark: #1f2763;
	--hi-secondary: #35415b;
	--hi-heading: #0f131f;
	--hi-text: #35415b;
	--hi-faded: #727f9f;
	--hi-bg-alt: #f2f4f7;
	--hi-border: #e3e7f0;
	--hi-primary-soft: rgba(41, 51, 126, .08);
	--hi-gradient: linear-gradient(90deg, #00b43c 0%, #0a6cf0 35%, #9b1dc6 68%, #f0009a 100%);
}

/* ---------- Base ---------- */
.hi-theme body,
.hi-theme .main-container,
.hi-theme .main-content,
.hi-theme .page-content { background-color: #fff; color: var(--hi-text); }
.hi-theme .main-container:before { background-color: #fff; }

.hi-theme a,
.hi-theme a:focus { color: var(--hi-primary); }
.hi-theme a:hover { color: var(--hi-secondary); }

/* ---------- Barra in alto ---------- */
.hi-theme .skin-3 .navbar,
.hi-theme .navbar {
	background: #fff;
	border-bottom: 1px solid var(--hi-border);
	box-shadow: 0 1px 6px rgba(15, 19, 31, .06);
}
.hi-theme .skin-3 .navbar,
.hi-theme .navbar {
	border: 0;
	border-bottom: 3px solid transparent;
	border-image: var(--hi-gradient) 1;
}
.hi-theme .navbar .navbar-brand,
.hi-theme .navbar .navbar-brand:hover,
.hi-theme .navbar .navbar-brand:focus { color: var(--hi-primary); font-weight: 700; letter-spacing: .2px; }

.hi-theme .skin-3 .ace-nav > li,
.hi-theme .ace-nav > li { border-left: 1px solid var(--hi-border); }
.hi-theme .skin-3 .ace-nav > li > a,
.hi-theme .ace-nav > li > a,
.hi-theme .skin-3 .ace-nav > li.grey > a,
.hi-theme .ace-nav > li.grey > a {
	background-color: #fff;
	color: var(--hi-heading);
}
.hi-theme .ace-nav > li > a:hover,
.hi-theme .ace-nav > li > a:focus,
.hi-theme .ace-nav > li.open > a,
.hi-theme .skin-3 .ace-nav > li > a:hover,
.hi-theme .skin-3 .ace-nav > li.open > a,
.hi-theme .skin-3 .ace-nav > li.grey > a:hover,
.hi-theme .skin-3 .ace-nav > li.grey.open > a { background-color: var(--hi-bg-alt); color: var(--hi-primary); }
.hi-theme .ace-nav > li > a .ace-icon,
.hi-theme .ace-nav > li > a > .fa { color: var(--hi-primary); }
.hi-theme .skin-3 .navbar .navbar-toggle,
.hi-theme .navbar .navbar-toggle { background-color: var(--hi-primary) !important; border-color: var(--hi-primary) !important; }
.hi-theme .skin-3 .navbar .navbar-toggle:hover,
.hi-theme .skin-3 .navbar .navbar-toggle:focus,
.hi-theme .skin-3 .navbar .navbar-toggle.display { background-color: var(--hi-primary-dark) !important; border-color: var(--hi-primary-dark) !important; }
.hi-theme .navbar .navbar-toggle .icon-bar { background-color: #fff; }
.hi-theme .navbar .navbar-toggle-img .fa { color: #fff; }

/* pulsanti "Report Issue" / "Invite Users" nella barra */
.hi-theme .navbar .btn,
.hi-theme .navbar .btn-primary,
.hi-theme .navbar .btn.btn-primary:focus { background-color: var(--hi-primary) !important; border-color: var(--hi-primary) !important; color: #fff !important; }
.hi-theme .navbar .btn:hover,
.hi-theme .navbar .btn-primary:hover { background-color: var(--hi-primary-dark) !important; border-color: var(--hi-primary-dark) !important; }

/* menu a tendina (utente, progetti) */
.hi-theme .dropdown-menu > li > a:hover,
.hi-theme .dropdown-menu > li > a:focus,
.hi-theme .dropdown-menu > li.active > a,
.hi-theme .dropdown-yellow > li > a:hover,
.hi-theme .dropdown-yellow > li.active > a,
.hi-theme .user-menu > li > a:hover { background-color: var(--hi-primary) !important; color: #fff !important; }
.hi-theme .dropdown-menu > li > a:hover .ace-icon,
.hi-theme .dropdown-menu > li > a:hover .fa { color: #fff !important; }
.hi-theme .user-menu > li > a,
.hi-theme .user-menu > li > a .ace-icon { color: var(--hi-heading); }

/* ---------- Sidebar ---------- */
.hi-theme .skin-3 .sidebar,
.hi-theme .sidebar,
.hi-theme .skin-3 .sidebar:before,
.hi-theme .sidebar:before { background-color: var(--hi-bg-alt); border-color: var(--hi-border); }
.hi-theme .skin-3 .nav-list > li,
.hi-theme .nav-list > li { border-color: var(--hi-border); }
.hi-theme .skin-3 .nav-list > li > a,
.hi-theme .nav-list > li > a { background-color: var(--hi-bg-alt); color: var(--hi-secondary); }
.hi-theme .skin-3 .nav-list > li > a > .menu-icon,
.hi-theme .nav-list > li > a > .menu-icon { color: var(--hi-faded); }
.hi-theme .skin-3 .nav-list > li:hover > a,
.hi-theme .nav-list > li:hover > a,
.hi-theme .skin-3 .nav-list > li > a:hover { background-color: #fff; color: var(--hi-primary); }
.hi-theme .skin-3 .nav-list > li:hover > a > .menu-icon,
.hi-theme .nav-list > li:hover > a > .menu-icon { color: var(--hi-primary); }
.hi-theme .skin-3 .nav-list > li:before,
.hi-theme .nav-list > li:before { background-color: var(--hi-primary); }

.hi-theme .skin-3 .nav-list > li.active > a,
.hi-theme .nav-list > li.active > a,
.hi-theme .skin-3 .nav-list > li.active > a:hover { background-color: #fff; color: var(--hi-primary); font-weight: 700; }
.hi-theme .skin-3 .nav-list > li.active > a > .menu-icon,
.hi-theme .nav-list > li.active > a > .menu-icon { color: var(--hi-primary); }
.hi-theme .skin-3 .nav-list > li.active:after,
.hi-theme .nav-list > li.active:after { border-color: var(--hi-primary); }
.hi-theme .skin-3 .nav-list > li.active > .arrow:before,
.hi-theme .skin-3 .nav-list > li.active > .arrow:after { border-right-color: var(--hi-primary); }
.hi-theme .skin-3 .nav-list > li.active,
.hi-theme .skin-3 .nav-list > li.active + li { border-color: var(--hi-border) !important; }
.hi-theme .skin-3 .nav-list > li.active.highlight > a,
.hi-theme .skin-3 .nav-list > li.active > a { background-color: #fff !important; color: var(--hi-primary) !important; }
.hi-theme .skin-3 .nav-list > li.active:before { background-color: var(--hi-primary) !important; }
.hi-theme .skin-3 .nav-list li.active > a:before { border-right-color: var(--hi-border); }
.hi-theme .skin-3 .nav-list > li:hover:before { background-color: var(--hi-primary); }

.hi-theme .skin-3 .sidebar-toggle,
.hi-theme .sidebar-toggle { background-color: var(--hi-bg-alt); border-color: var(--hi-border); }
.hi-theme .sidebar-toggle > .ace-icon { background-color: #fff; border-color: var(--hi-border); color: var(--hi-faded); }

/* ---------- Breadcrumb / barra sotto il menu ---------- */
.hi-theme .skin-3 .breadcrumbs,
.hi-theme .breadcrumbs { background-color: var(--hi-bg-alt); border-color: var(--hi-border); }
.hi-theme .breadcrumb > li > a,
.hi-theme .breadcrumbs a { color: var(--hi-primary); }
.hi-theme .breadcrumbs .label,
.hi-theme .label.label-default,
.hi-theme .label-grey { background-color: var(--hi-faded); }
.hi-theme .label-grey.arrowed:before,
.hi-theme .label-grey.arrowed-in:before,
.hi-theme .breadcrumbs .label.arrowed:before,
.hi-theme .breadcrumbs .label.arrowed-in:before { border-color: var(--hi-faded) !important; border-left-color: transparent !important; }
.hi-theme .nav-search .nav-search-input,
.hi-theme .breadcrumbs .nav-search-input { border-color: var(--hi-border); color: var(--hi-heading); }
.hi-theme .nav-search .nav-search-input:focus { border-color: var(--hi-primary); }

/* ---------- Riquadri (widget) ---------- */
.hi-theme .widget-box,
.hi-theme .widget-box.widget-color-blue2 { border-color: var(--hi-border); border-radius: 4px; overflow: hidden; }
.hi-theme .widget-color-blue2 > .widget-header,
.hi-theme .widget-box > .widget-header {
	background: var(--hi-primary);
	border-color: var(--hi-primary);
	color: #fff;
}
.hi-theme .widget-header .widget-title,
.hi-theme .widget-header > .widget-title { color: #fff; font-weight: 600; }
.hi-theme .widget-header .badge { background-color: rgba(255, 255, 255, .22); color: #fff; }
.hi-theme .widget-toolbar:before { border-color: rgba(255, 255, 255, .25); }
.hi-theme .widget-toolbar > a,
.hi-theme .widget-toolbar > a .ace-icon,
.hi-theme .widget-header .widget-toolbar .fa { color: #fff; }
.hi-theme .widget-toolbox,
.hi-theme .widget-toolbox.padding-8 { background-color: var(--hi-bg-alt); border-color: var(--hi-border); }
.hi-theme .widget-body { border-color: var(--hi-border); }

/* ---------- Tabelle ---------- */
.hi-theme .table > thead > tr,
.hi-theme .table > thead > tr > th { background: var(--hi-bg-alt); color: var(--hi-heading); border-color: var(--hi-border); }
.hi-theme .table-bordered,
.hi-theme .table-bordered > tbody > tr > td,
.hi-theme .table-bordered > tbody > tr > th,
.hi-theme .table-bordered > thead > tr > th,
.hi-theme .table > tbody > tr > td,
.hi-theme .table > tbody > tr > th { border-color: var(--hi-border); }
.hi-theme .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f8f9fb; }
.hi-theme .table-hover > tbody > tr:hover { background-color: var(--hi-primary-soft); }
.hi-theme td.category,
.hi-theme th.category,
.hi-theme td.category label,
.hi-theme th.category label { background-color: var(--hi-bg-alt) !important; color: var(--hi-heading); }

/* ---------- Pulsanti ---------- */
.hi-theme .btn-primary,
.hi-theme .btn-primary:focus,
.hi-theme .btn-primary.focus,
.hi-theme .btn-info,
.hi-theme .btn-info:focus { background-color: var(--hi-primary) !important; border-color: var(--hi-primary); color: #fff !important; }
.hi-theme .btn-primary:hover,
.hi-theme .btn-primary:active,
.hi-theme .btn-primary.active,
.hi-theme .open > .btn-primary.dropdown-toggle,
.hi-theme .btn-info:hover { background-color: var(--hi-primary-dark) !important; border-color: var(--hi-primary-dark); }

.hi-theme .btn.btn-white,
.hi-theme .btn.btn-white.btn-primary,
.hi-theme .btn.btn-white.btn-primary:focus {
	background-color: #fff !important;
	border-color: var(--hi-primary) !important;
	color: var(--hi-primary) !important;
	text-shadow: none !important;
}
.hi-theme .btn.btn-white:hover,
.hi-theme .btn.btn-white.btn-primary:hover,
.hi-theme .btn.btn-white.btn-primary:active,
.hi-theme .btn.btn-white.btn-primary.active {
	background-color: var(--hi-primary) !important;
	border-color: var(--hi-primary) !important;
	color: #fff !important;
}
.hi-theme .btn.btn-white.btn-primary:hover .ace-icon,
.hi-theme .btn.btn-white.btn-primary:hover .fa { color: #fff !important; }
.hi-theme .widget-header .btn.btn-white { border-color: #fff !important; }

/* ---------- Form ---------- */
.hi-theme .form-control:focus,
.hi-theme input[type="text"]:focus,
.hi-theme input[type="password"]:focus,
.hi-theme input[type="email"]:focus,
.hi-theme select:focus,
.hi-theme textarea:focus { border-color: var(--hi-primary) !important; box-shadow: 0 0 0 2px var(--hi-primary-soft) !important; }
.hi-theme input.ace[type="checkbox"]:checked + .lbl:before,
.hi-theme input.ace[type="radio"]:checked + .lbl:before { color: var(--hi-primary); border-color: var(--hi-primary); }

/* ---------- Varie ---------- */
.hi-theme .badge-info,
.hi-theme .label-info,
.hi-theme .label-primary,
.hi-theme .badge-primary { background-color: var(--hi-primary); }
.hi-theme .pagination > .active > a,
.hi-theme .pagination > .active > a:hover,
.hi-theme .pagination > .active > span { background-color: var(--hi-primary); border-color: var(--hi-primary); }
.hi-theme .pagination > li > a { color: var(--hi-primary); }
.hi-theme .nav-tabs > li.active > a,
.hi-theme .nav-tabs > li.active > a:hover,
.hi-theme .nav-tabs > li.active > a:focus { border-top-color: var(--hi-primary); color: var(--hi-primary); }
.hi-theme .lighter { color: inherit; }
.hi-theme #btn-scroll-up,
.hi-theme .btn-scroll-up { background-color: var(--hi-primary) !important; border-color: var(--hi-primary) !important; }

/* ---------- Footer ---------- */
.hi-theme .footer .footer-inner .footer-content { border-top: 1px solid var(--hi-border); }

/* ---------- Login ---------- */
.hi-theme .login-layout,
.hi-theme .login-layout.light-login { background: var(--hi-bg-alt); }
.hi-theme .login-layout .widget-box,
.hi-theme .login-layout .widget-box .widget-main { background: #fff; border: 0; }
.hi-theme .login-layout .widget-box {
	border-radius: 6px;
	box-shadow: 0 8px 30px rgba(15, 19, 31, .08);
	border-top: 4px solid transparent;
	border-image: var(--hi-gradient) 1;
	border-image-width: 4px 0 0 0;
}
.hi-theme .login-layout .widget-box .widget-main h4,
.hi-theme .login-layout .header { color: var(--hi-heading); border-color: var(--hi-border); }
.hi-theme .login-layout .widget-box .widget-main h4 .ace-icon { color: var(--hi-primary); }
.hi-theme .login-layout .btn,
.hi-theme .login-layout input[type="submit"] {
	background-color: var(--hi-primary) !important;
	border-color: var(--hi-primary) !important;
	color: #fff !important;
	border-radius: 4px;
}
.hi-theme .login-layout .btn:hover,
.hi-theme .login-layout input[type="submit"]:hover { background-color: var(--hi-primary-dark) !important; border-color: var(--hi-primary-dark) !important; }
.hi-theme .login-layout .toolbar,
.hi-theme .login-layout .toolbar a { background: transparent; color: var(--hi-primary); border: 0; text-shadow: none; }
.hi-theme .login-logo { padding-top: 10px; }
.hi-theme .login-logo img { max-width: 100%; height: auto; }
@media (max-width: 480px) {
	.hi-theme .login-logo img { max-width: 78%; }
}