/* style for home page start */

.home-page {
  background: var(--white-color);
}

.welcome-title {
  font-size: 3rem;
  font-weight: 900;
  color: var(--primary-color);
  margin-bottom: 1rem;
  line-height: .8;
  letter-spacing: -4px;
  font-family: var(--bold-font);
}

.secondary-green-text {
  color: var(--secondary-green);
}

.welcome-desc {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--primary-gray);
  margin-bottom: 20px;
}

.services-wrapper {
  background: var(--muse-bg-gray);
  padding: 70px 0;
}

.section-title {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.section-desc {
  margin-bottom: 30px;
  color: var(--primary-gray);
}

.service-card {
  background: var(--white-color);
  border-radius: 15px;
  padding: 25px;
  height: 100%;
  transition: .3s;
}

.service-card:hover {
  transform: translateY(-5px);
}

.service-card h4 {
  font-size: 1.5rem;
  margin-bottom: 15px;
  color: var(--text-gray);
}

.service-card p {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--primary-gray);
  margin-bottom: 20px;
}

.service-card h6 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--muse-yellow);
  margin-bottom: 12px;
}

.service-card-content {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.service-icon {
  width: 72px;
  min-width: 72px;
}

.service-icon img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  display: block;
}

.service-info {
  flex: 1;
}

.announcement-box {
  background: var(--secondary-dark-green);
  color: var(--white-color);
  padding: 25px;
  border-radius: 12px;
}

.announcement-box h6 {
  margin-bottom: 8px;
}

.announcement-box p {
  color: var(--white-color);
}

@media (max-width: 767.98px) {

  .home-page {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .welcome-title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .welcome-desc {
    font-size: 0.95rem;
    margin-bottom: 1.25rem;
  }

  .hero-action .btn {
    width: 100%;
  }

  .section-title {
    font-size: 1.75rem;
  }

  .section-desc {
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
  }

  .services-wrapper {
    padding: 3rem 0;
  }

  .service-card {
    padding: 1.25rem;
  }

  .service-card-content {
    gap: 1rem;
  }

  .service-icon {
    width: 56px;
    min-width: 56px;
  }

  .service-icon img {
    width: 56px;
    height: 56px;
  }

  .service-card h4 {
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
  }

  .service-card h6 {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }

  .service-card p {
    font-size: 0.9rem;
    margin-bottom: 1rem;
  }

  .announcement-box {
    padding: 1.25rem;
  }

  .announcement-box h6 {
    font-size: 1rem;
  }

  .announcement-box p {
    font-size: 0.9rem;
  }
}

@media (max-width: 575.98px) {

  .welcome-title {
    font-size: 1.75rem;
    line-height: 1.2;
  }

  .service-card-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .service-icon {
    width: 60px;
    min-width: 60px;
  }

  .service-icon img {
    width: 60px;
    height: 60px;
  }
}
/* style for home page end */


/* style for dashboard main page start */
.main-content {
  height: calc(100vh - 120px);
  overflow-y: auto;
}

.leave-portal-dashboard {
  padding: 10px;
}

.dashboard-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 5px;
  color: var(--primary-gray);
}

.dashboard-subtitle {
  color: var(--primary-gray);
  font-size: 1rem;
}

.leave-card,
.holiday-card {
  border: 1px solid var(--muse-bg-gray);
  border-top: 4px solid var(--primary-green);
  border-radius: 12px;
  padding: 20px;
  height: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  background: var(--muse-bg-gray);
}

.leave-card:hover,
.holiday-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.leave-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.leave-card-header h6 {
  margin-bottom: 0;
  font-weight: 600;
  color: var(--muse-yellow);
  font-size: 1rem;
}

.leave-card-header span {
  color: var(--primary-color);
  font-size: 1.5rem;
}

.leave-balance {
  margin-bottom: 15px;
}

.leave-balance span {
  font-size: 2rem;
  font-weight: 700;
}

.progress {
  height: 8px;
}

.progress-bar{
  background-color: var(--muse-dark-green);
}

.holiday-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: 700;
  color: var(--muse-yellow);
}

.holiday-title .card-icon {
  font-size: 1.5rem;
  line-height: 1;
  color: var(--primary-green);
}

