:root{
    --accent:              #6eb091; /* rgba(185, 140, 19, 0.9); */
    --accent2:             #4b7187;
    --soft-accent:         #45b7c3;

    --ticket-new:          rgba(154, 12, 12, 0.7);
    --ticket-feedback:     #902158;
    --ticket-acknowledged: #a18f58;
    --ticket-confirmed:    rgba(69, 193, 185, 0.73);
    --ticket-assigned:     rgba(46, 103, 137, 0.82);
    --ticket-resolved:     #8bba8d;
    --ticket-closed:       #8c9e91;
    }

yhtml{
    background-color: #fff !important
    }

em, a em{
    /* font-family:    'Barlow Condensed Italic'; */
    font-family:    'VictorMono';
    font-style:     italic;
    font-variant:   all-small-caps;
    letter-spacing: 1px;
    }

.fa{
    margin-right: 5px;
    }

*:not(i){
    font-style:  normal;
    font-weight: 400;
    }

body{
    font-size:        14px;
    font-style:       normal;
    font-weight:      300;
    background-color: #22252a !important;
    transition:       all 1s ease-in;
    }

.main-content{
    /* transition: cubic-bezier(.46, .03, .52, .96) 2s !important;*/
    transition: all 1s ease-in;
    animation:  ease-in 1s;
    }

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

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

.nav-tabs a{
    background-color: #2d3035 !important;
    color:            white !important;
    }

.nav-tabs > li > a{
    margin-right:  2px;
    line-height:   1.42857143;
    border:        1px solid #2d3035;
    border-radius: 4px 4px 0 0;
    }

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

.nav-tabs > li > a:hover{
    background-color: #fff;
    color:            #4c8fbd;
    border-color:     #212326;
    }

.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: #212326 !important;
    }

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

.dropdown-toggle{
    background-color: #2d3035 !important
    }

.dropdown-toggle:hover{
    background-color: #212326 !important
    }

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

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

.dropdown-menu .search{
    background-color: #3c3c3c !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: var(--accent) !important;
    color:            #f0f0f0 !important
    }

.dropdown-menu .divider{
    height:           1px;
    margin:           9px 0;
    overflow:         hidden;
    background-color: transparent !important;
    }

.ace-nav > li{
    line-height: 45px;
    height:      45px;
    border-left: 0px solid #e1e1e1 !important;
    padding:     0;
    position:    relative;
    float:       left;
    }

a.btn i.fa{
    color: white !important;
    }

a.btn .btn-xs .btn-nospace{
    margin-left:  0 !important;
    margin-right: 0 !important;
    }

.btn.btn-white, .btn-primary, .btn.btn-white.btn-primary{
    background-color: var(--accent) !important;
    color:            #000 !important;
    border:           none !important;
    border-radius:    2px !important;
    padding:          3px 12px !important;
    font-size:        14px;
    opacity:          .9;
    font-variant:     all-small-caps;
    margin-right:     5px;
    }

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

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

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

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

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

.footer-content{
    background-color: #282828 !important;
    border-top-color: var(--accent) !important;
    border-top-style: dotted !important;
    border-top-width: 1px !important
    }

.label{
    background-color: var(--accent2) !important;
    color:            white;
    padding:          3px 8px;
    font-weight:      normal !important;
    border-radius:    3px !important;
    }

.label:before{
    border-right-color: rgba(96, 90, 83, 0.56) !important
    }

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

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


.breadcrumbs .nav-recent{
    color:   var(--accent) !important;
    padding: 10px !important;
    }

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

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

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

.breadcrumbs a,
.breadcrumb > li, .breadcrumb > li.active{
    color: #bdbbbb !important;
    }

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

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

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

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

.widget-box, .widget-main{
    background-color: #26282d !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;
    }

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

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

.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: #2d3035 !important;
    color:            var(--soft-accent) !important;
    padding:          10px !important;
    font-weight:      300 !important;
    font-variant:     all-small-caps;
    font-size:        90%;
    }

.widget-body .table td{
    background-color: #2d3035 !important;
    border-color:     #fff !important;
    color:            white !important;
    padding:          5px !important;
    font-weight:      100 !important;
    border:           0 !important;
    }

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

