/* bootstrap 5.3 todavía no adapta los botones */
[data-bs-theme=dark] .btn {
  /*noinspection CssUnresolvedCustomProperty*/
  color: var(--bs-body-color);
}

[data-bs-theme=dark] footer.footer {
  background-color: #1a1a1a;
}
#loginContainer {
    height: 95vh ;
}

footer.footer {
    background-color: #d6d6d6;
    font-size: 0.7rem;
}
.loading-indicator .loading-indicator--gif {
  max-width: 3rem;
}
.loading-indicator .loading-indicator--message {

}
nav#mainNavbar .navbar-brand {
  max-height: 50px;
}

/* adds divider line between .nav-item elements in #navbarNav */
nav#mainNavbar .navbar-nav .nav-item {
  border-right: 1px solid #e3e3e3;
}
[data-bs-theme=dark] nav#mainNavbar .navbar-nav .nav-item {
  border-right: 1px solid #525252;
}

/* until -lg- breakpoint */
@media (max-width: 991px) {
  nav#mainNavbar .navbar-nav .nav-item,
  [data-bs-theme=dark] nav#mainNavbar .navbar-nav .nav-item {
    border-right: none;
  }
}

nav#mainNavbar .navbar-nav .nav-item:last-child {
  border-right: none;
}

#breadcrumbs {
  top: 65px;
}
.notionPage img {
  max-width: 100%;
}

.notionPage img.notion-icon {
  max-width: 1.4rem;
}
h1 img.notion-icon {
  max-width: 3rem;
}

#notion-page-cover {
  grid-area: 1 / 1 / auto / auto;
  width: 100%;
  height: 100%;
}
#notion-page-cover img {
  object-fit: cover;
  width: 100%;
  height: 30vh;
  object-position: center 100%;
}

/* Style the nested lists */
[data-controller=table-of-contents] ul {
  list-style: none;
}

/* Light color scheme */
.notion-color-gray {
  color: #4e4e4e;
}
.notion-color-gray_background {
  background-color: #f2f2f2;
}
.notion-color-brown {
  color: #704214;
}
.notion-color-brown_background {
  background-color: #f6e8d1;
}
.notion-color-orange {
  color: #d34d00;
}
.notion-color-orange_background {
  background-color: #fff5e6;
}
.notion-color-yellow {
  color: #d6a800;
}
.notion-color-yellow_background {
  background-color: #fff0b3;
}
.notion-color-green {
  color: #007a5a;
}
.notion-color-green_background {
  background-color: #d9f7e8;
}
.notion-color-blue {
  color: #1a73e8;
}
.notion-color-blue_background {
  background-color: #dce1f1;
}
.notion-color-purple {
  color: #6b3fa0;
}
.notion-color-purple_background {
  background-color: #f1e8ff;
}

/* Dark color scheme */
[data-bs-theme=dark] .notion-color-gray {
  color: #cfcfcf;
}
[data-bs-theme=dark] .notion-color-gray_background {
  background-color: #242424;
}
[data-bs-theme=dark] .notion-color-brown {
  color: #bcaaa4;
}
[data-bs-theme=dark] .notion-color-brown_background {
  background-color: #3e2723;
}
[data-bs-theme=dark] .notion-color-orange {
  color: #ff8a65;
}
[data-bs-theme=dark] .notion-color-orange_background {
  background-color: #4e342e;
}
[data-bs-theme=dark] .notion-color-yellow {
  color: #ffd54f;
}
[data-bs-theme=dark] .notion-color-yellow_background {
  background-color: #5d4037;
}
[data-bs-theme=dark] .notion-color-green {
  color: #81c784;
}
[data-bs-theme=dark] .notion-color-green_background {
  background-color: #263238;
}
[data-bs-theme=dark] .notion-color-blue {
  color: #64b5f6;
}
[data-bs-theme=dark] .notion-color-blue_background {
  background-color: #0d47a1;
}
[data-bs-theme=dark] .notion-color-purple {
  color: #ba68c8;
}
[data-bs-theme=dark] .notion-color-purple_background {
  background-color: #311b92;
}

.notion-unrecognized-object {
    background-color: red
}
.notion-db-index {

}
.search-result[data-current-focus="true"] {
  border-width: 2px;
  border-left-width: 5px;
}
.brandLogo {
  background-image: url(/assets/derose-black-transparent-76399acd4239f95cbc825ff923b6f18c104427e9ee99f68cf852833a48e034a7.png);
  background-repeat: no-repeat;
  height: 100px;
}
[bs-theme=dark] .brandLogo {
  background-image: url(/assets/derose-white-transparent-1fd714801f3a37cce352fcbf24bb02c33e5223c247f728202263217458b6f40e.png);
}
.turbo-progress-bar {
  height: 12px;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