.holiday-item {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.holiday-date {
  width: 50px;
  height: 50px;
  background: var(--secondary-green);
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.holiday-name{
  font-size: 0.9rem;
}

.holiday-item p {
  margin-bottom: 0;
  color: var(--text-gray);
  font-size: 0.875rem;
}

.leave-history-card {
  background: var(--muse-bg-gray);
  border: 1px solid var(--hr-gray);
  border-radius: 12px;
  overflow: hidden;
}

.history-header {
  padding: 15px;
}

.history-header h4 {
  margin: 0;
  font-size: 1.15rem;
}

.leave-history-card table tr th{
  font-size: 1rem;
  color: var(--muse-dark-green);
  font-family: var(--medium-font);
}

.leave-history-card table tr td{
  font-size: 0.875rem;
  color: var(--text-gray);
  font-family: var(--regular-font);
  padding: 12px;
}

.status {
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.8125rem;
  font-weight: 600;
}

.status.approved {
  color: var(--primary-color);
  font-family: var(--medium-font);
}

.status.pending {
  color: var(--muse-yellow);
  font-family: var(--medium-font);
}

.status.rejected , .status.cancelled {
  color: var(--error-red);
  font-family: var(--medium-font);
}

.table-footer {
  text-align: center;
  padding: 15px;
  border-top: 1px solid var(--light-gray-f5);
}

.table-footer a {
  color: var(--secondary-green);
  text-decoration: none;
  font-family: var(--bold75-font);
}

.cancel-request .material-symbols-outlined {
  font-size: 1.8rem;
  color: var(--error-red);
}

.active-employees table th,
.active-employees table td{
    padding-left:20px;
    padding-right:20px;
}

@media (max-width: 991.98px) {

  .main-content {
    height: auto;
  }

  .dashboard-title {
    font-size: 1.5rem;
  }

  .dashboard-subtitle {
    font-size: 0.9375rem;
  }

  .leave-card,
  .holiday-card {
    padding: 16px;
  }

  .leave-balance span {
    font-size: 1.75rem;
  }

  .holiday-title {
    font-size: 0.9375rem;
  }

  .history-header h4 {
    font-size: 1.125rem;
  }
}

@media (max-width: 767.98px) {

  .main-content {
    padding: 1rem !important;
  }

  .leave-portal-dashboard {
    padding: 0;
  }

  .dashboard-title {
    font-size: 1.375rem;
  }

  .dashboard-subtitle {
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }

  .text-lg-end {
    text-align: left !important;
  }

  .btn-primary {
    width: 100%;
  }

  .leave-card,
  .holiday-card {
    padding: 15px;
  }

  .leave-card-header h6 {
    font-size: 0.9375rem;
  }

  .leave-card-header span {
    font-size: 1.25rem;
  }

  .leave-balance span {
    font-size: 1.5rem;
  }

  .holiday-date {
    width: 45px;
    height: 45px;
    font-size: 0.6875rem;
  }

  .holiday-name {
    font-size: 0.8125rem;
  }

  .holiday-item p {
    font-size: 0.75rem;
  }

  .leave-history-card table tr th,
  .leave-history-card table tr td {
    font-size: 0.8125rem;
    white-space: nowrap;
  }

  .status {
    padding: 5px 10px;
    font-size: 0.75rem;
  }

  .cancel-request {
    font-size: 0.75rem;
  }
}

@media (max-width: 575.98px) {

  .dashboard-title {
    font-size: 1.25rem;
  }

  .leave-card,
  .holiday-card {
    padding: 12px;
  }

  .holiday-item {
    gap: 10px;
  }

  .holiday-date {
    width: 40px;
    height: 40px;
  }

  .table-footer {
    padding: 12px;
  }
}
/* style for dashboard main page end */

/* style for apply leave page start*/
.form-card,
.applyleave-sidecard {
  background: var(--muse-bg-gray);
  border: 1px solid var(--muse-bg-gray);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.card-header-section {
  margin-bottom: 24px;
}

.card-header-section h4 {
  margin-bottom: 15px;
  font-size: 1.2rem;
  color: var(--muse-dark-green);
}

.card-header-section p {
  margin: 0;
  color: var(--primary-gray);
}

.applyform-label {
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--text-gray);
}

.duration-group,.half-session-group {
  display: flex;
  gap: 24px;
}

.applyform-actions {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.applyleave-sidecard h5 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 1rem;
  color: var(--muse-dark-green);
}

.material-symbols-outlined {
  color: var(--muse-dark-green);
}

.balance-item {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid var(--muse-bg-gray);
}

.balance-item:last-child {
  border-bottom: none;
}

.balance-item span {
  color: var(--text-gray);
  font-size: 0.85rem;
}

.balance-item strong {
  color: var(--muse-dark-green);
  font-size: 0.85rem;
}

#normalLeaveSection,
#specialHalfDaySection {
  width: 100%;
}

#specialHalfDaySection {
  margin-top: 10px;
}

