/*#autocomplete {
	width: 50%;
}*/

/*#autocomplete.select2({ width: '100%' })*/

/*.select2.select2-container {
	margin: 0 auto;
	position:relative;
	display:inline;
	width:70%;
}*/
html body {
	background-color: #eee;
}
h1 a:hover, a:visited, a:link, a:active {
	text-decoration:none;
	color: rgba(0,0,0,0.9);
}

.toggle.btn{
	vertical-align: top;
}
#sub_btn{
	vertical-align: top;
}
#gtSearch {
	width: 90%; /*82% looks better but doesnt fit on ipad*/
	display:inline-block;
	outline: none;
	border: none;
}
/*li.select2-search.select2-search--inline{
	width:100% !important;
}*/
#rsub_btn{
	/*margin-top:1px;*/
	height: 100%;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
#updatesearchlink {
	position: relative;
	margin: 0 auto;
	background-color: #f8f9fa;
}
#carSort{
		width: 95%;
		margin: 0 auto;
}

#formgroup2{
	margin: auto 0px;
}

.newsimg{
	width:100%;
	height:auto;
}

.newsitem{
	margin-bottom: 35px;
	margin-top: 20px;
}

#colorCard .newsitem.card{
	margin-bottom: 10px;
}

#colorTiles .newsitem.card{
	margin-top: 10px;
	margin-bottom: 10px;
}

.newsedit, a.newsedit{
	color:#636c72;
}
.sortBG{
	padding: 5px 0;
	background-color: #304d8f;
	margin-bottom: 10px;
}

#links .popover{
    position:relative;
}

#below0 .popover{
	position: relative;
}

.searchsortsep{
	min-height:20px;
}

#toplogo1 {
	margin: 0px 25px; /*was 25px*/
	font-size: 2.5em;
	font-weight: 500;
}

#toplogo1 a:hover, #toplogo1 a:visited, #toplogo1 a:active {
	text-decoration: none;
	color:rgba(0,0,0,0.9);
}

.toplogoimg{
/*	width:15%;
	height:15%;*/
	width:267px; /*was 250*/
}

.vehicleShowImage{
	width:100%;
}

/*missing indexroot*/


/*end missing*/

.smlink{
	margin: 0px 4px;
}

.postauthortext{
	margin-right: 6px;
}

.searchContainer {
	margin:  10px auto;
	width: 	 95%;
/*	background-color: #;*/
}

.searchBG{
	background-color: #22a8ec;
	padding: 0px 0px;
	/*height:43px;*/ /*for some reason it isnt being auto calcd for search result pages*/
} 

.submittagselBG{
	background-color: #FFF;
}

.newsBG{
	background-color: #22a8ec;
	padding: 12px 100px;
	color: white;
/*	margin: 10px 0px;*/
	text-align:center;
}

#colorfindercard {
  background-color: rgba(0, 0, 0, .1);
  margin-top: 5px;
  margin-bottom: 20px;
}

.colorpickleft{
	margin-top: 0px;
}

#colorSelected{
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 75px;
	margin-right: 10px;
	font-weight: 300;
/*	color: white;*/
}

#colorSelected a{
	color: black;
	text-decoration: none;
}

.color-picker-des{
	padding-left: 30px;
	padding-top: 20px;
}

.carddes{
	padding: 10px;
}

#siteSectionSelect a {
	color:white;
	text-decoration:none
}

#siteSectionSelect{
	background-color: #304d8f;
	padding: 10px 10px;
	color: white;
/*	margin: 10px auto;*/
	text-align:center;
	background: linear-gradient(-45deg, #777, #622, #229, #666);
	background-size: 400% 400%;
	-webkit-animation: Gradient 35s ease infinite;
	-moz-animation: Gradient 35s ease infinite;
	animation: Gradient 35s ease infinite;
}

.select2-selection.select2-selection--multiple{
	height:38px;
}

.vehicleDeets{
	margin: 30px 20px;
}

.additionalVehiclePix {
	margin-bottom:	15px;
}

