Mantis Jabar Template by nurarifin09

/* ==UserStyle==
@name         Mantis Jabar Template
@version      20220606.10.05
@namespace    userstyles.world/user/nurarifin09
@description  Mantis Jabar Template
@author       nurarifin09
@license      No License
==/UserStyle== */

@-moz-document domain("mantis.baleprasutisingaperbangsa.com") {
font-familyhtml {
	background-color: #ffffff !important
}

*:not(i) {
	/* 	font-family: 'IBM Plex Sans' !important; */
	font-style: normal;
	font-weight: 400;
}

body {
	/* 	font-family: 'IBM Plex Sans' !important; */
	font-style: normal;
	font-weight: 400;
	background-color: #ffffff !important
}

.navbar {
	background-color: #059657 !important
}

.nav-tabs > li.active > a {
	border-top: 2px solid #7272ab !important
}

.nav-tabs a {
	background-color: #ccc !important;
	color: #4a4a4a !important
}

.nav-tabs a:hover {
	background-color: #505050 !important;
	color: #fafafa !important
}

.dropdown-toggle {
	background-color: #FFD026 !important;
	color: #000 !important;
}

.dropdown-toggle:hover {
	background-color: #FFD026 !important;
	color: #000 !important;
}

.dropdown-menu {
	background-color: #059657 !important
}

.dropdown-menu a {
	color: #e6e6e6 !important
}

.dropdown-menu .search {
	background-color: #059657 !important;
	color: #e6e6e6 !important
}

.dropdown-menu li.active:hover > a,
.dropdown-menu li.active > a,
.dropdown-menu li:hover > a,
.dropdown-menu li > a:active,
.dropdown-menu li > a:focus {
	background-color: #FFD026 !important;
	color: #000 !important
}

.btn.btn-white,
.btn-primary,
.btn.btn-white.btn-primary {
	background-color: #059657 !important;
	border-color: transparent !important;
	border: 0 !important;
	color: #fafafa !important;
	border-radius: 16px !important;
	padding: 3px 12px !important;
}

.btn.btn-white i,
.btn-primary i,
.btn.btn-white.btn-primary i {
	color: #fafafa !important;
}


.btn.btn-white.active,
.btn-primary.active,
.btn.btn-white.btn-primary.active {
	background-color: #FFD026 !important;
}

.btn.btn-white:hover,
.btn-primary:hover,
.btn.btn-white.btn-primary:hover {
	background-color: #FFD026 !important;
	color: #000 !important;
}

.btn.btn-white:hover i,
.btn-primary:hover i,
.btn.btn-white.btn-primary:hover i {
	color: #000 !important;
}

.main-content,
.page-content,
.main-container,
.main-container:before,
.main-container.container:before,
.skin-3 .main-container:before {
	background: #fff !important;
	background-color: #fff !important
}

.footer-content {
	background-color: #282828 !important;
	border-top-color: #7272ab !important;
	border-top-style: dotted !important;
	border-top-width: 1px !important
}

.label {
	background-color: #FFD026 !important;
	color: black;
	border-radius: 18px;
	padding: 3px 10px;
}

.label:before {
	border-right-color: #FFD026 !important
}

.label.arrowed-in-right:after {
	border-color: #FFD026 !important;
	border-right-color: transparent !important
}

.breadcrumbs {
	border-radius: 0 !important;
	background-color: #eee !important;
	padding: 10px !important;
}

.breadcrumbs a {
	color: #4a4a4a !important
}

.breadcrumbs .nav-recent {
	color: #4a4a4a !important;
	padding: 10px !important;
}

.breadcrumbs .nav-search {
	top: 16px;
}

.breadcrumbs .nav-search-input {
	background-color: #fff !important;
	border-color: transparent !important;
	color: #000 !important;
	border-radius: 18px !important;
}

.breadcrumbs .nav-search-icon {
	color: #059657 !important
}

.input-icon > input {
	padding-left: 30px;
	padding-right: 10px;
}

.widget-header {
	background-color: #5f5f70 !important;
	border-color: #5f5f70 !important
}

.widget-header .white:hover {
	color: #c8c8c8 !important
}

.widget-header .badge {
	background-color: #059657 !important
}

.widget-box,
.widget-main {
	background-color: #fff !important;
	border-color: transparent !important;
	border: 0 !important;
}

.widget-box {
	box-shadow: 0px 0px 5px #ccc;
}

.table {
	background-color: inherit !important
}

.table-bordered {
	border: 0 !important;
	border-color: transparent !important;
	background-color: #fff !important
}


.widget-body {
	background-color: transparent !important;
	color: #4a4a4a !important
}

.widget-body .table a {
	color: #4a4a4a !important;
	font-weight: bold;
}

.widget-body .table a.tagi-brighter {
	color: #babaff !important;
	font-weight: bold
}

.widget-body .table a.btn {
	color: #fafafa !important
}

.widget-body .table th {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #4a4a4a !important;
	/* 	padding: 20px !important; */
	font-weight: 100 !important;
	border: 0 !important;
}

.widget-body .table th {
	/*color: #e6e6e6 !important*/
}

.widget-body .table td {
	border-color: #059657 !important
}

.widget-body .table thead {
	background-color: #505050 !important
}

.widget-body .table thead tr {
	background-color: inherit !important
}

.widget-body .table thead tr td {
	background-color: #fff !important;
	border-bottom: 1px solid silver !important;
	color: #4a4a4a !important;
}

.buglist-headers {
	border-bottom: 1px solid silver !important;
}

.widget-body .fa-pencil {
	color: #d2d2d2 !important
}

.widget-body .table-responsive {
	background-color: #fff !important;
	color: #4a4a4a !important
}

.widget-body .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: transparent !important
}

