body{
   background: #F8F9FA;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
        color: #212121 !important;
}
.bg-body-tertiary {
    --falcon-bg-opacity: 1;
    background-color: rgb(17 17 17 / 2%) !important;
}
.navbar-vertical .navbar-nav .nav-link-icon {
    width: 1.5rem;
    min-width: 1.5rem;
    font-size: 0.875rem;
    color: #e31e24;
}
p{
    font-size: 14px;
}
.form-label {
    margin-bottom: 0.5rem;
    font-size: 0.8333333333rem;
    font-weight: 500;
    color: #212121;
}
.text-900{
    color: #fff !important;
}
th{
    color: #fff !important;
}
#navbarVerticalCollapse{
    /* background-color: #D32F2F; */
    /* background-color: rgb(30 188 131 / 83%); */
    background-color: #111111;
}
.navbar-toggler-humburger-icon {
    height: 1.7rem;
    width: 1.7rem;
}

.navbar-vertical.navbar-expand-xl .navbar-collapse{
    padding-left: 1rem;
    padding-right: 1rem;
}
.content{
    padding-right: 1.2rem;
}
.content .navbar-top{
    margin-right: -19px;
    margin-left: -17px;
    margin-bottom: 1.9rem;

    /* margin-bottom: 1.5rem; */
    padding-right: 19px;
    padding-left: 17px;
    padding-bottom: 0.79rem;

    border-bottom: 1px solid #d8e2ef;
    background-color: #fff;
}
.navbar-vertical .navbar-nav .nav-item .navbar-vertical-label{
    /* color: #d8e2ef; */
    color: #eef0f2d4;
    font-weight: 600;
}
.navbar-vertical .navbar-vertical-divider{
    color: #eef0f2d4;
}
.logo-img{
   width: 75px;
}
.claps-logo{
    background: #fff; 
    justify-content: space-between; 
    padding-left: 1rem;
    padding-right: 4rem;
    height: 80px;   
    width: 15.5rem;
    border-bottom: 6px solid #ecf0fa;
}
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .logo-img {
/*    width: 184px;
*/    /* background-color: #D32F2F; */
    display: none;
       
}
.navbar .navbar-light .navbar-vertical .navbar-expand-xl .claps-logo{
    border-bottom: none !important;
}
.navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .claps-logo{
    background: transparent; 

}

.project-list-logo-div{
    width: 5rem;
    line-height: 1;
}

.project-list-select-form .choices .choices__inner{
    font-size:0.9rem;
    width:176px;
}
.projects-created .choices__list--single .choices__item,
.choices__list--single .choices__item{
    opacity: 0.7;
    color: #000;
}
.settings-panel-project-dtl{
    width: 48rem !important;
    max-width: 48rem;
    background-color: #ffffffed;
}
.settings-panel-jobs-dtl{
    width: 48rem !important;
    max-width: 48.6rem;
}
.avatar-c{
    height: 3rem;
    width: 3rem;
}
.navbar-vertical .navbar-nav .nav-item .nav-link{
    color: #fff;
}
.navbar-vertical .navbar-nav .nav-item .nav-link.dropdown-indicator:after{
    border-color: #fff;
}