.vehicleFullOptions {
	margin: 10px 0;
	font-size: 90%;
}

.previewpic{
	width: 100%;
}

.share1{
	position: absolute;
	/*right: 0px;
	margin-right: 50px;*/
	float:right;
	right: 0px;
	margin-right: 50px;
}
div.nFound span.share1{
	position: absolute;
	margin-top:-10px;
	margin-right: 10px;
}

.qsharerow{
	margin: 10px 0px;
}

.cardimgx{
	max-height: 130px;
	height: 70%;
	width: auto;
    margin: auto;    
    display: block;
}

.cardimgx2{
/*	max-height: 200px;
	height: 70%;*/
	max-height: 100%;
	max-width: 100%;
	width: auto;
    margin: auto;    
    display: block;
}

.share2{
	margin:0 auto;
	width:100%;
}
.useracct{
	position: absolute;
	right: 0px;
	margin-right: 50px;
	margin-top: 35px; /*was 45px*/
	font-size:0.45em; /*was 0.4em*/
}

.useracctx{
/*	font-size:0.8em;*/
	margin-right: 5px;
}

.loginregister{
	margin: 30px 0;
}

.regfield{
	margin: 10px;
}

.regfield input{
	width: 50%;
	margin: 0 auto;
}

/*#loginregistration{
	margin:0 auto;
}*/

.btn-outline-dark{
			width: 				9%;
			background-color: 	white;
			height: 35px;
}

.previewdesc{
	margin-bottom: 10px;
}

.nFound{
	margin-bottom: 5px;
	margin-left: 3%;
	/*font-weight: bold;*/
}

.socialShareBlock{
	padding:10px 0;
	text-align: center;

}
.socialShare{
	display:inline-block;
	width: 150px;
/*	height: 30px;*/
/*	background: red;*/
	padding:0 35px;
	margin: 0 auto;
	text-align: center;
}
.sm_share{
	width:50px;
}

a.sharelink, a.shP{
	color:white;
	text-decoration:none
}

.shFb{
	background-color: #3d5a96;
	color: white;
}

.shP{
	background-color: #dc0a1d;
	color: white;
}

.shtblr{
	background-color:#2c4662;
	color: white;
}

.shemails{
	background-color:#666;
	color: white;
}

.shT{
	background-color:#6daecf;
	color: white;
}

.socialShare a:hover, .sm_share a:hover, .reportLink.popoveroption2.minishare:hover {
	color:white;
	text-decoration: none;
}

.cancelshare{
	border-style:solid;
	border-width:1px;
	padding: 0px 0px;
	width: 70px;
	text-align: center;
}

.formreqd{
	color: red;
	font-size:smaller;
	vertical-align:super;
}
.form_error{
	color: red;
	margin-left: 20px;
}
/*.useracctlogo{
	font-size: 1.8em;
}*/

#searchByUsername, #searchByEmail, #formalBName { 
	display: inline;
	width:80%;
}

.ACPsearchlabel{
	display:block;
}

.row{
	width:100%;
}

.instagram-media, iframe, twitterwidget {
	margin: 0 auto !important;
	/*max-width: 100% !important;*/ /*does not work on video yet*/
}

.embed{
	text-align: center;
}

.textEnlarge{
	font-size:150%;
}

.embed_yt {
	position: relative;
	padding-bottom: 56.25%;  16:9 
	padding-top: 25px;
	height: 0;
}
.embed_yt iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*#below1 .popover{
	position:absolute;
	max-width:100%;
	width:80%;
    height: auto;
    min-height:250px;
    left: auto !important;
    right: auto !important;
    display: block;
    margin: 0 auto;
}*/

/*#below0 .popover{
	position:absolute;
	max-width:100%;
	width:80%;
    height: auto;
    min-height:250px;
    left: auto !important;
    right: auto !important;
    display: block;
    margin: 0 auto;
}*/

.popover-content {
	    min-height: 250px; 
}

.templateitem em {
	font-size:90%;
}

