:root { 
    --bg-color-1: #E4E6E9;
    --bg-color-2: #438EB9;
    --bg-color-3: #F9F9F9;
    --bg-color-4: #F9F9F9;
    --bg-color-5: #C5D0DC;
    --bg-color-6: #e4e6e9;
    --bg-color-7: #e4e6e9;
    --bg-color-8: #E4E6E9;
    --bg-color-9: #e4e6e9;
    --bg-color-10: transparent;
    --bg-color-11: #e9e5e6;
    --bg-color-12: #e9e5e6;
    --bg-color-13: #fff;
    --bg-color-14: #C5D0DC;
    --bg-color-15: #C5D0DC;
    --fg-color-1: #393939;
    --fg-color-2: #393939;
    --fg-color-3: #fafafa;
    --fg-color-4: #393939;
    --fg-color-5: #494949;
    --fg-color-6: #212326;
    --fg-color-7: #212326;
    --fg-color-8: #fff;
    --hilight-color: #1d9bf0;
    --icon: fa-square;
    --button-radius: 4px;
    --lable-arrowed-radius: 0 4px 4px 0;
    --label-radius: 4px;
    --avatar-40-radius: 4px;
    --avatar-80-radius: 15%;
    --search-input-radius: 4px;
    --base-navbar-header-display: none;
    --base-navbar-header-min-height: 60px;
    --base-navbar-username-top: 11px;
}
.status-10-fg { color: #ce2029; }
.status-10-bg { background-color: #ce2029; }
.status-20-fg { color: #ff6347; }
.status-20-bg { background-color: #ff6347; }
.status-30-fg { color: #ff4500; }
.status-30-bg { background-color: #ff4500; }
.status-40-fg { color: #ff8c00; }
.status-40-bg { background-color: #ff8c00; }
.status-50-fg { color: #1e90ff; }
.status-50-bg { background-color: #1e90ff; }
.status-55-fg { color: #20b2aa; }
.status-55-bg { background-color: #20b2aa; }
.status-60-fg { color: #ff2800; }
.status-60-bg { background-color: #ff2800; }
.status-80-fg { color: #69c337; }
.status-80-bg { background-color: #69c337; }
.status-90-fg { color: #c9ccc4; }
.status-90-bg { background-color: #c9ccc4; }
body,
html
{
	background-color:           var(--bg-color-1)                       !important;
	color:                      var(--fg-color-2);
}

.navbar
{
	background-color:           var(--bg-color-2)                       !important;
    min-height:                 var(--base-navbar-header-min-height)    !important;
    /*min-height:         60px                !important;*/
}

.nav-tabs > li.active > a
{
    border-top:                 2px solid var(--hilight-color)          !important
}

.nav-tabs a
{
	background-color:           var(--bg-color-3)                       !important;
	color:                      var(--fg-color-1)                       !important;
}

.nav-tabs > li > a
{
	border:                     1px solid var(--bg-color-3);
	border-radius:              4px 4px 0 0;
}

.nav-tabs a:hover
{
	background-color:           var(--bg-color-12)                      !important;
	color:                      var(--fg-color-7)                       !important;
}

.nav-tabs > li > a:hover
{
	background-color:           var(--fg-color-4);
	color:                      #4c8fbd;
	border-color:               var(--bg-color-4);
}

.skin-3 .nav-list > li {	
	border-bottom-width: 1px;
}

.skin-3 .nav-list > li.active + li {
	border-color:               transparent                             !important; 
}

.skin-3 .nav-list > li.active + li:last-child {
	border-bottom-color:        transparent                             !important;
}

.skin-3 .nav-list > li.active + li:hover,
.skin-3 .nav-list > li.active + li:last-child:hover {
	border-bottom-color:        inherit                                 !important;
}

.dropdown-toggle
{
	background-color:           var(--bg-color-3)                       !important;
}

.dropdown-toggle:hover
{
	background-color:           var(--bg-color-4)                       !important;
}

.dropdown-menu,
.skin-3 .infobox-container .infobox:not(.infobox-dark), .skin-3 .nav-list li.active > a::before
{
	background-color:           var(--bg-color-3)                       !important;
}

.dropdown-menu a
{
	color:                      var(--fg-color-5)                       !important;
}

.dropdown-menu .search
{
	background-color:           var(--bg-color-5)                       !important;
	color:                      var(--fg-color-5)                       !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:           var(--hilight-color)                    !important;
	color:                      #f0f0f0                               !important;
    text-shadow:                0px 0px 10px brown;
}

.ace-nav > li
{
    border-left:                0 solid #e1e1e1                       !important;
    height:                     var(--base-navbar-header-min-height)    !important;
    line-height:                var(--base-navbar-header-min-height)    !important;
}

.btn.btn-white, .btn-primary, .btn.btn-white.btn-primary
{
    background-color:           #5b626f                               !important;
    border:                     0 transparent                           !important;
    color:                      var(--fg-color-3)                       !important;
    padding:                    3px 12px                                !important;
    border-radius:              var(--button-radius)                    !important;
}

.btn.btn-white.active,
.btn-primary.active,
.btn.btn-white.btn-primary.active,
.btn.btn-white:hover,
.btn-primary:hover,
.btn.btn-white.btn-primary:hover,
.btn-primary.focus, .btn-primary:focus
{
    background-color:       var(--hilight-color)                        !important;
    text-shadow:            0px 0px 10px brown                        !important;
}

.btn-primary.no-hover:active, .btn-primary.no-hover:hover
{
    background-color:       #16181c                                   !important;
}

.btn-group .form-inline fieldset .btn.btn-white {
	margin-top:             3px;
	margin-right:           5px;
}

.btn-group > .btn, .btn-group > .btn + .btn, .btn-group > .btn:first-child {
    margin-right:           5px                                         !important;
}

.skin-3 .nav-list > li > a:hover, .skin-3 .nav-list > li.active > a:hover
{
	border-color:           var(--bg-color-4)                           !important;
}

.main-content, .page-content, .main-container, .main-container:before, .main-container.container:before, .skin-3 .main-container:before
{
	background:             var(--bg-color-1)                           !important;
}

.footer
{
	color:                  var(--fg-color-2);
}

.footer-content
{
	background-color:       var(--bg-color-8)                           !important;
	border-top:             1px dotted var(--hilight-color)             !important;
}

.label
{
	background-color:       var(--hilight-color)                        !important;
	color:                  var(--fg-color-8);
	padding:                3px 10px;
	border-radius:          var(--label-radius);
	text-shadow:            0px 0px 10px brown;
}

.label:before
{
	border-right-color:     var(--hilight-color)                        !important
}

.label.arrowed-in-right:after
{
	border-color:           var(--hilight-color)                        !important;
	border-right-color:     transparent                                 !important;
}

.breadcrumbs
{
	border-radius:          0                                           !important;
	background-color:       var(--bg-color-3)                           !important;
	padding:                10px                                        !important;
}

.breadcrumbs a,
.breadcrumb > li,
.breadcrumb > li.active,
.breadcrumbs .nav-search-icon
{
	color:                  var(--fg-color-1)                           !important;
}

.breadcrumbs .breadcrumb {
	margin-top:             0;
}

.breadcrumbs .nav-recent
{
	color:                  var(--hilight-color)                        !important;
	top:                    23px                                        !important;
}
.breadcrumbs .nav-search {
	top:                    16px                                        !important;
}

.breadcrumbs .nav-search-input
{
    background-color:       #464646                                   !important;
    border-color:           transparent                                 !important;
    color:                  #f0f0f0                                   !important;
    border-radius:          var(--search-input-radius)                  !important;	
}

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

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

.widget-header .badge
{
	background-color:       var(--bg-color-11)                          !important
}

.widget-box, .widget-main
{
	background-color:        var(--bg-color-10)                         !important;
	border:                  0 transparent                              !important;
}

.widget-box {
	border:                 1px solid var(--bg-color-5)                 !important;
}

.table
{
	background-color:       inherit                                     !important
}

.table-bordered
{
	border:                 0 transparent                               !important;
	background-color:       var(--bg-color-6)                           !important
}

.widget-body
{
	background-color:       transparent                                 !important;
	color:                  var(--fg-color-1)                           !important
}

.widget-body .table a
{
	color:                  var(--hilight-color)                        !important;
	font-weight:            bold;
}

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

.widget-body .table a.btn
{
	color:                  var(--fg-color-3)                           !important
}

.widget-body .table th
{
	background-color:       var(--bg-color-3)                           !important;
	color:                  var(--fg-color-1)                           !important;
	border:                 0 var(--fg-color-4)                         !important;
}

.widget-body .table
{
	background-color:       var(--bg-color-3)                           !important;
	color:                  var(--fg-color-1)                           !important;
	border:                 0 var(--fg-color-4)                         !important;
}

.widget-body .table.table-hover > tbody > tr:hover {
    background-color:       var(--bg-color-6)                           !important
}

.widget-body .table-striped > tbody > tr
{
	/*background-color: var(--bg-color-1) !important;*/
	background-color:       transparent                                 !important;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.widget-body .table td
{
	border:                 1px solid var(--bg-color-5)                 !important;
	padding:                10px 15px;
	line-height:            18px                                        !important;
}

.widget-body .table thead
{
	background-color:       var(--bg-color-9)                           !important
}

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

.widget-body .table thead tr td
{
	background-color:       #292b2f                                   !important;
	border-bottom:          1px solid var(--bg-color-3)                 !important;
    color:                  var(--fg-color-4)                           !important;
}

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

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

.widget-body .table-responsive
{
	background-color: var(--bg-color-5)                                 !important;
	color:                  #4a4a4a                                   !important;
	border:                 0px solid transparent                       !important;
}
/*
.widget-body .table-striped > tbody > tr:nth-of-type(odd)
{
	background-color: transparent !important
}
*/

.widget-body .table-striped > tbody > tr:hover
{
	background-color:       var(--bg-color-7)                           !important
}

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

.profile-activity:nth-of-type(even)
{
	background-color:       var(--bg-color-13)                          !important
}

.profile-activity:nth-of-type(odd):hover
{
	background-color:       var(--bg-color-14)                          !important
}

.profile-activity:hover
{
	background-color:       var(--bg-color-15)                          !important;
}

.widget-toolbox
{
	background-color:       var(--bg-color-4)                           !important;
	border:                 0 transparent                               !important;
}

.table-hover > tbody > tr.spacer:hover
{
	background-color:       var(--fg-color-2)                           !important
}

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

.form-inline .input-sm
{
	background-color:       var(--bg-color-2)                           !important;
	border-color:           var(--bg-color-5)                           !important;
	color:                  var(--fg-color-3)                           !important
}

select
{
	background-color:       var(--bg-color-9)                           !important;
	color:                  var(--fg-color-5)                           !important
}

.skin-3 .sidebar
{
	background-color:       var(--bg-color-3)                           !important;
	border-color:           var(--bg-color-3)                           !important;
	border-width:           0 0 0 0                                     !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:           var(--bg-color-3)                           !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:           var(--bg-color-5)                           !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:                  var(--fg-color-1);
}

.nav-list a:hover .menu-text,
.nav-list a:hover .menu-icon,
.nav-list li.active a .menu-text
{
	color:                  var(--hilight-color)                        !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:     var(--hilight-color)                        !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,
.skin-3 .nav-list > li.open:before,
.skin-3 .nav-list > li:hover:before,
.skin-3 .nav-list > li.active:before,
.skin-3 .nav-list > li.active + li:before
{
	background-color:       var(--hilight-color)                        !important
}

.skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text
{
	border-color:           var(--bg-color-9)                           !important
}

.skin-3 .nav-list > li.active
{	
	border-color:           var(--hilight-color)                        !important;
	border-top-width:       1px;
	border-bottom-width:    1px;
}

.skin-3 .nav-list > li.active:first-child
{
    border-top-width:       0px;
}

.skin-3 .nav-list > li:hover + li
{
	border-top-color:       transparent                                 !important;
}

.skin-3 .nav-list > li:hover + li.active
{
	border-top-color:       var(--hilight-color)                        !important;
}

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

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

.arrow::after
{
	border-right-color:     var(--hilight-color)                        !important
}

.menu-text
{
	color:                  var(--fg-color-1)                           !important;
}

.sidebar-toggle, .skin-3 .sidebar-toggle
{
	background-color:       inherit                                     !important;
	border-color:           var(--bg-color-5)                           !important;
	color:                  var(--hilight-color)                        !important;
	border-bottom:          0 !important;
	padding:                20px 0                                      !important;
}

.sidebar-toggle > .ace-icon, .skin-3 .sidebar-toggle > .ace-icon
{
	background-color:       var(--bg-color-4)                           !important;
	border-color:           var(--hilight-color)                        !important;
	color:                  var(--hilight-color)                        !important;
	position:               relative                                    !important;
	width:                  25px;
	height:                 25px;
	display:                block;
	margin:                 auto;
}

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

.well
{
	background-color:       var(--bg-color-11)                          !important;
	color:                  var(--fg-color-1);
}

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

tr.spacer
{
	background-color:       var(--bg-color-1)                           !important;
}

td.category, tr.bugnote .bugnote-note
{
    background-color:       var(--bg-color-1)                           !important;
	color:                  var(--fg-color-6)                           !important;
}

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

span.required
{
	color:                  #ff3f3f                                   !important
}

span.dependency_met
{
	color:                  #43a047                                   !important
}

span.dependency_unmet
{
	color:                  #d32f2f                                   !important
}

.bootstrap-datetimepicker-widget, .bootstrap-datetimepicker-widget *
{
	background-color:       var(--bg-color-2)                           !important;
	color:                  var(--fg-color-4)                           !important
}

.bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget span.month:hover, .bootstrap-datetimepicker-widget span.year:hover
{
	background-color:       var(--bg-color-5)                           !important
}

.bootstrap-datetimepicker-widget td.day.active, .bootstrap-datetimepicker-widget span.month.active, .bootstrap-datetimepicker-widget span.year.active
{
	background-color:       #282828                                   !important
}

.widget-color-orange2 > .widget-header
{
    border:                 0                                           !important;
    background-color:       var(--bg-color-3)                           !important;
    color:                  var(--fg-color-1)                           !important;
    border-bottom:          1px solid var(--bg-color-1)                 !important;
}

.skin-3 .breadcrumbs
{
	margin:                 20px;
}

[class*="widget-color-"] > .widget-header > .widget-toolbar::before
{
	border-color:           transparent                                 !important;
}

.profile-activity .thumbicon
{
	border-radius:          100%                                        !important;
	position:               relative;
}

.profile-activity .thumbicon::before,
.skin-3 .sidebar-toggle > .ace-icon::before {
	position:               absolute;
	top:                    50%;
	left:                   50%;
	transform:              translate(-50%, -50%);
	-ms-transform:          translate(-50%, -50%);
}

/*
.sidebar-toggle > .ace-icon, .skin-3 .sidebar-toggle > .ace-icon::before {
	
}
*/

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

/* .sidebar .nav-list > li a {
	padding: 10px 0 10px !important;	
} */

.nav-list > li.active > a
{
	font-weight:            inherit                                     !important;
}

a
{
	color:                  var(--hilight-color)                        !important;
}

.ace-nav > li.grey > a
{
	color:                  var(--fg-color-1)                           !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
	background-color:       var(--bg-color-3)                           !important;
	color:                  var(--fg-color-4)                           !important;
}

.nav-tabs > li.active > a
{
	border-color:           var(--hilight-color) var(--bg-color-3) transparent !important;
}

.nav-tabs
{
	border-bottom:          0 solid var(--bg-color-3)                   !important;
	border-bottom-color:    rgb(45, 48, 53);
}

.nav-tabs > li > a, .nav-tabs > li > a:focus
{
	border-radius:          0                                           !important;
	border-color:           var(--bg-color-3);
	background-color:       #f9f9f9;
	color:                  #999;
	margin-right:           -1px;
	line-height:            18px;
	position:               relative;
}

.form-control,
.input-sm,
input,
.form-inline .input-sm,
textarea.form-control,
input.form-control,
.dropzone
{
    background-color:       var(--bg-color-1)                           !important;
    color:                  var(--fg-color-4)                           !important;
    border:                 1px solid var(--bg-color-5)                 !important;
}

input[type="file"]
{
	padding:                10px;
}

.small-caption
{
	font-size:              9pt;
}

a i
{
    color:                  #bbb                                        !important;
}

.lead
{
	font-size:              1.1em;
}

.widget-toolbox.padding-8
{
	padding:                8px 17px;
}

.white
{
	color:                  white                                       !important;
}

.widget-header .white:hover
{
	text-decoration: underline;
	color:                  white                                        !important;
}

.widget-title .badge
{
	margin:                 0 0 0 10px                                     !important;
}

.skin-3 .nav-list > li.active.highlight > a, .skin-3 .nav-list > li.active > a,
.sidebar.compact .nav-list > li > a:hover
{
    background-color:       var(--bg-color-4)                               !important;
    border-color:           var(--bg-color-4)                               !important;
}

.sidebar.compact .nav-list > li > a > .menu-icon
{
	color:                  var(--fg-color-4)                               !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: var(--hilight-color)!important;
}*/

.skin-3 .nav-list > li.open::before, .skin-3 .nav-list > li:hover::before,
.skin-3 .nav-list li.active > a::before,
.skin-3 .nav-list > li.active::before, .skin-3 .nav-list > li.active + li::before
{
	display:                none;
}

.ace-nav > li > a > .ace-icon
{
	color:                  var(--fg-color-1)                               !important;
}

.navbar .navbar-brand
{
	color:                  var(--fg-color-1)                               !important;
}

.navbar
{
	background-color:       var(--bg-color-3)                               !important;
    border-bottom:          1px solid var(--hilight-color);
}

.page-header h1
{
	color:                  #4a4a4a;
}

.label.arrowed
{
    border-radius:          var(--lable-arrowed-radius);
}

.pager > li > a,
.pagination > li > a
{
	background-color:       #282828                                         !important;
	border-color:           #434343                                         !important;
}

.pager > li.disabled > a,
.pager > li.disabled > a:hover,
.pagination > li.disabled > a,
.pagination > li.disabled > a:hover
{
	color:	                #4a4a4a                                         !important;
}

.alert.alert-danger {
	background:             #a94442;
	color:                  #f2dede;
}

.alert.alert-success {
	background-color:       #3c763d;
	color:                  #dff0d8;
}

.alert.alert-success .btn-group a.btn.btn-primary {
	background-color:       var(--hilight-color)                           !important;
	text-shadow:            0 0 10px brown                               !important;
}

.ace-nav .nav-avatar-40 {
    margin:                 -4px 8px 0 0;
    border-radius:          100%;
    border:                 2px solid var(--hilight-color)                 !important;
    max-width:              40px;
    max-height:             40px;
    border-radius:          var(--avatar-40-radius)                         !important;    
}

#powered-by-mantisbt-logo {
    display:                none;
}

.navbar-header
{
    /*display:              block;*/
    display:                var(--base-navbar-header-display)              !important;
}

/* PATCH MANTIS BUG */
input
{
    opacity:                1                                              !important;
}

.affinis-avatar
{
    margin:                 5px;
    border:                 transparent;
    background:             transparent;
}

.affinis-avatar-184
{
    max-width:              184px;
    max-height:             184px;
}

.affinis-avatar-64
{
    max-width:              64px;
    max-height:             64px;
}

.affinis-avatar-32
{
    max-width:              32px;
    max-height:             32px;
} 

.affinis-avatar-124
{
    margin:                 5px;
    /* border-radius:      100%; */
    border:                 transparent;
    background:             transparent;
    max-width:              124px;
    max-height:             124px;
    /* border-radius:      10px !important;    */
}

.affinis-avatar-project-image-row
{
    display:                block;
}

.affinis-avatar-project-image-container
{
    display:                inline-block;
    vertical-align:         bottom;
}

.affinis-nav
{
    top:                    0;
    left:                   0;
    position:               fixed;
    z-index:                10000;
    
    
    /* border: solid 1px red;  */
    
}

.affinis-nav div.affinis-nav-project-avatar-area
{
    margin:                 5px;
    color:                  white;
    width:                  50px;
    max-width:              50px;
    height:                 50px;
    max-height:             50px;
}

.affinis-nav div.affinis-nav-project-title-area
{
    margin:                 7px;
}

a.affinis-project-icon
{
    display: inline-block;
    border:                 1px white solid;
    width:                  100%;
    height:                 100%;
    /* background-color: var(--fg-color-1); */
    text-align:             center;
    vertical-align:         middle;
    font-size:              26px;
    /* padding-top:            4px; */
    border-radius:          5px                                              !important;   
}

a.affinis-project-icon:hover,
a.affinis-project-icon:visited
{
    color:                  white                                           !important;
    text-decoration:        none;
    
}

.affinis-project-icon span
{
    
    color:                  white;
    text-align:             center;
    vertical-align:         middle;
}

.affinis-project-icon img
{
    max-width:              100%;
    max-height:             100%;
}


.affinis-nav .affinis-avatar-60
{
    
    border:                 transparent;
    background:             transparent;
    max-width:              50px;
    max-height:             50px;
    border-radius:          10px                                             !important;   
}

/* @font-face {
    font-family: 'Bradly Hand ITC';
    src: url('../fonts/bradhitc.ttf') format('truetype');
    font-weight: normal;
} */

.affinis-nav a.affinis-brand-title ,
.affinis-nav a.affinis-brand-title:hover 
{
    color:                  var(--fg-color-1)                                 !important;
    text-decoration:        none;
    font-size:              26px;
}

.affinis-nav .affinis-brand-breadcrumb
{
    position:               relative;
    top:                    -10px;
    color:                  white                                           !important;
    font-size:              18px;
}

.affinis-nav .affinis-brand-breadcrumb a
{
    text-decoration:        none;
    color:                  white                                           !important;
}

.affinis-nav .affinis-brand-breadcrumb a:hover
{
    text-decoration:        underline;
    color:                  white                                             !important;
}

.bugnote-avatar-80
{
    border-color:           var(--bg-color-2)                                   !important;
    border-radius:          var(--avatar-80-radius)                             !important;
}

.user-info
{
    top:                    var(--base-navbar-username-top)                     !important;
}