/* ===== Body Style Toggle ===== */

.style-toggle-body .colors {
	margin: 0;
}
.style-toggle-body .colors > li {
	height: 30px;
	width: 30px;
	cursor: pointer;
}
.style-toggle-body .colors > .green {
	background-color: #87834B;
}
.style-toggle-body .colors > .blue {
	background-color: #0F8FAC;
}
.style-toggle-body .colors > .orange {
	background-color: #D26C22;
}
.style-toggle-body .colors > .bordeaux {
	background-color: #61505E;
}

/* ===== Link and Font Colors ===== */

.body-green a,
.body-green .text-color {
	color: #3AAA35;
}
.body-blue a,
.body-blue .text-color {
	color: #0F8FAC;
}
.body-orange a,
.body-orange .text-color {
	color: #D26C22;
}
.body-bordeaux a,
.body-bordeaux .text-color {
	color: #61505E;
}


/* ===== Border Colors ===== */

.body-green .border-color {
	border-color: #87834B;
}
.body-blue .border-color {
	border-color: #0F8FAC;
}
.body-orange .border-color {
	border-color: #D26C22;
}
.body-bordeaux .border-color {
	border-color: #61505E;
}

/* ===== Background Colors ===== */

.body-green .bg-color {
	background-color: #87834B;
}
.body-blue .bg-color {
	background-color: #0F8FAC;
}
.body-orange .bg-color {
	background-color: #D26C22;
}
.body-bordeaux .bg-color {
	background-color: #61505E;
}
.body-green .bg-hover-color:hover,
.body-green .open > .bg-hover-color {
	background-color: #87834B !important;
}
.body-blue .bg-hover-color:hover,
.body-blue .open > .bg-hover-color {
	background-color: #0F8FAC !important;
}
.body-orange .bg-hover-color:hover,
.body-orange .open > .bg-hover-color {
	background-color: #D26C22 !important;
}
.body-bordeaux .bg-hover-color:hover,
.body-bordeaux .open > .bg-hover-color {
	background-color: #61505E !important;
}
.body-green .dropdown-menu > .active > a,
.body-green .dropdown-menu > .active > a:hover,
.body-green .dropdown-menu > .active > a:focus {
	background-color: #87834B;
}
.body-blue .dropdown-menu > .active > a,
.body-blue .dropdown-menu > .active > a:hover,
.body-blue .dropdown-menu > .active > a:focus {
	background-color: #0F8FAC;
}
.body-orange .dropdown-menu > .active > a,
.body-orange .dropdown-menu > .active > a:hover,
.body-orange .dropdown-menu > .active > a:focus {
	background-color: #D26C22;
}
.body-bordeaux .dropdown-menu > .active > a,
.body-bordeaux .dropdown-menu > .active > a:hover,
.body-bordeaux .dropdown-menu > .active > a:focus {
	background-color: #61505E;
}

/* ===== Buttons Colors ===== */

.btn-color,
.btn-color:hover,
.btn-green,
.btn-green:hover,
.btn-blue,
.btn-blue:hover,
.btn-orange,
.btn-orange:hover,
.btn-bordeaux,
.btn-bordeaux:hover{
	color: #fff; /*!important;*/
	-webkit-transition: background-color 300ms, border-color 300ms;
			transition: background-color 300ms, border-color 300ms;
}

/* Button Green */

.body-green .btn-color,
.btn-green {
    color: #fff;
	background-color: #3AAA35;
	border-color: #3AAA35;
}
.body-green .btn-color:hover,
.body-green .btn-color:focus,
.body-green .btn-color:active,
.btn-green:hover,
.btn-green:focus,
.btn-green:active{
	background-color: #fff;
	border-color: #fff;
    color:#3AAA35;
}

/* Button Blue */

.body-blue .btn-color,
.btn-blue {
	background-color: #0F8FAC;
	border-color: #217B97;
}
.body-blue .btn-color:hover,
.body-blue .btn-color:focus,
.body-blue .btn-color:active,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
	background-color: #217B97;
	border-color: #1A6075;
}

/* Button Orange */

.body-orange .btn-color,
.btn-orange {
	background-color: #D26C22;
	border-color: #C1631F;
}
.body-orange .btn-color:hover,
.body-orange .btn-color:focus,
.body-orange .btn-color:active,
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
	background-color: #C1631F;
	border-color: #9E511A;
}

/* Button Orange */

.body-bordeaux .btn-color,
.btn-bordeaux {
	background-color: #61505E;
	border-color: #E0493E;
}
.body-bordeaux .btn-color:hover,
.body-bordeaux .btn-color:focus,
.body-bordeaux .btn-color:active,
.btn-bordeaux:hover,
.btn-bordeaux:focus,
.btn-bordeaux:active {
	background-color: #E0493E;
	border-color: #DD382C;
}

/* ===== Page Not Found ===== */

.body-green .not-found-p,
.body-green .alt-p,
.body-green .color-jumbotron{
	background: #87834B;
	background-image: radial-gradient(#939183, #87834B);
}
.body-blue .not-found-p,
.body-blue .alt-p,
.body-blue .color-jumbotron {
	background: #0F8FAC;
	background-image: radial-gradient(#79C9E2, #0F8FAC);
}
.body-orange .not-found-p,
.body-orange .alt-p,
.body-orange .color-jumbotron {
	background: #D26C22;
	background-image: radial-gradient(#E28D50, #D26C22);
}
.body-bordeaux .not-found-p,
.body-bordeaux .alt-p,
.body-bordeaux .color-jumbotron {
	background: #61505E;
	background-image: radial-gradient(#EE9C96, #61505E);
}