/*Write your custom css in this file.*/
/* Import Plus Jakarta Sans font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');

/* CSS Variables */
:root, [data-bs-theme=light] {
    /* Colors */
    --bs-blue: #111111;
    --bs-indigo: #111111;
    --bs-purple: #111111;
    --bs-pink: #111111;
    --bs-red: #111111;
    --bs-orange: #111111;
    --bs-yellow: #f6f5f2;
    --bs-green: #1c4b42;
    --bs-teal: #1c4b42;
    --bs-cyan: #1c4b42;
    --bs-black: #111111;
    --bs-white: #ffffff;
    --bs-gray: #757575;
    --bs-gray-dark: #3a3a3a;
    --bs-gray-100: #f9f9f9;
    --bs-gray-200: #ececec;
    --bs-gray-300: #e2e2e2;
    --bs-gray-400: #d4d4d4;
    --bs-gray-500: #b5b5b5;
    --bs-gray-600: #757575;
    --bs-gray-700: #505050;
    --bs-gray-800: #3a3a3a;
    --bs-gray-900: #1a1a1a;

    /* Theme Colors */
    --bs-primary: #1c4b42;
    --bs-primary-rgb: 28,75,66;
    --bs-primary-light: rgba(28,75,66,0.7);
    --bs-primary-hover: #1c4b42;
    --bs-secondary: var(--bs-gray);
    --bs-success: #1c4b42;
    --bs-success-rgb: 28,75,66;
    --bs-info: #f6f5f2;
    --bs-warning: #1c4b42;
    --bs-danger: #111111;
    --bs-light: #ffffff;
    --bs-dark: #111111;

    /* Derived Colors */
    --bs-selected-bg: var(--bs-primary);
    --bs-primary-text-emphasis: #111111;
    --bs-secondary-text-emphasis: #111111;
    --bs-success-text-emphasis: #111111;
    --bs-info-text-emphasis: #111111;
    --bs-warning-text-emphasis: #111111;
    --bs-danger-text-emphasis: #111111;
    --bs-light-text-emphasis: #111111;
    --bs-dark-text-emphasis: #f6f5f2;
    --bs-primary-bg-subtle: #d3e0dc;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d3e0dc;
    --bs-info-bg-subtle: #f6f5f2;
    --bs-warning-bg-subtle: #d3e0dc;
    --bs-danger-bg-subtle: #f6f5f2;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #a3b8b2;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3b8b2;
    --bs-info-border-subtle: #f6f5f2;
    --bs-warning-border-subtle: #a3b8b2;
    --bs-danger-border-subtle: #f6f5f2;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;

    /* Typography */
    --bs-font-sans-serif: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-body-font-family: 'Plus Jakarta Sans', var(--bs-font-sans-serif);
    --bs-body-font-size: 14px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #111111;
    --bs-body-bg: #f6f5f2;
    --bs-emphasis-color: #111111;
    --bs-secondary-color: rgba(17,17,17,0.75);
    --bs-secondary-bg: #e9ecef;
    --bs-tertiary-color: rgba(17,17,17,0.5);
    --bs-tertiary-bg: #f8f9fa;
    --bs-heading-color: #111111;
    --bs-link-color: #1c4b42;
    --bs-link-hover-color: #1c4b42;
    --bs-link-hover-bg: rgba(28,75,66,0.1);
    --bs-code-color: #1c4b42;
    --bs-highlight-color: #111111;
    --bs-highlight-bg: #d3e0dc;

    /* Borders and Shadows */
    --bs-border-width: 0px;
    --bs-border-style: solid;
    --bs-border-color: #111111;
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(17, 17, 17, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(17, 17, 17, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(17, 17, 17, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(17, 17, 17, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(28,75,66,0.25);

    /* Forms */
    --bs-form-valid-color: #1c4b42;
    --bs-form-valid-border-color: #1c4b42;
    --bs-form-invalid-color: #111111;
    --bs-form-invalid-border-color: #111111;

    /* Breakpoints */
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    /* Fonts */
    --bs-number-font-family: var(--bs-body-font-family);
}

/* Dark Mode */
[data-bs-theme=dark] {
    --bs-body-bg: #111111;
    --bs-body-color: #f6f5f2;
    --bs-primary: #b4e717;
    --bs-border-color: #444;
    --bs-link-color: #1c4b42;
    --bs-link-hover-color: #1c4b42;
    --bs-link-hover-bg: rgba(28,75,66,0.2);
    --bs-primary-bg-subtle: rgba(180,231,23,0.2);
    --bs-warning-bg-subtle: #d3e0dc;
}

/* Base Styles */
body {
    font: var(--bs-body-font-weight) var(--bs-body-font-size)/var(--bs-body-line-height) var(--bs-body-font-family);
    background: #f6f5f1 center center no-repeat fixed;
    color: var(--bs-body-color);
    overflow: hidden;
    font-family: 'Plus Jakarta Sans' !important;
}

.birth-widget .b-t, .cover-widget .b-r {
	border-color: #b4e717 !important;
}
.clients-page .card .box .box-content h4 {
	color: #ffffff !important;
    opacity: 1 !important;
}
.clients-page .card .box .box-content span {
	color: #a0a0a0 !important;
}
.clients-page .card .box .b-r {
	border-right: 1px solid #b4e717 !important;
}
.nav-tabs li:not(.title-tab) a:after {
	background-color: #1c4b42  !important;
}
.team_members-page .card .card-body h1,
.team_members-page .card .box h4{
	color: #ffffff !important;
}
.team_members-page .card .badge.bg-info{
	background: #b4e717 !important;
    color: #1c4b42 !important;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
	background-color: #b4e717 !important;
  	color: #111111 !important;
}
.form-check-input{
	border: 1px solid var(--bs-primary) !important;
}
.widget-icon{
	background: var(--bs-primary) !important;
}
.clients-page #client-summary .card .box {
	background: #222222 !important;
}
.client-view .badge.bg-info{
	background-color: #b4e717 !important;
  	color: #222222 !important;
}
.client-view .page-title{
	background-color: #1c4b42 !important;
    color: #b4e717 !important;
}
.client-view .page-title h1{
	color: #b4e717 !important;	
}


/* Transitions */
a, .btn-primary, .sidebar-menu li a {
    transition: all 0.2s ease-in-out;
}

.btn-success {
    background: #1c4b42;
    border-color: #1c4b42;
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
    background: #1c4b42;
    border-color: #1c4b42;
    color: #fff;
}
a {
    color: var(--bs-link-color);
    position: relative;
    text-decoration: none; /* Optional: removes default underline */
}

[data-bs-theme=dark] a {
    text-decoration-color: #1c4b42;
}

[data-bs-theme=dark] a:hover,
[data-bs-theme=dark] a:active,
[data-bs-theme=dark] a:focus-visible {
    text-decoration-color: #1c4b42;
}

.btn-primary {
    background: #b4e717;
    border: none;
    color: #111111;
    font-family: 'Plus Jakarta Sans';
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: #b4e717;
    color: #111111;
}

/* Sidebar */
.sidebar, .sidebar-menu {
    background: #ffffff;
}

.sidebar-menu li a:hover, .sidebar-menu li a:focus, .sidebar-menu li a:active {
    background: #1C4B42 !important;
    color: #ffffff !important;
}

.sidebar-menu li.active > a, .sidebar-menu li.active a:hover, .sidebar-menu li.active a:focus {
    background: #ffffff !important;
    color: #111111 !important;
}

/* Navigation Tabs */
.nav-tabs li:not(.title-tab) a:after {
    background: var(--bs-primary-light);
}

/* List Group */
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background: var(--bs-primary-light);
    border-color: var(--bs-primary-light);
}

/* Profile banner */
div.bg-primary.card.mb0.rounded-bottom-0 {
	background-color: #222222 !important;
}

/* Success Background */
.bg-success, .app-alert.alert-success, .bg-dark-success, 
.dataTable tbody tr.active td, .dataTable tbody tr.active:hover td,
td.dropdown-option button:hover, .select2-results .select2-highlighted, label.badge.bg-info {
    background: #1c4b42 !important;
    border-color: var(--bs-green);
}

.sidebar-menu .badge {
    color: #111111 !important;
    background: #b4e717 !important;
}

.btn-info {
    background: #111111;
    border: 1px solid #111111;
}
.btn-info:hover, .btn-info:active, .btn-info:focus {
    background: #111111 !important;
    border-color: #111111 !important;
}
/* FullCalendar */
.fc {
    font-family: var(--bs-body-font-family);
    background: var(--bs-white);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    box-shadow: var(--bs-box-shadow-sm);
    padding: 12px;
    max-width: 100%;
}

.fc .fc-toolbar {
    margin-bottom: 1em;
}

.fc .fc-toolbar-title {
    font-size: 1.5em;
    font-weight: 600;
    color: var(--bs-dark);
}

.fc .fc-button {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #111111;
    padding: 0.5em 1em;
    border-radius: var(--bs-border-radius-sm);
    font-size: 0.9em;
    text-transform: none;
}

.fc .fc-button:hover, .fc .fc-button:focus, .fc .fc-button:active, .fc .fc-button.fc-button-active {
    background: var(--bs-primary-hover);
    border-color: var(--bs-primary-hover);
    box-shadow: none;
}

.fc .fc-button:disabled {
    background: var(--bs-gray-500);
    border-color: var(--bs-gray-500);
    opacity: 0.5;
}

.fc .fc-button .fc-icon {
    font-size: 1.2em;
}

.fc-theme-standard .fc-scrollgrid, .fc-theme-standard td, .fc-theme-standard th {
    border-color: var(--bs-border-color);
}

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

.fc .fc-daygrid-day-number {
    padding: 6px;
    font-size: 0.9em;
    color: var(--bs-body-color);
    transition: all 0.2s ease-in-out;
}

.fc .fc-daygrid-day-number:hover {
    background: var(--bs-primary-bg-subtle);
    color: var(--bs-primary-text-emphasis);
    border-radius: 50%;
}

.fc .fc-day-other .fc-daygrid-day-number {
    color: var(--bs-gray-500);
}

.fc .fc-daygrid-day.fc-day-today {
    background: var(--bs-warning-bg-subtle);
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    color: var(--bs-warning-text-emphasis);
    font-weight: 500;
    position: relative;
}

.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px;
    background: var(--bs-warning);
    border-radius: 50%;
}

.fc .fc-daygrid-event, .fc .fc-timegrid-event {
    border-radius: var(--bs-border-radius-sm);
    font-size: 0.85em;
}

.fc .fc-h-event, .fc .fc-v-event {
    border-color: var(--bs-primary);
    background: var(--bs-primary-light);
    color: #111111;
}

.fc .fc-daygrid-event:hover, .fc .fc-timegrid-event:hover {
    background: var(--bs-primary-hover);
}

.fc-theme-standard .fc-popover {
    border-color: var(--bs-border-color);
    background: var(--bs-white);
    box-shadow: var(--bs-box-shadow-sm);
}

.fc-theme-standard .fc-popover-header {
    background: var(--bs-gray-100);
}

[data-bs-theme=dark] .fc-daygrid-day.fc-day-today, [data-bs-theme=dark] .fc-timegrid-col.fc-day-today {
    background: rgba(180,231,23,0.2);
}

/* Responsive FullCalendar */
@media (max-width: var(--breakpoint-sm)) {
    .fc .fc-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }
    .fc .fc-toolbar-title {
        margin-bottom: 0.5em;
    }
    .fc .fc-toolbar > * > :not(:first-child) {
        margin: 0.5em 0 0;
    }
}

