/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */


/* MAIN */

html,
body {
    background-color: #ededed;
    padding-bottom: 0 !important;
    font-family: "Open Sans", sans-serif;
    line-height: 1.75;
}

body>div.container-fluid.main-container {
    padding-left: 28px;
    padding-right: 28px;
    max-width: 1200px;
    background-color: #fff;
}


/* NAVBAR */

body>div.container-fluid.main-container>div.navbar.navbar-default.navbar-fixed-top {
    background-color: #00788a;
    font-weight: 200;
    font-size: 1.1em;
    border: none;
}

body>div.container-fluid.main-container>div>div.toc-content>div.navbar.navbar-default.navbar-fixed-top {
    background-color: #00788a;
}

body>div.container-fluid.main-container>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header>a {
    color: #fff;
}

body>div.container-fluid.main-container>div>div.toc-content>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header.active>a {
    color: #fff;
}

body>div.container-fluid.main-container>div>div.toc-content>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header>a {
    color: #fff;
}

@media (min-width: 768px) {
    body>div.container-fluid.main-container>div.navbar.navbar-default.navbar-fixed-top>div {
        width: calc(1200px - 30px);
    }
}

#navbar>ul>li>a {
    color: #fff;
    font-weight: 200;
}

#navbar>ul>li>a:hover {
    background: rgba(255, 255, 255, 0.2);
}

#navbar>ul>li.active>a {
    background: rgba(255, 255, 255, 0.2);
}

#navbar>ul>li.dropdown.open>a {
    background: rgba(255, 255, 255, 0.2);
    background-color: #00788a;
}

#navbar>ul>li.dropdown.open>ul {
    background: rgba(255, 255, 255, 0.2);
    background-color: #00788a;
}

#navbar>ul>li.dropdown.open>ul>li>a {
    background-color: #00788a;
    color: #fff;
}

#navbar>ul>li.dropdown.open>ul>li.active>a {
    background: rgba(255, 255, 255, 0.2);
}

#navbar>ul>li.dropdown.open>ul>li>a:hover {
    background: rgba(255, 255, 255, 0.2);
}

#navbar>ul>li.dropdown.open>ul>li>a:focus {
    background: rgba(255, 255, 255, 0.2);
}

#nav-logo {
    margin-top: -6px;
}

#navbar>ul>li.dropdown.open>ul>li.dropdown-header {
    color: #fff;
    font-size: inherit;
    padding-left: 14px;
    font-weight: bold;
}


/* HAMBURGER MENU */


/* default */

body>div.container-fluid.main-container>div>div.toc-content>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header>button {
    background-color: #00788a;
}


/* selected */

body>div.container-fluid.main-container>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header>button:focus {
    background: rgba(255, 255, 255, 0.2);
}

body>div.container-fluid.main-container>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header>button:hover {
    background: rgba(255, 255, 255, 0.2);
}

body>div.container-fluid.main-container>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header.active>button:focus {
    background: rgba(255, 255, 255, 0.2);
}

body>div.container-fluid.main-container>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header.active>button:hover {
    background: rgba(255, 255, 255, 0.2);
}

body>div.container-fluid.main-container>div>div.toc-content>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header>button.navbar-toggle:focus {
    background: rgba(255, 255, 255, 0.2);
}

body>div.container-fluid.main-container>div>div.toc-content>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header>button.navbar-toggle:hover {
    background: rgba(255, 255, 255, 0.2);
}

body>div.container-fluid.main-container>div>div.toc-content.col-xs-12.col-sm-8.col-md-9>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header>button>span {
    background-color: #fff;
}

body>div.container-fluid.main-container>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header.active>button>span {
    background-color: #fff;
}

body>div.container-fluid.main-container>div.navbar.navbar-default.navbar-fixed-top>div>div.navbar-header>button>span {
    background-color: #fff;
}

/* NAV PILLS */

div.tabset.tabset-fade>ul.nav.nav-tabs {
    margin-top: 16px;
}

div.level3.tabset.tabset-fade.tabset-pills>ul.nav.nav-pills {
    margin-top: 16px;
}

.tabset.tabset-fade.tabset-pills>ul>li.active>a {
    background-color: #00788a;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #00788a;
}

.nav-pills>li>a {
    color: #00586a;
    font-size: 1.1em;
}

.tabset.tabset-fade>ul>li>a {
    color: #00586a;
    font-size: 1.1em;
}

.tabset.tabset-fade>ul>li.active>a {
    color: #000000;
}

.tabset.tabset-fade.tabset-pills>ul>li.active>a {
    color: #FFFFFF;
}

/* DISABLE TAB ANCHOR SECTIONS TILL FIXED IN RMARKDOWN!! */

a[role="tab"] + a.anchor-section {
    display: none;
}

/* DATATABLE STYLING */

.table.table-condensed.dataTable.no-footer>tbody>tr.active>td {
    background-color: #00788a;
}

/* TOP AND CENTER HEADERS */

.table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    text-align: revert;
    vertical-align: top;
}


/* PLAIN TABLE RESPONSIVENESS */

@media (max-width: 537px) {
    .mobile-scroll-table {
        overflow-x: scroll;
    }
}

/* FOOTER */

#footer {
    /* background: #00788a; */
    background: #10454c url(./images/bg-footer.jpg) no-repeat;
    background-size: cover;
    margin-left: calc(0px - 28px);
    width: calc(100% + 56px);
    margin-top: 24px;
    padding: 28px 0;
    color: #fff;
    font-weight: 200;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.gwrc-logo {
    display: block;
    margin-bottom: 24px;
    margin-left: 42px;
}

@media (max-width: 444px) {
    .gwrc-logo {
        margin-top: 0;
        width: 100%;
    }
}

.gwrc-logo img {
    width: 170px;
    margin-top: 8px;
}

.left-border {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    padding-left: 28px;
    margin-left: 28px;
    padding-top: 2px;
    padding-bottom: 4px;
}

@media (max-width: 444px) {
    .left-border {
        border: none;
    }
}

.footer-header {
    color: #ffffff;
    font-weight: 200;
    color: #ffffff;
    font-weight: 200;
    font-size: 1.3em;
    margin-bottom: 12px;
    line-height: 1em;
    opacity: 1;
}

.footer-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-list li a {
    text-decoration: none;
    font-weight: 200;
    color: #FFFFFF;
}