[class*="sidebar-dark-"] .sidebar div {
  color: #c2c7d0;
}

body {
  background-color: #fffefd !important;
}

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

.content-wrapper, .main-footer {
  background-color: #fffefd !important;
}

.info-box .progress-description,
.info-box .info-box-text {
  font-weight: bold;
}

.info-box .info-box-number {
  display: block;
  font-weight: 700;
  font-size: 2rem;
}

.sub-project td {
  border-top: none;
}

.bg-transparent {
  background-color: transparent;
}

.badge {
  font-weight: normal;
}

.badge-details {
  min-width: 65px;
}

.box-details tr {
  border-bottom: 1px solid lightgray;
}

.badge-critical {
  color: #ffffff;
  background-color: var(--bs-orange); 
}

.badge-teal {
  color: #ffffff;
  background-color: var(--bs-teal);
}

.box-details td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.box-details .row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-top: 1px solid lightgray;
}

.box-details .row:first-of-type {
  border-top: none;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: transparent transparent transparent;
}

.nav-tabs .nav-link {
  border-top: 3px solid transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-color: #dee2e6 #dee2e6 #ffffff;
  border-top: 3px solid var(--bs-secondary);
}

.border-none {
  border: none !important;
}

.timeline > .time-label > span {
  border-radius: 4px;
  background-color: #ffffff;
  display: inline-block;
  font-weight: 400;
  padding: 5px;
}

.timeline-header {
  font-size: 13px !important;
}

.timeline-body {
  font-size: 14px !important;
}

.timeline-footer {
  padding-top: 0 !important;
  text-align: right;
}

.timeline > div > .timeline-item {
  margin-right: 0 !important;
}

.tab-pane .row {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 1px solid lightgray;
}

.tab-pane .row:first-of-type {
  border-top: none;
  padding-top: 0;
}

.tab-pane .row:last-of-type {
  padding-bottom: 0;
}

.bg-black {
  background-color: black;
}

.text-black {
  color: black !important;
}

ul,#project_folder_tree, #escalation_folder_tree {
  list-style-type: none;
}

#project_folder_tree, #escalation_folder_tree {
  margin: 0;
  padding: 0;
}

.tree-caret {
  cursor: pointer;
  user-select: none; 
}

.tree-item {
  cursor: pointer;
  user-select: none; 
}

.tree-caret > .las {
    transform: rotate(0.03deg);
    transition-duration: 0.1s;
    transition-property: transform;
  }
  
.tree-caret-down > .la-angle-right {
  transform: rotate(90deg);
  transition-duration: 0.1s;
  transition-property: transform;
}

.tree-nested {
  display: none;
  padding-left: 24px;
}

.tree-active {
  display: block;
}

.tree-selected {
  font-weight: 700;
}

.la-folder {
  transform: rotate(0.03deg) !important;
}

.callout.callout-dark {
  border-left-color: #343a40;
}

.callout.callout-secondary {
  border-left-color: var(--bs-secondary);
}

.project-card-name, .escalation-card-name {
  font-size: 14px;
}

.dropdown-toggle {
  border: none !important; 
}

.dropdown-menu-right {
  left: unset !important;
}

.img-bordered-xs {
  border: 1px solid #adb5bd;
  padding: 1px;
  width: 34px;
  height: 34px;
}

.project-listitem, .escalation-listitem {
  font-size: 14px;
}

.loading-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(255,255,255,0.7);
  z-index: 50;
}

.toasts-top-right {
  z-index: 1060;
}

.toast {
  display: block !important;
}

.toast.showing {
  opacity: 0 !important;
}

.toast-body {
  background-color: rgba(255,255,255,1.0) !important;
  color: #343a40 !important;
}

.modal .btn {
  min-width: 80px;
}

.tree-drop-target {
  color: var(--bs-primary) !important;
  font-weight: bold !important;
}

.splash-page .btn, .signin-page .btn, .changepassword-page .btn {
  min-width: 80px;
}

.splash-page, .signin-page, .changepassword-page {
  -ms-flex-align: center;
  align-items: center;
  background: #e9ecef;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -ms-flex-pack: center;
  justify-content: center;
}

