body * {
  font-family: BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji, "Open Sans";
}

body,
html {
  background-color: #22252a !important;
  color: #ccc;
}

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

.nav-tabs > li.active > a {
  border-top: 2px solid white !important;
}

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

.nav-tabs > li > a {
  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;
}

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

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

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

.skin-3 .nav-list li.active > a::before {
  background-color: transparent !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: white !important;
  color: #5b626f !important;
  text-shadow: 0px 0px 10px #3c3c3c !important;
}

#projects-list li.active:hover > a,
#projects-list li.active > a,
#projects-list li:hover > a,
#projects-list li > a:active,
#projects-list li > a:focus 
{
  color: #FFF !important;
  background-color: #000 !important;
  margin: 0px;
  border-radius: 0px !important;
  font-weight: bold;
}

#projects-list li.dividier {
  background-color: #3c3c3c;
}

.ace-nav > li {
  border-left: 0 solid #e1e1e1 !important;
}

.btn.btn-white,
.btn-primary,
.btn.btn-white.btn-primary {
  background-color: #5b626f !important;
  border: 0 transparent !important;
  color: #fafafa !important;
  padding: 3px 12px !important;
  border-radius: 15px !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: white !important;
  color: #5b626f !important;
  text-shadow: 0px 0px 10px #3c3c3c !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: #212326 !important;
}

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

.footer {
  color: #ccc;
}

.footer-content {
  background-color: inherit !important;
  border-top: 1px dotted #8b949e !important;
}

.label {
  background-color: #657ae7 !important;
  color: #c2c8e4;
  padding: 3px 10px;
  border-radius: 5px;  
}

.label:before {
  border-right-color: #657ae7 !important;
}

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

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

.breadcrumbs a,
.breadcrumb > li,
.breadcrumb > li.active,
.breadcrumbs .nav-search-icon {
  color: #8b949e !important;
}

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

.breadcrumbs .nav-recent {
  color: white !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: 5px !important;
  width: 300px !important;
}

.breadcrumbs .nav-recent {
  right: 350px !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: #646464 !important;
}

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

.widget-box {
  border: 1px solid #3c3c3c !important;
}

.table, table {
  background-color: inherit !important;
}

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

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

.widget-body .table a {
  color: white !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: #2d3035 !important;
  color: #8b949e !important;
  border: 0 #fff !important;
}

.widget-body .table {
  background-color: #2d3035 !important;
  color: #8b949e !important;
  border: 0 #fff !important;
}

.widget-body .table.table-hover > tbody > tr:hover {
  background-color: #3c3f44 !important;
}