body .popover{
	position:relative; /*was aboslute prior to new*/
	max-width:100%;
	width:80%;
    height:auto;
    /*min-height:250px;*/ 
    left: auto !important;
    right: auto !important;
    top: 25%;
    display: block;
    margin: 0 auto;
  
}

.dim {
    height:100%;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    display:none;
    z-index:1000 !important;
    background-color:black;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, old safari */
      -moz-opacity: 0.75;      /* mozilla, netscape */
           opacity: 0.75;      /* fx, safari, opera */
}

#forgotpwdlink a {
	color:white;
	text-decoration:none
}

#alertbox {
	position:absolute;
	left: 0;
	right: 0;
	margin-top: 7%;
	z-index: 99 !important;
}

.select2-selection.select2-selection--single {
	height:36px !important;
	padding-top: 3px;
}

.select2-selection.select2-selection--single span.select2-selection__arrow b{
	padding-top: 3px;
}

.searchresultsback {
	margin-bottom: 10px;
}

#colorrootsubbar .indexrootaltbtn, #imgcolorsubbar {
	color: white;
}

#colorrootsubbar{
	margin-bottom:10px;
}

#imgcolorsubbar{
	position:absolute;
	bottom: 5px;
	margin: auto auto;
	width: 100%;
}

.librarytext{
	bottom: 0px;
}
.div_center{
	margin: 0 auto;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.toggle-off {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.toggle.off {
    border-color: rgba(0, 0, 0, .25);
}

.toggle-handle {
    background-color: white;
    border: thin rgba(0, 0, 0, .25) solid;
}

.select2-selection--multiple { 	/*added for tag editing and cars*/
  min-height: 150px;
  max-height: 250px;
  overflow-y: auto;
}

.bricklayer {
  width: 100%;
}

.bricklayer-column-sizer{
	width: 33%;
}

#colorCard .newsitem.card div.previewdesc.card-block, #colorTiles div.newsitem.card div.previewdesc.card-block, #colorTiles .searchedColorCardDesc{
	padding:0.5rem 0.7rem;
}

#colorTiles div.previewpiccontainer.card{
	margin: 20px 0;
}

#topbg{
	height: 120px;
	background-image: url("https://img.colors.rs/uploads/dbase-img-sm.jpg");
	background-size: cover;
	background-position: center;
	width: 100%;
	margin-bottom:10px;
}

.libtext{
	position: absolute;
	bottom: 0px;
}

.libtexttop{
	position: absolute;
	bottom: 0px;
}

.color-text{
	font-size:1rem;
	line-height:1.2rem;
}

.top-back-text{
	font-size:1rem;
	margin-bottom: 10px;
}

.source-link-text{
	font-size:.8rem;
}

.previewpiccontainer.card .embed_f twitter-widget{
	width:100% !important;
}

@media screen and (min-width: 768px) {
	.container .bricklayer-column-sizer, .fpcont .bricklayer-column-sizer {
		/* divide by 2. */
		width: 50%;
	}
}

@media screen and (min-width: 980px) {
  .container .bricklayer-column-sizer {
    /* divide by 3. */
    width: 33.3%;
  }

  .fpcont .bricklayer-column-sizer{
  	width: 50%;
  }
}

@media screen and (max-width: 768px){
	.cardimgx{
		max-height: 90px;
	}
}


