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 }