/* Leave status: Partially Approved — orange, white text */
.btn-pa { background-color: #FF8C00 !important; border-color: #FF8C00 !important; color: #fff !important; }
.btn-pa:hover, .btn-pa:focus { background-color: #d97700 !important; border-color: #d97700 !important; color: #fff !important; }

/* Leave status: Clarification Required — dark teal, white text */
.btn-clarif { background-color: #0a7a8c !important; border-color: #0a7a8c !important; color: #fff !important; }
.btn-clarif:hover, .btn-clarif:focus { background-color: #085f6d !important; border-color: #085f6d !important; color: #fff !important; }

/* Leave status: Clarification Responded — purple, white text */
.btn-cr { background-color: #6f42c1 !important; border-color: #6f42c1 !important; color: #fff !important; }
.btn-cr:hover, .btn-cr:focus { background-color: #5a32a3 !important; border-color: #5a32a3 !important; color: #fff !important; }

/* Fix breadcrumb divider - override SmartHR template URL */
:root {
	--bs-breadcrumb-divider: '/';
}

.text-right {
	text-align: right !important;
}
.red-text {
	color: red !important;
}
.text-800 {
	font-weight: 800;
}
.toggle-password-eye {
    top: 34.5%;
    right: 22px;
}
.hidden {
	display: none !important;
}
.p-l-2 {
  padding-left: 2rem;
}
.m-0 {
  margin: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}

/*Project update page design*/

.accordion {
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  margin-bottom: 12px;
  border: 1px solid #ddd;
}

.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  cursor: pointer;
  background-color: #e2e8f0;
  font-weight: bold;
  transition: background 0.3s ease;
}

.accordion-header:hover {
  background-color: #cbd5e0;
}

.accordion-icon {
  font-size: 20px;
  transition: transform 0.3s ease;
}

.accordion-body {
  display: none;
  padding: 15px 20px;
  background-color: #fefefe;
}

.accordion-body ul {
  padding-left: 20px;
}

.accordion.active .accordion-body {
  display: block;
}

.accordion.active .accordion-icon {
  content: "-";
}