body {
    min-height: 75rem;
    padding-top: 4.5rem;
}

.anchor, h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
    scroll-margin-top: 4.5rem;
}

.avatar-16 { width: 16px; height: 16px; }
.avatar-20 { width: 20px; height: 20px; }
.avatar-24 { width: 24px; height: 24px; }
.avatar-28 { width: 28px; height: 28px; }
.avatar-32 { width: 32px; height: 32px; }
.avatar-36 { width: 36px; height: 36px; }
.avatar-40 { width: 40px; height: 40px; }
.avatar-48 { width: 48px; height: 48px; }
.avatar-56 { width: 56px; height: 56px; }
.avatar-64 { width: 64px; height: 64px; }
.avatar-200 { width: 200px; height: 200px; }

.avatar-initials {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    font-weight: 700;
}

.avatar-initials-size-16 { font-size: 70%; }
.avatar-initials-size-20 { font-size: 80%; }
.avatar-initials-size-24 { font-size: 90%; }
.avatar-initials-size-28 { font-size: 100%; }
.avatar-initials-size-32 { font-size: 110%; }
.avatar-initials-size-36 { font-size: 120%; }
.avatar-initials-size-40 { font-size: 130%; }
.avatar-initials-size-48 { font-size: 160%; }
.avatar-initials-size-56 { font-size: 200%; }
.avatar-initials-size-64 { font-size: 220%; }
.avatar-initials-size-200 { font-size: 300%; }

.sidebar {width: 100%}

@media (min-width: 576px) {
    .sidebar-sm {
        width: 300px;
    }
}

@media (min-width: 768px) {
    .sidebar-md {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .sidebar-lg {
        width: 300px;
    }
}

@media (min-width: 1200px) {
    .sidebar-xl {
        width: 300px;
    }
}

@media (min-width: 1400px) {
    .sidebar-xxl {
        width: 300px;
    }
}

.sticky-top, .sticky-sm-top, .sticky-md-top, .sticky-lg-top, .sticky-xl-top, .sticky-xxl-top {
    top: 72px;
}

/* Code Mirror */
.CodeMirror-linenumbers {
  min-width: 44px !important;
  width: 44px !important; }

.CodeMirror-sizer {
  margin-left: 44px !important; }

.CodeMirror {
  height: auto; }

.CodeMirror-fullscreen {
  z-index: 5000 !important; }

.markdown_editor > .CodeMirror > .CodeMirror-scroll > .CodeMirror-sizer {
  margin-left: 0 !important; }

/* Chat Editor Style */
#id_message_markdown_tab_markdown > .markdown_editor > .CodeMirror-wrap {
    height: 100px;
}

#id_message_markdown_tab_preview {
    height: 102px;
}

#messages {
    margin-bottom: 200px;
}

/* Shared Code */
#id_content_codemirror_widget > .codemirror_editor > .CodeMirror {
    height: 70vh;
}

/* Select autocomplete */
.select2-container {
  width: 100%!important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    padding: 4px 0 4px 8px!important;
    border: 1px solid #ced4da!important;
}

.select2-container--default .select2-selection--single {
    min-height: 39px;
}

.select2-container--default .select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-container--below.answer-success {
    border: 1px solid #ced4da;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ddd!important;
    padding: 4px 8px!important;
    border: none!important;
    border-radius: 0!important;
}

.select2-dropdown {
    border-radius: 0!important;
    border: 1px solid #ced4da;
}

.select2-search__field:focus-visible {
    outline: none !important;
}

.select2-selection.select2-selection--single.form-select{
    background-image: none!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px!important;
    right: 10px!important;
}

.select2-selection__clear {
    margin-right: 15px;
}

.card, .list-group, .list-group-item {
    border: none;
    border-radius: 0;
}

.card-header:first-child, .card-footer:last-child {
    border-radius: 0;
}

.card-header, .card-footer {
    background-color: white;
}

pre {
    background-color: #f8f9fa;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}

.tabbar .nav-item {
    background-color: white;
}

.tabbar {
    display: inline-flex;
    gap: 1rem;
}

.captcha {
    margin: 1rem;
}