/* ==========================================================================
   AIMS CMS - Global Layout Overrides (aimsglobal.css)
   --------------------------------------------------------------------------
   This file handles layout, sizing, and structural overrides for the
   Wagtail admin. All color/theme declarations are managed by admin-theme.css
   via CSS custom properties. Do NOT add hardcoded brand colors here.
   ========================================================================== */


/* ==========================================================================
   1. HEADER
   ========================================================================== */

.w-header {
    margin-bottom: 0rem;
}

@media screen and (min-width: 50em) {
    .w-header .row {
        padding-inline-end: 80px;
        padding-inline-start: 80px;
        padding-top: 0.5rem;
    }
}

.w-header h1 {
    color: #f8fafc;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    position: relative;
}

.w-header.w-header--merged {
    margin-top: 22px;
}

.w-header .last-updated ul {
    padding: 0;
    float: right;
    margin-top: -3em;
}


/* ==========================================================================
   2. LISTINGS & TABLES
   ========================================================================== */

.listing {
    font-size: 11px;
}

.listing .actions {
    margin-top: 0em;
    padding-left: 10px;
}

.listing .title .title-wrapper,
.listing .title h2 {
    color: var(--w-color-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    margin: 4px;
}

.listing td,
.listing th {
    padding: 0.5em 1em;
}

.listing .title {
    word-break: normal;
}

.listing ul.actions {
    display: flex;
    padding-left: 0px;
    position: relative;
    left: -5rem;
}

.listing.full-width {
    margin-bottom: 0em;
}

@media screen and (min-width: 50em) {
    .listing.images > li .image {
        height: 100px;
    }
}

td.field-lastupdate.title.nowrap {
    font-size: 11px;
}

td.field-office.title.nowrap {
    display: block;
}

.field-country_name.title ul.actions {
    display: block;
    margin-right: -70px;
}

@media screen and (min-width: 50em) {
    .modeladmin .result-list.col12 {
        overflow-x: auto;
        overflow-y: hidden;
    }
}


/* ==========================================================================
   3. PANELS
   ========================================================================== */

.w-panel {
    display: flex;
    align-items: flex-start;
    font-size: 13px;
    padding: 6px 30px 6px 55px;
    border-bottom: 1px solid #eee;
}

.w-panel__header {
    margin-bottom: 0;
    width: 200px;
    min-width: 200px;
    flex-shrink: 0;
    padding-top: 4px;
    padding-right: 10px;
}

.w-panel__heading {
    width: auto;
}

.w-panel__heading--label {
    pointer-events: none;
    white-space: nowrap;
}

.w-panel__heading label {
    cursor: context-menu;
}

.w-panel__content {
    flex: 1;
    min-width: 0;
}

@media screen and (min-width: 50em) {
    .w-panel__controls {
        margin: -1rem 2rem;
    }
}

svg.icon.icon-dots-horizontal.w-panel__icon {
    display: none;
}

button.w-panel__toggle {
    display: none;
}

a.w-panel__anchor.w-panel__anchor--prefix {
    display: none;
}

.w-panel--nested .w-panel__content {
    margin-bottom: -0.5rem;
}

.w-panel-upgrade.panel {
    max-width: fit-content;
    margin: 0 auto;
}

h2#panel-content-heading {
    margin-bottom: 171%;
}


/* ==========================================================================
   4. FORM FIELDS & INPUTS
   ========================================================================== */

.w-field__wrapper {
    margin-bottom: 0.25rem;
    max-width: 840px;
}

.w-field__input {
    margin-top: 0.325rem;
}

.w-field__icon {
    color: var(--w-color-primary);
    height: 1rem;
    inset-inline-start: 8.8125rem;
    pointer-events: none;
    position: absolute;
    top: 0.6125rem;
    width: 1rem;
}