#specialHalfDaySection .duration-group {
  display: flex;
  gap: 20px;
}

#specialHalfDaySection textarea {
  resize: none;
}

@media (max-width: 767.98px) {

  .main-content {
    padding: 1rem !important;
  }

  .form-card,
  .applyleave-sidecard {
    padding: 20px;
    border-radius: 10px;
  }

  .dashboard-title {
    font-size: 1.5rem;
    margin-bottom: 6px;
  }

  .dashboard-subtitle {
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .card-header-section {
    margin-bottom: 20px;
  }

  .card-header-section h4 {
    font-size: 1.1rem;
    margin-bottom: 8px;
  }

  .card-header-section p {
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .applyform-label {
    font-size: 0.9rem;
    margin-bottom: 6px;
  }

  .form-control,
  .form-select {
    min-height: 44px;
    font-size: 0.9rem;
    padding: 10px 12px;
  }

  textarea.form-control {
    min-height: 100px;
    resize: vertical;
  }

  /* Normal Leave Duration */
  .duration-group {
    flex-direction: column;
    gap: 10px;
  }

  .duration-group .form-check {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 10px 12px;
    margin: 0;
  }

  .duration-group .form-check-label {
    font-size: 0.9rem;
  }

  /* Special Half Day */
  #specialHalfDaySection .duration-group {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
  }

  #specialHalfDaySection .form-check {
    border: none;
    padding: 0;
  }

  .applyleave-sidecard {
    margin-top: 0;
  }

  .applyleave-sidecard h5 {
    font-size: 0.95rem;
    margin-bottom: 12px;
  }

  .material-symbols-outlined {
    font-size: 1.25rem;
  }

  .balance-item {
    padding: 10px 0;
  }

  .balance-item span,
  .balance-item strong {
    font-size: 0.85rem;
  }

  .applyform-actions {
    margin-top: 24px;
    flex-direction: column;
  }

  .applyform-actions .btn {
    width: 100%;
    min-height: 44px;
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 8px;
  }
}
/* style for apply leave page end*/

