.theme-purple .btn-primary {
	background: #a27ce6
}

.theme-purple .btn-primary:active,
.theme-purple .btn-primary:hover,
.theme-purple .btn-primary:focus {
	background: #c18eda
}

.theme-purple .btn-primary.btn-simple {
	border-color: #a27ce6;
	color: #a27ce6;
	background: transparent
}

.theme-purple .page-loader-wrapper,
.theme-purple .active-bg {
	background: #a27ce6
}

.theme-purple .sidebar .menu .list li.active.open .active a {
	color: #a27ce6
}

.theme-purple .sidebar .menu .list a:hover {
	color: #a27ce6
}

.theme-purple .sidebar.h_menu .menu li.active.open>a {
	color: #a27ce6
}

.theme-purple .sidebar.h_menu .menu li.active.open>a:before {
	background: #a27ce6
}

.theme-purple .sidebar.h_menu .menu li a:hover:before {
	background: #a27ce6
}

.theme-purple .checkbox input[type="checkbox"]:checked+label::after {
	border-color: #a27ce6;
	background: #a27ce6;
	color: #fff
}

.theme-purple .nav-tabs .nav-link.active {
	border: 1px solid #a27ce6 !important;
	background: #a27ce6;
	color: #fff
}

.theme-purple .card .header h2:before {
	background: #a27ce6
}

.theme-purple .card .header h2 strong {
	color: #a27ce6
}

.theme-purple .card .header .dropdown-menu li a:hover {
	background-color: #a27ce6;
	color: #fff
}

.theme-purple .authentication .navbar,
.theme-purple .authentication .page-header {
	background: #a27ce6 !important
}

.theme-purple .form-control:focus,
.theme-purple .form-control:focus+.input-group-addon,
.theme-purple .form-control:focus~.input-group-addon {
	border-color: #a27ce6
}

.theme-blue .btn-primary {
	background: #3eacff
}

.theme-blue .btn-primary:active,
.theme-blue .btn-primary:hover,
.theme-blue .btn-primary:focus {
	background: #60bafd
}

.theme-blue .btn-primary.btn-simple {
	border-color: #3eacff;
	color: #3eacff;
	background: transparent
}

.theme-blue .page-loader-wrapper,
.theme-blue .active-bg {
	background: #3eacff
}

.theme-blue .sidebar .menu .list li.active.open .active a {
	color: #3eacff
}

.theme-blue .sidebar .menu .list a:hover {
	color: #3eacff
}

.theme-blue .sidebar.h_menu .menu li.active.open>a {
	color: #3eacff
}

.theme-blue .sidebar.h_menu .menu li.active.open>a:before {
	background: #3eacff
}

.theme-blue .sidebar.h_menu .menu li a:hover:before {
	background: #3eacff
}

.theme-blue .checkbox input[type="checkbox"]:checked+label::after {
	border-color: #3eacff;
	background: #3eacff;
	color: #fff
}

.theme-blue .nav-tabs .nav-link.active {
	border: 1px solid #3eacff !important;
	background: #3eacff;
	color: #fff
}

.theme-blue .card .header h2:before {
	background: #3eacff
}

.theme-blue .card .header h2 strong {
	color: #3eacff
}

.theme-blue .card .header .dropdown-menu li a:hover {
	background-color: #3eacff;
	color: #fff
}

.theme-blue .authentication .navbar,
.theme-blue .authentication .page-header {
	background: #3eacff !important
}

.theme-blue .form-control:focus,
.theme-blue .form-control:focus+.input-group-addon,
.theme-blue .form-control:focus~.input-group-addon {
	border-color: #3eacff
}

.theme-cyan .btn-primary {
	background: #49c5b6
}

.theme-cyan .btn-primary:active,
.theme-cyan .btn-primary:hover,
.theme-cyan .btn-primary:focus {
	background: #45e5c3
}

.theme-cyan .btn-primary.btn-simple {
	border-color: #49c5b6;
	color: #49c5b6;
	background: transparent
}

.theme-cyan .page-loader-wrapper,
.theme-cyan .active-bg {
	background: #49c5b6
}

.theme-cyan .sidebar .menu .list li.active.open .active a {
	color: #49c5b6
}

.theme-cyan .sidebar .menu .list a:hover {
	color: #49c5b6
}

