::-webkit-scrollbar {
   display: none;
}
nav {
   z-index: 10;
}
main {
   margin-top: 56px;
}
a,
.btn-link {
   text-decoration: none !important;
}
textarea {
   resize: none;
}
thead {
   border-style: hidden;
}
img {
  pointer-events: none;
}
.table > :not(:first-child) {
   border-style: hidden;
}
.page {
   display: none;
}
.admin {
   display: none;
}
@media (min-width:768px) {
   .navbar-nav.mx-auto .nav-item {
      min-width: 5rem;
      text-align: center;
   }
}
.scrollarea {
   overflow-y: auto
}
.dropdown-menu {
   max-height: 15rem;
   overflow: auto;
}
.table .button-column {
   width: 1rem;
}
.table .btn {
   padding-top: 0;
   padding-bottom: 0;
}
.bi {
   margin-top: -3px;
}
.ck-editor__editable {
   min-height: 360px;
}
.sidebar {
   display: flex;
   flex-wrap: nowrap;
   height: calc(100dvh - 56px);
   overflow-x: auto;
   overflow-y: hidden;
}
.sidebar .search input {
   background-color: transparent;
   border-color: transparent;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   font-size: 1.15rem;
}
.sidebar .nav-item .active {
   border-radius: 0;
}
.search button {
   border: none;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}
#loading {
   position: absolute;
   top: 25%;
   left: 50%;
   width: 3rem;
   height: 3rem;
   margin-top: -1.5rem;
   margin-left: -1.5rem;
   border-radius: 50%;
   z-index: 2000;
}
#home-page {
   background: url('/images/background.jpg') center center no-repeat fixed;
   background-size: cover;
   min-height: calc(100svh - 56px)
}
#person-page,
#tree-main {
   height: calc(100dvh - 56px);
   overflow: scroll
}
#person-main,
#tree-main {
   display: none
}
#person-img,
#person-name {
   height: 6rem;
}
#actions-dropdown {
   margin-top: -1.5rem
}
#nav-dates .card,
#nav-family .card,
#nav-files .card,
#nav-notes .card {
   min-height: rem;
}
#tree-menu {
   z-index: 10;
}
#tree {
   display: grid;
   cursor: move;
   cursor: grab;
}
#tree:active {
    cursor: grabbing;
}
#tree .row {
   flex-wrap: nowrap;
}
#tree .card-group {
   display: flex;
   flex-wrap: nowrap;
   max-width: 14rem;
   margin-top: 2.5em;
   margin-bottom: 2.5em;
}
#tree .card-group > .card {
   width: 7rem;
}
#tree .card-img-top {
   height: 6rem;
}
#tree .card-title {
   font-size: 0.75em;
}
#tree .card-body {
   padding: 0.5rem;
}
#tree #svg-lines {
   position: absolute;
   top: 0;
   left: 0;
   pointer-events: none;
   overflow: visible;
}
#tree-collapse {
   display: none;
}
#contact-body,
#file-description,
#post-description,
#reference-link-description,
#reference-file-description {
   height: 200px;
}
#login-form .form-floating:focus-within {
  z-index: 2;
}
#login-form input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#login-form input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#user-search-btn {
   border-color: #ced4da;
   width: 2.5rem;
}