input[type=date],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    -moz-appearance: none;
    appearance: none;
    background-color: var(--w-color-white);
    border: 1px solid var(--w-color-grey-150);
    border-radius: 0rem;
    color: var(--w-color-grey-600);
    font-size: 12px;
    font-weight: 400;
    line-height: 0;
    min-height: 1.2rem;
    padding: 0.375rem 0.75rem;
    width: 100%;
}

select {
    -moz-appearance: none;
    appearance: auto;
    background-color: var(--w-color-white);
    background-image: url(../images/icons/chevron-down.svg);
    background-position-x: calc(100% - 0.8125rem);
    background-position-y: 0.9rem;
    background-repeat: no-repeat;
    background-size: 14px;
    border: 1px solid var(--w-color-grey-150);
    border-radius: 0rem;
    color: var(--w-color-grey-600);
    font-size: 14px;
    font-weight: 400;
    line-height: 2.2;
    min-height: 1.625rem;
    padding: 0 0.25rem;
    padding-inline-end: 0.625rem;
}

.help {
    color: var(--w-color-grey-400);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 0.2rem;
}

.w-form-width {
    max-width: 1300px;
    border: none;
}

.w-field--date_time_field {
    margin-bottom: 10px;
    margin-top: 0px;
    position: relative;
}

.w-field.w-field--date_field.w-field--admin_date_input.w-field--commentable {
    margin: 2px;
}

.w-field.w-field--typed_choice_field.w-field--select.w-field--commentable {
    margin-left: 2px;
}

.w-field.w-field--model_choice_field.w-field--select.w-field--commentable {
    margin: 2px;
}

.w-field.w-field--char_field.w-field--text_input.w-field--commentable {
    margin: 2px;
}

.w-field.w-field--integer_field.w-field--number_input.w-field--commentable {
    margin: 2px;
    margin-top: 1.5rem;
}

.w-field.w-field--char_field.w-field--draftail_rich_text_area {
    width: 800px;
}

.w-required-mark {
    color: #19191a;
}

/* Wide input fields */
input#id_crumb,
input#id_title,
input#id_permalink,
input#id_page,
input#id_headline,
input#id_publish_date,
input#id_slug,
input#id_meta_desc {
    width: 80em;
}

textarea#id_teaser_text {
    width: 785px;
    padding: 15px 10px;
}


/* ==========================================================================
   5. LAYOUT CONTAINERS
   ========================================================================== */

@media screen and (min-width: 50em) {
    .nice-padding {
        padding-inline-end: 12px;
        padding-inline-start: 60px;
        margin-top: -10px;
        border: none;
        background: transparent;
        margin: 0px 15px;
    }
}

@media screen and (min-width: 50em) {
    .footer {
        bottom: 0;
        position: fixed;
        right: 30px;
        left: auto;
        width: auto;
        margin: 0;
        z-index: 100;
    }
}

.footer ul,
.footer ul li {
    font-style: normal;
    list-style-type: none;
    padding-bottom: 2px;
}


/* ==========================================================================
   6. SIDEBAR & NAVIGATION
   ========================================================================== */

body.ready .sidebar-menu-item {
    transition: border-color .15s ease;
    margin-bottom: 0px;
}

.sidebar-menu-item__link {
    font-size: 12px;
}

.sidebar-custom-branding {
    -webkit-font-smoothing: auto;
    align-items: center;
    display: block;
    margin: 1.5em auto;
    padding: 10px 60px;
    position: relative;
    text-align: center;
    transition: padding .15s ease;
}

.sidebar--slim .sidebar-custom-branding {
    padding: 15px 0px;
}


/* Hide the sidebar search form */
form.w-h-\[42px\].w-relative.w-box-border.w-flex.w-items-center.w-justify-start.w-flex-row.w-flex-shrink-0 {
    display: none;
}


/* ==========================================================================
   7. TINYMCE EDITOR
   ========================================================================== */

.mce-tinymce {
    margin-left: 150px;
}

.tox-tinymce {
    border-radius: 0px;
}

