/*-------------------------------------------------------------------*/
/*-------------------- CSS Variable Declarations --------------------*/
/*-------------------------------------------------------------------*/

:root {
    --light-cyan: #d5f2ff;
    --alice-blue: #f2f7fa;
    --light-orange: #FFEAC5;
}
/*-----------------------------------------------------------------*/
/*------------------ Universal HTML Elements ----------------------*/
/*-----------------------------------------------------------------*/

/*-- Link --*/
a {
    text-decoration: none !important;
}
/*-- Caption --*/
caption {
    color: var(--bs-black) !important;
}
/*-- Bootstrap 5 | Button --*/
.btn {
    font-size: 15px !important;
}
/*-- Bootstrap 5 | Button | Primary --*/
.btn-primary {
    background: var(--bs-primary) !important;
}
/*-- Bootstrap 5 | Button | Secondary --*/
.btn-secondary {
    background: var(--bs-secondary) !important;
}
/*-- Bootstrap 5 | All Content --*/
.content {
    max-width: 100% !important;
}
/*-- Bootstrap 5 | Body Content | Image  --*/
.region-content img {
    max-width: 100% !important;
    height: auto !important;
}
/*-- Bootstrap 5 | Primary Border --*/
.border-primary {
    border-color: var(--bs-primary) !important;
}
/*-- Bootstrap 5 | Secondary Border --*/
.border-secondary {
    border-color: var(--bs-secondary) !important;
}
/*-- Drupal | Dropdown Menu (Hover) --*/
.dropdown:hover > .dropdown-menu {
    display: block !important;
    border: 0.15em solid var(--bs-dark);
}
/*-- Input Form | Placeholder (focus) --*/
input:focus::placeholder {
    color: transparent;
}
/*-- External Links (Embedded) | Icons --*/
.ext svg,
.mailto svg {
    vertical-align: baseline !important;
    margin: 0em 0em 0em 0.2em !important;
    padding: 0em !important;
    fill: var(--bs-black) !important;
}

/*-- Horizontal Line --*/
hr {
    border-top: 0.5em solid var(--bs-secondary) !important;
    opacity: 100% !important;
}

/*---------------------------------------------------------*/
/*-------------------- Header Elements --------------------*/
/*---------------------------------------------------------*/

/*-- HTML Document Header --*/
body > div > header {
    border-bottom: 2.5em solid var(--bs-primary) !important;
}
/*-- Government Website Banner (Accordion) --*/
#accordionOfficialGovernmentWebsite {
    padding: 0.15em 0em !important;
    border: 0.1em solid var(--bs-gray-500) !important;
    border-left: none !important;
    border-right: none !important;
    background: var(--bs-gray-200) !important;
}
/*-- Government Website Banner | Accordion Item --*/
#accordionOfficialGovernmentWebsite .accordion-item {
    border: none !important;
    background: var(--gray-200) !important;
}
/*-- Government Website Banner | Accordion Item | Container | Row | Column --*/
#accordionOfficialGovernmentWebsite .accordion-item .col {
    font-size: 0.75em !important;
    text-align: right !important;
}
/*-- Government Website Banner | Accordion Collapse | Container | Row | Column --*/
#accordionOfficialGovernmentWebsite .accordion-collapse .col {
    font-size: 0.9em !important;
    margin: 0.3em auto !important;
    text-align: left !important;
}
/*-- Government Website Banner | Accordion Item | Button --*/
#accordionOfficialGovernmentWebsite .accordion-button {
    padding: 0.1em 0.5em !important;
    background: var(--gray-200) !important;
    font-size: 1em !important;
    text-decoration: underline !important;
    color: var(--bs-blue) !important;
    text-align: center !important;
    width: auto !important;
}
/*-- Government Website Banner | Accordion Collapse | Container | Row | Icons --*/
#accordionOfficialGovernmentWebsite .accordion-collapse .col img {
    height: 2.75em !important;
    width: auto !important;
}
/*-- Government Website Banner | Flag Icon --*/
#accordionOfficialGovernmentWebsite #usa-flag-icon {
    height: 1em !important;
    width: auto !important;
    vertical-align: middle !important;
    padding: 0em 0.3em !important;
}
/*-- Government Website Banner | Image --*/
#accordionOfficialGovernmentWebsite img {
    padding: 0em 0.15em !important;
}

