/* Custom CSS */

body {
	background:whitesmoke !important;
}
/*
.content-wrapper {
	min-height:100vh !important;
}
*/
/*----------------- login ------------------*/
.login-page {
	background: whitesmoke;
}

.footer > div {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-family:"Segoe UI", "Arial";
	font-size:1em;
	color:white!important;
}

.footer > div {
	color: white!important;
}

.footer > div > span {
	font-weight:bold;
	color:#F4C80F;
	text-shadow:0px 0px 5px rgba(255,255,255,0.5);
}

.btn-go,
.btn-go:hover,
.btn-primary[disabled],
.btn-primary[disabled]:hover {
	background:#F4C80F;
	color:white;
	border:none !important;
}

.btn-go:active,
.btn-go:focus {
	background:#010088 !important;
	color:whitesmoke!important;
	border:none !important;
}

/*----------------- login ------------------*/

.skin-blue .main-header .navbar,
.skin-blue .main-header .logo,
.skin-blue .main-header .logo-lg:hover,
.skin-blue .main-header .navbar a, 
.skin-blue .main-header .navbar a:hover, 
.skin-blue .main-header .navbar .user-header,
.skin-blue .main-header .navbar .user-header p,
.skin-blue .main-footer {
	background:#010088!important;
	color:#010088 !important;
}

.skin-blue .main-footer {
	border:none;
}

.content-wrapper {
	background:whitesmoke;
}

.skin-blue .main-header .navbar .user-footer {
	background:#010088;
	color:#F4C80F;
}

.footer-link,
.footer-link:hover {
	color:whitesmoke;
}

.breadcrumb a,
.breadcrumb a:before,
.breadcrumb li.active,
.content-header {
	color:#010088 !important;
}

.main-header .dropdown-menu {
	padding-top:0 !important;
	border:1px solid white !important;
	background:none !important;
}

@media (max-width: 767px) {
	.logo-home {
		width:auto!important; 
		height:50px;
	}
}

@media (max-width: 991px) {
	.content-header>.breadcrumb {
		background:none;
	}
}

/*-------- logo flip --------*/
.vertical.flip-container {
	perspective: 1000;
	position: relative;
}

.vertical.flip-container .flipper {
	transform-origin: 100% 50px; /* half of height */
}

.vertical.flip-container:hover .flipper {
	transform: rotateX(-180deg);
}

.flip-container, .front, .back {
	height: 100px;
}

/* flip speed goes here */
.flipper {
	transition: 1.5s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateX(0deg);
}

.vertical .back {
	transform: rotateX(180deg);
}

/* google recapctha */
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}