/* Circle Done Indicator */
.circle-done {
    color: var(--bs-primary-light);
}

/* Primary Background */
.bg-primary {
    background: var(--bs-primary) !important;
}

/* Numbers */
.number, table.dataTable tbody td, table.dataTable thead th,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate ul.pagination a,
input[type="number"], select {
    font-family: var(--bs-number-font-family);
}

/* DataTables */
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    border-bottom: 2px solid var(--bs-border-color);
}

table.dataTable>tbody>tr>td {
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    text-align: center;
    padding: 1em;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(17, 17, 17, 0.2);
}

div.dataTables_wrapper div.dataTables_processing:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid var(--bs-primary);
    border-top-color: transparent;
    border-radius: 50%;
    animation: dtb-spinner 0.8s linear infinite;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected,
table.dataTable.stripe tbody>tr.odd.selected, table.dataTable.display tbody>tr.odd.selected,
table.dataTable.order-column tbody>tr.selected>.sorting_1,
table.dataTable.order-column tbody>tr.selected>.sorting_2,
table.dataTable.order-column tbody>tr.selected>.sorting_3 {
    background: var(--bs-selected-bg);
    color: #111111;
}

table.dataTable tbody>tr.selected a, table.dataTable tbody>tr>.selected a {
    color: #1c4b42;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before {
    content: "+";
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    height: 1em;
    width: 1em;
    margin-top: -0.5em;
    border: 0.15em solid #111111;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    text-align: center;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    color: #111111;
    background: var(--bs-success);
}