@media only screen and (max-device-width: 480px) {

/**/
	html body{
		line-height: 1rem;
	}
	.toplogoimg{
	/*	width:15%;
		height:15%;*/
		width:170px;
	}
/*	.select2.select2-container.select2-container--default{
		width:85% !important;
		max-width:213px;
	}*/
	#toplogo1 {
		/*margin: 15px 25px;*/
	}
	div div input.col-6.col-form-label{
		max-width:75%;
	}

	.useracctlogo {
		font-size: 1em;
	}

	#toplogo1 .useracct {
		font-size:0.4em;
		margin-top: 25px;
	}

	input#gtSearch{
		font-size:1em !important;
	}
	#gtSearch{
		/*line-height:1rem;*/ /*incomaptible with searchbar*/
	}
	#gtSearch {
		width: 85%; /*82% looks better but doesnt fit on ipad*/
		display:inline-block;
		margin: 0 0;
	}
	li.select2-search.select2-search--inline, input.select2-search__field{
		/*width:auto !important; trying to fix one line issue ALPHA*/
	}
	.switchContainer{
		height:30px;
		width:57px;
	}
	.toggle-group .btn {
		padding-top: 13%;
		font-size: 1em; /*was 1.2*/
	}

	#carSort{
		font-size: 1em; /*was 2*/
		padding:3px 3px;
		height:30px;
		/*height: 60px; removed for css2
*/	}
	#locinput{
		height:30px;
		font-size:1em;
	}

	.container {
		font-size: 	.8em;
	}

/*	select .form-control .input-group-lg {
		font-size: 16px;
	}*/
	.searchBG{
		padding: 6px 0px; /*fixed for ezsearchresults*/
	}
	#updatesearchlink{
		left: 50%;
		transform: translateX(-50%);
	}
	input#locinput.form-control{
		width:70%;
		float:right;
		margin-top: 5%;
	}

	body .container{
		margin 		0 auto;
		width: 		100%;
	}

	body div.container{
		padding: 0 10px;
	}

	.searchContainer {
		margin: 	10px auto;
	}

	.newsitem{
		margin-bottom: 0px;
		margin-top: 15px;
	}

	.newsitem.card div.textside.card-block{
		/*padding:0.7rem;*/ /*removed for shares root*/
	}

	.nFound{
		font-size: 1em; /*was 2.5*/
	}

	.cardimgx{
		max-height: 50px;
	}

	.qshares{
		font-size:1rem;
	}

	#toplogo1 .useracct{
		position: absolute;
		right: 0px;
		margin-right: 15px;
		margin-top: 18px;
		font-size: .35em;
	}

	body #toplogo1 {
		margin: 0px 10px;
		height: 45px;
	}

	.newsBG, .searchContainer .btn .btn-outline-dark, .socialShareBlock{
		font-size: 	0.8em; /*was 2em*/
		line-height: 1em; /*for navbars*/
		padding: 10px 10px;
	}

	#siteSectionSelect{
		font-size: 	1em; /*was 2em*/
		line-height: 1em; /*for navbars*/
		padding: 10px 10px;		
	}

	.searchContainer_site{
		margin: 5px;
	}

/*	.select2-selection__rendered, .dropdown-wrapper, .select2-results {
		font-size: 	1em; 
		height:		41px;
	}*/
	#gtSearch {
		font-size: 	1em; /*was 2.5*/
		/*height:		45px;*/
	}

	.btn-outline-dark {
		height: 	auto;
		width: 		50px;
	}
	.select2-container{
		height: 36px;
	}
	.select2{
		overflow-y: auto;
	}
	.select2-selection.select2-selection--multiple{
		height:auto;
	}

	.select2-selection.select2-selection--single {
		height:32px;
	}

	.select2-selection.select2-selection--single span.select2-selection__arrow b{
		padding-top: auto;
	}

	#searchform {
		margin-top:2px;
	}

	#rootsearch{
		width:100%;
	}

	#rootsearch.dbx{
		padding-top: 2px;
		height: 46px;
	}

/*	input, select{
		height: 50px;
		font: 3em;
	}*/

/*	li .select2-search--inline
	{
	    font-size:24px;
	}

 	li.select2-search.select2-search--inline input.select2-search__field{
		padding-top:10px;
	}
	ul li.select2-selection__choice{
		padding:0 1px;
		line-height: 1.6em;

	}
	li.select2-search.select2-search--inline{
		font-size:0.8em;
	}

	span.select2-selection.select2-selection--multiple{
		max-width:215px;
	}

	ul#select2-autocomplete-results.select2-results__options{
		background-color:white;
	}
	ul#select2-autocomplete-results{
		font-size: 0.8em;
	}
	li.select2-selection__choice{
		font-size: 0.8em;
	}*/

	#po-optn .popover-title {
		font-size: 1em; /*was 2.5*/
	}

	#below0 .popover-title{
		font-size: 1em; /*was 2.5*/
		margin:15px 0;
	}

	#po-optn .popover-content {
		font-size: 1em; /*was 2.5*/
	}