.widget-body .table td{
    border-color: #3c3c3c !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: #292b2f !important;
    border-bottom:    1px solid #2d3035 !important;
    color:            #fff !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: #1d1f24 !important
    }

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

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

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

.widget-toolbox{
    border:           0 !important;
    background-color: rgba(22, 19, 19, 0.95) !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: #323232 !important;
    border-color:     #3c3c3c !important;
    color:            #fafafa !important
    }

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

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

.skin-3 .sidebar{
    background-color: #2d3035 !important;
    border-color:     #2d3035 !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:     #2d3035 !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: #3c3c3c !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: var(--accent) !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: var(--accent) !important;
    float:            left;
    }

.nav-list > li > a > .menu-icon{
    float:      left !important;
    text-align: left;
    }

.skin-3 .nav-list > li.open:before, .skin-3 .nav-list > li:hover:before{
    background-color: var(--accent) !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: #212326 !important;
    }

.skin-3 .nav-list > li.active:before, .skin-3 .nav-list > li.active + li:before{
    background-color: var(--accent) !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: transparent !important
    }

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

.menu-text{
    color:            #fefefe !important;
    background-color: transparent !important;
    text-align:       left !important;
    margin-top:       5px;

    }

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

.sidebar-toggle > .ace-icon, .skin-3 .sidebar-toggle > .ace-icon{
    background-color: #212326 !important;
    border-color:     var(--accent) !important;
    color:            var(--accent) !important
    }

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

.well{
    background-color: #646464 !important;
    color:            white;
    }

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

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

td.category, tr.bugnote .bugnote-note{
    background-color: #22252a !important;
    color:            #b1b1b1 !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:     #b00 !important
    }

.bootstrap-datetimepicker-widget, .bootstrap-datetimepicker-widget *{
    background-color: #323232 !important;
    color:            #fff !important
    }

.bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget span.month:hover, .bootstrap-datetimepicker-widget span.year:hover{
    background-color: #3c3c3c !important
    }

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

/* added */
td{
    border:  0 !important;
    padding: 10px !important;
    }

.widget-box[class*="widget-color-"] > .widget-header{
    padding: 10px 20px;
    }

.skin-3 .breadcrumbs{
    margin-top:  -10px;
    margin-left: 1px;
    }

.widget-color-blue2 > .widget-header{
    border:           0 !important;
    /* background-color: #999 !important;*/
    background-color: #2d3035 !important;
    color:            white !important;
    border-bottom:    1px solid #22252a !important;
    }

.footer-content{
    display: none;
    }


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

.profile-activity .thumbicon{
    border-radius: 100% !important;
    line-height:   32px;
    }

form + form,
a.btn + a.btn{
    margin-left: 10px;
    }

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

.sidebar.compact .nav-list > li > a{
    padding: 8px;
    }

.skin-3 .nav-list > li.active::before, .skin-3 .nav-list > li.active + li::before{
    /*background-color: transparent !important;*/
    }

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

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

.ace-nav > li.grey > a{
    color: white !important;
    }

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

tr.spacer td{
    padding: 0 !important;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background-color: #2d3035 !important;
    color:            #fff !important;
    }

.nav-tabs > li.active > a{
    border-top:   2px solid var(--accent) !important;
    border-color: var(--accent) #2d3035 transparent !important;
    }

.nav-tabs{
    border-bottom:       0px solid #2d3035 !important;
    border-bottom-color: rgb(45, 48, 53);
    }

.nav-tabs > li > a, .nav-tabs > li > a:focus{
    border-radius:    0 !important;
    border-color:     #2d3035;
    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{
    background-color: #22252a !important;
    color:            #fff !important;
    border:           1px solid black !important;
    border-radius:    3px !important;

    }

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

.widget-body .table-striped > tbody > tr:nth-of-type(2n+1):hover{
    /*background-color: transparent !important;*/
    }

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

a i{
    color: #bbb !important;
    }

.lead{
    font-size:     1.1em;
    margin-top:    0;
    margin-bottom: 20px;
    margin-left:   20px;
    }

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

.white{
    color: rgba(211, 216, 220, 0.96) !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: #212326 !important;
    border-color:     #212326 !important;
    }

.sidebar.compact .nav-list > li > a > .menu-icon{
    color: var(--accent) !important;
    }

ul.nav.nav-list{
    margin:  0;
    padding: 0;

    }

.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: #2d3035 !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: white !important;
    }

