#content {
    padding: 10px 20px;
}

.dashboard #content {
    width: 900px;
}

#recent-actions-module {
    display: none;
}

#site-search-form {
    width: 100%;
    display: block;
    margin: 0;
}
#site-search-form input[type="text"] {
    box-sizing: border-box;
    padding: 2px 5px;
    margin: 5px 0;
    border: 1px solid var(--border-color);
    background-color: var(--darkened-bg);
    color: var(--body-fg);
}
#site-search-form button[type="submit"] {
    border: 1px solid var(--border-color);
    font-size: 0.8125rem;
    padding: 4px 8px;
    margin: 0;
    vertical-align: middle;
    background: var(--body-bg);
    box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset;
    cursor: pointer;
    color: var(--body-fg);
}
/* Paginator */
#changelist .paginator .per-page {
    font-size: 11px;
    margin: 0px;
    float: right;
}
#changelist .paginator .per-page select{
    font-size: 10px;
    margin: 0px;
    padding: 1px;
}
/* Paginator END */


/* Column short/id */
.changelist-form-container .top-scroll {
    height: 46px; /* Adjust for scrollbar height */
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}


#result_list .field-column_id_short .short-value-expander {
    font-style: italic;
}

#result_list .short-value-full {
    display:none;
}

#result_list .inline-copy {
    cursor: pointer;
    margin-left: 4px;
    text-decoration: none;
    font-size: 11px;
    padding: 2px 4px;
    border-radius: 4px;
}


#result_list th[class*="_short"] span {
    display:none;
}
#result_list th[class*="_short"] span.short-value {
    display:inline;
}
#result_list  th .short-column {
    padding: 8px 10px;
    float:left;
    display: block;
}
#result_list  th .short-column-expander {
    display: block;
    float: right;
    text-align: right;
    cursor: pointer;
    margin-right:10px;
}
/* Column short/id */


/* Ajax select */
form.custom-form .aligned .results_on_deck {
    padding-left: 14px !important;
    margin-left: 0px !important;
}
form.custom-form .aligned p.help, form .aligned div.help {
    margin-left: 0px !important;
}
/* Ajax select END */


/* Changelist links */
#content-start div.field-list_links ul.links-menus li:nth-child(1) {
    display: none;
}

#content-main div table  {
    width: 100%;
}
#content-main div.form-row div.readonly  {
    float: left;
}
#content-main div.form-row div.readonly ul.links-menu {
    float: left;
    margin-left: 0px;
    padding-left: 0px;
}
#content-main div.form-row div.readonly ul.links-menu ul {
    margin-left: 0px;
    padding-left: 0px;
}
#content-main ul.json_summary {
    font-size: 10px;
    margin: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

#content-main div.form-row div.readonly span.links-head {
    display: none;
}
#result_list ul.links-menu {
    border: none;
    color: var(--link-fg);
    background: none;
}
#result_list td.field-list_links span.empty {
    text-align: center;
    margin: 0px auto;
}

#result_list ul.links-menu li.ui-menu-item {
    border: none;
    color: var(--link-fg);
    background: none;
    text-align: right;
    padding-right: 10px;
}
#result_list ul.links-menu li.ui-menu-item li {
    text-align: left;
}
#result_list ul.links-menu li.ui-menu-item a{
    border: none;
    color: var(--link-fg);
    background: none;
}
#result_list ul.links-menu li.ui-menu-item a:hover{
    text-decoration: underline;
}
#result_list thead th:last-child {
    text-align: right;
    padding-right: 20px;
}
#result_list ul.json_summary {
    font-size: 10px;
    margin: 0px;
    margin-left: 0px;
    padding-left: 0px;
}
#result_list ul.json_summary li{
    list-style: none;
}
#result_list ul.json_summary .extra_items {
    display: none;
}
#result_list ul.json_summary .extra_items_toggle {
    color:gray;
}
#result_list ul.json_summary .extra_items_toggle a {
    color:gray;
}
/* Changelist links END */


/* Changelist filters */
#changelist-filter .filter-toggle {
    position: absolute;
    top: 3px;
    right: 5px;
    color: white;
}

#changelist-filter {
    margin: 0 0 0 10px !important;
    position:relative;
    min-height: 20px;

}
@media (max-width: 767px) {
    #changelist-filter {
        position: relative !important;
    }
    .changelist-filter-colapsed {
        position: relative;
    }
    #changelist-filter-toggler {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .changelist-filter-colapsed {
        flex: 0 0 30px !important;
        position: relative;
        overflow: hidden;
        position: relative;
        white-space: nowrap; /* Prevents wrapping that can increase height */
    }

    .changelist-filter-colapsed h2 {
        text-indent: -9999px;
    }
    .changelist-filter-colapsed  h3, .changelist-filter-colapsed  details {
        visibility: hidden;
        transform: translateX(200px); /* Shift content to the left */
    }
}