.widget-body .table-striped > tbody > tr {
  /*background-color: #22252a !important;*/
  background-color: transparent !important;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.widget-body .table td {
  border: 1px solid #3c3c3c !important;
  padding: 10px 15px;
  line-height: 18px !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: #3c3c3c !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: #3c3c3c !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-toolbox {
  background-color: #212326 !important;
  border: 0 transparent !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;
}

select, input {
  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: #8b949e;
}

.nav-list a:hover .menu-text,
.nav-list a:hover .menu-icon,
.nav-list li.active a .menu-text {
  color: white !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-color: transparent !important;
  border-right-color: white !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: white !important;
}

.skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text {
  border-color: #515151 !important;
  background-color: #2d3035 !important;
}
.sidebar.menu-min.compact .nav-list > li > a {
  line-height: 19px;
}

.skin-3 .nav-list > li.active {
  border-color: #515151 !important;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.skin-3 .nav-list > li.active:first-child {
  border-color: #515151 !important;
  border-top-width: 0px !important;
  border-bottom-width: 1px;
}


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

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

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

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

.arrow::after {
  border-right-color: white !important;
}

.menu-text {
  color: #8b949e !important;
}

.sidebar-toggle,
.skin-3 .sidebar-toggle {
  background-color: inherit !important;
  border-color: #3c3c3c !important;
  color: #515151 !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: #515151 !important;
  color: #515151 !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: #646464 !important;
  color: #8b949e;
}

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

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

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

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

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

.skin-3 .breadcrumbs .nav-recent {
  font-size: medium;
}

[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::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: white !important;
}

.ace-nav > li.grey > a {
  color: #8b949e !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-color: white #2d3035 transparent !important;
}

.nav-tabs {
  border-bottom: 0 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,
.dropzone,
table select {
  background-color: #22252a !important;
  color: #fff !important;
  border: 1px solid #3c3c3c !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: #8b949e !important;
}

.widget-header .white:hover {
  text-decoration: underline;
  color: #8b949e !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: #22252a !important;
  border-color: #212326 !important;
}

.sidebar.compact .nav-list > li > a > .menu-icon {
  color: #fff !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: white!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: #8b949e !important;
}

.navbar .navbar-brand {
  color: #8b949e !important;
}

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

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

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

.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-info a {
  color: #31708f !important;
  font-weight: bold;
}

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

.alert.alert-success {
  background-color: #3c763d;
  color: #dff0d8;
  border-radius: 5px;
  box-shadow: -1px 2px 15px -3px #131111cf;
  border-color: #434343 !important;
}

.alert.alert-success .btn-group a.btn.btn-primary {
  background-color: white !important;
  color: #3c763d !important;
  font-weight: bold;
  text-shadow: 0 0 10px #dff0d8 !important;
}

code {
  color: rgb(221, 73, 110);
  background-color: rgb(43, 20, 26);
}

.status-10-fg {
  color: #e57373;
}
.status-10-bg {
  background-color: #e57373 !important;
}
.status-20-fg {
  color: #ba68c8;
}
.status-20-bg {
  background-color: #ba68c8 !important;
}
.status-30-fg {
  color: #ffb74d !important;
}
.status-30-bg {
  background-color: #ffb74d !important;
}
.status-40-fg {
  color: #fff176 !important;
}
.status-40-bg {
  background-color: #fff176;
}
.status-50-fg {
  color: #64b5f6 !important;
}
.status-50-bg {
  background-color: #64b5f6;
}
.status-80-fg {
  color: #4db6ac !important;
}
.status-80-bg {
  background-color: #4db6ac;
}
.status-90-fg {
  color: #e8e8e8 !important;
}
.status-90-bg {
  background-color: #e8e8e8 !important;
}

table .row-category {  
  padding: 4px 8px !important;
  color: #e8e8e8;
}

table .row-category b {  
  padding: 4px 8px !important; 
  line-height: 2;
}

#navbar.navbar {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  background-color: #2d3035 !important;
}

.navbar-container .btn-primary {
  padding: 8px 20px !important;
  border-radius: 5px !important;
}

.navbar-container a#report-bug.btn-primary {
  background-color: #7ba529 !important;
  color: white;
} 
.navbar-container a#report-bug.btn-primary i {
  color: white !important;
} 

.navbar-container a#report-bug.btn-primary:hover {
  color: white !important;
} 
.navbar-container a#report-bug.btn-primary:hover i {
  color: white !important;
} 

.navbar-brand {
  font-weight: bold;
  font-variant: small-caps;
}
.navbar-buttons .nav.ace-nav li a {  
  border-radius: 5px !important;
  margin-right: 5px;
}

.widget-box, .breadcrumbs {
  border-radius: 5px;
  box-shadow: -1px 2px 15px -3px #131111cf;
}
.breadcrumbs {
  border-radius: 5px !important;
}

.page-content .bug-summary {
  color: white !important;
  font-weight: bold;
} 

.widget-body .table td.column-summary a { 
  font-weight: normal;
}

#bug-summary h4 {
  color: white !important;
  font-weight: bold;
}

.bug-description {

  background-color: #646464;
  color: #FFFFFF;
  font-size: 16px;

}

.status-picker a {  
  background-color: #22252a;
}

.btn-group.status-picker {
  margin: 20px 8px 12px 0px !important;
}

.btn-group.status-picker a.btn {
  margin: 0px !important;
  text-transform: uppercase !important;
  background-color: #818a9a !important; 
  color: #333 !important; 
  border-radius: 0px !important;
  font-size: 13px;
  text-shadow: 0 0 0 transparent !important;
  padding: 8px 6px; 
  font-weight: 400;
  border: 1px solid #26282d !important;
  border-right: 0px solid #26282d !important;
}

.btn-group.status-picker a.btn:hover {
  background-color: #5b626f !important; 
}

.btn-group.status-picker a.btn:first-child {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    padding-left: 10px; 
}

.btn-group.status-picker a.btn:last-child {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-right: 1px solid #26282d !important;
    padding-right: 10px; 
}

.btn-group.status-picker a.btn.status-picker-selected {
  font-weight: 600; 
  padding-left: 15px !important; 
  padding-right: 15px !important; 
  background-image: url("https://mantis.exiin.com/images/arrow-right.png") !important; 
  background-repeat: no-repeat;
  background-position: right;
  color: #FFF !important; 
}

.btn-group.status-picker a.btn.status-picker-next-selected {
  padding-left: 25px !important; 
  padding-right: 15px !important; 
  background-image: url("https://mantis.exiin.com/images/arrow-left.png") !important; 
  background-repeat: no-repeat;
  background-position: left;
}

