.message{color:red}
span[id^="MainContent_"] > b{font-weight:inherit}
#MainContent_lbluser{font-weight:bold}
.validation-space{font-size:15px;font-weight:bold;visibility:hidden}
.link-button{border:0;padding:0;background:none;color:#007bff;font:inherit;font-weight:bold;text-decoration:none;cursor:pointer}
.link-button:hover{text-decoration:underline}
.report-settings,.receipt-entry{padding:2em}
.report-settings td{padding:5px;vertical-align:top}
.report-settings textarea{width:300px;max-width:100%}
.report-settings select{max-width:100%}
.report-table{max-width:100%;overflow:auto}
@media(max-width:480px){.report-settings table,.report-settings tbody,.report-settings tr,.report-settings td{display:block}.report-settings input:not([type=checkbox]),.report-settings select,.report-settings textarea{max-width:100%}.report-settings{padding:1em}}

.report-history{border-collapse:collapse;background:white;min-width:480px}.report-history th{padding:4px 2px;background:#00246c;color:white}.report-history td{padding:2px;border:1px solid #c1c1c1}


.report-settings,.receipt-entry{font-size:15px;line-height:1.5}
.report-settings h2{font-size:20px;color:#00246c;margin:20px 0 12px}
.report-settings input:not([type=checkbox]):not([type=hidden]),.report-settings textarea,.report-settings select{font-size:15px;width:320px;max-width:100%;padding:4px}
.report-settings button,.receipt-entry input,.receipt-entry select,.receipt-entry button{font-size:15px}
.report-settings td:first-child{min-width:150px}
.receipt-entry label{font-weight:700}.receipt-entry label b{font-weight:inherit}
@media(max-width:480px){.receipt-entry{padding:15px}.receipt-entry table,.receipt-entry tbody,.receipt-entry tr,.receipt-entry td{display:block;width:100%}.receipt-entry input,.receipt-entry select{max-width:100%;width:100%;padding:4px}.receipt-entry td{margin-bottom:4px}body[data-page="receiptsdashboard"] .row{margin-right:0;margin-left:0}}
@media(max-width:480px){.report-settings table:not(.report-history){width:100%}.report-settings .report-history,.report-settings .report-history tbody{display:table}.report-settings .report-history tr{display:table-row}.report-settings .report-history td{display:table-cell}.report-settings .report-history td:first-child{min-width:0}}

.payment-heading b{font-weight:inherit}
.payment-heading{font-size:20px;font-weight:bold}
.payment-table{width:max-content}
#mytable{max-width:100%;overflow-x:auto}
.receipt-grid{font-size:15px}
@media(max-width:1100px),(min-device-width:768px) and (max-device-width:1024px){
 #mytable .payment-table{width:100%}
 body[data-page="dataentry"] .column,body[data-page="dashboard"] .column{width:100%}
 .receipt-grid,.receipt-grid tbody,.receipt-grid tr,.receipt-grid td,.receipt-grid th{display:block}
 #mytable .payment-table tr{display:block}
 #mytable .payment-table tr:has(.payment-heading),#mytable .payment-table tr:has([name="txthidden"]){display:none}
 #mytable .payment-table td{padding:3px 6px;min-height:36px;text-align:left}
 #mytable .payment-table td[data-label]{display:flex;align-items:center;justify-content:space-between;gap:8px}
 #mytable .payment-table td::before{content:none}
 #mytable .payment-table td[data-label]::before{content:attr(data-label);position:static;display:block;width:auto;height:auto;padding:0;background:transparent;font-size:20px;white-space:normal;flex:1}
 #mytable .payment-table td input{flex:0 1 150px;max-width:48%;min-width:0}
 #mytable .payment-table td:not([data-label]) input{max-width:100%}
 .receipt-grid{width:100%}
 .receipt-grid .receipt-headings{display:none}
 .receipt-grid td[data-label]{padding:4px;display:flex;gap:8px;justify-content:space-between;overflow-wrap:anywhere}
 .receipt-grid td[data-label]::before{content:attr(data-label);position:static;width:auto;height:auto;padding:0;font-size:15px;white-space:normal;flex:0 0 45%;background:transparent}
 body[data-page="receiptsdashboard"] .gridcolumn,body[data-page="dataentry"] .gridcolumn{max-width:100%;padding-left:0!important;overflow:auto}
}

body[data-page="dataentry"] .row,body[data-page="receiptsdashboard"] .row{margin-right:0}
@media(min-width:1101px) and (max-width:1500px){
 body[data-page="dataentry"] #mytable{position:relative;left:auto;right:auto;padding-bottom:46px}
 body[data-page="dataentry"] #mytable td:has(input[type="submit"]){position:absolute;bottom:4px;right:0}
}