.signin-box, .changepassword-box {
  width: 360px;
}

@media (max-width: 576px) {
  .signin-box, .changepassword-box {
    margin-top: 20px;
    width: 90%;
  }
}

.signin-box-msg, .changepassword-box-msg {
  margin: 0;
  padding: 0 20px 20px;
  text-align: center;
}

.signin-box .input-group-text, .changepassword-box .input-group-text {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  min-width: 42px;
  padding-left: 0px;
  padding-right: 0px;
  justify-content: center;
}

.user-block {
  line-height: 33px !important;
}

.dropdown-item {
  line-height: 30px;
}

.timeline > div > .la,
.timeline > div > .las,
.timeline > div > .lar,
.timeline > div > .lab,
.timeline > div > .glyphicon,
.timeline > div > .ion {
  background: #adb5bd;
  border-radius: 50%;
  font-size: 15px;
  height: 30px;
  left: 18px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
}

.btn.disabled {
  color: #adb5bd !important;
}

.la-lg {
  font-size: 20px !important;
}

.project-listitem-status > span, .project-listitem-visibility > span, .escalation-listitem-status > span {
  line-height: 11px !important;
}

.form-control:focus, .form-select:focus {
  box-shadow: 0 0 0 1px rgba(13, 110, 253, 0.25);
}

.form-group > textarea {
  font-size: 14px;
}

.activity, .labtest, .pilottest, .issue-update, .update {
  box-shadow: none !important;
  font-size: 14px !important;
  background-color: #f8f9fa !important;
  border: 1px solid #dee2e6;
}

.activity-member-img, .labtest-member-img, .pilottest-member-img, .issue-update-member-img, .update-member-img {
  height: 33px !important;
  width: 33px !important;
}

.activity-update, .labtest-update, .pilottest-update, .issue-update-update, .update-update, .timeline-body {
  font-size: 14px;
}

.activity-update p, .labtest-update p, .pilottest-update p, .issue-update-update p, .update-update p, .timeline-body p {
  margin-bottom: 0.5rem !important;
}

.activity-update ul li, .labtest-update ul li, .pilottest-update ul li, .issue-update-update ul li, .update-update ul li, .timeline-body ul li {
  list-style-type: circle !important;
}

.timeline-member-img {
  height: 25px !important;
  width: 25px !important;
}

.time-since {
  font-size: 12px;
}

.timeline > div > .las {
  padding-top: 1px;
}

.project-listitem-pin.pinned, .escalation-listitem-pin.pinned {
  transform: rotate(-45deg);
}

.project-card-pin, .escalation-card-pin {
  transform: translate(0px, -3px);
}

.project-card-pin.pinned, .escalation-card-pin.pinned {
  transform: rotate(-45deg) translate(5px, -1px);
}

.updated-flag {
  position: absolute;
  right: -10px;
  top: -7px;
  transform: rotate(-45deg);
  font-size: 10px !important;
}

.updated-badge {
  border-radius: 50% !important;
  width: 2px;
  height: 8px;

  position: absolute;
  right: -12px;
  top: -5px;
}

.notification-dropdown-item {
  cursor: pointer;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  overflow: hidden;
}

#notification_badge {
  right: 10px !important;
  top: 7px !important;
}

.dropdown-item.disabled {
  color: var(--bs-dropdown-link-disabled-color) !important;
}

.note-editable {
  font-size: 14px;
}

.note-editable p {
  margin-bottom: 0.5rem !important;
}

.note-editable ul li {
  list-style-type: circle !important;
}

.opportunity-found, .ewr-found {
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.opportunity-found:hover, .ewr-found:hover {
  color: var(--bs-primary) !important;
  font-weight: bold !important;
}

.input-group-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.form-check-input:focus {
  box-shadow: 0 0 0 1px rgba(13, 110, 253, 0.25) !important;
}

.tab-content .btn {
  min-width: 60px;
}

.tab-pane {
  position: relative;
}

.user-select-text {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  user-select: text !important;

}