/* style for leave history page start*/
.history-summary-card {
  background: var(--muse-bg-gray);
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

.summary-inline{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.summary-label{
  font-size: 1rem;
  color:var(--text-gray);
  font-weight:600;
}

.summary-value{
  font-size: 1rem;
  font-weight:700;
  line-height:1;
  color: var(--muse-dark-green);
}

.history-card{
  background: var(--muse-bg-gray);
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

.history-label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 1rem;
  color: var(--text-gray);
}

.history-filter-actions{
  display:flex;
  gap:10px;
}

.history-filter-actions .btn{
  width:45px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
}

#searchBtn span{
  color: var(--white-color);
}

.history-filter-actions .material-symbols-outlined{
  font-size:1.25rem;
}

.leave-history-table {
  margin-bottom: 0;
}

.leave-history-table thead th {
  background: var(--menu-bg-gray);
  color: var(--muse-dark-green);
  font-weight: 600;
  border-bottom: 2px solid var(--light-gray-f5);
  white-space: nowrap;
}

.leave-history-table tbody tr:hover {
  background: rgba(0,0,0,.02);
}

.leave-history-table td {
  vertical-align: middle;
  font-size: 0.9rem;
}

.reason-column {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.badge {
  padding: 6px 10px;
  font-family: var(--bold-font);
}

@media (max-width: 767.98px) {
  .main-content {
    padding: 1rem !important;
  }

  .history-card,
  .history-summary-card {
    padding: 15px;
    border-radius: 10px;
  }

  .history-summary-card h6 {
    font-size: 0.75rem;
  }

  .history-summary-card h3 {
    font-size: 1.2rem;
  }

  .history-label {
    font-size: 0.85rem;
  }

  .form-control,
  .form-select {
    min-height: 44px;
    font-size: 0.9rem;
  }

  .leave-history-table {
    min-width: 1000px;
    font-size: 0.85rem;
  }

  .reason-column {
    max-width: 120px;
  }

  .dashboard-title {
    font-size: 1.5rem;
  }

  .dashboard-subtitle {
    font-size: 0.85rem;
  }

  .history-filter-actions{
    margin-top:10px;
  }

  .history-filter-actions .btn{
    flex:1;
  }
}
/* style for leave history page end*/

/* style for leave balance page start*/
.leave-balance-card{
  background: var(--muse-bg-gray);
  border-radius:12px;
  padding:20px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  height:100%;
}

.leave-balance-card h6{
  margin-bottom:15px;
  color:var(--secondary-green);
  font-family:var(--bold-font);
}

.balance-row{
  display:flex;
  justify-content:space-between;
  margin-bottom:10px;
  font-size:0.875rem;
}

.special-leave-item{
  margin-bottom:10px;
  font-size:0.875rem;
}

.total-balance-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.total-balance{
  font-size:2.5rem;
  font-family:var(--bold-font);
  color:var(--muse-dark-green);
}

.leave-balance-section{
  background:var(--muse-bg-gray);
  border-radius:12px;
  padding:20px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}

.balance-title{
  color:var(--muse-dark-green);
  font-family:var(--bold-font);
}

.balance-label{
  font-weight:600;
  margin-bottom:8px;
  display:block;
}

@media(max-width:767px){

  .leave-balance-card{
    padding:15px;
  }

  .total-balance{
    font-size:2rem;
  }

}
/* style for leave balance page end*/

/* style for holiday calendar page start*/
.holiday-calendar .dashboard-title{
  font-size:2rem;
  font-weight:600;
}

.holiday-calendar .dashboard-subtitle{
  color:#8a8a8a;
  margin-bottom:0;
}

.holiday-calendar .fc-toolbar-title{
  font-size:1.2rem !important;
  color:var(--muse-dark-green);
  font-weight:600;
}

.holiday-calendar .fc-button{
  background:var(--primary-color) !important;
  border:none !important;
  border-radius:8px !important;
  padding:8px 18px !important;
}

.holiday-calendar .fc-button:hover{
  background:var(--muse-yellow) !important;
  opacity:.9;
}

.holiday-calendar .fc-daygrid-day-number{
  color:var(--text-gray);
  font-weight:600;
  font-size: 0.9rem;
}

.holiday-calendar .fc-daygrid-day{
  cursor:pointer;
}

.holiday-calendar .fc-day-today{
  background:var(--text-light-gray) !important;
}

.holiday-calendar .fc-daygrid-event{
  border:none !important;
  border-radius:6px;
  padding:3px 6px;
  font-size:0.75rem;
}

.card-shadow-bg{
  background: var(--white-color);
  padding:30px;
  border-radius:16px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.calendar-card{
  background:var(--white-color);
  border:1px solid var(--hr-gray);
  border-radius:12px;
}

#holidayCalendar{
  max-width:100%;
}

.fc-daygrid-day-frame{
  min-height:70px;
}

.fc-event{
  border-radius:5px;
  font-size:12px;
  border:none;
}

.holiday-list{
  padding:20px;
}

.holiday-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 0;
  border-bottom:1px solid #ececec;
}

.holiday-item:last-child{
  border-bottom:none;
}

.holiday-item strong{
  color:var(--primary-color);
}

.holiday-item p{
  margin:4px 0 0;
  color:var(--text-gray);
}
/* style for holiday calendar page end*/

/* style for climate survey page start*/

.progress{
	height:10px;
	border-radius:20px;
}

.climate-survey .progress-bar{
  border-radius:20px;
}

.employee-detail label
{
	font-size:0.875rem;
	color:var(--text-gray);
	margin-bottom:8px;
}

.employee-detail h6
{
	font-size:1rem;
	font-weight:600;
}

.question-header
{
	display:flex;
	gap:18px;
	margin-bottom:25px;
}

.question-number
{
	width:48px;
	height:48px;
	border-radius:50%;
	background:var(--primary-green);
	color:var(--white-color);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.125rem;
	font-weight:700;
	box-shadow:0 4px 12px rgba(25,135,84,0.25);
	flex-shrink:0;
}

.question-header h5
{
	margin:0;
	font-size:1.0625rem;
	line-height:1.6;
	font-family:var(--medium-font);
}

.climate-survey textarea.form-control{
	min-height:180px;
	resize:vertical;
}

.climate-survey .form-footer{
	display:flex;
	justify-content:flex-end;
	gap:15px;
}
/* style for climate survey page end*/

/* style for self appraisal page start*/
.self-appraisal .employee-details-card{
  margin-bottom:30px;
}

.self-appraisal .employee-row{
  margin-bottom:8px;
}

.self-appraisal .employee-row:last-child,
.view-self-appraisal .appraisal-table{
  margin-bottom:0;
}

.self-appraisal .appraisal-table{
  margin-bottom:0;
}

.appraisal-card .appraisal-table th{
  background:var(--primary-color);
  color:var(--black-color);
  font-size:0.9375rem;
  font-weight:700;
  padding:12px;
  border:1px solid var(--primary-color);
}

.appraisal-card .appraisal-table td{
  border:1px solid var(--primary-color);
  padding:12px;
  vertical-align:top;
  font-size:0.8125rem;
  color: var(--muse-dark-gray);
}

.appraisal-card .competency-column
{
  background:var(--secondary-green);
  font-weight:600;
}

.appraisal-card .description-column
{
  background:var(--white-color);
  color: var(--muse-dark-gray);
}

.self-appraisal .rating-column{
  background:var(--secondary-green);
  color: var(--muse-dark-gray);
}

.appraisal-card .description-column ul
{
  padding-left:18px;
  margin:0;
}

.appraisal-card .description-column li
{
  margin-bottom:6px;
}

.self-appraisal .rating-box{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  line-height:2;
}

.self-appraisal .rating-box label{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:0.75rem;
}

.self-appraisal .overall-row td{
  background:var(--primary-color);
  border:1px solid var(--primary-color);
  vertical-align:middle;
  font-weight:600;
  color: var(--muse-dark-gray);
}

.self-appraisal .overall-rating-wrapper{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.self-appraisal .overall-rating-box{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.self-appraisal .overall-rating-box label{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:0.75rem;
}

.self-appraisal .footer-buttons{
  display:flex;
  justify-content:flex-end;
  gap:15px;
  padding:25px;
}
/* style for self appraisal page end*/

/* style for view climate survey page start*/

.empty-card
{
  background:var(--white-color);
  padding:80px 30px;
  border-radius:16px;
  text-align:center;
  border:2px dashed var(--hr-gray);
}

.empty-card span
{
  font-size:3.75rem;
  color:var(--text-gray);
}

.empty-card h5
{
  margin-top:20px;
}

.empty-card p
{
  color:var(--text-gray);
}

.view-climate-survey textarea{
  resize:none;
}
/* style for view climate survey page end*/

/* style for view self appraisal page start*/

.view-self-appraisal .rating-column{
  background:var(--secondary-green);
  color: var(--muse-dark-gray);
  font-size:1.125rem;
  font-weight:600;
  text-align:center;
  vertical-align:middle !important;
}

/* style for view self appraisal page end*/

/* style for view review ratings page start */

.view-review-rating .rating-table{
  margin-bottom:0;
}

.view-review-rating .rating-column{
  background:var(--secondary-green);
}

.view-review-rating .rating-option{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-right:10px;
  margin-bottom:8px;
  font-size:0.8125rem;
}

.view-review-rating .overall-row td{
  background: var(--primary-color);
  font-weight:600;
  color: var(--muse-dark-gray);
}

.view-review-rating .footer-buttons{
  display:flex;
  justify-content:flex-end;
  gap:15px;
  margin-top:25px;
}
.comments-row td{
  background: var(--primary-color);
  padding:20px;
}

.comments-label{
  display:block;
  font-weight:600;
  margin-bottom:12px;
  color: var(--muse-dark-gray);
}

.comments-textarea{
  resize:none;
  background:var(--white-color);
}

/* style for view review ratings page end */

/* style for employee performance dashboard start */
.small-text{
  color:var(--text-gray);
  margin-top:10px;
}

.emp-performance-dashboard .status{
  font-size:1.375rem;
  font-weight:700;
  margin-top:20px;
}

.emp-performance-dashboard .completed{
  color:var(--primary-green);
}

.emp-performance-dashboard .pending{
  color:var(--muse-yellow);
}

.emp-performance-dashboard .section-title{
  font-size:1.375rem;
  font-weight:600;
}

.emp-performance-dashboard .progress-item{
  margin-bottom:20px;
}

.emp-performance-dashboard .progress{
  height:10px;
  border-radius:20px;
}

.emp-performance-dashboard .activity-item{
  display:flex;
  gap:18px;
  align-items:flex-start;
  margin-bottom:25px;
}

.emp-performance-dashboard .activity-item:last-child{
  margin-bottom:0;
}

.performance-dashboard .activity-icon{
  font-size:2rem;
  color:var(--primary-green);
}

.emp-performance-dashboard .activity-item p{
  margin:4px 0 0;
  color:var(--text-gray);
}

.emp-performance-dashboard .reminder-card{
  border-left:5px solid var(--secondary-dark-green);
}

.emp-performance-dashboard .reminder-icon{
  font-size:2.625rem;
  color:var(--secondary-dark-green);
  margin-right:20px;
}

.emp-performance-dashboard .bg-warning{
  color: var(--muse-yellow);
}
/* style for employee performance dashboard end */

#applyLeaveForm .text-danger{
    color:  var(--error-red)!important;
    font-size: 0.9rem;
}