:root {
    --bs-primary: #001391; /* #0d4c8f;*/
}



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

    .btn-primary:hover {
        background: #001ddd !important;
        color: #fff;
        box-shadow: 0 0 0 0.2rem #027cea42;
        border: 1px solid #001ddd;
    }

.btn-outline-primary {
    border: 1px solid var(--bs-primary);
    color: var(--bs-primary);
}

    .btn-outline-primary:hover {
        background-color: var(--bs-primary);
        color: #fff;
    }

.app-header {
    top: 2px;
}

#main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"] .left-sidebar {
    top: 2px;
}

.body-wrapper .container-fluid,
.body-wrapper .container-sm,
.body-wrapper .container-md,
.body-wrapper .container-lg,
.body-wrapper .container-xl,
.body-wrapper .container-xxl {
    padding-top: 100px;
}

.card {
    border-radius: 7px;
}

.card-header:first-child {
    border-radius: 7px 7px 0px 0px;
}

.card-title {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 2px;
}

.card-actions .btn {
    display: inline-flex;
    align-items: center;
    line-height: 1.3125rem; /* 21px */
}

.sidebar-nav ul .sidebar-item.selected > .sidebar-link.active,
.sidebar-nav ul .sidebar-item.selected > .sidebar-link,
.sidebar-nav ul .sidebar-item > .sidebar-link.active {
    background-color: #7073931a;
    color: rgb(17, 28, 45);
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover {
    color: rgb(17, 28, 45);
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link:hover {
    color: rgb(17, 28, 45);
}

.btn-link {
    text-decoration: none;
}

input::placeholder,
textarea::placeholder,
select::placeholder {
    color: #ccc; /* Light grey */
    opacity: 1; /* Optional: makes color fully opaque */
}

input:read-only {
    background-color: #f0f0f0; /* Your desired color */
}

    input:read-only:focus {
        background-color: #f0f0f0;
    }


.input-validation-error {
    border: 1px dotted red !important;
    background-color: #fff6f6; /* Optional: Light red background */
}

.form-control:read-only {
    background-color: #eff4fa !important;
    border: 1px dashed #e7ebf0 !important;
    /* color: black;  Optional: Set text color for better visibility */
}


.bg-primary-gt:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/backgrounds/complete.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.danger-card {
    background: url(../images/shapes/danger-card-shape.png) no-repeat top right;
}

.secondary-card {
    background: url(../images/shapes/secondary-card-shape.png) no-repeat top right;
}

.success-card {
    background: url(../images/shapes/success-card-shape.png) no-repeat top right;
}

/* Global placeholder color override */
::placeholder {
    color: #d5d8dc !important; /* Choose your color; !important may be needed to override Bootstrap */
    opacity: 1; /* Ensures full opacity in browsers that dim placeholder text */
}

.flatpickr-input[readonly] {
    background-color: #ffffff !important;
}