:root {
  --bs-body-font-size: 0.9rem;
}

a {
  text-decoration: none;
}

select option:empty {
  display: none;
}

#fixed_btn {
  position: fixed;
  right: 10px;
  bottom: 10px;
}

body .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

input[name="searchLabel"] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-control, .form-select, .cm-editor {
  background-color: #00265457;
  color: #fff;
  font-size: var(--bs-body-font-size);
}

.large_height .cm-editor {
  min-height: 300px;
}

.input-group-text {
  font-size: var(--bs-body-font-size);
}

.form-control:focus {
  color: #fff;
  background-color: #00265457;
  border-color: #9bb1fa;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(55, 99, 244, 0.25);
}

#reddit_bg {
  top: 0;
  left: 0;
  width: 100%;
  /*height: calc(100vh + 70px);*/
  height: calc(100vh + 50px);
  z-index: -1;
  overflow-x: hidden;
}

#reddit_bg .fade_bg {
  /*background-color: rgba(0,0,0,0.59);*/
  display: block;
  width: 100%;
  /*height: 100%;*/
  z-index: 1;
}

#reddit_bg .bg_image {
  z-index: -1;
  object-fit: contain;
  height: 100%;
  max-height: 100vh;
  /*top: 0;*/
  /*left: 0;*/
}

.card, .tab-content {
  background-color: rgba(6, 6, 6, 0.91);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #26547c;
  --bs-btn-border-color: #3763f4;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2f54cf;
  --bs-btn-hover-border-color: #2c4fc3;
  --bs-btn-focus-shadow-rgb: 85, 122, 246;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2c4fc3;
  --bs-btn-active-border-color: #294ab7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3763f4;
  --bs-btn-disabled-border-color: #3763f4;
}

.text-bg-primary {
  color: #fff !important;
  background-color: var(--bs-primary) !important;
}

a {
  color: #3f8ccf;
}

p {
  color: #bfbfbf;
}

.badge {
  opacity: 0.8;
}

.form-control::placeholder {
  color: white;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: white;
}

.form-control::-ms-input-placeholder {
  color: white;
}

.inactive span {
  opacity: 0.4;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 0;
  /*--bs-nav-tabs-border-color: #dee2e6;*/
  /*--bs-nav-tabs-border-radius: 0.375rem;*/
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #ffffff;
  --bs-nav-tabs-link-active-bg: #161516;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

a:hover {
  color: var(--bs-link-hover-color);
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: white;
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
  background: rgba(22, 21, 22, 0.7);
  color: white;
}

.breadcrumb-item a {
  color: white;
}

.small_text .btn {
  font-size: 12px;
}

.btn-secondary:hover, .btn-secondary:active {
  background: transparent !important;
}

.btn-secondary {
  background: transparent;
  border: none;
}

.breadcrumb {
  font-size: 12px;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: white;
}

.breadcrumb-item {
  background: var(--bs-border-color-translucent);
}

.list-group {
  --bs-list-group-color: black;
}

.w100m40 {
  width: calc(100% - 40px);
}

[data-variant-show] {
  display: none;
}

[data-comp="home-page"] [data-variant-show="home-page"] {
  display: inline-block;
}

[data-comp="edit-note-page"] [data-variant-show="edit-note-page"] {
  display: inline-block;
}

input[name="searchLabel"] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#note_text.large {
  height: 515px;
}

body:fullscreen #stage > .container {
  height: calc(100vh - 104px);
  overflow: auto;
}

body:fullscreen #stage > .container::-webkit-scrollbar {
  display: none;
}

.one_line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 10px);
  position: absolute;
  top: 2px;
}

.ͼ2 .cm-gutters {
  background-color: rgba(0, 0, 0, 0.125);
  color: white;
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}

.ͼ2 .cm-activeLineGutter {
  background-color: rgba(255, 255, 255, 0.15);
}

#bg_div {
  background: url("../../assets/img/stacked-peaks-haikei_3.svg") top left / cover;
  width: 100%;
  height: 100%;
  filter: brightness(90%) grayscale(0%) hue-rotate(33deg);
  position: absolute;
  top: 0;
  z-index: -1;
}

html {
  color: var(--bs-white);
  --bs-danger: #950c1a;
  --bs-danger-rgb: 149, 12, 26;
}

body {
  --bs-body-color: var(--bs-white);
  --bs-primary: #26547c;
  --bs-primary-rgb: 38, 84, 124;
}

#background_div {
  background: url("../../assets/img/stacked-peaks-haikei_3.svg") top left / cover repeat-y, #a6bf4a;
  width: 100%;
  height: 100%;
  filter: brightness(90%) grayscale(0%) hue-rotate(33deg);
  position: fixed;
  top: 0;
  z-index: -1;
}

@media (min-width: 992px) {
  .kanban note-list-panel, .kanban [data-comp="note-list-panel"] {
    display: inline-flex;
    width: 340px;
    margin-right: 10px;
  }
}

@media (min-width: 992px) {
  .responsive_block {
    width: max-content;
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .responsive {
    overflow-y: scroll;
  }
}

xmp {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  /*color: var(--bs-body-color);*/
  /*text-align: var(--bs-body-text-align);*/
  /*background-color: var(--bs-body-bg);*/
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

.mh-20 {
  min-height: 20px;
}

.daily_note .card {
  overflow: hidden;
  background: #01348978;
}

.daily_note note-list-panel:first-child .card {
  background: #6a00ff57;
}

.daily_note .card::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: -15px;
  width: 30px;
  height: 30px;
  background: #e30807;
  rotate: 45deg;
}

.action_btm {
  min-width: 38px;
}

.dropdown-item {
  color: #161516 !important;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.just_a_note_bg {
  background: rgb(0 84 43 / 34%);
  left: -10px;
  position: relative;
  padding-left: 15px;
  width: calc(100% + 20px);
  padding-right: 10px;
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}