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: ';
}

table {
    border-collapse: collapse !important;
}

.active-tr{
    border:3px solid #5eba00 !important;
}

.file-input[type=file]{
    overflow: hidden;
    cursor: pointer;
}