/**
 * File for commiting new & essential css. You should
 * wipe this file every week or 2, and commit any css
 * to a permanent location in addition to this file.
 */
.btnloader {
	display: inline-block;
  border: 2px solid gray;
  border-radius: 50%;
  border-top:  2px solid #f3f3f3;
  width: 10px;
  height: 10px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
.btnloader-large {
	display: inline-block;
  border: 2px solid gray;
  border-radius: 50%;
  border-top:  2px solid #f3f3f3;
  width: 15px;
  height: 15px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  margin: 0 10px;
}
.btnloader-box {
  padding: 30px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.social-login-btn {
	width: 49%;
	max-width: 180px;
	float: left;
	margin: 0 0 20px 2px;
	cursor: pointer;
}
.quadratec-wholesaler-slogan {
	padding: 10px;
	background: #5c995d;
	text-align: center;
	font-size: 16px;
}
.quadratec-wholesaler-slogan-mobile {
	margin-top: 10px;
}
.quadratec-wholesaler-slogan a {
	text-decoration: underline;
}
#navbar.wholesaler-header {
	background: #366f3a;
}

.profit-guide-block {
	margin: 20px 10px 0 10px;
	text-align: center;
	background: #ffca2e;
	font-size: 18px;
	line-height: 22px;
	padding: 8px;
	font-weight: 600;
	border-radius: 5px;
}
.profit-guide-block a {
	color: #000;
}
.logo img.wholesaler-logo-img {
	max-height: 36px;
}
#navbar.wholesaler-header .quadratec-keyword-search {
	background: #366f3a;
}
@media (min-width: 990px) {
	.quadratec-wholesaler-slogan {
		font-size: 20px;
		padding: 15px;
	}
	.logo img.wholesaler-logo-img {
		margin-top: 30px;
		max-height: inherit;
	}
	#navbar.wholesaler-header .quadratec-keyword-search {
		background: none;
	}
}