table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before {
    left: 50%;
    margin-left: -0.5em;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,
table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr.parent td.control:before,
table.dataTable.dtr-column>tbody>tr.parent th.control:before {
    content: "-";
    background: var(--bs-danger);
}

div.dt-button-collection {
    z-index: 2002;
    float: none;
    overflow: visible !important;
}

div.dtsp-searchPane-empty {
    display: none;
}

/* SearchPanes */
div.dtsp-searchPane {
    width: 98%;
}

@media (min-width: var(--breakpoint-md)) {
    div.dtsp-columns-4, div.dtsp-columns-5, div.dtsp-columns-6 {
        width: 31%;
    }
}

@media (min-width: var(--breakpoint-lg)) {
    div.dtsp-searchPane {
        width: 23%;
    }
}

/* Animation Keyframes */
@keyframes dtb-spinner {
    100% { transform: rotate(360deg); }
}

/* DataTables Overrides */
table.DTCR_clonedTable.dataTable {
    background: rgba(255, 255, 255, 0.7);
}

div.DTCR_pointer, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr>td.control:before,
table.dataTable.dtr-column>tbody>tr>th.control:before {
    background: var(--bs-success) !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,
table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,
table.dataTable.dtr-column>tbody>tr.parent td.control:before,
table.dataTable.dtr-column>tbody>tr.parent th.control:before {
    background: var(--bs-danger) !important;
}

div.dt-datetime table td.selectable.selected button {
    background: var(--bs-primary) !important;
    color: #111111;
}

div.dt-datetime table td.selectable button:hover {
    background: var(--bs-primary-hover) !important;
    color: #111111;
}

div.dts div.dataTables_scrollBody {
    background: repeating-linear-gradient(45deg, var(--bs-primary-bg-subtle), var(--bs-primary-bg-subtle) 10px, var(--bs-white) 10px, var(--bs-white) 20px) !important;
}

div.dtsp-searchPane div.dataTables_scrollBody, div.dtsp-panes, .footer,
.editable-input .editable-date, .cart-item-image-container .cart-item-image,
.other-saved-file-container, .file-manager-more-menu, input[type=color],
.rich-text-container table td, .list-group.info-list .list-group-item,
.pin-comment-preview:not(:last-child), .b-r-2, #generate_password,
.compact-view-active .compact-view-left-panel .datatable-tools,
#invoice-list-table_wrapper .input-group .form-control {
    border: var(--bs-border-width) solid var(--bs-gray-200) !important;
}

table .error, .empty-input-tag {
    background: var(--bs-danger-bg-subtle) !important;
}

.icon-palet .active, .folder-item-content:hover, .folder-item-content.focus,
.box-wrapper .box-avatar.hover::after {
    background: var(--bs-gray-100) !important;
}

.badge-white, #keyboard-shortcut-modal-form .bg-white, .view-item-details-link-btn {
    background: var(--bs-white) !important;
    color: var(--bs-gray-700) !important;
}

