/*Write your custom css in this file.*/

/* Make admin/client dashboard text read as solid black while preserving status colors and active menu contrast. */
.dashboard-view,
.dashboard-view .card,
.dashboard-view .card-body,
.dashboard-view .card-header,
.dashboard-view .widget-details,
.dashboard-view .widget-details span,
.dashboard-view .text-off,
body,
button,
input,
select,
textarea,
.select2-container,
.dropdown-menu,
.dataTables_wrapper,
.note-editor,
.invoice-preview,
.print-invoice {
    font-family: "Open Sans", "Noto Sans Lao", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dashboard-view .text-default,
.dashboard-view .list-group-item,
.dashboard-view .dataTables_wrapper,
.dashboard-view table.dataTable,
.dashboard-view .table,
.dashboard-view label,
.client-widget-section,
.client-widget-section .card,
.client-widget-section .card-body,
.client-widget-section .card-header,
.client-widget-section .text-off,
.client-widget-section .text-default {
    color: #000 !important;
}

.dashboard-view h1,
.dashboard-view h2,
.dashboard-view h3,
.dashboard-view h4,
.dashboard-view h5,
.dashboard-view h6,
.dashboard-view .card-header,
.dashboard-view .widget-title,
.dashboard-view .widget-details h1,
.dashboard-view strong,
.client-widget-section h1,
.client-widget-section h2,
.client-widget-section h3,
.client-widget-section h4,
.client-widget-section h5,
.client-widget-section h6,
.client-widget-section .card-header,
.client-widget-section strong {
    color: #000 !important;
    font-weight: 700;
}

.dashboard-view .badge,
.dashboard-view .badge *,
.dashboard-view .text-primary,
.dashboard-view .text-success,
.dashboard-view .text-danger,
.dashboard-view .text-warning,
.dashboard-view .text-info,
.dashboard-view .progress-bar,
.dashboard-view .btn,
.dashboard-view .btn *,
.client-widget-section .badge,
.client-widget-section .badge *,
.client-widget-section .text-primary,
.client-widget-section .text-success,
.client-widget-section .text-danger,
.client-widget-section .text-warning,
.client-widget-section .text-info,
.client-widget-section .progress-bar,
.client-widget-section .btn,
.client-widget-section .btn * {
    color: inherit;
}

/* Make the left sidebar menu labels/icons fully black for better readability. */
.sidebar-menu li > a,
.sidebar-menu li > a .menu-text,
.sidebar-menu li > a span,
.sidebar-menu li > a svg,
.sidebar-menu li > a i,
.sidebar-menu li ul li > a,
.sidebar-menu li ul li > a span,
.sidebar-menu li ul li > a svg {
    color: #000 !important;
    stroke: #000 !important;
    font-weight: 500;
}

.sidebar-menu li.active > a,
.sidebar-menu li.active > a .menu-text,
.sidebar-menu li.active > a span,
.sidebar-menu li.active > a svg,
.sidebar-menu li.active > a i {
    color: #fff !important;
    stroke: #fff !important;
}

.sidebar-menu li:not(.active) > a:hover,
.sidebar-menu li:not(.active) > a:hover .menu-text,
.sidebar-menu li:not(.active) > a:hover span,
.sidebar-menu li:not(.active) > a:hover svg,
.sidebar-menu li:not(.active) > a:hover i {
    color: #000 !important;
    stroke: #000 !important;
}

/* Match Settings page side menu typography with the main left sidebar. */
#settings-left-menu-accordion.settings .settings-anchor,
#settings-left-menu-accordion.settings .settings-anchor.collapsed,
#settings-left-menu-accordion.settings .list-group-item,
#settings-left-menu-accordion.settings .list-group-item a,
#settings-left-menu-accordion.settings .list-group-item span {
    color: #000 !important;
    font-weight: 550;
}

#settings-left-menu-accordion.settings .settings-anchor {
    font-size: 14px;
}

#settings-left-menu-accordion.settings .list-group-item {
    font-size: 14px;
}

#settings-left-menu-accordion.settings .settings-anchor:hover,
#settings-left-menu-accordion.settings .list-group-item:hover,
#settings-left-menu-accordion.settings .list-group-item:focus {
    color: #000 !important;
    font-weight: 600;
}

#settings-left-menu-accordion.settings .list-group-item.active {
    color: #000 !important;
    font-weight: 600;
}

/* Make IT Support dashboard KPI cards and chart/table labels easier to read. */
#page-content .row.mb15 > [class*="col-"] > .card .card-body .text-off,
#project-it-support-content .row.mb15 > [class*="col-"] > .card .card-body .text-off,
#page-content .it-support-chart-card .card-header,
#page-content .it-support-trend-card .card-header,
#page-content .it-support-user-row.text-off,
#project-it-support-content .it-support-chart-card .card-header,
#project-it-support-content .it-support-trend-card .card-header,
#project-it-support-content .it-support-user-row.text-off {
    color: #000 !important;
    font-weight: 700;
}

#page-content .row.mb15 > [class*="col-"] > .card .card-body h3,
#project-it-support-content .row.mb15 > [class*="col-"] > .card .card-body h3 {
    color: #000 !important;
    font-weight: 700;
}

/* ITSS LAOS logo sizing across the app. */
.brand-logo {
    min-height: 58px;
}

.brand-logo img {
    width: auto !important;
    max-width: 210px !important;
    max-height: 46px !important;
    object-fit: contain;
}

.brand-logo-mini img,
#dashboard-link img,
img[src*="itss-favicon"] {
    object-fit: contain;
}

.form-signin .card-header img {
    width: auto !important;
    max-width: min(100%, 380px) !important;
    max-height: 120px !important;
    object-fit: contain;
}

.form-signin .signin-brand-logo {
    display: block;
    margin: 8px auto 12px;
    max-width: min(100%, 360px) !important;
    max-height: 105px !important;
}

.form-signin .card-header h2 {
    margin: 0;
}

.signup-page .form-signin .signin-brand-logo {
    max-height: 95px !important;
}

.max-logo-size,
.max-height-width-logo,
.navbar-brand img {
    width: auto;
    height: auto;
    object-fit: contain;
}

.max-logo-size {
    max-width: 300px !important;
    max-height: 100px !important;
}

.max-height-width-logo,
.navbar-brand img {
    max-width: 250px !important;
    max-height: 48px !important;
}

.document-workflow-summary-link,
.hrm-summary-link {
    display: block;
    text-decoration: none !important;
}

.document-workflow-summary-link .card,
.hrm-summary-link .card {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.document-workflow-summary-link:hover .card,
.hrm-summary-link:hover .card {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(28, 32, 38, 0.12);
}

.document-workflow-file-chip {
    display: inline-flex;
    align-items: center;
    margin: 0 8px 8px 0;
    padding: 8px 12px;
    border: 1px solid #e5e9f2;
    border-radius: 6px;
    background: #fff;
}

.document-workflow-file-chip a {
    color: #000;
    font-weight: 500;
}