.tox .tox-listboxfield .tox-listbox--select,
.tox .tox-textarea,
.tox .tox-textfield,
.tox .tox-toolbar-textfield {
    line-height: 24px;
}


/* ==========================================================================
   8. WHATS NEW & SUMMARY
   ========================================================================== */

.w-whats-new__heading {
    color: var(--w-color-grey-600);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.w-whats-new__details {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
}

.w-whats-new__banner {
    align-items: center;
    background-color: var(--w-color-warning-50);
    border: 5px solid transparent;
    border-radius: 0.25rem;
    display: flex;
    padding: 0.5rem;
    position: relative;
}

.w-whats-new {
    max-width: fit-content;
    margin: 0 auto;
}

.w-summary .icon {
    font-size: 40px;
    height: 1em;
    margin-inline-end: 0.15em;
    width: 1em;
}

@media screen and (min-width: 50em) {
    .w-summary a {
        font-size: 16px;
    }
}

.w-summary .w-summary__list,
.w-summary .w-summary__list li {
    display: none;
}


/* ==========================================================================
   9. AVATAR & PROFILE
   ========================================================================== */

.avatar-panel__image {
    float: left;
    margin-bottom: 20px;
    width: 16%;
    margin-right: 35px;
}

section#tab-profile {
    background: #fafafa;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}


/* ==========================================================================
   10. BUTTON OVERRIDES (layout only, no brand colors)
   ========================================================================== */

.button.text-replace.button--icon {
    opacity: 1;
}

.-w-ml-0\.5 {
    margin-top: 10px;
}


/* ==========================================================================
   11. BULK ACTIONS
   ========================================================================== */

.bulk-actions-choices .footer__container {
    margin-inline-start: -9px;
}

.bulk-actions-choices .footer__container .bulk-actions-buttons {
    padding-inline-start: 0.5em;
}


/* ==========================================================================
   12. SEARCH (changelist)
   ========================================================================== */

#changelist-search {
    position: relative;
}

#id_q {
    padding: 0.575rem 0.75rem;
    width: 232px;
}

svg.icon.icon-search.w-field__icon {
    inset-inline-start: 12.5rem;
    cursor: pointer;
    z-index: 2;
    pointer-events: auto;
}


/* ==========================================================================
   13. PANEL-SPECIFIC WIDTH RULES
   ========================================================================== */

/* Standard-width content panels (850px) */
div#panel-officeName-content,
div#panel-office_direction-content,
div#panel-address-content,
div#panel-contact_information-content,
div#panel-website-content,
div#panel-images-content,
div#panel-tag-content,
div#panel-canonical-content {
    width: 850px;
}

/* Wide content panels (1030px) */
section#panel-teaserText-section {
    width: 1030px;
}

div#panel-image_link-content,
div#panel-image_link_alt-content,
div#panel-banner_link-content,
div#panel-banner_link_alt-content,
div#panel-sidebar_image-content,
div#panel-sidebar_image_alt-content,
div#panel-organiser-content,
div#panel-email-content,
div#panel-phone-content,
div#panel-venue-content,
div#panel-zoom_link-content,
div#panel-teaserText-content {
    width: 1030px;
}

/* Medium-width content panels (772px) */
div#panel-studentDbName-content,
div#panel-header_name-content,
div#panel-map_link-content,
div#panel-unilist_image-content,
div#panel-partner_image-content,
div#panel-link-content,
div#panel-link_txt-content {
    min-width: 772px;
}


/* ==========================================================================
   14. MULTISELECT / DROPDOWN WIDGET
   ========================================================================== */

/* Base multiselect container styles */
.multiselect-container .input-group {
    margin: 5px;
    width: 100%;
    padding-right: 1rem;
}

.multiselect-container > li {
    padding: 0;
}

.multiselect-container > li > a.multiselect-all label {
    font-weight: 700;
}

.multiselect-container > li.multiselect-group label {
    margin: 0;
    padding: 3px 20px;
    height: 100%;
    font-weight: 700;
}

