body{
	background-color: #F8F7DA;
}
select {
	border: 1px solid;
	border-radius: 4px;
	color: #000000;
	font-size: 75%;
	font-weight: bolder;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 100%;
}

input {
    width: 100%px;
	border: 1px solid;
	border-radius: 4px;
	
	color: #000000;
	font-size: 75%;
	font-weight: bolder;
	margin-top: 2px;
	margin-bottom: 2px;
}
.red-button{
	background-color: #F42024;
	color: #F4EB0A;
	
}
.green-button{
	background-color: #09721F;
	color: #F4F4F4;
}



.input-1{

	
}
form .row.make-line .col-xs-10 {
	text-align: left;


}
.search-box {
	padding-left: 8px;
	padding-top: 8px;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	background-color: #F5F4CD;
	padding-bottom: 8px;
	padding-right: 8px;
	max-width: 500px;
	font-weight: bolder;
	border-radius: 8px;
	border: thin dashed #845859;
	margin-bottom: 6px;
   }
.required-text{
	text-align: center;
	color: #A00608;
	font-size: 115%;
	font-style: italic;
	letter-spacing: 4px;
	font-weight: bolder;
	margin-left: 0px;
	margin-right: 0px;
}
.required-line{
	margin-bottom: 4px;
	margin-left: 0px;
	margin-right: 0px;
	
	
}

.optional-text{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	color: #847B7B;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 2px;
	line-height: 110%;
	font-style: oblique;
	
}
.make-line{
	margin-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
}
.model-line{
	width: 100%;
	margin-bottom: 10px;
	padding-left: 0px;
	margin-left: 0px;
	
}


form .row.model-line .col-xs-2 {
	padding-top: 2px;
	padding-right: 1px;
	padding-left: auto;
}

.searchquery-line{
	text-align: center;
	text-shadow: 1px 1px 1px #646060;
	font-size: 100%;
	margin-bottom: 10px;
	letter-spacing: 0%;
	margin-left: 0px;
	margin-right: 0px;
	
}
.year-line{
	width: 100%;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	}
	.year{
	padding-top: 3px;
		
	
}
.length-line{
	width: 100%;
	margin-left: 0px;
	margin-bottom: 10px;
	
}
.ft{
	font-style: italic;
	/* [disabled]padding-right: 10px; */
	padding-top: 2px;
	margin-right: auto;
	padding-left: 2px;}

.price-line{
	width: 100%;
	margin-left: 0px;
	margin-bottom: 10px;

}
.fuel-line {margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
}

.state-line{
	margin-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;


}
.areacode-line{
	margin-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
}
.sort-line{
margin-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
}
.adtype-line {
 margin-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
}
.bgnreset-line {
	margin-top: 30px;
	width: 320px;
	margin-left: auto;
	padding-left: auto;
	padding-right: auto;
	margin-right: auto;
}
.adnummbertext-line{
	margin-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
	
}

.adnummber-line{
	margin-bottom: 10px;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
	
}

form .row.make-line .col-sm-2 {
}
form .row.model-line .col-sm-2 {
}
form .row.year-line .col-xs-2 {
}
.from{
	text-align: right;
	padding-right: 0px;
	font-style: italic;
	padding-top: 3px;
	
}
form .row.year-line .col-xs-6 {
	padding-left: 2px;
}

@media (max-width:768px){
.search-box {
	padding-left: 2px;
	padding-top: 2px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;}
.ft{
	font-style: italic;
	padding-right: 0px;
	padding-top: 2px;
	padding-left: 10px;

	
}



}

/*Table Responsive Solution MAYBE */
   /* https://css-tricks.com/responsive-data-tables/ */
	
@media 
only screen and (max-width: 500px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	th {
    position: absolute;
    top: -9999px;
    left: -9999px;
    color: #000000;        
	}
	
	tr { border: 3px solid #FFFFFF; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
    
	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;
	}
	.sub-menu1-content{
    left: -200px;
    overflow-wrap: break-word;  
    max-width: 280px;
}
	/* Label the data  */
	td:nth-of-type(1):before { content: "Tag"; }
	td:nth-of-type(2):before { content: "Type"; }
	td:nth-of-type(3):before { content: "Ad Advertser"; }
	td:nth-of-type(4):before { content: "Total Tags"; }
	td:nth-of-type(5):before { content: "Total Clicks"; }
	td:nth-of-type(6):before { content: "Date"; }
	td:nth-of-type(7):before { content: "Web"; }
	/*td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
}