@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

.btn-primary {
  --bs-btn-bg: #fc5404;
  --bs-btn-border-color: #fc5404;
  --bs-btn-disabled-bg: #fc5404;
  --bs-btn-disabled-border-color: #fc5404;
  --bs-btn-hover-bg: #fc5404;
  --bs-btn-hover-border-color: #fc5404;
  --bs-btn-active-bg: #fc5404;
  --bs-btn-active-border-color: #fc5404;
}

.btn-outline-primary, .node-preview-container .node-preview-backlink {
  --bs-btn-color: #fc5404;
  --bs-btn-border-color: #fc5404;
  --bs-btn-hover-bg: #fc5404;
  --bs-btn-hover-border-color: #fc5404;
  --bs-btn-active-bg: #fc5404;
  --bs-btn-active-border-color: #fc5404;
  --bs-btn-disabled-color: #fc5404;
  --bs-btn-disabled-border-color: #fc5404;
}

body {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  background-color: #eeeeee;
}

a,
button.link {
  color: #307ef3;
  ;
  text-decoration: underline;
}

h1 {
  font-size: 1.4em;
}

h2 {
  font-size: 1.2em;
}

h3 {
  font-size: 1.1em;
}

/* Header  */

header {
  background-color: #262626;
  color: white;
  height: 75px;
}

.navbar-brand a.site-title,
.navbar-brand a.site-title:hover,
header .nav-link,
header .nav-link:hover {
  color: white;
  font-size: 0.9em;
}
header a,
header a:hover {
  font-size: 0.9em;
}

.navbar-brand a.site-title {
  font-size: 0.9em;
}

/* Main navbar */

#main-navbar {
  background-color: white;
  border-bottom: 1px solid #ececec;
}

#main-navbar .nav-item {
  font-weight: 600;
}

/* breadcrumbs */

.breadcrumb {
  padding: 11px 0px 0px 10px;
}

.breadcrumb .breadcrumb-item a {
  font-size: 0.75em;
  color: #6a6a6a;
}

.dropdown-menu {
  font-size: 1em;
  ;
  border-radius: none;
}



main {
  /* background-color: #fafafa; */
  padding-bottom: 30px;
}

#block-systematic-content .form-login-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  @media (max-width: 1100px) {
    display: block;
    justify-content: left;
  }
}

/* node edit */

.node-form {
  margin: unset;
  background-color: white;
  padding: 2px 22px;
}

.form-item,
.form-actions {
  margin-top: unset;
}

.form-item .description {
  color: #919191;
}

/* Tables  */

table {
  border: 1px solid #c8c8c8;
  font-size: 0.9em;
  width: 100%;
}

label {
  color: #373e4a;
  font-weight: bold;
  margin-bottom: 4px;
  font-size: 0.9em;
}

.link.link-edit-summary,
#edit-body-0-format-help-about {
  font-size: 0.8em;
}

a.tabledrag-handle .handle {
  display: unset;
}

.table> :not(caption)>*>* {
  padding: 0.3rem 0.3rem;
  vertical-align: middle;
}

.table-striped>tbody>tr:nth-of-type(2n)>* {
  --bs-table-color-type: unset;
  --bs-table-bg-type: unset;
}

.table-striped>tbody>tr:nth-of-type(2n-1)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

/* Apply the stripe to the first, third, fifth, etc. rows */
.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

/* Override Bootstrap’s default striping to ensure consistency */
.table-striped>tbody>tr.odd>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

/* Ensure even rows do not get the stripe */
.table-striped>tbody>tr.even>* {
  --bs-table-color-type: inherit;
  --bs-table-bg-type: inherit;
}

/* Forms */

.node-confirm-form {
  color: #cc3f44;
  padding-top: 30px;
}

.node-confirm-form input[type="submit"] {
  border: 1px solid #cc3f44;
  background-color: #cc3f44;
  color: white;
}

/* Buttons and badges */

a.button,
.form-submit {
  font-size: 0.96em;
  /* background-color: #0d6efd;
    border: #666;
    color: white; */
}

a.badge {
  text-decoration: none;
}

.btn-primary {
  color: white;
}

.alert-info .btn-primary {
  background-color: #01A1B9;
  border-color: #01A1B9;
  color: white;
}

.btn-success {
  color: white;
  background-color: #53A653;
  border-color: #53A653;
}

.btn-success a {
  color: white;
}

.btn-warning, .alert-info a.btn-warning  {
  color: white;
  background-color: #FFAA05;
  border-color: #FFAA05;
}

.btn-warning a {
  color: white;
}

.btn-danger {
  color: white;
  background-color: #DC3545;
  border-color: #DC3545;
}

.btn-danger a {
  color: white;
}

.btn-info, a.btn-info {
  color: white;
  background-color: #01A1B9;
  border-color: #01A1B9;
}

.btn-info a, a.btn-info, a:hover.btn-info {
  color: white;
}

.btn-default {
  color: white;
  background-color: #307EF3;
  border-color: #307EF3;
}

.btn-default a {
  color: white;
}

