.group {

}
.group .subgroup {

}
.fixed {
    position: fixed;
}
/* sidebar */
.bs-docs-sidebar {
    padding-left: 20px;
    margin-top: 1px;
    margin-bottom: 20px;
}

.bs-docs-sidebar > ul{

    overflow-y: auto;
    height: 95%;

}

ul#sidebar{
    padding-bottom: 20px !important;
}

/* all links */
.bs-docs-sidebar .nav>li>a {
    color: #9e9e9e;
    border-left: 2px solid transparent;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 400;
}

/* nested links */
.bs-docs-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
}

/* active & hover links */
.bs-docs-sidebar .nav>.active>a,
.bs-docs-sidebar .nav>li>a:hover,
.bs-docs-sidebar .nav>li>a:focus {
    color: #0088cc;
    text-decoration: none;
    background-color: transparent;
   /* border-left-color: #0088cc; */
}
/* all active links */
.bs-docs-sidebar .nav>.active>a,
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
    font-weight: 700;
}
/* nested active links */
.bs-docs-sidebar .nav .nav>.active>a,
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
}
/* hide inactive nested list */
.bs-docs-sidebar .nav ul.nav {
    display: none;
}
/* show active nested list */
.bs-docs-sidebar .nav>.active>ul.nav {
    display: block;
}

.mainContent {
    margin-top: 20px;
}

/* ------------ Static CSS Page ------------------ */

body {
    background-color: #f0f0ed !important;
}


/* ------------  Header, Nav bar and side Nav bar ------------------ */
.header-static-page {
    background-color:#6dcff6;
    padding-left: 0px;
    height: 75px;
}


.navbar-header.html-static-page {
    background-color: #6dcff6 !important;
    height: 75px;
}

img.logo-meg-static-page {
    width: 150px;
    margin-top: -10px;
    display:inline;
}

img.meg-character-static-page {
    height: 75px;
    padding-left: 20px;
    margin-top: -15px;
    display: inline;
    width: auto;
}

.meg-character {
    display: inline;
    width: auto;
    height: 75px !important;
    padding-left: 20px !important;
}

.logo-meg {
    display: inline;
}

button.btn.btn-default.info-button {
    float: right;
    margin-top: 20px;
    margin-right: 15px;
    display: none;
}

button.navbar-toggle.collapsed {
    vertical-align: middle;
    margin-top: 18px;
}

.navbar-toggle {
    vertical-align: middle;
    margin-top: 18px;
}

nav.col-md-3.bs-docs-sidebar.spy-active.static-page-main-sidebar {
    min-height: 0px;
}

.col-md-8.well.static-page-main-content {
    background-color: #ffffff;
}

.modal.in .modal-dialog {
    width: 60%;
}

/* ------------ Back to top button ------------------ */

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    right: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    right: 10px;
}

a.well.well-sm {
    background-color: rgb(227, 227, 227);
}


/* --------------------- Sidebar ------------------ */

ul#sidebar {
    background-color: #ffffff;
    padding: 10px 0px 10px 0px;
    max-width: 260px;
}



/* --------------------- Login - Static HTML Page ------------------ */

td.login-static-html-page{
    border-top: none;
    padding: 0px;
}

h3.form-signin-heading-static-html {
    color: #ffffff !important;
    padding: 15px 0px;
}

.login-heading-static-html {
    background-color: #2c2c2c;
    margin-top: -20px;
    margin-left: -30px;
    margin-right: -30px;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 0px;
    padding-left: 30px;
}

table.table.static-html-page-login {
    margin-top: 30px;
}

/* --------------------- Log out button and page - Static HTML Page ------------------ */

a.btn.btn-default.info-button {
    margin-left: 15px;
}

ul.messages {
    list-style-type: none;
    text-align: center;
    margin-top: 20px;
    font-weight: 400;
    font-size: x-large;
}

.logout-button {
    text-align: center;
    margin-top: 5px;
}

/* --------------------- Media Queries ------------------ */

/* Large desktop */
@media (min-width: 1200px) {
    nav.navbar.navbar-default.navbar-fixed-top {
        display: none;
    }

    .modal.in .modal-dialog {
        width: 60%;
    }

}


/* Portrait tablet to landscape and desktop (just for menu) */
@media (min-width: 992px) and (max-width: 1300px) {
    nav.navbar.navbar-default.navbar-fixed-top {
        display: none;
    }

    ul#sidebar {
        max-width: 220px;
    }

    .bs-docs-sidebar {
    margin-top: 1px;
    }

    .modal.in .modal-dialog {
        width: 60%;
    }

    ul#sidebar {
        max-width: 220px;
    }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

    nav.navbar.navbar-default.navbar-fixed-top {
        display: none;
    }

    .col-md-8.well.static-page-main-content {
        width: 61.666667%;
        margin-left: 33%;
        margin-top: -20px;
    }

    ul#sidebar {
        max-width: 220px;
    }

    .bs-docs-sidebar {
        margin-top: 1px;
    }

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
     ul#sidebar{
        display: none;
    }

    .mainContent {
        margin-top: 0px;
    }

    .modal.in .modal-dialog {
        width: auto;
    }

    a.btn.btn-default.info-button.logout-button {
        margin-top: -90px;
        margin-left: 250px;
    }

    p.signout {
        display: none;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
     ul#sidebar{
        display: none;
    }

    .mainContent {
        margin-top: 0px;
    }

    .modal.in .modal-dialog {
        width: auto;
    }

    a.btn.btn-default.info-button.logout-button {
        margin-top: -90px;
        margin-left: 250px;
    }

    p.signout {
        display: none;
    }

}


/* --------------------- Additional CSS ------------------ */

#sidebar.affix {
    top: 20px;
}

button.navbar-toggle.collapsed {
    margin-top: -50px;
}
button.navbar-toggle{
    margin-top: -50px;
}


.logo-meg {
    width: 150px;
    padding: 5px 0 5px 20px;
}

.col-md-8.well.static-page-main-content {
    word-wrap: break-word;

    /* Non standard for webkit */

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


/* --------------------- Sidebar-redesign ------------------ */

li.nav-header{
  padding: 6px 15px;
  background-color: #6d6d6d;
  color: #ffffff !important;
  text-shadow: none !important;
  margin-top: -10px;
}

.bs-docs-sidebar .nav>.active>a, .bs-docs-sidebar .nav>li>a:hover, .bs-docs-sidebar .nav>li>a:focus{
    color: #ffffff!important;
    background-color: #78C5B0 !important;
}

.bs-docs-sidebar .nav .nav>.active>a, .bs-docs-sidebar .nav .nav>.active:hover>a, .bs-docs-sidebar .nav .nav>.active:focus>a {
  font-weight: 500;
}


ul.nav.nav-stacked{
    margin-top: 2px;
}

a.link.main-section {
  background-color: #dee1df;
}

#h2-heading {
    display: inline;
}



/* --------------------- Logout Button ------------------ */

.navbar-inner {
	background-color: #353535 !important;
    height: 30px;
    padding-top: 3px;
}

a.logout-public {
    padding: 10px 20px 11px;
    line-height: 19px;
    color: #999999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


a:hover.logout-public{
    background-color: transparent;
    color: #ffffff;
}


/* --------------------- Media Query ------------------ */
/* Landscape phones and down */
@media (max-width: 480px) {
    img.meg-character.img-responsive {
        display: none;
    }
}