body {
  background-color: rgb(248, 248, 248);
  background-color: #F8F8F8;
}
#headerMenuCollapse.header {
  background-color: #333333;
}

/* Konfidi Color Navigation */
.nav-tabs .nav-link.active {
  color: #FFCB04;
  border-bottom-color: #FFCB04;
}

.nav-item hr {
  padding: 0;
  margin: 2px 0 2px 0;
}

/* Konfidi Button */
.btn-konfidi {
  color: #333;
  background-color: #ffcb04;
  border-color: #ffcb04;
}

.btn-konfidi:hover {
  color: #333;
  background-color: #ffcb04;
  border-color: #ffcb04;
}

.btn-konfidi:focus, .btn-konfidi.focus {
  box-shadow: 0 0 0 2px #ffcb04;
}

.btn-konfidi.disabled, .btn-konfidi:disabled {
  color: #333;
  background-color: #ffcb04;
  border-color: #ffcb04;
}

.btn-konfidi:not(:disabled):not(.disabled):active, .btn-konfidi:not(:disabled):not(.disabled).active,
.show > .btn-konfidi.dropdown-toggle {
  color: #333;
  background-color: #ffcb04;
  border-color: #ffcb04;
}

.btn-konfidi:not(:disabled):not(.disabled):active:focus, .btn-konfidi:not(:disabled):not(.disabled).active:focus,
.show > .btn-konfidi.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
}

.btn-outline-konfidi {
  color: #333;
  background-color: transparent;
  background-image: none;
  border-color: #ffcb04;
}

.btn-outline-konfidi:hover {
  color: #333;
  background-color: #ffcb04;
  border-color: #ffcb04;
}

.btn-outline-konfidi:focus, .btn-outline-konfidi.focus {
  box-shadow: 0 0 0 2px #ffcb04;
}

.btn-outline-konfidi.disabled, .btn-outline-konfidi:disabled {
  color: #333;
  background-color: transparent;
}

.btn-outline-konfidi:not(:disabled):not(.disabled):active, .btn-outline-konfidi:not(:disabled):not(.disabled).active,
.show > .btn-outline-konfidi.dropdown-toggle {
  color: #333;
  background-color: #ffcb04;
  border-color: #ffcb04;
}

.btn-outline-konfidi:not(:disabled):not(.disabled):active:focus, .btn-outline-konfidi:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-konfidi.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px #ffcb04;
}



/**
 * Timesheet Task Search
 */

.selectize-control.select-task .selectize-dropdown .task {
	display: block;
}

.selectize-control.select-task .selectize-dropdown .project {
  font-size: 12px;
  opacity: 0.8;
}

.selectize-control.select-task .selectize-dropdown [data-value] .project:before {
	content: 'Project: ';
}

.selectize-control.select-task .selectize-dropdown .customer {
  font-size: 12px;
  opacity: 0.8;
}

.selectize-control.select-task .selectize-dropdown [data-value] .customer:before {
	content: 'Customer: ';
}

.selectize-control.select-task .selectize-dropdown [data-value] .customer:after {
	content: ' - ';
}

/**
 * Timesheet Rate show/hide
 */
[class^="rate"], [class*=" rate"] {
  display: none;
}

.custom-control-center {
  left: 50%;
  top: 50%;
  transform: translateX(-30%) translateY(-55%);
}

/**
 * Report Project Select
 */
.selectize-control.select-project .selectize-dropdown .project {
	display: block;
}

.selectize-control.select-project .selectize-dropdown .customer {
  font-size: 12px;
  opacity: 0.8;
}

.selectize-control.select-project .selectize-dropdown [data-value] .customer:before {
	content: 'Customer: ';
}


/**
 * Report Timesheet
 */

table.report thead th[scope="col"] {
  font-weight: bold;
}

table.report thead th:nth-child(n+2), table.report tr td:nth-child(n+2) {
  width: 60px;
  text-align: center;
}

table.report tr td input {
  width: 60px;
}

/**
 * SimpeSamlPhp
 */
.content > [class^="container"] {
    flex: 1;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--tblr-gutter-x,1.5rem);
    padding-left: var(--tblr-gutter-x,1.5rem);
    margin-right: auto;
    margin-left: auto;
}