/*-- Bootstrap 5 | Site Alert | Background --*/
.bs-site-alert {
    margin: 0em !important;
    padding: 0em !important;
    background: #8b0000;
    border: none !important;
    border-radius: 0% !important;
    width: 100% !important;
    padding: 0.2em 0.5em 0.4em 0.5em !important;
}
/*-- Bootstrap 5 | Site Alert | Text --*/
.bs-site-alert > p {
    font-size: 0.85em !important;
    margin: 0em !important;
    color: var(--bs-white);
    text-align: center !important;
    padding: 0em !important;
}
/*-- Bootstrap 5 | Site Alert | Link --*/
.bs-site-alert a {
    color: var(--bs-white) !important;
}
/*-- Drupal | Site Title --*/
.site-title {
    color: var(--bs-primary) !important;
    font-size: 1.1em !important;
}
/*-- Drupal | Site Slogan --*/
.site-slogan {
    color: var(--bs-black) !important;
    font-weight: bold !important;
    font-size: 0.75em !important;
    text-align: left !important;
    max-width: 20em !important;
}
/*-- Drupal | Site Logo (Top) --*/
.site-logo img {
    padding: 0.1em !important;
    height: 4.6em !important;
    width: auto !important;
}
/*-- Bootstrap 5 | Navigation Bar --*/
.navbar {
    background: linear-gradient(to top, var(--light-cyan), var(--alice-blue)) !important;
}

/*-- Bootstrap 5 | Navigation Bar | Toggler --*/
.navbar .navbar-toggler {
    color: var(--bs-primary) !important;
    border-color: var(--bs-dark) !important;
    border-width: 0.15em !important;
}
/*-- Bootstrap 5 | Navigation Bar | Primary Menu | Link --*/
.region-nav-main .nav-link {
    background-color: var(--bs-secondary) !important;
    color: var(--bs-white) !important;
    margin: 0.2em 0.1em !important;
    border: solid 0.1em var(--bs-primary) !important;
    border-radius: 0.2em !important
}
/*-- Bootstrap 5 | Main Navigation Bar | Primary Menu | Dropdown --*/
.region-nav-main .dropdown-menu {
    padding: 0.1em 0.15em !important;
}
/*-- Bootstrap 5 | Main Navigation Bar | Primary Menu | Dropdown | Link --*/
.region-nav-main .dropdown-item {
    margin: 0.15em auto !important;
}
/*-- Bootstrap 5 | Navigation Bar | Primary Menu | Link (Hover) --*/
.region-nav-main .nav-link:hover,
/*-- Bootstrap 5 | Navigation Bar | Primary Menu | Dropdown | Link (Hover) --*/
.region-nav-main .dropdown-item:hover {
    background-color: var(--bs-primary) !important;
    color: var(--bs-light) !important;
}
/*-- Bootstrap 5 | Navigation Bar | Primary Menu | Link (Active) --*/
.region-nav-main .nav-link.active,
/*-- Bootstrap 5 | Navigation Bar | Primary Menu | Dropdown | Link (Active) --*/
.region-nav-main .dropdown-item.active
{
    background-color: var(--bs-primary) !important;
}
/*-- Bootstrap 5 | Navigation Bar | Secondary Menu | Link --*/
.region-nav-additional .nav-link {
    color: var(--bs-black) !important;
}
/*-- Bootstrap 5 | Navigation Bar | Secondary Menu | List --*/
.region-nav-additional .navbar-nav, 
/*-- Bootstrap 5 | Navigation Bar| GSA Search Form --*/
.region-nav-additional .search-block-form {
    padding: 0em 1.5em !important;
    max-width: 25em !important;
}
/*-------------------------------------------------------*/
/*-------------------- Body Elements --------------------*/
/*-------------------------------------------------------*/

