﻿.consent-page {
    background-color: #f8f9fa;
}

    .consent-page .form-container {
        max-width: 1100px;
        margin: 2rem auto;
        border: 1px solid #dee2e6;
        padding: 2rem;
        background-color: #fff;
        border-radius: 0.75rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .consent-page table {
        border-collapse: collapse;
        width: 100%;
    }

    .consent-page th,
    .consent-page td {
        vertical-align: middle;
        padding: 0.75rem;
    }

    .consent-page .consent-text {
        font-size: 0.875rem;
        line-height: 1.5;
        color: #495057;
    }

    .consent-page.submitted-form input[type="text"],
    .consent-page.submitted-form input[type="date"],
    .consent-page.submitted-form input[type="time"] {
        border: none;
        padding: 0;
        background: none;
        box-shadow: none;
        border-radius: 0;
        text-align: left;
        font-weight: bold;
        color: #212529;
    }

    .consent-page.submitted-form form {
        pointer-events: none;
    }

    .consent-page.submitted-form .form-control {
        border: none;
    }

#generateBtn {
    display: block;
}

.consent-page.submitted-form #generateBtn {
    display: none;
}

.header-wrapper {
    width: 100%;
    margin-top:4px;
}

.header-row {
    display: flex;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    margin-bottom: 10px;
}

.header-left {
    display: flex;
    align-items: center;
}

.header-right {
    text-align: right;
}

.hospital-title {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

.hospital-address {
    margin: 0;
    font-size: 14px;
}

.patient-info {
    width: 100%;
    table-layout: fixed;
}


.patient-info {
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;
}

@media print {
    .consent-page {
        background-color: #fff !important;
        margin: 0;
        padding: 0;
    }

        .consent-page .form-container {
            border: none;
            box-shadow: none;
            margin: 0;
            padding: 0;
        }

        .consent-page .no-print {
            display: none !important;
        }

        .consent-page input[type="text"],
        .consent-page input[type="date"],
        .consent-page input[type="time"] {
            border: none !important;
            padding: 0 !important;
            background: none !important;
            box-shadow: none !important;
            border-radius: 0 !important;
            text-align: left !important;
            font-weight: bold !important;
            color: #212529 !important;
        }

        .consent-page form {
            pointer-events: none;
        }

        .consent-page .form-control {
            border: none !important;
        }

        .consent-page input,
        .consent-page select,
        .consent-page textarea {
            border: none !important;
            background: transparent !important;
            box-shadow: none !important;
        }

    .new-page {
        break-before: page;
        margin-top: 5mm !important;
        padding-top: 5mm;
        page-break-inside: avoid;
    }

    .gap-one {
        margin-top: 10mm !important;
        padding-top: 5mm;
        break-before: page;
    }

    .container-fluid .d-flex.align-items-center {
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    .hospital-title,
    .hospital-address {
        text-align: right !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .hospital-title {
        font-size: 20px !important;
        font-weight: 700 !important;
    }

    .header-wrapper {
        width: auto !important;
    }
}