/*
// '10:new,20:feedback,30:acknowledged,40:confirmed,50:assigned,80:resolved,90:closed';
//$g_status_colors = array(
//  'new'          => '#fcbdbd', # red    (scarlet red #ef2929)
//  'feedback'     => '#e3b7eb', # purple (plum        #75507b)
//  'acknowledged' => '#ffcd85', # orange (orango      #f57900)
//  'confirmed'    => '#fff494', # yellow (butter      #fce94f)
//  'assigned'     => '#c2dfff', # blue   (sky blue    #729fcf)
//  'resolved'     => '#d2f5b0', # green  (chameleon   #8ae234)
//  'closed'       => '#c9ccc4'  # grey   (aluminum    #babdb6)
//);
*/
.status-picker a.btn.status-10-bg {
  background-color: #E57373 !important; 
}
.status-picker a.btn.status-20-bg {
  background-color: #BA68C8 !important;
}
.status-picker a.btn.status-30-bg {
  background-color: #FFB74D !important; 
}
.status-picker a.btn.status-40-bg {
  background-color: #FFF176 !important;
}
.status-picker a.btn.status-50-bg {
  background-color: #64B5F6 !important;
}
.status-picker a.btn.status-55-bg {
  background-color: #FF7F50 !important; 
}
.status-picker a.btn.status-80-bg {
  background-color: #4DB6AC !important;
}
.status-picker a.btn.status-60-bg {
  background-color: #ACE7AE !important;
}
.status-picker a.btn.status-90-bg {
  background-color: #c9ccc4 !important;
}

.page-content .main-column-0 {
  padding-right: 0px;
  padding-left: 0px;
}

.page-content .side-bar-0 {
  padding-right: 0px;
  padding-left: 0px;
}

#time_tracking_stats .hours-input, #break_minutes {
  width: 60px;
  text-align: center;
}

.th-time {
  width: 80px;
}


.calendar a.cday {

}


.calendar .cday {
  height: 60px;
  position: relative;
}
.calendar .cday.td-weekends {
  height: 60px;
  background-color: #00000010;
}

.calendar .cday .cdmo {
  display: block;
  position: absolute;
  float: left;
  font-weight: lighter;
  font-size: small;
  color: #8b949e;
  text-align: center;
  width: 20px;
  height: 20px;
  padding-top: 1px;
  background-color: #3a3939;
  border-radius: 20px;
}
.calendar .ticket-list {
  font-size: 9px;
  font-weight: 400;
  display: block;
  position: absolute;
  margin: -10px 0 0 -8px;
  overflow: hidden;
  height: 19px;
  color: #716e6e;
}
.calendar .ticket-list a {
  color: #716e6e !important;
  font-weight: 400;
}
.calendar .ticket-list a:hover {
  color: #1B6AAA !important;
  font-weight: 400;
  text-decoration: none;
}

.calendar .project-name {
  font-size: 9px;
  font-weight: 400;
  display: block;
  position: absolute;
  float: right;
  overflow: hidden;
  margin: -60px -21px;
  width: 100%;
  text-align: right;
  color: #716e6e;
}

.calendar th.bold {
  width: 12.5%;
  text-align: center;
}
.calendar th.bold.total {
   width: 8.5%;
   text-align: center;
 }
.calendar .cday {
  height: 70px;
}

.calendar .cday.td-weekends .cdmo {
  background-color: #524f4f;
}

.calendar .cday.td-today .cdmo {
  background-color: #1B6AAA;
  border-radius: 20px;
  color: #fff;
}

.calendar .cday.td-warning {
  background-color: #ce4f39;
}

.calendar .cday.td-invalid {
  background-color: #282a2f;
}
.calendar .cday.td-selected {
  background-color: #27455f;
}
.calendar .cday:hover {
   background-color: #27455f66;
 }
.calendar .chpd {
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  text-align: center;
  display: block;
  height: 40px;
  width: 100%;
}

.calendar .cday .chpd {

}

.calendar .cday.td-invalid .chpd {
  color: #484747;
}

.calendar .chpd-total {
  margin-top: 15px;
  font-size: 18px;

}
.calendar .chpd-under {
  display: block;
  margin-right: 5px;
  font-size: 10px;
  color: #ce4f3966;
}
.calendar .chpd-extra {
  display: block;
  margin-right: 5px;
  font-size: 10px;
  color: #7ba52966;
}

.calendar .cday.td-invalid .cdmo {
  background-color: #333232;
}

.calendar-selector {

}
.table {
  margin-bottom: 3px;
}

#time_tracking_stats .form-control.field_need_update,
#time_tracking_stats .form-select.field_need_update {
  border: 1px solid green !important;
}

#td_timetracking_submit_area.field_need_update button {
  background-color: green !important;
}
#td_timetracking_submit_area.field_need_update button:hover {
  background-color: lightgreen !important;
}