.content {
  margin-top: 58px;
}

.undecorated-link:hover {
  text-decoration: none;
}

[ng\:cloak],
[ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.header-profile-image {
  opacity: 0.8;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  margin-right: 5px;
}

.header-profile-image-default {
  height: 28px;
  width: 28px;
  margin-right: 5px;
}

.open .header-profile-image,
a:hover .header-profile-image {
  opacity: 1;
}

.user-header-dropdown-toggle {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.error-text {
  display: none;
}

.has-error .help-block.error-text {
  display: block;
}

.has-error .help-inline.error-text {
  display: inline;
}

/* navbar */

.navbar-seanjs {
  background-color: #FFF;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
  border-color: #E7E7E7;
}

/* title */

.navbar-seanjs .navbar-brand {
  color: #777;
}

.navbar-seanjs .navbar-brand:hover,
.navbar-seanjs .navbar-brand:focus {
  color: #fff;
}

/* link */

.navbar-seanjs .navbar-nav>li>a {
  color: #777;
}

.navbar-seanjs .navbar-nav>li>a:hover,
.navbar-seanjs .navbar-nav>li>a:focus {
  color: #0d0d0d;
  background-color: #FFF !important;
  border-bottom: 1px solid #FFF;
}

.navbar-seanjs .navbar-nav>.active>a,
.navbar-seanjs .navbar-nav>.active>a:hover,
.navbar-seanjs .navbar-nav>.active>a:focus {
  color: #555;
  background-color: #E7E7E7;
}

.navbar-seanjs .navbar-nav>.open>a,
.navbar-seanjs .navbar-nav>.open>a:hover,
.navbar-seanjs .navbar-nav>.open>a:focus {

  color: #0d0d0d;
  background-color: #FFF !important;
  border-left: 1px solid rgb(0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, .15);
  border-right: 1px solid rgb(0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, .15);
  border-bottom: 1px solid rgb(0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, .15);
}

/* caret */

.navbar-seanjs .navbar-nav>.dropdown>a .caret {
  border-top-color: #777;
  border-bottom-color: #777;
}

.navbar-seanjs .navbar-nav>.dropdown>a:hover .caret,
.navbar-seanjs .navbar-nav>.dropdown>a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

.navbar-seanjs .navbar-nav>.open>a .caret,
.navbar-seanjs .navbar-nav>.open>a:hover .caret,
.navbar-seanjs .navbar-nav>.open>a:focus .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}

/* mobile version */

.navbar-seanjs .navbar-toggle {
  border-color: #DDD;
}

.navbar-seanjs .navbar-toggle:hover,
.navbar-seanjs .navbar-toggle:focus {
  background-color: #DDD;
}

.navbar-seanjs .navbar-toggle .icon-bar {
  background-color: #CCC;
}

@media (max-width: 767px) {
  .navbar-seanjs .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
  }

  .navbar-seanjs .navbar-nav .open .dropdown-menu>li>a:hover,
  .navbar-seanjs .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #333;
  }
}

.navbar-nav>li>a {
  text-shadow: none;
}

.footer {
  padding: 30px;
  background: #eee;
  border-top: 1px solid #333;
}
