.navbar-header{
    background-color: #febb22
}

.vertical-menu{
    background-color: #febb22;

}
.#sidebar-menu ul li a{
    color:#545a6d
}

 .menu_text {
     color:#b8c7ce
}
.custom-btn {
  background-color:  #FB6510 !important; 
  border-color:#e05504;
}


.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 .15rem rgba(253, 118, 14, 0.5);
  box-shadow: 0 0 0 .15rem rgba(238, 107, 6, 0.922);

}

.btn-primary:hover {
  color: #fff;
  background-color:  #FB6510 !important; 
  border-color:#e05504;
}


.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color:  #FB6510 ;
  border-color:  #FB6510 ;
}

.box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.headding-lead-bg {
    background-color:#febb22;
    color: white;
    text-transform: capitalize;
    font-size: 14px;
    /* font-weight: 600; */
}

.box-header {
    display: block;
    color: white;
    padding: 10px;
    position: relative
}

body[data-sidebar=dark] #sidebar-menu ul li a {
    color: #202123
}
body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {
    color: #202123
}

.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.form-group {
    margin-bottom: 15px;
}

.field-heading {
    border-bottom: 1px solid #efefef;
    margin-bottom: 15px;
}

.field-heading h4 {
    border-bottom: 2px solid #18a488;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: -2px;
    padding-right: 16px;
    color: #17a286;
    font-size: 16px;
}

.text-right {
    text-align: right;
}

.panel-body {
    padding: 15px;
}

.swal-wide{
    width:400px !important;
    height:200px
}

.lead-bg {
    background-color: #febb22 !important;
    color: white;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #f4f4f4;
}

.deleteAllCta {
    display: inline-block;
    text-align: center;
    padding: 3px 6px;
    border: 1px solid #a12727;
    border-radius: 4px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
    min-width: 70px;
}

.panel-default {
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.alert-warning, .label-warning, .modal-warning .modal-body {
    background-color:#f39c12 !important;

}

.alert-warning{
    color: #fff;
}

.alert-warning {
    border-color: #e08e0b;
}
.alert {
    /* border-radius: 3px; */
}
.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.pull-right {
    float: right;
}
.required-field{
    color:red
}

/* Hover effect */
.menu-item:hover {
    background-color: #0056b3; /* Lighter shade on hover */
    color: #fff;
}



/* Fixes on select multiselect */



.select2-container .select2-selection--multiple .select2-search__field {
    border: none;
    /* transform: translate(10px, -15px) !important; Adjust as necessary for proper positioning */
    margin: 0 !important; 
    padding: 0 !important; 
    width: auto !important; /* Let the width adjust to fit content */
    height: 20px !important; /* Ensure a proper height for the input field */
    box-sizing: content-box !important; /* Ensure padding does not affect width/height */
    line-height: normal !important; /* Fix alignment issues */
    position: relative; /* Prevent overlapping issues */
}

.select2-container .select2-selection--multiple {
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* Align tags and input vertically */
    padding: 5px !important; /* Adjust padding for better spacing */
}




.flatpickr-monthDropdown-months {
    display: none; /* Hide individual months dropdown */
}

/* Custom styles for quarter grouping */
.flatpickr-months .flatpickr-month-container {
    display: flex;
    flex-wrap: wrap;

}

.flatpickr-input{
    font-size: 12px !important;
}

.numInput{
    font-size: 14px !important;
    font-weight: normal;
}



.flatpickr-months .flatpickr-month {
    width: 33.33%; /* Make each month 1/3 of the width */
    text-align: center;
}
.flatpickr-months .quarter {
   background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    /* margin: 1px; */
    padding: 2px 0px ;
    cursor: pointer;
    transition: background-color 0.3s;
}

.flatpickr-monthSelect-month{
    padding: 0px 0px ;

}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
max-height: 400px !important;
max-width: 300px !important;
padding: 0;
margin: 0;
}

/* .flatpickr-months .quarter:hover {
    background-color: #007bff;
    color: white;
}
.flatpickr-months .selected-quarter {
    background-color: #007bff;
    color: white;
} */

 .flatpickr-monthSelect-month.today:hover, .flatpickr-monthSelect-month.today:focus {
    background-image: linear-gradient(to bottom,#985f0d,#febb22);
    color: white;
}


.flatpickr-monthSelect-month.hovered {
    background-image: linear-gradient(to bottom,#985f0d,#febb22);
    color: white;
}

.flatpickr-monthSelect-month.selected {
    background-image: linear-gradient(to bottom,#985f0d,#febb22);
    color: white;
}





/* month picker */

.datepicker table tr td span {
display: block;
width: 25%;
height: 22px;
line-height: 20px !important;
float: left;
margin: 1%;
cursor: pointer;
border-radius: 4px;
padding: 2px;
margin: 0;
}

/* Change hover background color */
.datepicker-dropdown .datepicker-months td span:hover {
    background-image: linear-gradient(to bottom,#985f0d,#febb22) !important;
    color: white !important;
        border-radius: 5px;
    }

    /* Change selected month background color */
    .datepicker-dropdown .datepicker-months td span.active,
    .datepicker-dropdown .datepicker-months td span.active:hover {
        background-image: linear-gradient(to bottom,#985f0d,#febb22) !important;
    color: white !important;
        font-weight: bold; /* Makes it stand out */
        border-radius: 5px;
    }

    /* Change today’s month color */
    .datepicker-dropdown .datepicker-months td span.today {
        background-color: #ffc107 !important; /* Yellow background for today’s month */
        color: black !important;
        font-weight: bold;
        border-radius: 5px;
    }

    .datepicker table tr td span.active.active{
        background-image: linear-gradient(to bottom,#985f0d,#febb22) !important;
        color: white !important;
    }

  .fixed-save-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    border-top: 1px solid #ddd;
    padding: 10px 0;
    text-align: center;
    z-index: 1050;
  }