/*-- Bootstrap 5 | BreadCrumbs | Ordered List --*/
.block-system-breadcrumb-block ol {
    padding: 0em !important;
    margin: 0.2em 0em 0.25em 0.75em !important;
    font-size: 1em !important;
}
/*-- Bootstrap 5 | BreadCrumbs | Ordered List | List Item (Remove existing separator) --*/
.block-system-breadcrumb-block .breadcrumb-item::before {
    display: none !important;
}
/*-- Bootstrap 5 | BreadCrumbs | Ordered List | List Item (Add custom separator) --*/
.block-system-breadcrumb-block .breadcrumb-item:not(:last-child)::after {
    content: "/" !important;
}
/*-- Bootstrap 5 | Body Content --*/
.region-content {
    width: 100% !important;
    margin-bottom: 1em !important;
}
/*-- Drupal | Content | Default View | Page Title --*/
.block-page-title-block h1 {
    font-size: 1.75em !important;
    font-weight: bold !important;
    color: var(--bs-primary) !important;
    text-align: center !important;
}
/*-- Drupal | Editor | Form | Label --*/
.js-form-wrapper > .js-form-item label,
/*-- Drupal | Editor | Form | Field Label --*/
.js-form-item .field-label,
/*-- Drupal | Editor | Form | Summary --*/
.js-form-item summary,
/*-- Drupal | Editor | Form | Legend --*/
.js-form-wrapper legend,
/*-- Drupal | Editor | Form | Card | Header --*/
.js-form-wrapper summary.card-header,
/*-- Drupal | Editor | Form | Datetime | Label --*/
.js-form-wrapper.field--type-datetime h4.label,
/*-- Drupal | Editor | Form | Image Uploader | Label --*/ 
.field--type-image .js-form-item label,
/*-- Drupal | Editor | Form | Text Field | Label --*/ 
.js-form-type-textfield label,
/*-- Drupal | Editor | Form | Text Area | Label --*/ 
.js-form-type-textarea label,
/*-- Drupal | Editor | Form | Select | Label --*/ 
.js-form-type-select label {
    padding: 0.4em 0.8em !important;
    border: solid 0.1em var(--bs-dark) !important;
    margin: 0em auto !important;
    width: 100% !important;
    background: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    font-weight: normal !important;
}
/*-- Drupal | Editor | Form | Long Text | Text Format | Label --
.js-form-wrapper.field--type-text-long .js-form-item:nth-child(2) label,
.js-form-wrapper.field--type-text-with-summary .js-form-item:nth-child(2) label {
    display: none !important;
}*/
/*-- Drupal | Editor | Form | Long Text | Summary | Edit Link --*/ 
.js-form-wrapper.field--type-text-with-summary .link-edit-summary {
    color: var(--bs-white) !important;
}
/*-- Drupal | Editor | Form | Long Text | Text Format | Label --*/ 
.js-form-wrapper.field--type-text-long .js-form-item:nth-child(2) {
    margin: 0.3em auto !important;
}
/*-- Drupal | Editor | Form | Datetime | Header --*/
.js-form-wrapper.field--type-datetime h4.label {
    display: block !important;
    padding: 0.5em 0.8em !important;
}
/*-- Drupal | Editor | Form | Multiple Table | Header --*/
.js-form-item .field-multiple-table h4.label {
    font-weight: normal !important;
}
/*-- Drupal | Editor | Form | Datetime --*/
.js-form-wrapper.field--type-datetime {
    margin: 1em auto !important;
    display: block !important;
}
/*-- Drupal | Editor | Form | Select Menu --*/
.js-form-type-select select {
    margin-top: 0.3em !important;
    width: auto !important;
    border-color: var(--bs-gray-600) !important;
}
/*-- Drupal | Editor | Form | Option Menu (check-boxes) --*/
.js-form-item label.option {
    background: none !important;
    border: none !important;
    color: var(--bs-black) !important;
}
/*-- Drupal | Editor | Form | Input --*/
.js-form-item input,
/*-- Drupal | Editor | Form | Text Area --*/
.js-form-item textarea,
/*-- Drupal | Editor | Form | Datatime --*/
.js-form-type-date > input,
/*-- Drupal | Editor | Form | Image Widget | Preview --*/
.js-form-item .image-preview {
    margin-top: 0.3em !important;
    border-color: var(--bs-gray-600) !important;
}
/*-- Drupal | Editor | Drop Button --*/
.views-admin .dropbutton .dropbutton-action .btn-primary {
    background: var(--bs-white) !important;
    text-decoration: none !important;
}

