body, td {
		    font-size: 16px;		  
		}
		
		label{
			font-size: 1em;
		}
		
		label.required:after {content: " *"; color: #E4002B;} 	
				
		input[type=checkbox], input[type=radio] {
			width: 24px;
			height: 24px;		
		}
		
		.form-control{
			font-size: 1em;
		}
		
		.banner{
			display: block;
			margin-right: auto;
	    	margin-left: auto;
	    	padding-right: 0px; 
   			padding-left: 0px;
	    }
					
		.box {
			margin: 16px 0px; 	
			padding: 20px; 
			border: 1px solid rgb(153, 153, 153); 
			border-image: none;
			margin: 15px 15px; 
			margin-left: 15px;
			margin-bottom: 15px;
			width: fit-content;
		}			
   		
   		.important{
   			color: #E4002B;
   		} 

		.font-weight-bold{
			font-weight: 700;
		}
		
		.col-form-label{
			font-weight: 700;
		}
		
		.label-column{
			font-weight: 700;
		}
		
		.box-head{
			font-weight: 700;
			padding-bottom: 10px;	
		}
		
		.box-head2{
			margin-top: 0px;
			color: #fff;
			background-color: #003865;
			padding: 10px;			
		}
		
		.box-head3{
			margin-top: 0px;
			color: #fff;
			background-color: #8C4799;
			padding: 10px;			
		}
		
		.nav-menu{
			font-size: 1.5em;	
		}
		
		.box-head {
		    font-size: 1.5em;
		}
		
		.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	      	border-top: 0px solid #ddd;
	      	padding: 4px;
	      	/*margin-left: 10px; margin-right: 10px;*/
	    }
	    
	    .table>thead>tr>th {
		    vertical-align: bottom;
		    border-bottom: unset;
		    /*
		    border-bottom-style: groove; 
	    	border-bottom-width: thin;
	    	border-bottom-color: Gray;
	    	*/
		}
	    
	    .row-line{
	    	border-bottom-color: Gray; 
	    	border-bottom-style: groove; 
	    	border-bottom-width: thin;
	    	line-height:2px !Important;	    	
	    }
	    
	    .btn-margin {
		    margin: 0px 25px 10px 0;		    
		}
	    
	    .btn-margin2 {
		    margin: 0px 25px 10px 0;
		}
		
		.img-responsive{
			width: 100%;
		}
		
		.table-responsive{
			margin-top: 20px;
		}		
		
		.line{
			border-bottom: 2px solid #ddd; height: 20px;
		}
		
		.error{
			font-size: 1em;
			color: #E4002B;		
		}
		
		.btn {
			font-size: 1em;
		}
		
		
		.btn-primary {    
	    	background-color: #005EB8;
	    }
	    
	    .btn-primary.focus,.btn-primary:focus {
		    color: #fff;
	    	background-color: #003865;
	    	border-color: #122b40
		}
		
		.btn-primary:hover {
		    color: #fff;
		    background-color: #003865;
		    border-color: #204d74
		}
		
		.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
		    color: #fff;
		    background-color: #003865;
		    border-color: #204d74
		}
		
		.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
		    color: #fff;
		    background-color: #003865;
		    border-color: #122b40
		}
		
		
		.btn-other {
			color: #333;
			background-color: #fff;
			border-color: #939393;
		}
		.btn-other:focus, .btn-other.focus {
			color: #333;
			background-color: #e6e6e6;
			border-color: #535353;
		}
		.btn-other:hover {
			color: #333;
			background-color: #e6e6e6;
			border-color: #747474;
		}
		.btn-other:active, .btn-other.active, .open > .btn-other.dropdown-toggle {
			color: #333;
			background-color: #e6e6e6;
			border-color: #747474;
		}
		.btn-other:active:hover, .btn-other:active:focus, .btn-other.focus:active, .btn-other.active:hover, .btn-other.active:focus, .btn-other.active.focus, .open > .btn-other.dropdown-toggle:hover, .open > .btn-other.dropdown-toggle:focus, .open > .btn-other.dropdown-toggle.focus {
			color: #333;
			background-color: #d4d4d4;
			border-color: #535353;
		}
		.btn-other:active, .btn-other.active, .open > .btn-other.dropdown-toggle {
			background-image: none;
		}
		.btn-other.disabled:hover, .btn-other.disabled:focus, .btn-other.disabled.focus, .btn-other[disabled]:hover, .btn-other[disabled]:focus, .btn-other[disabled].focus, fieldset[disabled] .btn-other:hover, fieldset[disabled] .btn-other:focus, fieldset[disabled] .btn-other.focus {
			background-color: #fff;
			border-color: #939393;
		}
		

		h1{
			color: #005eb8;			
			font-weight: 700;
			font-size: 28px;
		}
		
		.pageHeader2{
			/*color: #005eb8;
			font-size: 18px;*/
			font-weight: 700;	
		}
		
		.subheading{
			font-weight: 700;
			margin-bottom:  15px;
		}
		
		.step{
			.font: arial; font-weight: bold; 
		}
		
		a {
		    color: #005eb8;
		    text-decoration: none;
		    background-color: transparent;
		}
		
		#createAccountLink{
			font-weight: 700;
		}
		#forgotPasswordLink{
			font-weight: 700;
		}
		
		a:hover {
		    color: #00376c;
		    text-decoration: underline
		}
		
		a:not([href]):not([class]) {
		    color: inherit;
		    text-decoration: none
		}
		
		a:not([href]):not([class]):hover {
		    color: inherit;
		    text-decoration: none
		}	    
	     
	    a.viewLink:visited {
		    color: #005eb8;
		} 
		
		a.viewLink:link {
		    color: #005eb8;
		}
		
		caption.box-head2, caption.box-head3{		
			font-size: 18px;
		}
		
		.viewLink{
			color: #005eb8;
		}
		
		.bodySmall{			
			font-size: 16px;
		}
		
		.formLabel {		    
			font-size: 16px;
		    font-weight: bold;
		}
		
		.total-due{
			background-color: #003865;
			width: 100%;			
			padding: 0 0; 
			border: 0px solid; 
			/*display: inline; */
			color: White; 
			font-weight: bold; 
			align: right;
		}
		
		.pad-min{
			padding: 10px !Important;
		}
		
		#lblItemTableCaption{
			font-size: 18px;
			color: White; 
			font-weight: bold;			
		}
				
		legend{
			border-bottom: none;
		}
		
				
		@media only screen and (max-width: 650px) {
		  .header-img {
		    width: 100%;
		  }
		  
		  .total-due{			
			width: 100%;			
		  }
		  
		  .box {
   			 margin: 0px 0px;
   			 margin-right: 0px;
   			 margin-bottom: 15px;
   			}
   			
   			.btn-group{
   				display: initial;   			
   			}   			
   			
			.total{
				width: 75% !Important;
			}
		}
		
