@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Samarth eGov - Custom Theme */

html,
body {
    background-color: #fafafa !important;
}

.navbar-dark .navbar-toggler:focus {
    background: rgba(245, 249, 252, .08) !important;
}

.lh-looser {
    line-height: 2.5rem;
}

.lh-loosest {
    line-height: 3rem;
}

.div.required label:after {
    content: "*";
    color: red;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    background-size: calc(0.65em + 0.75rem) calc(0.65em + 0.5rem) !important;
    border-width: 2px !important;
}

.was-validated .form-control:valid, .form-control.is-valid {
    background-size: calc(0.65em + 0.75rem) calc(0.65em + 0.3rem) !important;
    border-width: 2px !important;
}

.btn-outline-secondary {
    color: #525f7e !important;
}

.float-initial .form-check input[type="checkbox"] {
    float: initial !important;
    margin-right: 4px;
}

.float-initial .form-check label {
    display: inline;
}

.smaller {
    font-size: 11px;
    font-weight: 600;
}

.form-group {
    padding-bottom: 18px;
}

.breadcrumb {
    justify-content: center;
    padding-bottom: 24px !important;
}

.list-check li {
    padding-bottom: 12px;
}

.list-check .active {
    font-weight: 700;
    color: #0d0f1a;
}

.list-check li:before {
    padding-right: 6px;
}

.list-check .active:before {
    content: '✔️';
}

.list-check li:before {
    content: '○';
}

.print-footer {
    display: none;
}

.ui-datepicker {
    z-index: 9999 !important;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

@media print {

    @page {
        margin: 0cm;
        size: A4;
        background-color: #f8f8f8;
    }

    .container, .container-fluid, .card {
        width: 100% !important;
        max-width: 100% !important;
    }

    html, body {
        page-break-before: auto;
        page-break-after: auto;
        overflow: hidden;
        background-color: #f8f8f8;
    }

    .navbar, .footer {
        display: none !important;
    }

    .print-footer {
        display: block;
        margin-top: 16px;
    }

    table .td {
        font-size: 8px !important;
    }

    table {
        border-spacing: 0px;
        table-layout: inherit;
        margin-left: auto;
        margin-right: auto;
    }

}