/*-- Homepage | Welcome Panels --*/
.home-welcome-panels { 
    margin-top: 0.5em !important;
    margin-bottom: 0em !important;
    padding: 0em !important;
}
/*-- Homepage | Welcome Panels | Card | Images --*/
.home-welcome-panels img { 
    background: radial-gradient(var(--alice-blue), var(--light-cyan)) !important;
    border: 0.25em solid var(--bs-primary) !important;
}
/*-- Homepage | Welcome Panels | Card | Images (hover) --*/
.home-welcome-panels .card:hover > img {
    background: radial-gradient(var(--alice-blue), var(--light-orange)) !important;
    border-color: var(--bs-secondary) !important;
}
/*-- Homepage | Welcome Panels | Card | Link (hover) --*/
.home-welcome-panels a:hover {
    color: var(--light-orange) !important;
}
/*-- Homepage | Data Applications | Card | Header --*/
.grid-header {
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    padding: 0.2em 0em !important;
    margin-bottom: 0em !important;
    margin-top: 1em !important;
}
/*-- Homepage | Data Applications | Card | Header | Link --*/
.grid-header a
{
    color: var(--bs-white) !important;
}
/*-- Homepage | Data Applications | Card | Header | Link (Hover) --*/
.grid-header > a:hover {
    color: var(--light-orange) !important;
}
/*-- Homepage | Data Applications | Card | Image --*/
.grid-image {
    border: solid 0.5em var(--bs-primary) !important;
    border-top-width: 0em !important;
}
/*-- Homepage | Data Applications | Card | Image + Header (Hover) --*/
.grid-image:hover + .grid-header {
    color: var(--light-orange) !important;
}
/*-- Homepage | Data Applications | Card | Image + Header (Hover) --*/
.grid-header:hover + .grid-image,
/*-- Homepage | Data Applications | Card | Image (Hover) --*/
.grid-image:hover {
    border-color: var(--bs-secondary) !important;
}
/*-- Homepage | Image Carousel | Row (Active) --*/
.region-sidebar-second .row.carousel-item.active {
    margin: 0em auto !important;
}
/*-- Homepage | Image Carousel | Row (Active) | Column --*/
.region-sidebar-second .row.carousel-item.active > div {
    padding: 0em !important;
}
/*-- Homepage | Image Carousel | Header  --*/
.region-sidebar-second .view-image-carousel {
    margin: 2em auto 2em auto !important;
    border: 0.2em solid var(--bs-primary) !important;
    border-radius: 0.3em !important;
    width: 100% !important;
}
/*-- Homepage | Image Carousel | Header  --*/
.region-sidebar-second .view-image-carousel .carousel-item h3 {
    display: none !important;
}
/*-- Drupal | Teaser View | Teaser Header */
.node--view-mode-teaser h2 {
    color: var(--bs-white);
    background-color: var(--bs-primary) !important;
    font-size: 1.05em !important;
    padding: 0em !important;
    margin-top: 1em !important;
    margin-bottom: 0em !important;
}
/*-- Drupal | Teaser View | Teaser Header | Link */
.node--view-mode-teaser h2 a {
    color: var(--bs-white);
    padding: 0.20em 0.6em 0.3em 0.6em !important;
    border: solid 0.15em var(--bs-primary) !important;
    border-bottom: none !important;
    background-color: var(--bs-secondary) !important;
    display: block !important;
    width: 100% !important;
}
/*-- Drupal | Teaser View | Teaser Header | Link (hover) */
.node--view-mode-teaser h2 a:hover {
    background-color: var(--bs-primary) !important;
}
/*-- Drupal | Content Editor | Image Widget | Input --*/
.image-widget input {
    display: inline !important;
}
/*-- Bootstrap 5 | Sidebar | Help Desk --*/
.help-desk-sidebar {
    margin: 2em auto !important;
}
/*-- Bootstrap 5 | Sidebar | Card | Footer --*/
.sidebar-card-footer {
    font-size: 1em !important;
    border-top: 0.1em solid var(--bs-primary) !important;
    padding: 0.3em 0.85em !important;
    margin-bottom: 2em !important;  
}
/*-- Bootstrap 5 | Sidebar | Help Desk | Card | Footer --*/
.help-desk-sidebar .sidebar-card-footer {
    margin-bottom: 0em !important; 
}
/*-- Bootstrap 5 | Sidebar | Button --*/
.sidebar-button {
    font-size: 0.95em !important;
    padding: 0.05em 0.3em !important;
    vertical-align: baseline !important;
}
/*-- Drupal | View-Grid --*/
.views-view-grid {
    margin-top: -1em !important;
    margin-bottom: 2em !important;
}
/*-- Drupal | View-Table --*/
.views-view-table {
    width: 100% !important;
    border: solid 0.25em var(--bs-primary) !important;
    padding: 0% !important;
    border-top: none !important;
}
/*-- Drupal | View-Table | Link --*/
.views-view-table a {
    padding: 0em !important;
    margin: 0em !important;
}
/*-- Drupal | View-Table | Images -*/
.views-view-table img {
    margin: 0.35em auto !important;
    padding: 0em !important;
    color: var(--bs-white) !important;
    border: 0.05em solid var(--bs-primary) !important;
}
/*-- Drupal | View-Table | Header  --*/
.views-view-table th {
    background: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    font-weight: normal !important;
    vertical-align: middle !important; 
}
/*-- Drupal | View-Table | Header | Link --*/
.views-view-table th a {
    color: var(--bs-white) !important; 
}
/*-- Field Group | Table (non-embedded) --*/
.node__content > .field-group-table {
    margin-bottom: 0.5em !important;
}
/*-- Field Group | Table -*/
.field-group-table {
    border: solid 0.15em var(--bs-primary) !important;
    margin-bottom: 0em !important;
}
/*-- Field Group | Field-Table | Table -*/
.field-group-table table {
    margin-bottom: 0% !important;
}
/*-- Field Group | Field-Table | Table | Rows (Odd) --*/
.field-group-table > table tr:nth-child(2n+1) {
    background-color: var(--bs-light) !important;
}
/*-- Field Group | Field-Table | Table | Rows (Even) --*/
.field-group-table > table tr:nth-child(2n) > th {
    background-color: var(--bs-white) !important;
}
/*-- Field Group | Field-Table | Table | Rows | Columns  --*/
.field-group-table > table tr > th,
.field-group-table > table tr > td  {
    background: none !important;
}
/*-- Field Group | Horizontal Tabs | Wrapper --*/
.field-group-tabs-wrapper {
    width: 100% !important;
    border: solid 0.25em var(--bs-primary) !important;
    padding: 0% !important;
}
/*-- Field Group | Horizontal Tabs | Wrapper | Legend --*/
.field-group-tabs-wrapper legend
{
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    border: solid 0.1em var(--bs-dark) !important;
    padding: 0.4em 0em !important;
    margin-bottom: 0em !important;
    border-top-left-radius: 0.2em !important;
    border-top-right-radius: 0.2em !important;
}
/*-- Field Group | Horizontal Tabs | Wrapper | Card Header --*/
.field-group-tabs-wrapper .card-header
{
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}
/*-- Field Group | Horizontal Tabs | Pane | Card Body -*/
.horizontal-tabs-pane .card-body {
    margin: 0em !important;
    padding: 0em !important;
    width: 100% !important;
}
/*-- Field Group | Horizontal Tabs | List -*/
.horizontal-tabs-list
{
    padding: 0em 0.05em 0.1em 0.05em !important;
    border-bottom: 0.25em solid var(--bs-primary) !important;
}
/*-- Field Group | Horizontal Tabs | Button -*/
.horizontal-tab-button
{
    background-color: var(--bs-secondary) !important;
    color: var(--bs-white) !important;
    margin: 0.1em !important;
    border: 0.1em solid var(--bs-dark) !important;
}
/*-- Field Group | Horizontal Tabs | Button | Link -*/
.horizontal-tab-button a
{
    color: var(--bs-white) !important;
}
/*-- Field Group | Horizontal Tabs | Button (Hover) -*/
.horizontal-tab-button:hover,
.horizontal-tab-button:hover a
{
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}
/*-- Field Group | Horizontal Tabs | Button (selected) -*/
.horizontal-tab-button.selected,
.horizontal-tab-button.selected a
{
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}
/*-- Field Group | Horizontal Tabs | Clearfix (floated container) --*/
.horizontal-tabs.clearfix {
    margin-bottom: 0em !important;
}
/*-- Field Group | Details | Header -*/
.js-form-wrapper legend
{
    background-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}
