/* Initial styles */
.has-submenu { cursor: pointer; }
.selected-version { font-weight: 700; }
.selected-version-label { font-weight: 400; }

/* TODO: Provide Google Fonts link via jQuery insert? */
body, h1, h2, h3, h4, h5, h6 { font-family: Lato, sans-serif; color: #1D1D1D; }

/* Main page header */
.portal-header::before { background-color: #001E60; }
.portal-header h1 { margin-bottom: 0.5em; color: white; }
.portal-header .portal-search .search-field { background: white; color: #1D1D1D; }
.portal-header .portal-search .search-field:focus { box-shadow: 0 0 0 3px rgba(0,94,184,.2); }
.portal-header .portal-search .search-field::placeholder { color: #999999; }
.portal-header .portal-search button { background: #005EB8; }
.portal-header .portal-search button:hover { background: #296DBF; }
.portal-header .navbar-header .navbar-toggle { display: none !important; }

/* Logo */
.navbar-brand { position: relative; left: -15px; border-radius: 0 0 3px 0; padding: 15px 12px !important; }
.navbar-brand img { width: 155px; margin: 0 !important; }

/* Body container */
.portal-body-container { height: auto !important; }

/* Navigation */
.navbar-toggle { margin-left: 6px; }
.version-dropdown .caret { float: right; margin: 8px 0 8px 8px; }
#navbar ul li a:hover { color: #005EB8; background: #F2F7FB; }

@media only screen and (max-width: 767px) {
    #navbar { padding: 0; position: absolute; top: 73px; left: 10px; right: 10px; background: white; border-radius: 3px; }
    #navbar ul { max-width: 100% !important; width: 100% !important; }
    #navbar ul li a { display: block; padding: 8px 16px; border-bottom: 1px solid #E0E0E0; }
}
@media only screen and (min-width: 768px) {
    .version-dropdown > ul { border-radius: 3px; overflow: hidden; box-shadow: none; border: 1px solid #E0E0E0; }
}

/* Topics */
main article { margin-top: 12px; }
.portal-publications { margin: 60px 0 30px; }
.portal-single-publication { padding: 0 10px 0 0; margin: 0 0 10px 0; }
.portal-single-publication a { border-radius: 3px; border: 1px solid #F0F0F1; }
.portal-single-publication .publication-icon { display: none }
@media (min-width: 768px) {
    .portal-single-publication { width: 33.33%; }
    .portal-single-publication h3 { font-size: 16px; }
}
/*
@media (min-width: 992px) {
    .portal-single-publication { width: 20%; }
}
*/

/* Featured content */
.featured-content-label { color: #1D1D1D; width: 100%; display: flex; flex-direction: row; margin: 20px 0 40px 0; font-size: 14px; }
.featured-content-label::after { content: ''; width: auto; height: 1px; background: #E0E0E0; flex-grow: 1; margin: auto 0 auto 20px; }

.publication-contents ul { padding-left: 0; }
.publication-contents ul li a { padding: 4px 0 4px 34px; width: 100%; display: block; }
.publication-contents li { font-weight: 400; margin: 0; }
.publication-contents li:before { position: absolute; left: 20px; margin: 4px 0 0 0; pointer-events: none; color: #E0E0E0; opacity: 1; }
.publication-contents a { color: #555555; }
.publication-contents a:hover { color: #001E60; }
.publication-contents h4 span { background: #FF8200; }

/* General buttons and links */
.publication-contents .more-toc, .category-more-toc { text-decoration: underline; color: #005EB8; }
.publication-contents .more-toc:hover, .category-more-toc:hover { text-decoration: underline; color: #001E60; }

.btn, .form-control, button, input[type=text] { border-radius: 3px; }
.btn-default { border: 1px solid #E0E0E0; background: white !important; }
.btn-default:hover, .btn-default:active, .btn-default:focus { border: 1px solid #005EB8 !important; color: #005EB8 !important; box-shadow: none; }
.btn-default:focus { box-shadow: 0 0 0 3px rgba(0,94,184,.2); }

/* Main page footer */
.portal-body-row .portal-publications .inner { margin-left: 10px; }
.portal-footer .inner, .site-footer .inner { border-top: 1px solid #F0F0F1; }
.copyright, .date-modified, .publication-date { color: #555555; }
.languages .dropdown-menu { padding: 0; box-shadow: none; }
.languages .dropdown-menu li a { padding: 11px 20px; font-size: 14px; }
.languages .dropdown-menu li a:hover { color: #005EB8; background: #F2F7FB; }
.languages .btn .caret { position: relative; top: -2px; margin-left: 4px; }


/* -------------- */
/* Search results */
/* -------------- */

.search-container h2 { color: #1D1D1D; }

li.searchresultitem { border-bottom: 1px solid #E0E0E0; padding: 20px; }
li.searchresultitem.selected-searchresultitem { background-color: #F0F0F1; border-radius: 5px; border: none; }
li.searchresultitem a { color: #005EB8; }
li.searchresultitem a:hover { color: #001E60; }
li.searchresultitem h3 { margin: 0 0 16px 0; }

ul.searchresults .search-highlight { background: rgba(255,130,0,.25); }
.search-result-breadcrumbs { color: #555555; margin: 0; }
.searchresultsnippet { font-weight: 400; }


/* ------------ */
/* Detail pages */
/* ------------ */

.toolbar { box-shadow: none; border-bottom: 1px solid #E0E0E0; min-height: unset; height: 50px; color:white; padding:0 }
.toolbar-tools { height: 100%; display: flex; align-items: center; float: left; }
.fixed-toolbar .toolbar { color: #555555; }

@media (min-width: 768px) {
    .toolbar-tools {float: right !important }
    .toolbar-tools .navbar-collapse.collapse {
        margin-right: 0 !important;
        padding-right: 0;
    }
}

.site-content {
    padding-top: 50px !important;
}

/* Sidebar */
.site-sidebar-header { text-align: left; padding: 0 12px; margin: 0 0 3px 0; }
.site-sidebar-header a { display: block; width: 100%; padding: 15px 0 !important; }
.site-sidebar-header a > img.logo { margin: 0 !important; height: 35px !important; width: 155px !important; height: auto !important; padding: 0 !important; }

.site-sidebar { background: #FAFAFA; border-right: 1px solid #E0E0E0; margin-top: 50px; }
.site-sidebar-search { padding: 0 12px; display: none; }
.site-sidebar-search .search-field { border: 1px solid #E0E0E0; background: white; color: #1D1D1D; }
.site-sidebar-search .search-field:focus { border: 1px solid #005EB8; box-shadow: 0 0 0 3px rgba(0,94,184,.2); }
.site-sidebar-search .search-field::placeholder { color: #999999; }

@media (min-width: 768px) {
    .site-sidebar-search { padding: 0 12px; display: block; }
}

.nav-site-sidebar li a { color: #005EB8; }
.nav-site-sidebar li a:hover { color: #001E60; }
.nav-site-sidebar .active > a { color: #001E60; }

/* Breadcrumbs */
.topic-content .breadcrumb, .topic-content .breadcrumb a { color: #999999; }

/* Pagers */
.pager li>a, .pager li>span { color: #005EB8; font-weight: 400; border: 1px solid #E0E0E0; }
.pager li>a:hover { color: #005EB8; border: 1px solid #005EB8; background: white; }
.pager li>a:focus { box-shadow: 0 0 0 3px rgba(0,94,184,.2); }
.pager li>a { display: block !important; }

/* Infoboxes */
.important { border-left-color: #ED0900; background: rgba(237, 9, 0, 0.05); }
.important:before { color: #ED0900; }
.warning { border-left-color: #FF8200; background: rgba(255, 130, 0, 0.05); }
.warning:before { color: #FF8200; }
.note { border-left-color: #005EB8; background: rgba(0, 94, 184, 0.05); }
.note:before { color: #005EB8; }

/* Stepped amount indicators */
.theme1 .procedure > li::before { background-color: #005EB8; }

/* Codeblocks (pre) */
.hljs { background: #FAFAFA; border: 1px solid #E0E0E0; font-family: monospace; }

/* Clearfix on footer */
.site-footer .inner:before, .site-footer .inner:after { display: table; content: " "; clear: both; }

/* Lightbox (image zoom) background color */
#materialbox-overlay { background: rgba(0,15,48,.65); }

/* Tables */
/* Added by Frederick Motte June 2024 */

.table_with_header_and_title_column .th, .table_with_header_and_title_column .td {
    vertical-align: middle;
}

.table_with_header_and_title_column .th {
    background-color: #005EB8;
    color: white;
}

.table_with_header_and_title_column .td:first-child {
    background-color: #005EB8;
    color: white !important; 
    font-weight: bold;
}

.table_with_header_and_title_column .td:first-child a {
    color: white !important;
}