/* General */
:root {
  --bs-body-font-size: 0.8rem; 
  --small-font-size: 0.7rem;
  --color-white: #FFFFFF;
  --color-lightgray: #d7d7d7;
  --color-gray: #55595c;
  --color-darkgray: #343a40;
  --color-black: #000000;
  --color-red: #d9534f;
}

strong {
  font-weight: 900;
}

h2 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 1rem;
}

.small-text {
  font-size: var(--small-font-size);
}


/* Abstract */

.abstract-img {
  max-width: 50%; 
}



/* Navbar */
.navbar .navbar-brand {
  color: var(--color-white) !important;
}

.navbar .nav-link.active {
  color: var(--color-white) !important;   
}

.navbar .nav-link:hover {
  color: var(--color-lightgray) !important;
}

/* Navigation Tabs + Sidebar */

.nav-tabs .nav-link:hover {
  color: var(--color-lightgray);
}

.nav-tabs .nav-link {
  color: var(--color-white);  
}

.nav-tabs .nav-link.active {
  color: var(--color-black) !important;  
}

.bslib-card .bslib-navs-card-title {
  padding-bottom: .25rem !important;
  padding-top: .25rem !important;
}

.bslib-sidebar-layout.sidebar-collapsed > .main {
  padding-left: 0rem;
  padding-right: 0.5rem;
}

.bslib-sidebar-layout { 
  --_sidebar-bg: #FFFFFF;
}


/* Cards */

.card-header {
  background-color: var(--color-darkgray) !important;
  color: var(--color-white) !important;
  font-size: 1rem !important;
  padding: 0.5rem !important;
}

.card-body {
  font-size: var(--bs-body-font-size);
}

.card-body-dataset {
  padding-top: .75rem;
  padding-bottom: .25rem;
}


/* Select & Selectize input */
.selectize-input { 
  font-size: var(--small-font-size) !important; 
  padding: 0.5rem 1.5rem !important;
} 

.selectize-input input { 
  font-size: var(--bs-body-font-size) !important;
} 

.selectize-dropdown { 
  font-size: var(--small-font-size) !important; 
}

label {
  font-weight: 800;
}

.select-input { 
  font-size: var(--small-font-size) !important; 
  padding: 0.5rem 1.5rem !important;
} 

.select-dropdown { 
  font-size: var(--small-font-size) !important; 
}

.select-label {
  font-size: var(--bs-body-font-size) !important; 
  font-weight: 800;
}


/* Buttons */
.btn-grey {
  background-color: var(--color-gray);
  color: var(--color-white)
}

.btn {
  font-size: var(--bs-body-font-size);
  text-transform: none;
  --bs-btn-color: var(--color-white) !important;
  --bs-btn-hover-bg: var(--color-lightgray) !important;
  --bs-btn-hover-color: var(--color-darkgray) !important;
  --bs-btn-disabled-bg: var(--color-lightgray) !important;
  --bs-btn-padding-y: 0.5rem;
}


/* Data browser table */
.table th, .table td {
	padding: 0.5rem; 
}

.pagination {
  --bs-pagination-font-size: var(--bs-body-font-size) !important;
}


/* Standard border-left */
.custom-border-left {
  border-left: 1px solid var(--color-lightgray)
}

.custom-border-right {
  border-right: 1px solid var(--color-lightgray);
}

/* No border for screens smaller than 'sm' (576px) */
@media (max-width: 768.0px) {
  .custom-border-left {
    border-left: none;
  }

  .custom-border-right {
      border-right: none;
  }
}


/* Tooltips */
.tooltip .tooltip-inner {
  max-width: 350px;
  text-align: left
}

.pca-tooltip {
  display: inline-block;
  text-align: right;
  float: right;
}


/* Error and warning messages */
.actionlink-error {
  color: var(--color-red);
}

.req-warning-message {
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x) 0
}