/* CSS for User Repair System */

/* From UserRepairPrintOrder.php */
body.print-page {
    font-size: 12px; /* Reduced font size */
    color: #333;
}
.print-container {
    width: 95%; /* Increased width for better use of space */
    margin: 0 auto;
}
.print-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px; /* Reduced margin */
    border-bottom: 1px solid #000;
    padding-bottom: 8px; /* Reduced padding */
}
.print-header img {
    width: 70px; /* Reduced logo size */
    height: auto;
    margin-right: 15px;
}
.print-header-text h1 {
    margin: 0;
    font-size: 20px; /* Reduced font size */
    font-weight: 600;
}
.print-header-text p {
    margin: 0;
    font-size: 14px; /* Reduced font size */
}
.print-document-title {
    text-align: center;
    font-size: 22px; /* Reduced font size */
    font-weight: bold;
    margin-bottom: 15px; /* Reduced margin */
}
.print-content-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px; /* Reduced margin */
}
.print-content-table th, .print-content-table td {
    border: 1px solid #ccc;
    padding: 5px; /* Further reduced padding */
    text-align: left;
    vertical-align: top;
    font-size: 18px; /* Added smaller font-size for table content */
}
.print-content-table th {
    background-color: #f2f2f2;
    width: 25%;
    font-weight: 600;
}
.print-section-title {
    font-size: 16px; /* Reduced font size */
    font-weight: bold;
    background-color: #e9ecef;
    padding: 6px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.print-signature-section {
    width: 100%;
    margin-top: 20px; /* Reduced margin */
    border-collapse: collapse;
    page-break-inside: avoid;
}
.print-signature-box {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
}
.print-signature-box img {
    max-width: 120px;
    height: 40px;
    object-fit: contain;
    margin-bottom: 0;
}
.print-signature-box p {
    margin: 1px 0;
    font-size: 30px;
}
.print-signature-line {
    border-bottom: 1px dotted #000;
    margin: 10px auto 5px auto; /* Reduced margin */
    width: 50%;
}
.print-footer {
    text-align: center;
    margin-top: 20px; /* Reduced margin */
    font-size: 10px;
    color: #777;
}

/* From UserRepairAdd.php */
#FormAddRepair .card-header h5 {
    margin-bottom: 0;
}

#FormAddRepair canvas {
    border: 1px solid #ddd;
    border-radius: 0.25rem;
    width: 100%;
    max-width: 500px;
    height: 200px;
    background-color: #fff;
}

#FormAddRepair .image-preview-container {
    min-height: 220px;
}

#FormAddRepair #imageResult {
    max-height: 200px;
}

/* From UserHeader.php */
.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 4.60rem;
    color: #697a8d;
    padding-left: .875rem;
}

.light-style .select2-container--default .select2-selection--single {
    height: calc(2.60em + 0.875rem + 2px);
}

.was-validated select:valid+.select2 .select2-selection,
.was-validated .is-valid+.select2 .select2-selection {
    border-color: #71dd37 !important;
}

.was-validated select:invalid+.select2 .select2-selection,
.was-validated .is-invalid+.select2 .select2-selection {
    border-color: #dc3545 !important;
}