:root {
    --bs-primary: #0C496E !important;
    --bs-secondary: #4C8CB3 !important;
    --bs-success: #2E7D32 !important;
    --bs-danger: #D32327 !important;
    --bs-warning: #F0A202 !important;
    --bs-info: #4C8CB3 !important;
    --bs-light: #F8F9FA !important;
    --bs-dark: #1A1A1A !important;
    --bs-body-bg: #ffffff !important;
    --bs-body-color: #212529 !important;
    --mint-shadow: 0 0 3px rgba(152, 255, 200, 0.4); /* Soft mint shadow */
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}
.bg-secondary {
    background-color: var(--bs-secondary) !important;
}
.bg-success {
    background-color: var(--bs-success) !important;
}
.bg-danger {
    background-color: var(--bs-danger) !important;
}
.bg-warning {
    background-color: var(--bs-warning) !important;
}
.bg-info {
    background-color: var(--bs-info) !important;
}
.bg-light {
    background-color: var(--bs-light) !important;
}
.bg-dark {
    background-color: var(--bs-dark) !important;
}
.nav-item .nav-link {
    color: var(--bs-primary);
}
/* Buttons */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #083a56 !important;
        border-color: #083a56 !important;
    }
.btn-success{
    color: #fff !important;
}

/* Cards */
.card {
    border: 1px solid #e0e0e0 !important;
    border-radius: 0.5rem !important;
}

.card-header {
    background-color: var(--bs-primary);
    color: #fff !important;
}

.card-footer {
    background-color: #f8f9fa !important;
}

/* Alerts */
.alert-primary {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: #083a56 !important;
}

.alert-danger {
    background-color: var(--bs-danger) !important;
    color: #fff !important;
    border-color: #961B1E !important;
}

.alert-success {
    background-color: var(--bs-success) !important;
    color: #fff !important;
    border-color: #1e5622 !important;
}

.alert-warning {
    background-color: var(--bs-warning) !important;
    color: #212529 !important;
    border-color: #d88e00 !important;
}

.alert-info {
    background-color: var(--bs-info) !important;
    color: #fff !important;
    border-color: #3b7ca2 !important;
}

/* Badges */
.badge-primary {
    background-color: var(--bs-primary) !important;
}

.badge-secondary {
    background-color: var(--bs-secondary) !important;
}

.badge-danger {
    background-color: var(--bs-danger) !important;
}

.badge-success {
    background-color: var(--bs-success) !important;
}

.badge-warning {
    background-color: var(--bs-warning) !important;
    color: #212529 !important;
}

.badge-info {
    background-color: var(--bs-info) !important;
}

body {
    font-family: 'DM Sans', Arial, sans-serif !important;
    font-size: 13pt !important;
}

 
.input-group .form-control,
.input-group .input-group-text {
    height: calc(1.5em + 0.75rem + 2px) !important; /* Match default form-control height */
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
 
}

.input-group-lg .form-control,
.input-group-lg .input-group-text {
    height: calc(1.5em + 1rem + 2px) !important;
    padding: 0.5rem 1rem !important;
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
 
}

.input-group-sm .form-control,
.input-group-sm .input-group-text {
    height: calc(1.5em + 0.5rem + 2px) !important;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;

}

.input-group-text {
    min-width: 200px !important;
}

.k-grid {
    font-family: 'DM Sans', Arial, sans-serif !important;
}

 /* Calendar year view specific styles */
 .k-calendar-container .k-calendar-view .k-calendar-yearview,
 .k-animation-container .k-calendar-view .k-calendar-yearview {
     width: auto !important;
     padding: 0 !important;
     /*min-width: 300px !important;*/
 }

 .k-calendar-container .k-calendar-view,
 .k-animation-container .k-calendar-view {
     width: auto !important;
     padding: 0 !important;
 }

 .k-calendar-container,
 .k-animation-container {
     width: auto !important;
     /*min-width: 300px !important;*/
 }

 .k-input-button.k-button.k-icon-button.k-button-md.k-button-solid.k-button-solid-base {
   height: 100% !important;
   border-radius: 0px;
}

 /* kendo grid search input*/
.k-searchbox.k-input.k-input-md.k-rounded-md.k-input-solid.k-grid-search {
    height: 30px;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.k-button.k-button-md.k-rounded-md.k-button-solid.k-grid-excel.k-button-solid-base {
    height: 30px;
    background: var(--bs-light);
    margin-left:0.3rem;
    margin-right:0.3rem;
}

.k-button.k-button-md.k-rounded-md.k-button-solid.k-grid-save-changes.k-button-solid-base.k-state-disabled {
    height: 30px;
    background: var(--bs-light);
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}
.k-button.k-button-md.k-rounded-md.k-button-solid.undefined.k-button-solid-base {
   
    background: var(--bs-light);
    height: 30px !important;
    margin-left: 0.3rem !important;
    margin-right: 0.3rem !important;
 
}

/* this is so we can use the default checkbox from bs and have some default margin on the left of the checkbox*/
.form-check
{
    margin-left:5px !important;
}
.form-check-label{
    font-weight:500 !important;
}

.form-control:focus
{
    box-shadow:none;
}
.k-input-solid:focus-within {
    box-shadow: none;
}
.k-input-solid:focus {
    box-shadow: none;
}

.k-drag-clue, .k-grid-header, .k-grouping-header, .k-header, .k-menu, .k-panelbar > .k-panelbar-header > .k-link, .k-progressbar, .k-state-highlight, .k-tabstrip, .k-tabstrip-items .k-item, .k-toolbar {
    background-image: none !important;
}

..k-window-titlebar .k-window-actions
{
    border:none;
}

/* Outline primary */
.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

    .btn-outline-primary:hover,
    .btn-outline-primary:focus,
    .btn-outline-primary:active,
    .btn-outline-primary.active,
    .btn-outline-primary.dropdown-toggle.show {
        color: #fff !important;
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
    }

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
color: var(--bs-primary) !important;
background-color: transparent;
}

.nav > li > a {
    color: var(--bs-primary) !important;
}