.btn-dark {
  color: white;
  background-color: #2c323f;
  border-color: #2c323f;
}

.btn-dark a {
  color: white;
}

.btn-light {
  color: white;
  background-color: #2c323f;
  border-color: #2c323f;
}

.btn-light a {
  color: white;
}


/*
success green: #53A653
warning orange: #FFAA05
danger red: #842029
info blue: #01A1B9
dark: #2c323f

default blue: #0d6efd


*/

/* Alerts  */
.alert-success {
  color: #53A653;
  background-color: #D6EED4;
  border-color: #53A653;
  border-radius: 0px;
  font-size: 0.9em;
}

.alert-success a {
  color: #53A653;
}

.alert-warning {
  color: #FFAA05;
  background-color: #FFF0D2;
  border-color: #FFAA05;
  border-radius: 0px;
  font-size: 0.9em;
}

.alert-warning a {
  color: #FFAA05;
}

.alert-danger {
  color: #DC3545;
  background-color: #FEDDDB;
  border-color: #DC3545;
  border-radius: 0px;
  font-size: 0.9em;
}

.alert-danger a {
  color: #DC3545;
}

.alert-info {
  color: #01A1B9;
  background-color: #D5F5FE;
  border-color: #01A1B9;
  border-radius: 0px;
  font-size: 0.9em;
}

.alert-info a {
  color: #01A1B9;
}

.alert-default {
  color: #307EF3;
  background-color: #307EF333;
  border-color: #307EF3;
  border-radius: 0px;
  font-size: 0.9em;
}

.alert-default a {
  color: #307EF3;
}

.alert-dark {
  color: #2c323f;
  background-color: #EAEBF2;
  border-color: #2c323f;
  border-radius: 0px;
  font-size: 0.9em;
}

.alert-dark a {
  color: #2c323f;
}

.alert-light {
  color: #2c323f;
  background-color: #F9F9FB;
  border-color: #2c323f;
  border-radius: 0px;
  font-size: 0.9em;
}

.alert-light a {
  color: #2c323f;
}

/* Primary nav Tabs */

.tabs-primary {
  margin: 0;
}

.nav-tabs .nav-link {
  margin-right: 5px;
  background-color: #eee;
}

.nav-tabs a.nav-link {
  color: #333;
  border-radius: 0px;
}

/* Secondary tabs */

.tabs-wrapper.tabs-secondary {
  padding: 10px 10px 10px 10px;
  margin: none;
}

.tabs-wrapper.tabs-secondary .nav.nav-tabs {
  border: none;
}


.tabs-wrapper.tabs-secondary .nav-link.active.is-active {
  border: 1px solid #eee;
}

/* Vertical tabs */
.vertical-tabs__pane {
  border: none;
}

.vertical-tabs__menu-item {
  background-color: #f9f9f9;
}

/* regions */

.region.region-content {
  background-color: white;
  padding: 20px 30px;
}

.region.region-sidebar-first {
  margin-right: 10px;
}

.region.region-sidebar-second {
  margin-left: 10px;
}

.region.region-sidebar-first .block,
.region.region-sidebar-second .block {
  background-color: white;
  padding: 10px;
}

/* Blocks */

.block>h2 {
  font-size: 1.1em;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin-bottom: 11px;
  padding-bottom: 9px;

}

/* Default Content layout and Background*/
article,
.user-admin-settings,
#auto-username-settings,
#field-overview,
#entity-form-display-edit-form,
#entity-view-display-edit-form {
  background-color: white;
  padding: 14px;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  font-size: 0.9em;
}

#block-systematic-page-title {
  padding-bottom: 6px;
  border-bottom: 1px solid #eee;
  margin-bottom: 23px;
}

#block-systematic-help {
  padding: 10px 0px 0px 10px;
  font-size: 0.9em;
  color: #5b5b5b;
}

#field-display-overview {
  width: 100%;
}

.filter-guidelines-item {
  font-size: 0.75em;
  color: #919191;
}

/* Views */

.view {
  background-color: white;
  padding: 0;
}

.view-filters {
  background-color: #fdf2e1;
  margin-bottom: 28px;
  padding: 10px;
}

.view-filters legend {
  margin-bottom: 0;
  font-size: inherit;
}

.views-exposed-form>.form--inline {
  display: inline-flex;
  font-size: 0.9em;
  flex-wrap: wrap;
}

.views-exposed-form>.form--inline .form-actions {
  padding: 21px;
}

.views-field-node-bulk-form {
  width: 10px;
}

.layout__region--content>.views-element-container {
  padding: 3px 0 20px;
}
.layout .layout__region {
  padding: 0 0 0 1em;
}
.layout--onecol .layout__region {
  padding-left: 0;
}
.layout .layout__region--first {
  padding-left: 0;
}

.views-view-responsive-grid__item {
  padding: 5px;
  border: 1px solid #dbdbdb;
}

.views-admin a {
  color: unset;
  text-decoration: none;
}

