﻿/* Default CSS Stylesheet for a new Web Application project */


/* ************************************* 
*********** Custom Styling *************
************************************** */
#search-navigation { border-bottom: 1px solid #ddd; padding: 5px 0; }
#search-navigation div { display: inline-block; text-align: center; }

hr.as {border: 1px solid #ddd;}
.form-row label { display: inline-block; width: 250px; margin-right: 10px; vertical-align: top; text-align: right; font-size: 10pt; padding: 5px 10px 5px 0; }
.form-application input.input, .form-application select.input  { width: 300px; }
.form-application select.input-half { width: 150px; }

.PageTitle { font-weight: bold; font-size: 18pt; border-bottom: #ddd 1px solid; margin: 0 10px;}

#EntityInfo { margin: 35px 0px 15px 10px;}
#EntityInfoHeader { margin-bottom: 3px; }
#EntityInfoHeader div { font-weight: bold; float: left; margin: 0px 5px 3px 5px; }
#EntityInfoContent div { vertical-align: middle; float: left; margin: 0px 5px 3px 5px; }

#ReportInfo { margin: 35px 0px 15px 10px;}
.FormField label { display: inline-block; width: 170px; text-align: right; font-weight: bold; padding-right: 10px;}

#DataContainer { background: #eee; float: left; margin: 25px 1px 30px 0; border: 1px solid #ddd; }
.DataSubHeader { font-weight: bold; padding: 3px; font-size: 10pt; border-bottom: 1px solid #ddd; }

#dgResults { width: 100%;}
.Data { padding: 3px; }
.DataAlternating { background-color: #ddd;}
.DataHeader { background: #555; font-size: 10pt; font-weight: bold;}
.DataHeader a:link { color: #fff; font-size: 10pt; font-weight: bold; text-decoration: none; }
.DataHeader td { padding: 5px; }

.DataKey { float: left; font-size: 8pt; display: block; color: #B22222;}
#ContainerSearch { padding: 10px; margin-top: 40px;}
 
.audit-details { max-width: 800px; margin: auto;padding: 1rem;} 
.info-block {margin-bottom: 2rem;} 
.download-report {background: #e2e8f0; padding: 10px; border-radius: 0;} 
.section-title {font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; border-bottom: 1px solid #ccc; padding-bottom: 0.25rem;}
/* details.aspx: Adds spacing around the "—" separator in the Report Period display */
.date-separator {margin: 0 0.25rem; /* adjust spacing as needed */}
.file-size {font-size: 0.9rem; color: #555;}
.lblNote {color: #5a5d60;}

.info-row {display: flex; align-items: center; margin-bottom:1rem; }
.info-row label {width: 180px;font-weight: 500;}

@media (max-width: 576px) {
    .info-row {
        flex-direction: column;
        align-items: flex-start;
    }

        .info-row label {
            width: 100%;
            margin-bottom: 0.25rem;
        }
}


