.tt-document-verification-form-wrapper {
background-color: #f9f9f9;
border: 1px solid #e5e5e5;
padding: 25px;
border-radius: 8px;
max-width: 600px;
margin: 30px auto; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.tt-document-verification-form-wrapper h2 {
color: #333;
font-size: 1em;
margin-bottom: 20px;
text-align: center;
} #tt-document-verification-form label {
display: block;
margin-bottom: 8px;
font-weight: bold;
color: #555;
font-size: 0.6em;
}
#tt-document-verification-form input[type="text"],
#tt-document-verification-form input[type="submit"] {
width: 100%;
padding: 12px 15px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box; font-size: 0.6em;
}
#tt-document-verification-form input[type="submit"] {
background-color: #0073aa; color: #fff;
cursor: pointer;
border: none;
transition: background-color 0.3s ease;
font-weight: bold;
}
#tt-document-verification-form input[type="submit"]:hover {
background-color: #005187; } #tt-verification-results {
margin-top: 30px;
padding-top: 20px;
border-top: 1px dashed #e5e5e5; }
.tt-verification-success {
background-color: #e6ffe6; border: 1px solid #4CAF50; padding: 20px;
border-radius: 8px;
margin-top: 20px;
}
.tt-verification-success h3 {
color: #4CAF50;
margin-top: 0;
font-size: 0.6em;
}
.tt-status-valid {
font-weight: bold;
color: #28a745; }
.tt-verification-error {
background-color: #ffe6e6; border: 1px solid #f44336; color: #f44336;
padding: 15px;
border-radius: 8px;
margin-top: 20px;
font-weight: bold;
text-align: center;
} .tt-document-details-table {
width: 100%;
border-collapse: collapse;
margin-top: 15px;
}
.tt-document-details-table th,
.tt-document-details-table td {
padding: 10px;
border: 1px solid #ddd;
text-align: left;
vertical-align: top;
font-size: 0.6em;
}
.tt-document-details-table th {
background-color: #f2f2f2;
width: 30%; color: #444;
}
.tt-document-details-table tr:nth-child(even) {
background-color: #fcfcfc;
} @media (max-width: 768px) {
.tt-document-verification-form-wrapper {
margin: 20px 15px;
padding: 15px;
}
.tt-document-details-table th,
.tt-document-details-table td {
display: block;
width: 100%;
box-sizing: border-box;
}
.tt-document-details-table th {
font-weight: normal; background-color: #eee;
}
}