﻿.login-header,
.account-header {
  padding: 20px;
  background-color: #116cac; }
  .login-header h2,
  .account-header h2 {
    color: #FFF;
    font-size: 24px;
    text-transform: uppercase; }

.login-body,
.login-footer {
  padding: 20px;
  background-color: #F6F6F6; }

.login-footer {
  padding-top: 0; }

.account-tab {
  border-top: 1px solid #FFF; }
  .account-tab h4,
  .account-tab p,
  .account-tab .btn-primary {
    margin: 10px 0; }
  .account-tab .tab-title,
  .account-tab .menu-body {
    padding: 5px 20px; }
  .account-tab .tab-title {
    background-color: #093656;
    color: #FFF;
    cursor: pointer; }
  .account-tab .menu-body {
    background-color: #f5f5f5;
    padding: 20px; }
    .account-tab .menu-body .menu-item-value {
      text-align: right; }
      .account-tab .menu-body .menu-item-value.active {
        color: #188000; }
      .account-tab .menu-body .menu-item-value.expired {
        color: #bd1300; }

.menu-notification {
  padding: 20px 20px 14px 20px;
  margin: 20px 0;
  background: #E8E8E8;
  color: #565656; }
  .menu-notification h4 {
    font-weight: bold;
    margin: 0 0 10px 0;
    font-size: 17px; }

.form-errors {
  background-color: #bd1300;
  color: #FFF;
  padding: 8px 12px;
  margin-bottom: 10px; }
  .form-errors.success {
    background-color: #188000; }
  .form-errors a {
    color: #FFF;
    text-decoration: underline; }
    .form-errors a.active, .form-errors a.hover {
      color: #FFF; }
  .form-errors p {
    margin: 0 0 10px 0;
    color: #FFF;
    font-size: 16px; }
    .form-errors p:last-child {
      margin-bottom: 0; }
  .form-errors:empty {
    display: none; }

/*.panel-anim-enter, .panel-anim-leave.panel-anim-leave-active {
    opacity: 0;
    transform-origin: top center;
}
.panel-anim-leave, .panel-anim-enter.panel-anim-enter-active {
    opacity: 1;
    transform-origin: top center;
}
.panel-anim-enter, .panel-anim-leave {
    transition: all 100ms ease-out;
    overflow: hidden;
}*/