.cart-grid-item .cart-grid-item-image:hover {
    filter: grayscale(100%);
}

.event-deadline-border, .select-folder-for-move.active, .file-highlight {
    border-color: #b4e717 !important;
}

.fast-line, .file-list-view:hover {
    background: #b4e717 !important;
    color: #111111 !important;
}

.typing-indicator span, .saved-file-item-container.saved-recording-file .edit-image-file {
    background: var(--bs-gray-500) !important;
}

.gantt .bar-wrapper.no-drag.active .bar {
    fill: var(--bs-gray-500) !important;
}

.gantt .handle {
    fill: var(--bs-gray-200) !important;
}

.gantt .today-highlight {
    fill: var(--bs-primary-bg-subtle) !important;
}

.gantt .weekends-highlight {
    fill: #d3e0dc !important;
}

.gantt .gt-blocked-task:not(.gt-group-task) {
    stroke: var(--bs-gray) !important;
}

.gantt .parent-task-icon {
    fill: var(--bs-black) !important;
}

.gantt .child-task-icon {
    fill: var(--bs-white) !important;
}

.item-rate-badge {
    background: #b4e717 !important;
}

.file-list-view.file-download:hover {
    background: #1c4b42 !important;
    color: #111111 !important;
}

.saved-file-info {
    background: var(--bs-gray) !important;
}

.file-manager-preview-section .text-white {
    color: var(--bs-gray-700) !important;
    border: var(--bs-border-width) solid var(--bs-gray-200) !important;
}