.theme-cyan .sidebar.h_menu .menu li.active.open>a {
	color: #49c5b6
}

.theme-cyan .sidebar.h_menu .menu li.active.open>a:before {
	background: #49c5b6
}

.theme-cyan .sidebar.h_menu .menu li a:hover:before {
	background: #49c5b6
}

.theme-cyan .checkbox input[type="checkbox"]:checked+label::after {
	border-color: #49c5b6;
	background: #49c5b6;
	color: #fff
}

.theme-cyan .nav-tabs .nav-link.active {
	border: 1px solid #49c5b6 !important;
	background: #49c5b6;
	color: #fff
}

.theme-cyan .card .header h2:before {
	background: #49c5b6
}

.theme-cyan .card .header h2 strong {
	color: #49c5b6
}

.theme-cyan .card .header .dropdown-menu li a:hover {
	background-color: #49c5b6;
	color: #fff
}

.theme-cyan .authentication .navbar,
.theme-cyan .authentication .page-header {
	background: #49c5b6 !important
}

.theme-cyan .form-control:focus,
.theme-cyan .form-control:focus+.input-group-addon,
.theme-cyan .form-control:focus~.input-group-addon {
	border-color: #49c5b6
}

.theme-green .btn-primary {
	background: #50d38a
}

.theme-green .btn-primary:active,
.theme-green .btn-primary:hover,
.theme-green .btn-primary:focus {
	background: #5cdb94
}

.theme-green .btn-primary.btn-simple {
	border-color: #50d38a;
	color: #50d38a;
	background: transparent
}

.theme-green .page-loader-wrapper,
.theme-green .active-bg {
	background: #50d38a
}

.theme-green .sidebar .menu .list li.active.open .active a {
	color: #50d38a
}

.theme-green .sidebar .menu .list a:hover {
	color: #50d38a
}

.theme-green .sidebar.h_menu .menu li.active.open>a {
	color: #50d38a
}

.theme-green .sidebar.h_menu .menu li.active.open>a:before {
	background: #50d38a
}

.theme-green .sidebar.h_menu .menu li a:hover:before {
	background: #50d38a
}

.theme-green .checkbox input[type="checkbox"]:checked+label::after {
	border-color: #50d38a;
	background: #50d38a;
	color: #fff
}

.theme-green .nav-tabs .nav-link.active {
	border: 1px solid #50d38a !important;
	background: #50d38a;
	color: #fff
}

.theme-green .card .header h2:before {
	background: #50d38a
}

.theme-green .card .header h2 strong {
	color: #50d38a
}

.theme-green .card .header .dropdown-menu li a:hover {
	background-color: #50d38a;
	color: #fff
}

.theme-green .authentication .navbar,
.theme-green .authentication .page-header {
	background: #50d38a !important
}

.theme-green .form-control:focus,
.theme-green .form-control:focus+.input-group-addon,
.theme-green .form-control:focus~.input-group-addon {
	border-color: #50d38a
}

.theme-orange .btn-primary {
	background: #ffce4b
}

.theme-orange .btn-primary:active,
.theme-orange .btn-primary:hover,
.theme-orange .btn-primary:focus {
	background: #e7ca52
}

.theme-orange .btn-primary.btn-simple {
	border-color: #ffce4b;
	color: #ffce4b;
	background: transparent
}

.theme-orange .page-loader-wrapper,
.theme-orange .active-bg {
	background: #ffce4b
}

.theme-orange .sidebar .menu .list li.active.open .active a {
	color: #ffce4b
}

.theme-orange .sidebar .menu .list a:hover {
	color: #ffce4b
}

.theme-orange .sidebar.h_menu .menu li.active.open>a {
	color: #ffce4b
}

.theme-orange .sidebar.h_menu .menu li.active.open>a:before {
	background: #ffce4b
}

.theme-orange .sidebar.h_menu .menu li a:hover:before {
	background: #ffce4b
}

.theme-orange .checkbox input[type="checkbox"]:checked+label::after {
	border-color: #ffce4b;
	background: #ffce4b;
	color: #fff
}

.theme-orange .nav-tabs .nav-link.active {
	border: 1px solid #ffce4b !important;
	background: #ffce4b;
	color: #fff
}

.theme-orange .card .header h2:before {
	background: #ffce4b
}

