:root {
   --cbg-cool-green-360: linear-gradient(180deg, #448725, #488f27, #4c9729, #4f9f2b, #53a72c, #57af2e, #5bb730, #5ebf32, #62c733, #67cc38);
	--cbg-cool-green: linear-gradient(360deg, #448725, #488f27, #4c9729, #4f9f2b, #53a72c, #57af2e, #5bb730, #5ebf32, #62c733, #67cc38);
	--cbg-facebook: linear-gradient(to top, #0072ff, #00c6ff);
	--cbg-facebook-360: linear-gradient(to bottom, #0072ff, #00c6ff);
	--cbg-midnight-city: linear-gradient(to bottom, #414345, #232526);
	--cbg-midnight-city-360: linear-gradient(to top, #414345, #232526);
	--cbg-juicy-orange: linear-gradient(to bottom, #FFC837, #FF8008);
	--cbg-juicy-orange-360: linear-gradient(to top, #FFC837, #FF8008);
}
/* form control */
.form-control::-webkit-input-placeholder { /* Chrome */
	color: #999;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
	color: #999;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
	color: #999;
	opacity: 1;
}
/* button colors */
.btn-primary {
	background: var(--cbg-facebook);
}
.btn-primary:hover {
	background: var(--cbg-facebook-360);
}
.btn-success {
	background: var(--cbg-cool-green);
}
.btn-success:hover {
	background: var(--cbg-cool-green-360);
}
.btn-secondary {
	background: var(--cbg-midnight-city);
}
.btn-secondary:hover {
	background: var(--cbg-midnight-city-360);
}
.btn-warning {
	background: var(--cbg-juicy-orange);
}
.btn-warning:hover {
	background: var(--cbg-juicy-orange-360);
}
/* badge colors */
.badge-primary {
	background: var(--cbg-facebook);
}
.badge-secondary {
	background: var(--cbg-midnight-city);
}
.badge-success {
	background: var(--cbg-cool-green);
}