/*-- Field Group | Details | Drupal Entity (embedded) -*/
.details-wrapper .field__item .field--name-name {
    background: var(--bs-secondary) !important;
    border: solid 0.15em var(--bs-primary) !important;
    border-top: none !important;
    border-bottom: none !important;
    color: var(--bs-white) !important;
    font-weight: normal !important;
    padding: 0.4em 0.8em !important;
}
/*-- Field Group | Details | Drupal Entity (embedded) | Header -*/
.details-wrapper .field__item h2 {
    padding: 0em !important;
    margin-bottom: 0% !important;
    font-size: 1em !important; 
}
/*-- Field Group | Fieldset | Wrapper  -*/
.fieldset-wrapper {
    background-color: var(--bs-light);
    padding: 1em !important;
    border: 0.15em solid var(--bs-primary) !important;
}
/*-- Field Group | Fieldset | Legend -*/
.fieldset-legend {
    padding-left: 1em !important;
}
/*-- DataTables | Page Length --*/
.dt-length,
/*-- DataTables | Search Bar --*/
.dt-search {
    margin: 0.2em auto !important;
}
/*-- DataTables | Page Length | Form--*/
.dt-length .form-select,
/*-- DataTables | Search Bar | Form --*/
.dt-search .form-control,
/*-- DataTables | Search Bar | Form --*/
.pagination .page-link {
    border-color: var(--bs-primary) !important;
    border-width: 0.15em !important;
}
/*-- DataTables | Page Length | Select | Option --*/
div.dt-length .form-select > option {
    color: var(--bs-black) !important;
}
/*-- DataTables | Paginator | Link --*/
.pagination .page-link {
    border-color: var(--bs-primary) !important;
    border-width: 0.10em !important;
}
/*-- DataTables | 1st Sidebar | Container (Search Panes) --*/
.datatables-search-panel {
    margin-top: 1em !important;
    margin-bottom: 2em !important;
}
/*-- DataTables | Search Panes --*/
.dtsp-verticalPanes {
    margin-bottom: 0em !important;
}
/*-- DataTables | Search Panes | Title --*/
div.dtsp-panesContainer div.dtsp-title {
    font-size: 0.95em !important;
    padding: 0.2em 0.4em !important;
}
/*-- DataTables | Search Panes | Buttons --*/
div.dtsp-titleRow .btn {
    padding: 0.4em 0.6em !important;
    margin: 0.15em !important;
}
/*-- DataTables | Search Panes | Clear-All Button --*/
.dtsp-clearAll {
    color: var(--bs-black) !important;
}
/*-- DataTables | Search Panes | Collapse-All Button --*/
.dtsp-collapseAll, 
/*-- DataTables | Search Panes | Show-All Button --*/
.dtsp-showAll  {
    display: none !important;
}
/*-- DataTables | Search Panes | Category Filter | Header --*/
div.dtsp-searchCont {
    background-color: var(--bs-primary) !important;
    border: 0.1em solid var(--bs-white) !important;
    border-radius: 0.3em !important;
    padding: 0.2em 0.9em !important;
}
/*-- DataTables | Search Panes | Category Filter | Header | Text --*/
div.dtsp-searchPanes .form-control::placeholder {
    color: var(--bs-white) !important;
    font-weight:500 !important;
    font-size: 1.0em !important;
    padding: 0em !important;
    margin: 0em auto !important;
}
/*-- DataTables | Search Panes | Category Filter | Scroll Window --*/
div.dt-scroll-body {
    background: var(--bs-white) !important;
    height: 125px !important;
}
/*-- DataTables | Search Panes | Category Filter | Scroll Window | Table --*/
div.dt-scroll-body > table {
    background: var(--bs-light) !important;
}
/*-- DataTables | Search Panes | Category Filter | Scroll Window | Table | Row (Selected)--*/
div.dtsp-panesContainer table.dataTable tbody tr.selected > td {
    box-shadow: none !important;
    background: none !important;
}
/*-- DataTables | Search Panes | Category Filter | Scroll Window | Table | Row | Column --*/
div.dtsp-panesContainer table.dataTable tbody tr > td {
    box-shadow: none !important;
    padding: 0em !important;
    background: var(--bs-white) !important;
}
/*-- DataTables | Search Panes | Category Filter | Scroll Window | Table | Row | Column | Choice --*/
div.dtsp-panesContainer table.dataTable tbody tr .dtsp-nameCont {
    padding: 0.25em 0.75em 0.25em 1em !important;
    margin: 0.10em 0em !important;
}
/*-- DataTables | Search Panes | Category Filter | Scroll Window | Table |  Row | Column | Choice (Selected) --*/
div.dtsp-panesContainer table.dataTable tbody tr.selected .dtsp-nameCont,
/*-- DataTables | Search Panes | Category Filter | Scroll Window | Table | Choice (Hover) --*/
table.dataTable tbody tr .dtsp-nameCont:hover {
    color: var(--bs-white);
    background-color: var(--bs-primary) !important;
}
/*-- DataTables | Search Panes | Category Filter | Scroll Window | Table | Row | Choice | Text --*/
div.dtsp-panesContainer div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name {
    font-size: 0.9em !important;
}
/*-- DataTables | Search Panes | Category Filter | Scroll Window | Table |  Row | Choice | Badge --*/
div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dtsp-nameCont span.badge {
    margin: 0em !important;
}
/*-- DataTables | Table | Row | Title (Before) --*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
    display: none !important;
}
/*-- DataTables | Colgroups | All --*/
.dataTable colgroup,
/*-- DataTables | Product Search Tool | Columns (To hide) --*/
.view-product-search-tool th:nth-child(n+5),
.view-product-search-tool td:nth-child(n+5),
/*-- DataTables | Glossary | Columns (To hide) --*/
.view-glossary th:nth-child(n+3),
.view-glossary td:nth-child(n+3),
/*-- DataTables | Platform Search Tool | Columns (To hide) --*/
.view-platform-search-tool th:nth-child(n+4),
.view-platform-search-tool td:nth-child(n+4),
/*-- DataTables | Instrument Search Tool | Columns (To hide) --*/
.view-instrument-search-tool th:nth-child(n+4),
.view-instrument-search-tool td:nth-child(n+4),
/*-- DataTables | Data Access Tools | Columns (To hide) --*/
.view-data-access-tools th:nth-child(n+3),
.view-data-access-tools td:nth-child(n+3),
/*-- DataTables | Data Monitor Search Tool | Columns (To hide) --*/
.view-data-monitor-search-tool th:nth-child(n+3),
.view-data-monitor-search-tool td:nth-child(n+3),
/*-- DataTables | Learning Portal | Columns (To hide) --*/
.view-training-courses th:nth-child(n+3),
.view-training-courses td:nth-child(n+3),
/*-- DataTables | User Stories | Columns (To hide) --*/
.view-user-stories th:nth-child(n+3),
.view-user-stories td:nth-child(n+3),
/*-- DataTables | CoastWatch News | Columns (To hide) --*/
.view-news th:nth-child(n+3),
.view-news td:nth-child(n+3),
/*-- DataTables | CoastWatch Annual Meetings | Columns (To hide) --*/
.view-annual-meetings th:nth-child(n+3),
.view-annual-meetings td:nth-child(n+3),
/*-- DataTables | CoastWatch Nodes | Columns (To hide) --*/
.view-coastwatch-nodes th:nth-child(n+3),
.view-coastwatch-nodes td:nth-child(n+3),
/*-- DataTables | CoastWatch People | Columns (To hide) --*/
.view-coastwatch-people th:nth-child(n+4),
.view-coastwatch-people td:nth-child(n+4) {
    display: none !important;
}
/*-- Bootstrap 5 | 2nd Sidebar | GSA Search Form --*/
.region-sidebar-second .search-block-form {
    margin: 1em auto !important;
}
/*-- Bootstrap 5 | 2nd Sidebar | View-Table --*/
.region-sidebar-second .views-view-table {
    width: 100% !important;
    border: solid 0.15em var(--bs-primary) !important;
    border-bottom: none !important;
    border-top: none !important;
    padding: 0% !important;
    margin-bottom: 0em !important;
}
/*-- Timeline | Unordered List --*/
.timeline {
    border-left: 1px solid var(--bs-secondary) !important;
    position: relative !important;
    list-style: none !important;
}
/*-- Timeline | Unordered List | List Item --*/
.timeline .timeline-item {
    position: relative !important;
}
/*-- Timeline | Unordered List | List Item (bullet)--*/
.timeline .timeline-item:after {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    background-color: var(--bs-primary) !important;
    left: -38px !important;
    border-radius: 50% !important;
    height: 11px !important;
    width: 11px !important;
    content: "" !important;
}