.multiselect-container > li.multiselect-group-clickable label {
    cursor: pointer;
}

.multiselect-container > li > a {
    padding: 0;
}

.multiselect-container > li > a > label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 20px 3px 40px;
    color: #000;
    font-size: 13px;
}

.multiselect-container > li > a > label.radio,
.multiselect-container > li > a > label.checkbox {
    margin: 0;
    padding: 10px 6px;
    border-bottom: 1px solid #e5e5e5;
}

.multiselect-container > li > a > label > input[type=checkbox] {
    margin-bottom: 5px;
    background: transparent;
    display: block;
    width: 18px;
    height: 18px;
    padding: 0;
    margin-right: 10px;
    border: 1px solid #999999;
    text-align: center;
    margin-top: 5px;
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0;
}

button.btn.btn-default.multiselect-clear-filter {
    display: none;
}

/* Btn-group layout */
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group {
    min-width: 442px;
    max-width: 420px;
}

.btn-group > button.multiselect.dropdown-toggle.btn.btn-default {
    background-color: #fff;
    color: #333;
    padding: 10px 220px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    max-width: 100%;
    text-align: left;
    position: relative;
    height: 43px;
    border: 1px solid var(--w-color-grey-150);
    border-radius: 0.3125rem;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.btn-group > .multiselect-container {
    display: none;
}

.btn-group > ul.multiselect-container.dropdown-menu {
    width: 100%;
    overflow-y: auto;
    max-height: 250px;
    padding-left: 0;
    list-style: none;
    margin: 0;
    overflow-x: auto;
    z-index: 1;
}

.btn-group > .multiselect-container > .multiselect-item > .input-group > span.input-group-addon,
.btn-group > .multiselect-container > .multiselect-item > .input-group > span.input-group-btn {
    display: none;
}

.btn-group > .multiselect-container > .multiselect-item > .input-group > input.form-control.multiselect-search {
    border: 1px solid;
}

/* Btn base */
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    user-select: none;
}

.btn .caret {
    margin-left: 0;
    position: relative;
    left: 12rem;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

/* Caret */
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/* Dropdown menu */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 30px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.open > .dropdown-menu {
    display: block;
}

.btn-group.open .dropdown-toggle,
.date-input {
    box-shadow: none;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

#news_event_map .widget,
.btn-group.open .dropdown-toggle,
.date-input {
    box-shadow: none;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    float: left;
    margin-left: -20px;
}

/* Multiselect text positioning */
.multiselect-selected-text {
    position: relative;
    right: 13rem;
}

.bt-fair-1 .multiselect-selected-text,
.bt-fair-2 .multiselect-selected-text {
    position: relative;
    right: 14rem;
}

.bt-fair-3 .multiselect-selected-text {
    position: relative;
    right: 13rem;
}

/* Groups panel multiselect overrides */
div#panel-groups-content > .btn-group {
    min-width: 180px;
    max-width: 190px;
}

div#panel-groups-content > .btn-group > button.multiselect.dropdown-toggle.btn.btn-default {
    padding: 10px 89px;
}

div#panel-groups-content > .btn-group > button.multiselect.dropdown-toggle.btn.btn-default > .multiselect-selected-text {
    position: relative;
    right: 5rem;
}

div#panel-groups-content > .btn-group > button.multiselect.dropdown-toggle.btn.btn-default > .btn .caret {
    margin-left: 0;
    position: relative;
    left: 4rem;
}


/* ==========================================================================
   15. USER PERMISSIONS & GROUPS PANELS
   ========================================================================== */

section#panel-user_permissions-section {
    padding: 8px 60px 40px;
}

div#panel-user_permissions-content {
    position: absolute;
    right: auto;
    margin-left: 3.2rem;
}

#panel-groups-content {
    position: absolute;
    right: auto;
    margin-left: 3.2rem;
}

section#panel-groups-section {
    padding: 8px 60px 60px;
}

h2#panel-groups-heading {
    margin-top: 25%;
    margin-bottom: -24%;
}