.widget-body .table-striped > tbody > tr:nth-of-type(even):hover,
.widget-body .table-striped > tbody > tr:nth-of-type(odd):hover {
	/*background-color: #ccc !important*/
}

.widget-body .table-striped > tbody > tr {
	background-color: #fff !important
}

.widget-body .table-striped > tbody > tr:hover {
	/*background-color: #ccc !important*/
}

.widget-body .profile-activity {
	border-color: transparent !important
}

.profile-activity:nth-of-type(even) {
	background-color: #eee !important
}

.profile-activity:nth-of-type(odd):hover {
	background-color: #fff !important
}

.profile-activity:hover {
	background-color: #eee !important;
}

.widget-body .profile-activity:hover {
	/*background-color: #ccc !important*/
}

.widget-toolbox {
	border: 0 !important;
	background-color: #eee !important;
	border-color: transparent !important
}

.table-hover > tbody > tr:hover {
	/*background-color: inherit !important*/
}

.table-hover > tbody > tr.spacer:hover {
	background-color: #ccc !important
}

.btn-toolbar {
	padding: 10px 0 !important;
	background-color: transparent !important
}

.form-inline .input-sm {
	background-color: #059657 !important;
	border-color: #059657 !important;
	color: #fafafa !important
}

.form-control,
.input-sm,
input {
	background-color: #059657 !important;
	border-color: #059657 !important;
	color: #fafafa !important
}

select {
	background-color: #505050 !important;
	color: #e6e6e6 !important
}

.skin-3 .sidebar {
	background-color: #eee !important;
	border-color: #eee !important
}

.nav-list,
.skin-3 .nav-list > li,
.skin-3 .nav-list > li > a,
.skin-3 .nav-list > li.active > a {
	background-color: inherit !important;
	border-color: #ccc !important
}

.nav-list:hover,
.skin-3 .nav-list > li:hover,
.skin-3 .nav-list > li > a:hover,
.skin-3 .nav-list > li.active > a:hover {
	border-color: #059657 !important
}

.nav-list a:hover,
.skin-3 .nav-list > li a:hover,
.skin-3 .nav-list > li > a a:hover,
.skin-3 .nav-list > li.active > a a:hover {
	background-color: #bbb !important;
	border-color: #bbb !important;
	color: white;
}

.nav-list a:hover span,
.skin-3 .nav-list > li a:hover span,
.skin-3 .nav-list > li > a a:hover span,
.skin-3 .nav-list > li.active > a a:hover span {
	background-color: transparent !important
}

.nav-list li.active > a:before,
.skin-3 .nav-list > li li.active > a:before,
.skin-3 .nav-list > li > a li.active > a:before,
.skin-3 .nav-list > li.active > a li.active > a:before {
	color: rgba(0, 0, 0, 0) !important;
	border-right-color: #7272ab !important
}

.nav-list > li:before,
.nav-list > li:after,
.skin-3 .nav-list > li > li:before,
.skin-3 .nav-list > li > li:after,
.skin-3 .nav-list > li > a > li:before,
.skin-3 .nav-list > li > a > li:after,
.skin-3 .nav-list > li.active > a > li:before,
.skin-3 .nav-list > li.active > a > li:after {
	background-color: #7272ab !important
}

.skin-3 .nav-list > li.open:before,
.skin-3 .nav-list > li:hover:before {
	background-color: #7272ab !important
}

.skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text {
	border-color: #505050 !important
}

.skin-3 .nav-list > li.active,
.skin-3 .nav-list > li.active + li {
	border-color: #ccc !important
}

.skin-3 .nav-list > li.active:before,
.skin-3 .nav-list > li.active + li:before {
	background-color: #7272ab !important
}

.skin-3 .nav-list > li:hover + li {
	border-top-color: rgba(0, 0, 0, 0) !important
}

.menu-icon {
	color: #4a4a4a !important
}

.arrow {
	z-index: -1;
	background-color: none !important
}

.arrow::after {
	border-right-color: #7272ab !important
}

.menu-text {
	color: #4a4a4a !important;
	background-color: transparent !important
}

.sidebar-toggle,
.skin-3 .sidebar-toggle {
	background-color: inherit !important;
	border-color: #059657 !important;
	color: #7272ab !important;
	border-bottom: 0 !important;
	padding: 20px 0 !important;
}

.sidebar-toggle > .ace-icon,
.skin-3 .sidebar-toggle > .ace-icon {
	background-color: #ccc !important;
	border-color: #7272ab !important;
	color: #7272ab !important
}

.sidebar-toggle:before,
.skin-3 .sidebar-toggle:before {
	border-color: inherit !important
}

.well {
	/* 	background-color: #059657 !important; */
	color: white;
}

.color-global {
	background-color: #4a4a4a;
}

tr.spacer {
	background-color: #ccc !important;
	height: 1px;
}

td.category,
tr.bugnote .bugnote-note {
	background-color: #fff !important;
	color: #4a4a4a !important
}

td.bug-summary {
	/*font-weight: bold;*/
	font-size: 1.1em
}

td.bug-description {
	/*font-weight: bold;*/
	font-size: 1.1em
}

td.bug-tags,
label.inline.small {
	color: grey
}

span.required {
	font-size: 10pt;
	color: #bb0000 !important
}

.bootstrap-datetimepicker-widget,
.bootstrap-datetimepicker-widget * {
	background-co...