/*---------------------------------------------------------*/
/*-------------------- Footer Elements --------------------*/
/*---------------------------------------------------------*/

/*-- HTML Document Footer --*/
body > div > footer {
    border-top: 2.5em solid var(--bs-primary) !important;
    /*background: linear-gradient(to top, #c6eeff, #dceaf0)  !important;*/
    background: linear-gradient(to top, var(--light-cyan), var(--alice-blue)) !important;
}
/*-- Bootstrap 5 | Footer | Navigation Menu | List Item (Link) --*/
.region-footer .nav-link {
    color: var(--bs-black) !important;
    font-weight: 400 !important;
}
/*-- Footer | Website Ownership (Link) --*/
.website-owner {
    margin: 0.5em auto 0em auto !important; 
    padding: 0em !important;
}
/*-- Bootstrap 5 | Back To Top | Container --*/
#ctn-back-to-top {
    position: fixed !important;
    bottom: 0% !important;
    z-index: 99 !important; /* Make sure it does not overlap */
}
/*-- Bootstrap 5 | Back To Top | Button --*/
#btn-back-to-top {
    display: none;
    padding: 0.1em 0.75em !important;
    border: 0.2em solid var(--bs-dark) !important;
    border-bottom: none !important;
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
    border-bottom-left-radius: 0% !important;
    border-bottom-right-radius: 0% !important;
    font-size: 1em !important;
}
/*-- External Link Popup | Overlay (full window) --*/
.ui-widget-overlay {
    background-color: var(--bs-light) !important;
    opacity: 65% !important;
}
/*-- External Link Popup | Popup Box --*/
.external-link-popup {
    max-width: 30em !important;
    border: 0.2em solid var(--bs-primary) !important;
    padding: 0em !important;
    margin: 0em auto !important;
}
/*-- External Link Popup | Popup Box | Close (X) Icon --*/
.ui-dialog-titlebar-close {
    display: none !important;
}
/*-- External Link Popup | Popup Box | Header --*/
.external-link-popup .ui-dialog-titlebar,
/*-- External Link Popup | Popup Box | Footer --*/
.external-link-popup .ui-dialog-buttonpane
{
    background-color: var(--bs-secondary) !important;
    color: var(--bs-white) !important;
    margin-right: -0.05em !important;
}
/*-- External Link Popup | Popup Box | Body (Warning Message) --*/
.external-link-popup .ui-dialog-buttonset .button
{
    background-color: var(--bs-dark) !important;
    border-color: var(--bs-white) !important;
}
/*-- External Link Popup | Popup Box | Yes Button --*/
.external-link-popup .ui-dialog-buttonset .button:nth-child(1)
{
    background-color: var(--bs-success) !important;
    color: var(--bs-white) !important;
}
/*-- External Link Popup | Popup Box | No Button --*/
.external-link-popup .ui-dialog-buttonset .button:nth-child(2)
{
    background-color: var(--bs-danger) !important;
    color: var(--bs-white) !important;
}