h2#panel-user_permissions-heading {
    margin-top: 13%;
    margin-bottom: -10%;
}

div#panel-permissions-content {
    position: absolute;
    right: 47.8rem;
}

section#panel-permissions-section {
    padding: 8px 60px 40px;
}

h2#panel-permissions-heading {
    margin-top: 10%;
    margin-bottom: -10%;
}


/* ==========================================================================
   16. INLINE CHILDREN - Course Start Dates (inst_cs_date)
       Uses attribute selectors instead of numbered IDs 0-20
   ========================================================================== */

section#panel-course_start_date-section {
    padding: 4px 60px;
}

div#panel-course_start_date-content {
    margin-left: 0px;
    display: flex;
}

div#id_inst_cs_date-FORMS {
    margin-left: -57px;
}

button#id_inst_cs_date-ADD {
    margin-top: 8px;
    margin-left: 57px;
    background: #EDF3FE;
}

/* All inst_cs_date inline child panel content: flex layout */
[id^="inline_child_inst_cs_date-"][id$="-panel-content"] {
    display: flex;
    margin-left: -30px;
}

/* All inst_cs_date inline child panel sections: padding */
[id^="inline_child_inst_cs_date-"][id$="-panel-section"] {
    padding: 8px 60px 0px;
}

/* All inst_cs_date inline child panel headings: hidden */
[id^="inline_child_inst_cs_date-"][id$="-panel-heading"] {
    margin-top: -57px;
    display: none;
}

/* All inst_cs_date DELETE buttons */
[id^="id_inst_cs_date-"][id$="-DELETE-button"] {
    margin-top: -57px;
}

/* All inst_cs_date application_status labels: nowrap */
[id^="id_inst_cs_date-"][id$="-application_status-label"] {
    white-space: nowrap;
}


/* ==========================================================================
   17. INLINE CHILDREN - Degree Types (inst_degree_type_pk)
   ========================================================================== */

section#panel-degree_type-section {
    padding: 0px 60px;
}

div#panel-degree_type-content {
    display: flex;
    margin-left: 0px;
}

div#id_inst_degree_type_pk-FORMS {
    margin-left: -57px;
}

button#id_inst_degree_type_pk-ADD {
    background: #fafafa;
    margin-top: 15px;
    margin-left: 57px;
}

div#inline_child_inst_degree_type_pk-0 {
    margin-right: 20rem;
}

/* All degree type inline child sections: background */
[id^="inline_child_inst_degree_type_pk-"][id$="-panel-section"] {
    background: #fafafa;
}

/* All degree type inline child headings: hidden */
[id^="inline_child_inst_degree_type_pk-"][id$="-panel-heading"] {
    display: none;
}


/* ==========================================================================
   18. INLINE CHILDREN - Entry Requirement Tests (inst_ent_test_cat_pk)
   ========================================================================== */

section#panel-entry_requirement_tests-section {
    padding: 0px 60px;
}

div#panel-entry_requirement_tests-content {
    margin-left: 0px;
    display: flex;
}

div#id_inst_ent_test_cat_pk-FORMS {
    margin-left: -57px;
}

button#id_inst_ent_test_cat_pk-ADD {
    background: #fafafa;
    margin-top: 12px;
    margin-left: 57px;
}

/* All entry test inline child panel content: flex layout */
[id^="inline_child_inst_ent_test_cat_pk-"][id$="-panel-content"] {
    display: flex;
    margin-left: -20px;
    background: #fafafa;
}

/* All entry test inline child sections: background */
[id^="inline_child_inst_ent_test_cat_pk-"][id$="-panel-section"] {
    background: #fafafa;
}

/* First entry test section gets extra padding */
section#inline_child_inst_ent_test_cat_pk-0-panel-section {
    padding: 8px 66px 0px;
}

/* All entry test inline child headings: hidden */
[id^="inline_child_inst_ent_test_cat_pk-"][id$="-panel-heading"] {
    display: none;
}