.bg-gradient-danger {
    background: linear-gradient(to right, #ffbf96, #fe7096) !important;
}

.bg-gradient-info {
    background: linear-gradient(to right, #90caf9, #047edf 99%) !important;
}
.bg-gradient-success{
    background: linear-gradient(to right, #84d9d2, #07cdae) !important;
}
.card-img-absolute {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}


.footer{
    /* width: 81.5%; */
    width: auto;
    margin-top: 20px;
    margin-left: 15.5rem;
    position: relative;
}

.navbar-vertical.navbar-expand-xl + .footer {
    margin-left: 16.5rem;
}
.form-control{
    box-shadow: none;
}
.settings-panel-header{
    align-items: baseline;
}
.settings-panel-header .btn-close{
}
.calendarBtn{
    color: #ffffff !important;
    background-color: #D32F2F;
    background: #D32F2F;
}
.dropdown-item:hover .calendarBtn{
    color: #fff !important;
}
.vcalendarBtn .calendarSpanBtn{
    color: #fff !important;
}

.calendarBtn:hover .calendarSpanBtn{
    color: #000 !important;
}

.fc-timegrid-event {
    margin-bottom: 14px !important;
}
.fc-event-main{
    text-wrap: auto;
}










/* --------------------------------maam hamna start style  -------------------------------- */
settings-panel-header{
    background:#fff !important;
}

.custom-search {
    width: 100%;
    padding: 0.54rem 0.5rem 0.54rem 3rem;
    font-size: 1rem;
    border-radius: 0.4rem;
    border: 1px solid #E1E3EA;
    background: #F9F9F9;
    box-shadow: none !important;
    color: #5a5f7d;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.search-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 300px;
}
.search-wrapper .search-icon {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    color: #9aa0b5;
    font-size: 1rem;
    pointer-events: none;
}












.btn-falcon-default{
    color: #fff !important;
    background-color: #D32F2F !important;
    border-color: #D32F2F !important;
    -webkit-box-shadow: var(--falcon-btn-falcon-box-shadow);
    box-shadow: var(--falcon-btn-falcon-box-shadow);
}
.btn-falcon-default:hover{
    color: #d32f2f !important;
    background-color: #fff !important;
}
.department-logo{
    background: #111111 !important;
}


.report-nav{
    position:sticky;
    z-index:999;
    top:77px;
  }
  .report-nav123 .card{
    background:#deefff;
  }

  .btn-falcon-secondary{
    color: #fff;
    background-color: #111111;
    border-color: #111111;
    -webkit-box-shadow: var(--falcon-btn-falcon-box-shadow);
    box-shadow: var(--falcon-btn-falcon-box-shadow);
  }
  .btn-falcon-secondary:hover{
    color: #111111;
    background-color: #fff;
    border-color: #111111;
  }

  .bg-warning-subtle{
    background-color: blanchedalmond !important;
  }
  .bg-success-subtle{
        background-color: #4caf505e !important;
  } 
  .text-success{
    color: green !important;
  }
/* --------------------------------maam hamna style  end-------------------------------- */
/* -------------------------------- maam haji hamna style  start-------------------------------- */

#currentStep{
    color: #111111;
}
#editCurrentStep{
    color: #111111;
}
.bg-filter{
    background-color: rgb(227 30 36 / 6%);
}
/* Filter Toggle Styles */
.filter-toggle-btn {
  cursor: pointer;
  transition: all 0.3s ease;
  border: none; /* Remove border */
  border-radius: 8px; /* Rounded corners */
  background-color: #111111; /* Grey background color */
  color: #fff; /* White icons */
  padding: 8px 12px; /* Adjust padding to match button size */
  height: 38px; /* Match height of Bootstrap form controls */
  width: 70px; /* Fixed width for the button */
}

.filter-toggle-btn:hover {
  background-color: #5a6268; /* Slightly darker grey on hover */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.filter-toggle-btn i {
  font-size: 1rem; /* Adjust icon size if needed */
  transition: transform 0.3s ease;
}

/* Chevron rotation animation */
.filter-toggle-btn i.fa-chevron-up,
.filter-toggle-btn i.fa-chevron-down {
  transition: transform 0.3s ease;
}

/* Ensure the filter section transitions correctly */
.filters-section {
  transition: all 0.3s ease;
  /* overflow: hidden; */
}

.filters-section.show {
  /* max-height: 300px; Adjust based on your content height */
  opacity: 1;
  margin-bottom: 1rem;
  padding: 1rem; /* Add padding back when shown */
}

.filters-section.hide {
  /* max-height: 0; */
  opacity: 0;
  display: none;
  margin-bottom: 0;
  padding: 0; /* Remove padding when hidden */
}
/* --------------------------------maam haji hamna style  end-------------------------------- */

.att-mark-check{
    padding: 3.4px 8px 2px;
    border: 1px solid #d8e2ef;
    border-radius: 8px;
}
.att-mark-check .form-check-inline{
    margin-right: 0;    
}
.accordion-button:not(.collapsed) {
    color: #D32F2F;
}

@media (min-width: 1200px) {
    .navbar-vertical.navbar-expand-xl {
        /* max-width: 14.6rem; */
        max-width: 15.5rem;
    }
    .navbar-vertical-collapsed-hover .navbar-vertical.navbar-expand-xl .navbar-collapse {
        width: 13.625rem !important;
    }
    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .navbar-vertical-content {
        padding-right: 1.6rem;
    }    
    .navbar-vertical.navbar-expand-xl .navbar-collapse {
        width: inherit;
    }
    .navbar-vertical.navbar-expand-xl .navbar-vertical-content {
        /* width: inherit; */
        width: 16.9vw;
        width: 14.3rem;
    }

    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl .navbar-collapse {
        /* width: 4rem !important; */
        padding-left: 0.5rem;
    }
    .navbar-vertical-collapsed .navbar-vertical.navbar-expand-xl + .content .navbar-top {
        padding-left: 12.5rem;
    }

    .navbar-vertical.navbar-expand-xl + .content {
        margin-left: 16.625rem;
    }
}
@media (min-width: 1400px) {
    .navbar-vertical.navbar-expand-xl .navbar-vertical-content {
        /* width: inherit; */
        max-width: 16.5rem;
    }
    .navbar-vertical.navbar-expand-xl + .content {
        margin-left: 16.5rem;
    }
    .navbar-vertical.navbar-expand-xl + .footer {
        margin-left: 16.5rem;
    }
    .claps-logo{
        width: -webkit-fill-available;
    }
    .content .navbar-top {
        margin-right: -19px;
        margin-left: -15px;
        padding-left: 15px;
    }
    .search-box{
        margin-top: 1px;
    }
}

@media (min-width: 1600px) {}