<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> #serc-wrapper {
    border: 1px solid black;
    box-shadow: 3px 3px 1px grey;
    width: 100%;
}
#serc-header {
    background-color: #bbb;
    padding: 5px;
}
 #serc-nav {
     background-color: #932314;
     color:  #fff;
     height: inherit;
     width: 25%;
     float: left;
     padding: 5px;
 }
 
.altTable tr:nth-of-type(odd) {
     background: #f1f1f1
 }
.altTable th {
     background: #bbb
 }
 
label.error {
     color: #f00;
 }
         
#serc-main {
    float: left;
    padding: 10px;
 }
 
 
 #serc-main label, input, select {
     display: block;
 }
            #serc-main-1 {
                float: left;
                padding: 5px;
                
            }
            #serc-main-2 {
                float: left;
                padding: 5px;
            } 
            #serc-main-3 {
                float: left;
                padding: 5px;
            } 
            #serc-main-4 {
                float: left;
                padding: 5px;
            } 
            #serc-footer {
                padding: 5px;
                clear: both;
                border-top: 1px solid black;
            } 
            span.error {
                color: #f00;
            }
            #tableCart {
                box-shadow: 3px 3px 1px grey; 
                margin: 0px; 
                margin-top: 10px;
                margin-bottom: 5px;
                width: 100%;
            }
            #tableCart tr:nth-of-type(even) {
                background: #f1f1f1;
            }
            
            @media
            only screen and (max-width: 760px),
            (min-device-width: 768px) and (max-device-width:1024) {
                /* Force tables to not be like tables anymore https://css-tricks.com/responsive-data-tables/ */
            #tableCart table, thead, tbody, th, td, tr {
                display: block;
            }
            /* Hide table headers (but not display: non;, for accessibility) */
            #tableCart thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }
        
            #tableCart tr { 
                border: 1px solid #ccc; 
            }
		
            #tableCart td {
			    /* Behave  like a "row" */
			    border: none;
			    border-bottom: 1px solid #eee;
			    position: relative;
			    padding-left: 25%;
		    }

		    #tableCart td:before {			    
                /* Now like a table header */
			    position: absolute;
			    /* Top/left values mimic padding */
			    top: 6px;
			    left: 6px;
			    width: 45%;
			    padding-right: 10px;
			    white-space: nowrap;
		    }

		    /* Label the data */
		    #tableCart td:nth-of-type(1):before { content: " "; }
		    #tableCart td:nth-of-type(2):before { content: "First Name"; }
		    #tableCart td:nth-of-type(3):before { content: "Last Name"; }
		    #tableCart td:nth-of-type(4):before { content: "Badge"; }
		    #tableCart td:nth-of-type(5):before { content: "Email"; }
		    #tableCart td:nth-of-type(6):before { content: "Title"; }
		    #tableCart td:nth-of-type(7):before { content: "Registration"; }
		    #tableCart td:nth-of-type(8):before { content: "Amount"; }
		    #tableCart td:nth-of-type(9):before { content: "First"; }
		    }
            

div.left {
     width: 25%;
     float: left;
 }

div.right {
     width: fill-available;
     float: left;
 }
 
</pre></body></html>