/*	.select2-selection__choice {
		font-size: 1.6em;
	}*/
	.popover-content, .popover-title{
		font-size: 1em; /*was 2*/
	}

	.contactShareGTSblock {
		display:none;
	}

	#email, #name, #comment {
		font-size: 1em; /*this is intended for popup*/ /*was 1.5*/
	}

	.closure{
		font-size: 1em !important;  /*was 1.2*/
	}
	div.toggle.btn{
		transform:scale(0.7);
		transform-origin: 0% 0%;
	}
/*	.searchcontainer .toggle.btn{
		min-height:70px;
	} */
	#rsub_btn{
		height:32px;
		width:40px;
	}
	button#rsub_btn.btn.btn-outline-dark{
		padding: 6px 0px;
	}
	#updatesearchlink {
		position: relative;
		top: 2px;
	}
	.switchContainer{
		height:30px;
		width:58px;
	}
	body .popover{
		max-width:100%; /*was 93% new*/
		width:100%;
	    height:auto;
	    min-height:250px; 
	    left: auto !important;
	    right: auto !important;
	    top: 25%;
	    display: block;
	    margin: 0 auto;
	  
	}
	.vehicleDeets{
		margin: 0px 0px;
	}
	.instagram-media, iframe, twitterwidget {
		max-width: 100% !important; /*does not work on video yet*/
	}
	.socialShare{
		width:40px;
		height: 30px;
		padding-top:10px;
	}
	.socialShareBlock{
		padding: 10px 0px;
	}
	div.nFound span.share1{
		position: absolute;
		margin-bottom:60px;
		margin-right: 10px;
	}
	.share1{
		margin-right: 20px;
	}
	.fullresultdes{
		display:none;
	}
	.minishare{
		width:20px;
		padding:10px 20px;
	}
	.cancelshare{
		border-style:solid;
		border-width:1px;
		width: 50px;
		text-align: center;
		padding:10px 0px;
		font-size:0.8em;
	}
	.pagination-mo .page-link {
	  padding: 0.25rem 0.5rem;
	  font-size: 0.875rem;
	  line-height: 1.5;
	}

	.pagination-mo .page-item:first-child .page-link {
	  border-top-left-radius: 0.2rem;
	  border-bottom-left-radius: 0.2rem;
	}

	.pagination-mo .page-item:last-child .page-link {
	  border-top-right-radius: 0.2rem;
	  border-bottom-right-radius: 0.2rem;
	}
	.colors-counts {
		margin: 8px 0;
	}
	#colorrootsubbar{
		margin: 5px 0 10px 0;
		width: 100%;
	}
	.closestpcolor{
		margin: 15px 0 0 0;
	}

	.colorindexsimilarrow{
		/*margin-top:40px;*/
	}
	.libtexttop{
		font-size:1.3em;
		position: relative;
	}
	#colorrootsubbar .colors-counts{
		font-size: .9em;
	}
	.previewdesc.card-block div.recentCardText.share01c0{
		font-size: .9em;
	}
	.row.center select.form-control{
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#similar-colors-row{
		font-size:0.9rem;
	}
	#colorTiles .previewdesc.card-block.searchedColorCardDesc {
		font-size:1rem;
	}
	#sub-card-text{
		line-height:1.25rem;
	}
	.single-post-text{
		font-size:1rem;
	}
	.previewdesc.card-block{
		font-size:1rem;
		line-height:1.1rem;
	}
	.textside.card-block {
		font-size:1rem;
		line-height:1.1rem;
	}
	.news-title{
		font-weight:600;
	}
}