@media 	only screen and (max-width: 712px)  
	 { 
			
		/* Force table to not be like tables anymore */
		.cart table, .cart caption, .cart thead, .cart tbody, .cart th, .cart td, .cart tr {
			display: block;
		}
		
		/* Zebra striping */
		.cart tr:nth-of-type(odd) { 
			background: #eee; 
		}
		
		.cart th { 
			background: #a6a6a6; 
			color: white; 
			font-weight: bold; 
			border: 1px solid white;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
		.cart thead tr {		
			position: absolute;
			top: -9999px;
			left: -9999px;			
		}
 
		.cart tr { border: 1px solid gray; }

		.cart td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid gray;
			position: relative;
			padding-left: 50%;
			font-weight: normal;
		}
		
		.cart td.col1, .cart td.col2 {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid gray;
			position: relative;	
			padding-left: .35em; 		
		}

		.cart td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: .35em;
			left: .35em;
			width: 45%;
			padding-right: .6em;
			white-space: nowrap;
		}

		/*
		Label the data
		*/
		
		.cart td.permits:nth-of-type(1):before { content: "License Plate"; }		
		.cart td.permits:nth-of-type(2):before { content: "Permit Type"; }
		.cart td.permits:nth-of-type(3):before { content: "Amount Due"; }		
		.cart td.permits:nth-of-type(4):before { content: "Select Sticker Type"; }	
		
		.payThisAmount{
			width: auto; 
			padding: 0 0; 
			border: 0px solid;; 
			display: inline; 
			background-color:transparent;			
		}
		
		.row-line{
			display: none !Important;
		}
			
	}
	
	.cart input[type=checkbox], input[type=radio] {
    	margin: 0px 0 0;	
    }
    
    caption {  
    	caption-side: top;
	}
		
	@media print { 
		#noprint { display: none; } 
		.noPrint { display: none; } 
		.noprint { display: none; }
		img{ display: none; } 
		button, html input[type=button], input[type=reset],input[type=submit] { display: none;}
		footer { display: none;}
	}
	
	.header-image{
		display:none;
	}
	
	label.required:after {content: " *"; color: #E4002B; font-weight: bold}
	label.required2:before {content: " *"; color: #E4002B;}
	span.required2:before {content: " *"; color: #E4002B; font-weight:600;}
	legend.required2:before {content: " *"; color: #E4002B;}

	label.required3:after {content: "*"; color: #E4002B;}
	span.required3:after {content: "*"; color: #E4002B; font-weight:600;}
	
	.form-inline-format{	
		display: flex;
	}
	
	.form-inline-format2{	
		display: flex;
	}	
	
	
			
	.col-format{	
		/* 
		padding-right: 10px;
		padding-left: 10px; 
		*/		
	}
	
	@media only screen and (max-width: 575px) {
	
		.form-inline-format{	
			display: unset;
		}	
		
		.form-inline-format2{	
			display: flex;
		}	
		
		.control-small{
			padding: .7rem 1.2rem;
		}
		
	}
	
		
	@media only screen and (min-width: 1280px) {
	
		.col-format{	
			padding-right: 45px;
			padding-left: 45px;		
		}
	}
	
	.col-form-legend{
		font-size: 1em;
	}