html {
position: relative;
height: 100%;
}
body
{
font-family: Verdana, Arial,"trebuchet MS",sans-serif !important;
background-color: #f2f5f9 !important;
min-height: 100%;
font-size: 16px !important;
position: relative;
}
.container {
background-color:#fff;
}
#logo {
margin: 10px 0px;
}
#loggedUser {
margin-right: 10px;
margin-top: 5px;
font-weight: bold;
font-size: 14px;
}
#navbar {
background-color: #fff;
margin-bottom: 0px;
box-shadow: 0 1px 3px #ccc;
}
.login-form{
margin:3% auto 0;
max-width:390px;
}
legend {
font-size: 16px;
}
.centre-block {
background-color: #fff;
min-height: 82%;
padding-bottom:100px;
padding-top:10px;
}
.login-form h1{
font-size: 30pt;
font-weight: 700;
letter-spacing: -1px;
text-decoration: underline;
}
.form-header,.form-footer{
background-color: rgba(255, 255, 255, .8);
border: 1px solid rgba(0,0,0,0.1);
}
.form-signin{
padding: 27px 35px 45px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.1);
border-top: 0px;
min-height: 240px;
}
.form-register{
padding: 45px 35px 45px;
background-color: #fff;
border: 1px solid rgba(0,0,0,0.1);
border-bottom: 0px;
border-top: 0px;
}
.homebtnlarge {
width:275px;
margin:10px;
border-radius:0px!important;
}
.current {
text-decoration: none;background-color: #5D7A8D; border-bottom: 5px solid #741B44;
COLOR: #FFFFFF;
}
.navbar-nav li:hover{
}
.navbar-nav li a:hover{
background-color: #DEECF7!important;
}
.navbar-nav li a{
padding-top: 5px;
padding-bottom: 5px;
}
.nav-tabs .active {
border-bottom: 5px solid #741B44;
COLOR: #FFFFFF;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #FFFFFF;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs .active a {
background-color: #5D7A8D!important;
margin-right: 0px !important;
}
.nav-tabs a {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.nav-tabs li:hover {
background-color: #DEECF7!important;
}
.nav-tabs li a:hover {
background-color: #DEECF7!important;
}
.form-header{
text-align: center;
padding: 15px 40px;
border-radius: 10px 10px 0 0;
}
.form-header i{font-size:60px;}
.form-footer {
padding: 15px 40px;
}
.form-signin-heading{
margin-bottom: 30px;
}
.form-signin {
background-color: #f9f9f9;
border-radius: 0px 0px 15px 15px;
}
.bt-login{
background-color: #ff8627;
color: #ffffff;
padding-bottom: 10px;
padding-top: 10px;
transition: background-color 300ms linear 0s;
}
.form-signin .form-control, .form-register .form-control{
position: relative;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
font-size: 12.5px;
}
.form-signin .form-control:focus, .form-register .form-control:focus {
z-index: 2;
}
.form-register input{
border: 1px solid #ddd;
border-radius: 0;
color: #333;
height: 43px;
margin-bottom: 10px;
padding-left: 20px;
}
.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: 30px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
i{margin-right: 4%;}
a{text-decoration: none;color:#333;}
.has-error{color:#ff0000 !important;}
.has-success{color:#78b310 !important;}
input.has-error {border:2px solid red !important;}
input.has-success {border:2px solid #78b310 !important;}
.successMessage{background-color: #78b310; color:#fff;padding: 5px;}
.errorMessage{background-color: #e74c3c; color:#fff;padding: 5px;}
.success{
background: #2F7C00;
color: #fff;
padding: 10px 50px;
text-align: center;
text-decoration:none!important;
}
.error{
background: #c51212;
color: #fff;
padding: 10px 28px;
text-align: center;
margin-bottom: 10px;
float: left;
}
/*Bootstrap OveRides */
.btn-success {
background-color: #741B44;
border-color: #741B44;
background-image: none;
}
.btn-success:hover, .btn-success:active {
background-color: #904969!important;
border-color: #904969!important;
background-image: none;
}
.btn-success.disabled, .btn-success:disabled, .btn-success[disabled] {
background-color: #af2c68;
border-color: #af2c68;
}
.main-heading {
font-size: 30px;
}
.child-heading {
font-size: 18px;
}
.panel-default {
height: 250px;
position: relative;
}
.panel-footer {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
}
.btn-block {
margin-top: 22px;
}
/*****************************************************************************/
/***************Animate Start**************************/
/*****************************************************************************/
.load-animate {opacity: 0;}
.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;}
.animated {-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
/*****************************************************************************/
/***************Animate End*****************************************************/
/*****************************************************************************/
/* Sticky footer styles
-------------------------------------------------- */
.footer {
bottom: 0;
width: 100%;
z-index: 9999;
font-size: 10pt;
border-top: solid;
border-top-width: 6px;
border-top-color: #94b0e0;
background-color: #767676;
color: #FFF;
}
#inner-footer {
margin-top: 10px;
background-color: #767676;
}
#inner-footer .attribution{
float: right;
}
header { height: auto }