.navbar .navbar-brand{
    color: white !important;
    }

.navbar{
    background-color: #2d3035 !important;
    }

.page-header h1{
    color: #fff;
    }

.label.arrowed{
    border-radius: 0 18px 18px 0;
    }

input, option, select{
    font-family: "Barlow Condensed";
    }

a.subtle{
    padding: 3px;
    }

a.subtle:hover{
    background-color: var(--accent);
    color:            black !important;
    border-radius:    3px !important;
    }

#buglist th{
    font-weight:  300 !important;
    font-variant: all-small-caps;
    }

.label.category,
.roadmap .label{
    min-width:    140px !important;
    width:        140px !important;
    text-align:   left;
    margin-right: 1rem;
    }

a.issue_link{
    font-family: VictorMono, monospace;
    font-size:   90%;
    }


.roadmap li a.issue_link{
    display:      inline-block;
    min-width:    50px !important;
    margin-right: 1rem;
    }

.label.funlabel{
    min-width:  140px !important;
    text-align: left;
    }

.breadcrumbs .nav-recent a.issue_link{
    width:     auto !important;
    font-size: x-small !important;}

.alert-danger p,
.alert-warning p,
.alert-success p{
    margin-left: 1rem;
    }

.alert-danger p:before{
    font-family:  FontAwesome;
    content:      "\f06a";
    margin-right: 1rem;
    font-size:    130%;
    }

.alert-warning p:before{
    font-family:  FontAwesome;
    content:      "\f071";
    margin-right: 1rem;
    font-size:    130%;
    }

p:empty{
    display: none;
    }

.alert-info p:before{
    font-family:  FontAwesome;
    content:      "\f0a6";
    margin-right: 1rem;
    font-size:    130%;
    }

.alert-success p:before{
    font-family:  FontAwesome;
    content:      "\f164";
    margin-right: 1rem;
    font-size:    130%;
    }

.widget-box.widget-color-blue2.report-ui .widget-header,
.widget-toolbox.report-ui
.report-ui .widget-header{
    background-color: rgba(28, 30, 32, 0.86) !important;
    }

.widget-header,
.widget-title{
    color:       white;
    text-shadow: 2px 2px 1px black;
    font-size:   120%;
    }

a.bug_url{
    font-size:   125%;
    font-weight: 300 !important;
    }

span.time{
    margin-left: 10px;
    color:       #777 !important;
    }

tr.my-buglist-bug{
    border-bottom: 1px dashed #000 !important;
    }

.my-buglist-bug .label{
    opacity:     .8;
    text-shadow: 1px 1px 1px black;
    }

.my-buglist-bug .label:hover{
    opacity: 1;
    }

.statuslabel,
.proj-det{
    padding:          3px 8px;
    background-color: darkgoldenrod;
    color:            #000;
    font-family:      VictorMono, monospace;
    font-size:        x-small;
    margin-bottom:    2px;
    margin-right:     5px;
    border-radius:    3px;
    float:            right;
    }

.statuslabel{
    background-color: rgba(80, 111, 150, 0.6);
    }

input[name="summary"]{
    font-size:     120%;
    border-bottom: 2px solid var(--accent) !important;
    }

.accent{color: var(--accent) !important;}

.accent2{color: var(--accent2) !important;}

.soft-accent{color: var(--soft-accent) !important;}

.tooltip,
.ace_hover,
.arrowed,
.tooltip-inner,
.progress{
    background: rgba(96, 90, 83, 0.56) !important;
    }

.btn-scroll-up.display{
    opacity:                .7;
    bottom:                 1px;
    visibility:             visible;
    width:                  50px;
    height:                 40px;
    font-size:              1.7rem;
    border-top-left-radius: 10px;
    }

.btn-scroll-up.display:hover{
    background-color: var(--accent) !important;
    color:            black !important;
    height:           50px;
    }