html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 15px;
    background-color: #F5F5F7;
}

.fullbody {
    margin: auto;
    width: 1080px;
    max-width: 100vw;
    border: 1px solid #abc;
    background-color: white;
    box-shadow: 5px 12px 15px rgba(3, 20, 40, 0.20);
}

a:link,
a:visited {
    color: #2E6B2D;
    text-decoration: none;
}

.topbar {
    padding: 0.6rem 1rem;
    background-color: #3f3d3e;
    color: white;
    text-align: left;
}

.topbar a:link,
.topbar a:visited {
    padding: 0 1rem;
    color: white;
}

.topbar a:hover {
    color: yellow;
}

.logobar {
    padding: 0.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logobar .banner-wrapper {
    flex-grow: 1;
    text-align: center;
}

.toptabs {
    font-family: 'Noto Nastaliq Urdu';
    background-color: #4e9c4d;
    color: white;
    text-align: right;
}

.toptabs a:link,
.toptabs a:visited {
    display: inline-block;
    padding: 0rem 1rem 0.4rem 1rem;
    color: white;
}

.toptabs a:hover {
    color: white;
    background-color: #2E6B2D;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    width: max-content;
    background-color: #4e9c4d;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a:link,
.dropdown-content a:visited {
    text-decoration: none;
    display: block;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.minimal-date {
    padding: 0;
    font-size: 20px;
    color: white;
    background: transparent;
    border: none;
    display: inline-flex;
    align-items: center;
    color-scheme: dark;
    cursor: pointer;
}

.minimal-date::-webkit-calendar-picker-indicator {
    margin-left: -12px;
    padding: 0;
    cursor: pointer;
}

.minimal-date:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.page-wrapper {
    padding: 16px;
}

img.page {
    width: 100%;
    height: auto;
}

@media print {
    .no-print {
        display: none !important;
    }

    @page {
        margin: 0.5in;
    }

    .print-group {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    img {
        page-break-before: avoid;
        max-height: 85vh;
        object-fit: contain;
    }
}