@media (max-width: 991.98px) {
    .sidebar {
        width: 100%;
        max-width: none !important;
    }
}

.related-widget-wrapper {
    width: 100% !important;
    padding-bottom: 0.5em;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
.select2-container--admin-autocomplete {
    width: 100% !important;
    border: 1px solid gray !important;
    border-radius: .5em !important;
}
input.select2-search__field {
    width: 100% !important;
    border: 1px solid black !important;
}
body > span.select2-container--open, 
li.select2-search--inline > input.select2-search__field {
    border: none !important;
}

.related-widget-wrapper-link {
    float: right !important;
}

/* Isto é para campos "autocomplete" também preencherem o espaço */
.admin-autocomplete {
    width: 100% !important;
}

/* Isto é para manter o padrão dos inputs para números também */
input[type=file], input[type=number], .admin-autocomplete {
    display: block;
    width: 100%;
    padding: 0.5rem 20px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #d2d6da;
    appearance: none;
    border-radius: 0.375rem;
    transition: 0.2s ease;
}

.loading {cursor: wait;}

a { color: rgb(13, 13, 163)}

p.file-upload { margin: 0px !important; }
p.file-upload input[type=checkbox] { margin-left: 1em; }

.selector {
    /* height: 200px !important; */
    min-height: 0px !important;
    /* max-height: 200px !important; */
}

.selector .selector-available h2 {
    background-color: palegreen !important;
    color: black !important;
}

.selector .selector-chosen h2 {
    background-color: purple !important;
}

.selector-available .filtered {
    height: 210px !important;
}
.selector-chosen .filtered {
    /* min-height: 0px !important; */
    /* max-height: 200px !important; */
    height: 263px !important;
}

/* Isto é para o radiolist funcionar na horizontal */
 form div.radiolist.inline label {
    margin-right: 1em;
    float: left;
    display: inline;
}

/* Isto é para funcionar o collapsed no change_form */
fieldset.collapsed,fieldset.collapsed div.card,fieldset.collapsed div.card div.card-header,
fieldset.collapsed div.card-header, fieldset.collapsed h2, fieldset.collapsed div h2 {
    display: block;
}

/* Isto é para mostrar o "Apagar" em vermelhor */
span.delete label.vCheckboxLabel {
    color: red !important;
}

/* Isto é para ocultar o nome em inlines */
td.original p {
    visibility: hidden
}