/*---------------------------------------------------------------------*/
/*-------------------- Responsive (Mobile) Styling --------------------*/
/*---------------------------------------------------------------------*/

/*-------------------------------------------------*/
/*-- Bootstrap 5 |  Small | Screen Width < 576px --*/
/*-------------------------------------------------*/
@media (max-width: 575.98px) {
    
    
}
/*---------------------------------------------------------*/
/*-- Bootstrap 5 |  Medium | >= 576px Screen Width < 768 --*/
/*---------------------------------------------------------*/
@media (max-width: 767.98px) {
    /*-- Bootstrap 5 | Body Content --*/
    .region-content {
        padding: 0em 0em 1em 0em !important;
        width: 100% !important;
    }
    /*-- Bootstrap 5 | Details | Wrapper  --*/
    details > .details-wrapper {
        padding: 0em 0em !important;
        width: 100% !important;
    }
    /*-- Bootstrap 5 | Details | Wrapper | Text --*/
    details > .details-wrapper .text-formatted {
        padding: 0.2em 0.5em !important;
    }
    /*-- Field Group | Table | Header --*/
    .field-group-table table th,
    /*-- Field Group | Table | Column --*/
    .field-group-table table td {
        display: block !important;
        padding: 0.5em  0.5em !important;
    }
    /*-- Field Group | Field-Table | Table | Rows (Odd) --*/
    .field-group-table > table tr:nth-child(n+1) {
        background-color: var(--bs-white) !important;
    }
    /*-- Field Group | Field-Table | Table | Rows (Even) --*/
    .field-group-table > table tr:nth-child(n) > th {
        background-color: var(--bs-light) !important;
    }
    /*-- External Link Popup | Popup Box --*/
    .external-link-popup {
        max-width: 95% !important;
    }
}
/*----------------------------------------------------------*/
/*-- Bootstrap 5 |  Large | >= 768px Screen Width < 992 --*/
/*----------------------------------------------------------*/
@media (max-width: 991.98px) {
    /*-- Bootstrap 5 | Navigation Bar | Secondary Menu | List --*/
    .region-nav-additional .navbar-nav, 
    /*-- Bootstrap 5 | Navigation Bar| GSA Search Form --*/
    .region-nav-additional .search-block-form {
        padding: 0em 0.1em !important;
    }
}
/*----------------------------------------------------------*/
/*-- Bootstrap 5 |  X-Large | >= 992px Screen Width <= 1200 --*/
/*----------------------------------------------------------*/
@media (max-width: 1199.98px) {

    /*-- Drupal | Site Slogan --*/
    .site-slogan {
        display: none !important;
    }
}
/*----------------------------------------------------------*/
/*-- Bootstrap 5 |  XX-Large | >= 992px Screen Width <= 1200 --*/
/*----------------------------------------------------------*/
@media (max-width: 1399.98px) {

}