.theme-orange .card .header h2 strong {
	color: #ffce4b
}

.theme-orange .card .header .dropdown-menu li a:hover {
	background-color: #ffce4b;
	color: #fff
}

.theme-orange .authentication .navbar,
.theme-orange .authentication .page-header {
	background: #ffce4b !important
}

.theme-orange .form-control:focus,
.theme-orange .form-control:focus+.input-group-addon,
.theme-orange .form-control:focus~.input-group-addon {
	border-color: #ffce4b
}

.theme-blush .btn-primary {
	background: #e47297
}

.theme-blush .btn-primary:active,
.theme-blush .btn-primary:hover,
.theme-blush .btn-primary:focus {
	background: #e98eac
}

.theme-blush .btn-primary.btn-simple {
	border-color: #e47297;
	color: #e47297;
	background: transparent
}

.theme-blush .page-loader-wrapper,
.theme-blush .active-bg {
	background: #e47297
}

.theme-blush .sidebar .menu .list li.active.open .active a {
	color: #e47297
}

.theme-blush .sidebar .menu .list a:hover {
	color: #e47297
}

.theme-blush .sidebar.h_menu .menu li.active.open>a {
	color: #e47297
}

.theme-blush .sidebar.h_menu .menu li.active.open>a:before {
	background: #e47297
}

.theme-blush .sidebar.h_menu .menu li a:hover:before {
	background: #e47297
}

.theme-blush .checkbox input[type="checkbox"]:checked+label::after {
	border-color: #e47297;
	background: #e47297;
	color: #fff
}

.theme-blush .nav-tabs .nav-link.active {
	border: 1px solid #e47297 !important;
	background: #e47297;
	color: #fff
}

.theme-blush .card .header h2:before {
	background: #e47297
}

.theme-blush .card .header h2 strong {
	color: #e47297
}

.theme-blush .card .header .dropdown-menu li a:hover {
	background-color: #e47297;
	color: #fff
}

.theme-blush .authentication .navbar,
.theme-blush .authentication .page-header {
	background: #e47297 !important
}

.theme-blush .form-control:focus,
.theme-blush .form-control:focus+.input-group-addon,
.theme-blush .form-control:focus~.input-group-addon {
	border-color: #e47297
}

.solar-container {
	margin: 0px auto 0px auto;
	width: 100px;
	height: 100px;
	position: relative;
	text-align: center;
	-webkit-animation: solar-rot 12s infinite linear;
	-moz-animation: solar-rot 12s infinite linear;
	-ms-animation: solar-rot 12s infinite linear;
	-o-animation: solar-rot 12s infinite linear;
	animation: solar-rot 12s infinite linear
}

.planet1Y {
	width: 40px;
	height: 40px;
	background-color: #E74C3C;
	top: 50px;
	left: 30px;
	z-index: 3;
	display: inline-block;
	position: absolute;
	border-radius: 100%;
	-webkit-animation: planet1anim 3s infinite linear;
	-moz-animation: planet1anim 3s infinite linear;
	-ms-animation: planet1anim 3s infinite linear;
	-o-animation: planet1anim 3s infinite linear;
	animation: planet1anim 3s infinite linear;
}

.planet2Y {
	width: 40px;
	height: 40px;
	background-color: #1abc9c;
	top: 50px;
	left: 30px;
	z-index: 3;
	display: inline-block;
	position: absolute;
	border-radius: 100%;
	-webkit-animation: planet2anim 3s infinite linear;
	-moz-animation: planet2anim 3s infinite linear;
	-ms-animation: planet2anim 3s infinite linear;
	-o-animation: planet2anim 3s infinite linear;
	animation: planet2anim 3s infinite linear;
}

.sun {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	border-radius: 100%;
	background-color: #F1C40F;
	top: 30px;
	left: 30px;
	z-index: 2;
}

@-webkit-keyframes solar-rot {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes solar-rot {
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg)
	}
}

@-webkit-keyframes planet1anim {
	0%,
	100% {
		-webkit-transform: scale(0.8) translateY(-20px);
		z-index: 3;
	}
	25% {
		-webkit-transform: scale(0.5) translateY(50px);
		z-index: 1;
	}
	50% {
		-webkit-transform: scale(0.3) translateY(-40px);
		z-index: 1;
	}
	75% {
		-webkit-transform: scale(0.5) translateY(-130px);
		z-index: 1;
	}
}

