/* @override http://spirecds.isynergy.it/panelbsdev/css/login.css */

body {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fff;
    overflow: hidden;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 17px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.framed {
	padding: 10px;
	border: 7px solid rgba(42, 181, 115, 1);
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

img.login-image {
	max-height: 90px;
}

h2.main-login {
font-weight: 300;
	margin-top: 6px;
	margin-bottom: 12px;
	font-size: 23px;
	padding-top: 10px;
	padding-bottom: 12px;
	color: #fff;
	border-bottom: 1px solid rgba(42, 181, 115, 1);
	border-top: 1px solid rgba(42, 181, 115, 1);
	background-color: rgba(42, 181, 115, 1);
}

h4.form-signin-heading {
	font-weight: 300;
	color: #337ab6;
	font-size: 17px;
	
}

.input-group input[type=password] {
	margin-bottom: 0;
}

.show-forgot-password {
	margin-top: 9px;
}


.flip-container {
    height: 370px;
    perspective: 1000px;
    transform-style: preserve-3d;
}

.flip-container.flip .flipper {
    transform: rotateY(180deg);
}

.flip-container.flip .back {
    backface-visibility: visible;
}

.flipper {
    position: relative;
    transform-style: preserve-3d;
    transition-duration: 0.6s;
}

.login {
    /*backface-visibility: hidden;*/
    left: 0;
    padding: 20px;
    position: absolute;
    top: 0;
    transform-style: preserve-3d;
    transition: all 0.6s ease 0s;
    width: 100%;
}

#div_login {
    transform: rotateY(0deg);
    z-index: 2;
}

#div_recoverpass {
    display: none;
    transform: rotateY(180deg);
    z-index: 1;
}

#div_updatepass {
    display: none;
    transform: rotateY(180deg);
    z-index: 1;
}

#div_recoveruser {
    display: none;
    transform: rotateY(180deg);
    z-index: 1;
}