/* ==========================================================================
   19. INLINE CHILDREN - Previous Degree Requirements (inst_ent_pre_deg_pk)
   ========================================================================== */

section#panel-previous_degree_requirement-section {
    padding: 0px 60px;
}

div#panel-previous_degree_requirement-content {
    margin-left: 0px;
}

/* All previous degree inline child panel content: flex layout */
[id^="inline_child_inst_ent_pre_deg_pk-"][id$="-panel-content"] {
    display: flex;
}

/* All previous degree inline child headings: hidden */
[id^="inline_child_inst_ent_pre_deg_pk-"][id$="-panel-heading"] {
    display: none;
}

/* All previous degree inline child sections: margin */
[id^="inline_child_inst_ent_pre_deg_pk-"][id$="-panel-section"] {
    margin-left: -1.5rem;
}

/* All previous degree labels: spacing */
[id^="id_inst_ent_pre_deg_pk-"][id$="-previous_degree-label"] {
    margin-bottom: 1.5rem;
}

label#id_inst_ent_pre_deg_pk-0-percentage_required-label {
    margin-bottom: -1.2rem;
}

button#id_inst_ent_pre_deg_pk-ADD {
    margin-top: 12px;
    background: #EDF3FE;
}


/* ==========================================================================
   20. INLINE CHILDREN - Subject Tags (inst_subject_tag_pk)
   ========================================================================== */

section#panel-subject_list-section {
    padding: 0px 60px;
}

div#panel-subject_list-content {
    margin-left: 0px;
    display: flex;
}

h2#panel-subject_list-heading {
    margin-bottom: 20px;
    margin-top: 15px;
}

div#id_inst_subject_tag_pk-FORMS {
    margin-left: -57px;
}

button#id_inst_subject_tag_pk-ADD {
    margin-top: 13px;
    margin-left: 57px;
}

div#inline_child_inst_subject_tag_pk-0 {
    margin-right: 17.5rem;
}

section#panel-required_subjects_in_previous_degree-section {
    padding: 0px 60px;
}

div#panel-required_subjects_in_previous_degree-content {
    margin-left: 0px;
    display: flex;
}

/* All subject tag inline child sections: background */
[id^="inline_child_inst_subject_tag_pk-"][id$="-panel-section"] {
    background: #fafafa;
}

/* All subject tag inline child headings: hidden */
[id^="inline_child_inst_subject_tag_pk-"][id$="-panel-heading"] {
    display: none;
}


/* ==========================================================================
   21. INTAKE PANEL
   ========================================================================== */

div#panel-intake-content {
    margin-top: 0px;
    margin-bottom: -48px;
    min-width: 121px;
    max-width: 166px;
}


/* ==========================================================================
   22. STUDY GUIDE PANELS
   ========================================================================== */

#panel-study_guide_universities-content {
    display: flex;
}

button#id_sinzldensgunis-ADD {
    margin-top: 15px;
    margin-left: 57px;
}

#panel-study_guide_categories-content {
    display: flex;
    background: #fafafa;
}

button#id_sinzldensgcat-ADD {
    margin-top: 15px;
    margin-left: 57px;
}

div#id_sinzldensgcat-FORMS {
    background: #fafafa;
}


/* ==========================================================================
   23. DISABLED / READ-ONLY SELECTS
   ========================================================================== */

div#panel-unit-content {
    pointer-events: none;
}

select#id_unit,
select#id_level_two,
select#id_level_one {
    cursor: not-allowed;
    background-color: rgb(229, 229, 229);
}


/* ==========================================================================
   24. LOGIN PAGE
       Layout-only rules. All colors/theming handled by admin-theme.css.
   ========================================================================== */

.login .content-wrapper {
    max-width: 420px;
    margin: 30px auto;
    border-radius: 0.4em;
    overflow: hidden;
    position: relative;
}

.login .reset-password {
    display: block;
    margin: 1rem 0 1rem;
}