@-webkit-keyframes planet2anim {
	0%,
	100% {
		-webkit-transform: scale(0.3) translateY(-20px);
		z-index: 1;
	}
	25% {
		-webkit-transform: scale(0.5) translateY(-130px);
		z-index: 1;
	}
	50% {
		-webkit-transform: scale(0.8) translateY(-40px);
		z-index: 3;
	}
	75% {
		-webkit-transform: scale(0.5) translateY(50px);
		z-index: 1;
	}
}

@keyframes planet1anim {
	0%,
	100% {
		-webkit-transform: scale(0.8) translateY(-20px);
		z-index: 3;
		-moz-transform: scale(0.8) translateY(-20px);
		z-index: 3;
		-ms-transform: scale(0.8) translateY(-20px);
		z-index: 3;
		-o-transform: scale(0.8) translateY(-20px);
		z-index: 3;
		transform: scale(0.8) translateY(-20px);
		z-index: 3;
	}
	25% {
		-webkit-transform: scale(0.5) translateY(50px);
		z-index: 1;
		-moz-transform: scale(0.5) translateY(50px);
		z-index: 1;
		-ms-transform: scale(0.5) translateY(50px);
		z-index: 1;
		-o-transform: scale(0.5) translateY(50px);
		z-index: 1;
		transform: scale(0.5) translateY(50px);
		z-index: 1;
	}
	50% {
		-webkit-transform: scale(0.3) translateY(-40px);
		z-index: 1;
		-moz-transform: scale(0.3) translateY(-40px);
		z-index: 1;
		-ms-transform: scale(0.3) translateY(-40px);
		z-index: 1;
		-o-transform: scale(0.3) translateY(-40px);
		z-index: 1;
		transform: scale(0.3) translateY(-40px);
		z-index: 1;
	}
	75% {
		-webkit-transform: scale(0.5) translateY(-130px);
		z-index: 1;
		-moz-transform: scale(0.5) translateY(-130px);
		z-index: 1;
		-ms-transform: scale(0.5) translateY(-130px);
		z-index: 1;
		-o-transform: scale(0.5) translateY(-130px);
		z-index: 1;
		transform: scale(0.5) translateY(-130px);
		z-index: 1;
	}
}

@keyframes planet2anim {
	0%,
	100% {
		-webkit-transform: scale(0.3) translateY(-20px);
		z-index: 1;
		-moz-transform: scale(0.3) translateY(-20px);
		z-index: 1;
		-ms-transform: scale(0.3) translateY(-20px);
		z-index: 1;
		-o-transform: scale(0.3) translateY(-20px);
		z-index: 1;
		transform: scale(0.3) translateY(-20px);
		z-index: 1;
	}
	25% {
		-webkit-transform: scale(0.5) translateY(-130px);
		z-index: 1;
		-moz-transform: scale(0.5) translateY(-130px);
		z-index: 1;
		-ms-transform: scale(0.5) translateY(-130px);
		z-index: 1;
		-o-transform: scale(0.5) translateY(-130px);
		z-index: 1;
		transform: scale(0.5) translateY(-130px);
		z-index: 1;
	}
	50% {
		-webkit-transform: scale(0.8) translateY(-40px);
		z-index: 3;
		-moz-transform: scale(0.8) translateY(-40px);
		z-index: 3;
		-ms-transform: scale(0.8) translateY(-40px);
		z-index: 3;
		-o-transform: scale(0.8) translateY(-40px);
		z-index: 3;
		transform: scale(0.8) translateY(-40px);
		z-index: 3;
	}
	75% {
		-webkit-transform: scale(0.5) translateY(50px);
		z-index: 1;
		-moz-transform: scale(0.5) translateY(50px);
		z-index: 1;
		-ms-transform: scale(0.5) translateY(50px);
		z-index: 1;
		-o-transform: scale(0.5) translateY(50px);
		z-index: 1;
		transform: scale(0.5) translateY(50px);
		z-index: 1;
	}
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg)
	}
}

@-webkit-keyframes bounce {
	0%,
	100% {
		-webkit-transform: scale(0)
	}
	50% {
		-webkit-transform: scale(1)
	}
}

.title-addon {
	background-color: #fff2cf;
}