/* Error message css */
.error {
    color: red;
}

/* Custom primary button css */
.primary-color-btn {
    background: #f27721 !important;
    color: #fff !important;
}

.primary-color-btn:hover,
.primary-color-btn:active,
.primary-color-btn:disabled {
    background: #f27721 !important;
    color: #fff !important;
}

.primary-color-text {
    color: #f27721 !important;
}
.text-primary {
    color: #f27721 !important;
}

/* Custom primary menu link css */
.menu-link:hover .menu-title,
.menu-link:hover .menu-icon i,
.menu-link:hover .menu-title,
.menu-link:hover .menu-icon i {
    color: #f27721 !important;
}

.app-header-menu .menu .menu-item .menu-link.active .menu-icon,
.app-header-menu .menu .menu-item .menu-link.active .menu-icon .svg-icon,
.app-header-menu .menu .menu-item .menu-link.active .menu-icon i {
    color: #f27721 !important;
}

.app-header-menu .menu .menu-item.show>.menu-link .menu-title,
.app-header-menu .menu .menu-item.show>.menu-link .menu-icon i {
    color: #f27721 !important;
}

.app-header-menu .menu .menu-item .menu-link.active .menu-title {
    color: #f27721 !important;
}

.btn.btn-active-color-primary:hover:not(.btn-active) i {
    color: #f27721;
}

.primary-color-btn i {
    color: #fff !important;
}

/* scroll top button css */
.secondary-color-btn,
.scrolltop {
    background: #f27721 !important;
    color: #fff !important;
}

.secondary-color-btn:hover {
    background: #f27721 !important;
    color: #fff !important;
}

/* Theme action menu css */
.menu-state-color .menu-item .menu-link.active .menu-title,
.menu-state-color .menu-item .menu-link.active .menu-icon i,
.btn.btn-active-color-primary.show i,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted,
.menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here),
.btn.btn-active-light-primary:hover:not(.btn-active) i,
.btn.btn-active-light-primary:active:not(.btn-active) i,
.btn.btn-active-light-primary:visited:not(.btn-active) i {
    color: #f27721 !important;
}

/*action menu css */
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: #f27721 !important;
}

.text-hover-primary:hover {
    color: #f27721 !important;
}

/* pagination css */
.page-item.active .page-link {
    background: #f27721 !important;
}

.page-item.active .page-link:hover {
    color: white !important;
}

.page-item.active .page-link:focus {
    color: white !important;
}

.page-link:hover {
    color: #f27721 !important;
}

.page-link:focus {
    color: #f27721 !important;
}

/* Filter button css */
.btn-check:checked+.btn.btn-light-primary,
.btn-check:active+.btn.btn-light-primary,
.btn.btn-light-primary:focus:not(.btn-active),
.btn.btn-light-primary:hover:not(.btn-active),
.btn.btn-light-primary:active:not(.btn-active),
.btn.btn-light-primary.active,
.btn.btn-light-primary.show,
.show>.btn.btn-light-primary {
    color: #fff !important;
    border-color: var(--bs-primary);
    background-color: #f27721 !important;
}

.btn.btn-light-primary {
    color: #f27721 !important;
    border-color: var(--bs-primary-light);
    background-color: var(--bs-primary-light);
}

.btn.btn-light-primary i,
.btn.btn-light-primary .svg-icon {
    color: #f27721 !important;
}

.btn.btn-light-primary:hover:not(.btn-active) i,
.btn.btn-light-primary:active:not(.btn-active) i,
.btn.btn-light-primary:focus:not(.btn-active) i,
.btn.btn-light-primary.show i {
    color: #fff !important;
}

/* Range piker css */
.daterangepicker .ranges li.active {
    background-color: #f27721 !important;
    color: var(--bs-component-active-color) !important;
    transition: color 0.2s ease;
    transition-duration: 0.2s;
}

.daterangepicker .ranges li:not(.active):hover {
    background-color: var(--bs-component-hover-bg);
    color: #f27721 !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}
.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active,
.daterangepicker .drp-calendar td.available:hover  {
    color: #f27721 !important;
}

/* DataTables processing css */
div.dataTables_wrapper div.dataTables_processing {
    background-color: var(--bs-body-bg);
}

/* Custom primary checked css */
.form-check-input:checked {
    background-color: #f27721;
    border-color: #f27721;
}

#kt_password_meter_control input {
    padding-right: 46px;
}
/* date-range-picker css */

#month_rangepicker {
    height: 44px;
}


.daterangepicker .drp-calendar td.active {
    background-color: #f27721 !important;
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    color: #f27721 !important;
}

.drp-buttons .btn-primary,

.drp-buttons .btn.btn-primary:hover:not(.btn-active){
    background-color: #f27721 !important;
}

.scrolltop {
    background-color: #f27721 !important;
}

.iti--separate-dial-code {
    width: 100%;
}

/* tab css */
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    border-bottom: 1px solid #f27721 !important;
    color: #f27721!important;
}

.menu-active-bg .menu-item .menu-link.active {
    color: #f27721!important;
}
.menu-active-bg .menu-item .menu-link.active .menu-title {
    color: #f27721!important;
}

.menu-active-bg .menu-item .menu-link.active .menu-icon, .menu-active-bg .menu-item .menu-link.active .menu-icon .svg-icon, .menu-active-bg .menu-item .menu-link.active .menu-icon i {
    color: #f27721!important;
}

/* show-more and show-less css */

.long-text {
    max-height: 48px;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content-wrapper .collapsed {
    max-height: 59px;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_div .collapsed {
    max-height: 85px;
}

@media (max-width: 768px) {
    .news_div .collapsed {
        max-height: 200px !important;
        -webkit-line-clamp: 6 !important;
    }
}
.flatpickr-monthSelect-month {
    color: #6d6d6b;
}   
.flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-month.startRange, .flatpickr-monthSelect-month.endRange {
    background-color: #f27721 !important;
    border-color: #f27721 !important;
}

 /* General styling for workload alert  notification */
 /* .chat-notification {
    position: fixed;
    max-width: 25%;
    z-index: 10;
    top: 20%;
    right: 1%;
    box-sizing: border-box;
    cursor: pointer;
    height: fit-content;
}

.chat-notification:after {
    content: '';
    display: block;
    border-style: solid;
    position: absolute;
    border-color: #f1416c;
    top: 10px;
}

.chat-notification.chat-notification-right {
    margin-right: 15px;
    border-radius: 20px 0 20px 20px;
}

.chat-notification.chat-notification-right:after {
    border-width: 0 0 24px 20px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -20px;
}

@media (max-width: 768px) {
    .chat-notification {
        bottom: 15px;
        right: 5%;
        top: 20%;
        max-width: 70%;
        flex-direction: unset !important;
    }
} */