/*------------------------------------------------------------------
Project:    Mosaic
Author:     Simpleqode
URL:        http://simpleqode.com/
            https://twitter.com/YevSim
            https://www.facebook.com/simpleqode
Version:    1.3.1
Created:        20/01/2014
Last change:    06/07/2015
-------------------------------------------------------------------*/

/* ===== 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: #94BA65;
}

.style-toggle-body .colors>.blue {
	background-color: #2790B0;
}

.style-toggle-body .colors>.orange {
	background-color: #D26C22;
}

.style-toggle-body .colors>.red {
	background-color: #E35E54;
}

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

.body-green a,
.body-green .text-color {
	color: #94BA65;
}

.body-blue a,
.body-blue .text-color {
	color: #2790B0;
}

.body-orange a,
.body-orange .text-color {
	color: #D26C22;
}

.body-red a,
.body-red .text-color {
	color: #E35E54;
}


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

.body-green .border-color {
	border-color: #94BA65;
}

.body-blue .border-color {
	border-color: #2790B0;
}

.body-orange .border-color {
	border-color: #D26C22;

}

.body-red .border-color {
	border-color: #E35E54;
}

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

.body-green .bg-color {
	background-color: #94BA65;
}

.body-blue .bg-color {
	background-color: #2790B0;
}

.body-orange .bg-color {
	background-color: #D26C22;
}

.body-red .bg-color {
	background-color: #E35E54;
}

.body-green .bg-hover-color:hover,
.body-green .open>.bg-hover-color {
	background-color: #94BA65 !important;
}

.body-blue .bg-hover-color:hover,
.body-blue .open>.bg-hover-color {
	background-color: #2790B0 !important;
}

.body-orange .bg-hover-color:hover,
.body-orange .open>.bg-hover-color {
	background-color: #D26C22;
	font-weight: bold;
}

.body-red .bg-hover-color:hover,
.body-red .open>.bg-hover-color {
	background-color: #E35E54 !important;
}

.body-green .dropdown-menu>.active>a,
.body-green .dropdown-menu>.active>a:hover,
.body-green .dropdown-menu>.active>a:focus {
	background-color: #94BA65;
}

.body-blue .dropdown-menu>.active>a,
.body-blue .dropdown-menu>.active>a:hover,
.body-blue .dropdown-menu>.active>a:focus {
	background-color: #2790B0;
}

.body-orange .dropdown-menu>.active>a,
.body-orange .dropdown-menu>.active>a:hover,
.body-orange .dropdown-menu>.active>a:focus {
	background-color: #D26C22;
}

.body-red .dropdown-menu>.active>a,
.body-red .dropdown-menu>.active>a:hover,
.body-red .dropdown-menu>.active>a:focus {
	background-color: #E35E54;
}

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

.btn-color,
.btn-color:hover,
.btn-green,
.btn-green:hover,
.btn-blue,
.btn-blue:hover,
.btn-orange,
.btn-orange:hover,
.btn-red,
.btn-red: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 {
	background-color: #94BA65;
	border-color: #749B46;
}

.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: #749B46;
	border-color: #5F7F39;
}

/* Button Blue */

.body-blue .btn-color,
.btn-blue {
	background-color: #2790B0;
	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-red .btn-color,
.btn-red {
	background-color: #E35E54;
	border-color: #E0493E;
}

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

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

.body-green .not-found-p,
.body-green .alt-p,
.body-green .color-jumbotron {
	background: #94BA65;
	background-image: radial-gradient(#A6C680, #749B46);
}

.body-blue .not-found-p,
.body-blue .alt-p,
.body-blue .color-jumbotron {
	background: #2790B0;
	background-image: radial-gradient(#79C9E2, #2790B0);
}

.body-orange .not-found-p,
.body-orange .alt-p,
.body-orange .color-jumbotron {
	background: #D26C22;
	background-image: radial-gradient(#E28D50, #D26C22);
}

.body-red .not-found-p,
.body-red .alt-p,
.body-red .color-jumbotron {
	background: #E35E54;
	background-image: radial-gradient(#EE9C96, #E35E54);
}

.login {
	width: 350px;
	min-height: 350px;
	border: #CCC solid 1px;
	background: white;
	padding: 20px;
	margin: 20px auto;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
}

.login h1 {
	font-size: 28px;
	color: #000;
	text-align: center;
}