@media (max-width: 575.98px) {
  .views-exposed-form>.form--inline {
    display: block;
  }
  .views-exposed-form>.form--inline .form-actions {
    padding: 0;
  }
  .views-exposed-form>.form--inline .form-item, .form-control {
    max-width: 100%;
  }
  .block-wsb-og-logo-block {
    max-width: 110px;
  }
  header .region-nav-branding .block-wsb-og-logo-block img {
    height: auto;
  }
}

/* Node details */

/* details>.details-wrapper {
    border: none;
} */

/* .card,
.media-library-selection .media-library-item.media-library-item--grid,
.view-media-library .media-library-views-form .media-library-item--grid .views-field-rendered-entity {
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-color: none;
} */

/* Div heights */

.dh-25 {
  height: 25px
}

.dh-50 {
  height: 50px
}

.dh-65 {
  height: 65px
}

.dh-75 {
  height: 75px
}

.knowledge-level-badge {
  float: left;
  margin-right: 10px;
  white-space: nowrap;
}

/* Target the specific view's grid items */
/* .view-front-page-card-view .views-view-responsive-grid__item {
    background: rgb(175, 173, 173);
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.2s ease-in-out;
  } */

/* Hover effect for cards */
.view-front-page-card-view .views-view-responsive-grid__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.page-link {
  color: inherit;
  font-size: 0.9em;
}

.page-link.active, .media-library-view--widget .view-header a.page-link.is-active, .active > .page-link {
  background-color: #fc5404;
  border-color: #fc5404;
}

.marg-left-10 {
  margin-left: 10px !important;
}


.marg-left-20 {
  margin-left: 20px !important;
}

.marg-left-30 {
  margin-left: 30px !important;
}

.pad-right-0 {
  padding-right: 0px !important;
}

.pad-left-0 {
  padding-left: 0px !important;
}

table.field-ui-overview thead tr,
table.field-ui-overview tbody tr {
  border-bottom: 1px solid #ececec;
}

table.field-ui-overview thead th,
table.field-ui-overview tbody td {
  padding: 0.3rem 0.3rem;
}

table.field-ui-overview thead th {
  background-color: #f9f9f9;
}

.site-logo img, #block-systematic-account-menu img {
  max-height: 32px;
  margin-right: 10px;
}

#block-systematic-account-menu,
#block-systematic-currentuserandoginfo {
  padding-right: 40px;
}

.region.region-nav-secondary {
  display: contents;
  font-size: 1.2em;
}
.views-element-container .view-header {
  margin: 1em 0;
}
.views-element-container .view-header .area-monthly-report-wrapper {
  clear: both;
  padding: 17px 15px 10px;
  background-color: #fdf2e1;
}
.views-element-container .view-header .area-monthly-report-wrapper .list-group-item {
  background: none;
  padding: 2px 4px;
  text-align: center;
  margin-left: 0;
  font-size: 0.9em;
}
.views-element-container .view-header .area-monthly-report-wrapper .list-group-item.active {
  background-color: #fc5404;
}
.views-element-container .view-header .area-monthly-report-wrapper .list-group-item a {
  margin-right: 0;
  color: inherit;
}
.views-element-container .view-header .area-monthly-report-wrapper .list-group-item.active a {
  color: white;
}
.views-element-container .view-header a {
  margin-right: 20px;
}
.views-element-container .view-header a.no-margin {
  margin: 0;
}
.views-element-container  .view-content table th,
.field-group-multiple-table table thead th {
  background-color: #e9e8e8;
}

.field-group-multiple-table {
  position: relative;
  max-width: 100%;
}

.field-group-multiple-table table thead th,
.field-group-multiple-table table tbody td {
  padding: 0.3rem 0.3rem;
}

.field-group-multiple-table table thead tr,
.field-group-multiple-table table tbody tr {
  border-bottom: 1px solid #ececec;
}

.form-textarea-wrapper textarea {
  min-width: 100px;
}
header .region-nav-branding img {
  height: 42px;
}
.bg-light {
  color: inherit;
}

.electronic-document {
  width: 650px;
  margin: auto;
  color: black;
  font-size: 12px;
  font-family: 'Inter', sans-serif;
  max-width: 100%;
}

.electronic-document table {
  border: 1px solid black;
  width: 100%;
}
.electronic-document td {
  border-width: 1px;
}
.electronic-document h2 {
  font-size: 16px;
}
.electronic-document h1, .electronic-document h2, .electronic-document h3, .electronic-document h4, .electronic-document h5, .electronic-document h6 {
  margin: 0px 0px 15px 0px;
  font-weight: bold;
  color: #303e67;
}
article.node .paragraphs-table-add-btn-wrapper {
  display: none;
}
.chosen-container {
  display: block !important;
  padding: 1px 40px 1px 0;
  border-color: #dee2e6;
  min-width: 186px;
}
.chosen-container-multi .chosen-choices {
  border: none;
}
.chosen-container.chosen-container-single {
  font-size: 1em;
}
.chosen-container.chosen-container-single .chosen-single {
  border: none;
}
.button-dropdown {
  position: relative;
}