html,
body {
    height: 100%;
}
* {
  /* Fixes problem with very-long text-without-spaces in links
     and any text on page. */
  word-wrap: break-word;
}
.page-header {
    margin-top: 0;
}
a,
.btn-link {
  color: #c50717;
}
label {
    font-weight: normal;
}
/* Used to highlight code with gray color */
code.muted {
  background-color: #eee;
  color: #555;
}


/*
 * Redefine global Bootstrap styles.
 */
/* Forms */
.control-group {
    margin-bottom: 10px;
}
.control-group:last-child {
    margin-bottom: 0;
}


/* Wrapper for page content to push down footer */
body > .page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
  padding-top: 50px;
}
body > .page > .top_informer {
    /*padding-top: 50px;*/
    margin-bottom: 20px;
}
body > .page > .top_informer > .jumbotron {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}
body > .page > .container {
  /*padding-top: 60px;*/
}
body > .page > .bottom_informer {
  margin-bottom: -30px;
}
body > .page > .bottom_informer > .jumbotron {
    padding-top: 20px;
    padding-bottom: 20px;
    /*margin-bottom: 0;*/
    margin-top: 20px;
    font-size: 12px;
}
body > .page > .bottom_informer > .jumbotron A {
  display: block;
}
body > .page > .bottom_informer > .jumbotron A.header {
  color: black;
  font-weight: bold;
  margin-bottom: 5px;
}
/* Set the fixed height of the footer here */
body > .footer {
    height: 60px;
    background-color: #f5f5f5;
    color: #999;
}
body > .footer > * {
  background-color: #f5f5f5;
}


/* Add transparency for top menu */
header[role="banner"].navbar {
    background-color: rgba(197,7,23,0.90);
    border-color: rgb(220,7,23);
}
header[role="banner"].navbar .nav .dropdown-menu {
    background-color: rgba(255,255,255,0.90);
}
header[role="banner"].navbar .navbar-nav > .active > a,
header[role="banner"].navbar .navbar-nav > .active > a:hover,
header[role="banner"].navbar .navbar-nav > .active > a:focus {
    background-color: rgba(170,7,23,0.70);
    color: #fff;
}
header[role="banner"].navbar > .container .navbar-brand,
header[role="banner"].navbar .navbar-nav > li > a {
    color: #eee;
}
/* Border color for opened top menu on mobile device */
header[role="banner"].navbar .navbar-collapse,
header[role="banner"].navbar .navbar-form {
    border-color: #E91212;
}



/*
 * Page container
 */
/*body > .page > .container .page-content {
    padding: 5px 20px 10px 0;
}*/

.container {
  /*width: auto;*/
  /*max-width: 680px;*/
  padding: 0 15px;
}
.container .credit {
  margin: 20px 0;
}


/*
 * Page sidebar.
 */
div[role="navigation"].sidebar > .sidebar-nav {
  padding: 15px;
}
div[role="navigation"].sidebar > .sidebar-nav LI {
    color: #777;
    font-size: 13px;
}
div[role="navigation"].sidebar > .sidebar-nav LI.header {
    padding-top: 15px;
    padding-bottom: 5px;
    font-weight: bold;
    text-transform: uppercase;
}
div[role="navigation"].sidebar > .sidebar-nav LI.header:first-child {
    padding-top: 0;
}
div[role="navigation"].sidebar > .sidebar-nav LI A {
    color: #777;
    font-size: 13px;
    /* set for desctop mall height for links */
    padding: 5px 10px;
}
div[role="navigation"].sidebar > .sidebar-nav LI.active A {
    color: #c50717;
    background-color: transparent;
}
div[role="navigation"].sidebar > .sidebar-nav LI.active:HOVER A {
    background-color: #eee;
    font-weight: normal;
}
/* Contacts in sidebar */
div[role="navigation"].sidebar H3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 18px;
}
div[role="navigation"].sidebar STRONG {
    display: block;
}
div[role="navigation"].sidebar P:last-child {
    margin-bottom: 0;
}
div[role="navigation"].sidebar HR {
    margin: 8px;
}
/* for ipad and phone show bigger space between links */
@media (max-width: 991px) {
    div[role="navigation"].sidebar > .sidebar-nav LI A {
        padding: 10px 15px;
    }
}


/*
 * Page footer (links).
 */
/* for ipad and phone show bigger space between links */
@media (max-width: 991px) {
    .bottom_informer .jumbotron DIV > A {
        padding: 7px;
    }
}

/*
 * Manage networks and users.
 *   /app/manage_users_for_network/[id]
 *   /app/manage_networks_for_user/[id]
 */
TABLE.manage_users_for_network,
TABLE.manage_networks_for_user {
    width: 100%;
    margin-top: 10px;
    border-spacing: 0;
}
TABLE.manage_networks_for_user A,
TABLE.manage_users_for_network A {
    text-decoration: none;
}
TABLE.manage_networks_for_user A:HOVER,
TABLE.manage_users_for_network A:HOVER {
    text-decoration: underline;
}
TABLE.manage_networks_for_user TH,
TABLE.manage_users_for_network TH {
    background-color: #eee;
    padding: 3px 5px;
}
TABLE.manage_networks_for_user TD,
TABLE.manage_users_for_network TD {
    padding: 3px 5px;
}
TABLE.manage_networks_for_user TR:HOVER,
TABLE.manage_users_for_network TR:HOVER {
    background-color: #eee;
}
TABLE.manage_networks_for_user TD.center,
TABLE.manage_users_for_network TD.center {
    text-align: center;
}


/*
 * Edit user account.
 */
FORM.edit_account {
}
FORM.edit_account P {
    padding-bottom: 7px;
}
FORM.edit_account P LABEL {
    display: block;
    float: left;
    width: 140px;
    font-size: 14px;
    line-height: 24px;
}
FORM.edit_account P INPUT {
    font-size: 14px;
    padding: 2px 5px;
}
FORM.edit_account .error LABEL {
    color: red;
}