.circle-loader, .app-loader .loading, .table-loader .loading, .inline-loader {
    border: 2px solid var(--bs-primary) !important;
    border-top-color: var(--bs-white) !important;
}

.icon-fill-secondary {
    fill: var(--bs-gray) !important;
}

.icon-fill-warning {
    fill: var(--bs-primary) !important;
}

::-webkit-scrollbar-thumb, .sidebar-scroll::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.3) !important;
}

::-webkit-scrollbar-thumb:hover, .sidebar-scroll::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active, .sidebar-scroll::-webkit-scrollbar-thumb:active {
    background: rgba(128, 128, 128, 0.4) !important;
}

.bg-transparent-white {
    background: rgba(255, 255, 255, 0.9215686275) !important;
}

.project-overview-widget .progress-outline {
    border: 2px solid var(--bs-green) !important;
}

.project-overview-widget .progress-outline .progress .progress-bar {
    background: rgba(180,231,23,0.4) !important;
}

.missed-reminder {
    border-left: 2px solid #b4e717 !important;
}

.nav-pills {
    background: var(--bs-white) !important;
    border: var(--bs-border-width) solid var(--bs-gray-200) !important;
}

.nav-pills li .active, .nav-pills li.active {
    background: var(--bs-light) !important;
    color: var(--bs-dark) !important;
}

table.dataTable.js-selection-mode .batch-operation-selected td,
#load-kanban.js-selection-mode .kanban-item.batch-operation-selected {
    background: rgba(180,231,23,0.1411764706) !important;
}

.notes-grid-container .file-list-view {
    border: var(--bs-border-width) solid rgba(17,17,17,0.1215686275) !important;
}

.condition-field-expected_value_1:not(.empty-input-tag, .single-input-tag) {
    border: var(--bs-border-width) dashed var(--bs-gray-200) !important;
}

#expense-tabs.nav-pills {
    background: #f6f5f2 !important;
}

::placeholder {
    color: var(--bs-gray) !important;
}

.highlight-toolbar {
    background: var(--bs-light) !important;
}

.text-muted {
    color: var(--bs-gray-700) !important;
}

.no-file-selected {
    background: rgba(17, 17, 17, 0.01) !important;
}

.cart-item-quantity-btn {
    color: var(--bs-gray-500) !important;
}

.help-catagory.list-group .list-group-item:hover,
.help-catagory.list-group .list-group-item.active {
    border-left: 2px solid var(--bs-gray-700) !important;
}

.bold-folder-icon {
    color: #b4e717 !important;
    fill: #b4e717 !important;
}

.bold-file-icon {
    color: var(--bs-primary) !important;
    fill: var(--bs-primary) !important;
}

.stop-recording {
    background: #111111 !important;
}

/* Card styling for dashboard-icon-widget with distinction */
.dashboard-icon-widget .card-body {
    background: var(--bs-light-bg-subtle);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-left: 4px solid var(--bs-primary);
    border-radius: var(--bs-border-radius);
    box-shadow: 0 0.25rem 0.5rem rgba(17, 17, 17, 0.1);
    padding: 1.25rem;
    transform: scale(1.02);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

/* Hover effect for interactivity */
.dashboard-icon-widget .card-body:hover {
    box-shadow: 0 0.75rem 1.5rem rgba(17, 17, 17, 0.15);
    transform: scale(1.03);
}

/* Dark mode adjustments */
[data-bs-theme=dark] .dashboard-icon-widget .card-body {
    background: #333;
    border-color: var(--bs-border-color);
    border-left-color: var(--bs-primary);
    box-shadow: 0 0.25rem 0.5rem rgba(17, 17, 17, 0.4);
}

/* Dark mode hover effect */
[data-bs-theme=dark] .dashboard-icon-widget .card-body:hover {
    box-shadow: 0 0.75rem 1.5rem rgba(17, 17, 17, 0.5);
}

/* Dark mode icon adjustments */
[data-bs-theme=dark] .dashboard-icon-widget .card-body i,
[data-bs-theme=dark] .dashboard-icon-widget .card-body .icon {
    background: rgba(180,231,23,0.2);
}

/* Responsive adjustments for smaller screens */
@media (max-width: var(--breakpoint-sm)) {
    .dashboard-icon-widget .card-body {
        padding: 1rem;
        transform: scale(1);
    }
    .dashboard-icon-widget .card-body:hover {
        transform: scale(1.01);
    }
}