.br-input select {
    background-color: var(--background-light);
    border-color: var(--border-color-alternative);
    border-radius: var(--surface-rounder-sm);
    border-style: var(--border-style);
    border-width: var(--border-width);
    color: var(--color-light);
    display: block;
    font-size: var(--font-size-scale-up-01);
    font-weight: var(--font-weight-medium);
    height: var(--input-size);
    margin-top: var(--spacing-scale-half);
    padding-bottom: 0px;
    padding-left: var(--spacing-scale-2x);
    padding-right: var(--spacing-scale-2x);
    padding-top: 0px;
    width: 100%;
}

.br-input .input-icon + select {
    padding-left: var(--input-padding-icon);
}

.br-select{
    max-width: 100%;
}

.br-table .table-header{
    position: sticky !important;
}

.br-wizard .wizard-panel-content{
    overflow-x: hidden;
}

.br-button.delete {
    background-color: var(--danger);
    color: #ffffff;
}

.br-button.cancel {
    background-color: transparent;
    color: var(--danger);
}

.br-button.cancel:hover {
    background-color: var(--red-vivid-40);
    color: var(--color-dark);
}

/* Implementação custom do select */

.br-pagination.dark-mode .br-select-custom .br-item label {
    color: var(--color-dark)
}

.br-pagination .br-select-custom .br-input .br-button {
    bottom: auto;
    margin-top: 0;
    position: absolute;
    right: var(--spacing-scale-half);
    top: auto;
    transform: none
}

.br-select-custom {
    --select-divider: 1px solid var(--color-secondary-04);
    --select-shadow: var(--surface-shadow-md);
    max-width: 400px;
    min-width: 100px;
    position: relative
}

.br-select-custom .br-input input {
    padding-right: 29px;
    text-overflow: ellipsis
}

.br-select-custom .br-input input:after {
    bottom: 0;
    padding: 0 5px;
    position: absolute;
    right: 0
}

.br-select-custom .br-list {
    background: var(--bg-color);
    box-shadow: var(--select-shadow);
    display: none;
    margin-top: -2px;
    max-height: 404px;
    overflow: auto;
    position: absolute;
    resize: none;
    width: 100%;
    z-index: 1
}

.br-select-custom .br-list::-webkit-scrollbar {
    height: var(--spacing-scale-base);
    width: var(--spacing-scale-base)
}

.br-select-custom .br-list::-webkit-scrollbar-track {
    background: var(--gray-10)
}

.br-select-custom .br-list::-webkit-scrollbar-thumb {
    background: var(--gray-30)
}

.br-select-custom .br-list:hover::-webkit-scrollbar-thumb {
    background: var(--gray-40)
}

.br-select-custom .br-list:active,.br-select-custom .br-list:focus {
    color: var(--color-secondary-09);
    outline: none
}

.br-select-custom .br-list:hover::-webkit-scrollbar-thumb {
    background: var(--color-secondary-07)
}

.br-select-custom .br-list[expanded] {
    display: block
}

.br-select-custom .br-item {
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --text-color: var(--color-light);
    --interactive: var(--interactive-light);
    --interactive-rgb: var(--interactive-light-rgb);
    --visited: var(--visited-light);
    --hover: var(--hover-light);
    --pressed: var(--pressed-light);
    --focus-color: var(--focus-color-light);
    --focus: var(--focus-color-light);
    --item-padding-y: var(--spacing-scale-2x)
}

.br-select-custom .br-item .content {
    padding: 0
}

.br-select-custom .br-item .br-checkbox,.br-select-custom .br-item .br-radio {
    --item-padding-x: var(--spacing-scale-2x);
    --item-padding-y: var(--spacing-scale-2x)
}

.br-select-custom .br-item .br-checkbox input:hover:not(:disabled)+label:before,.br-select-custom .br-item .br-radio input:hover:not(:disabled)+label:before {
    background-image: none
}

.br-select-custom .br-item .br-checkbox input+label,.br-select-custom .br-item .br-radio input+label {
    padding-left: calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))
}

.br-select-custom .br-item .br-radio input+label {
    color: var(--text-color);
    display: block;
    height: auto;
    min-height: 0;
    padding: var(--item-padding)
}

.br-select-custom .br-item .br-radio input+label:after,.br-select-custom .br-item .br-radio input+label:before {
    content: none
}

.br-select-custom .br-item:not(:last-child) {
    border-bottom: var(--select-divider)
}

.br-select-custom .br-item:not([disabled]) {
    --focus-offset: calc(var(--spacing-scale-half)*-1)
}

.br-select-custom .br-item:not([disabled]):focus {
    outline: none
}

.br-select-custom .br-item:not([disabled]).focus-visible,.br-select-custom .br-item:not([disabled]):focus-visible {
    outline-color: var(--focus);
    outline-offset: var(--focus-offset);
    outline-style: var(--focus-style);
    outline-width: var(--focus-width)
}

.br-select-custom .br-item:not([disabled]):not(:disabled):hover {
    background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover)))
}

.br-select-custom .br-item.selected,.br-select-custom .br-item[selected] {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color-dark)
}

.br-select-custom .br-item.selected:focus,.br-select-custom .br-item[selected]:focus {
    outline: none
}

.br-select-custom .br-item.selected.focus-visible,.br-select-custom .br-item.selected:focus-visible,.br-select-custom .br-item[selected].focus-visible,.br-select-custom .br-item[selected]:focus-visible {
    outline-color: var(--focus);
    outline-offset: var(--focus-offset);
    outline-style: var(--focus-style);
    outline-width: var(--focus-width)
}

.br-select-custom .br-item.selected:not(:disabled):hover,.br-select-custom .br-item[selected]:not(:disabled):hover {
    background-image: linear-gradient(rgba(var(--color-rgb),var(--hover)),rgba(var(--color-rgb),var(--hover)))
}

.br-select-custom .br-item.disabled {
    line-height: calc(var(--font-line-height-high)*2);
    padding-left: calc(var(--item-padding) + var(--spacing-scale-base))
}

.br-select-custom .br-item.highlighted,.br-select-custom .br-item[highlighted] {
    background-color: var(--gray-2);
    padding-bottom: var(--spacing-scale-base);
    padding-top: var(--spacing-scale-base)
}

.br-select-custom .br-item.highlighted .br-checkbox label,.br-select-custom .br-item.highlighted .br-radio label,.br-select-custom .br-item[highlighted] .br-checkbox label,.br-select-custom .br-item[highlighted] .br-radio label {
    font-weight: var(--font-weight-semi-bold)
}

.br-select-custom .br-item.highlighted .br-checkbox:hover,.br-select-custom .br-item.highlighted .br-radio:hover,.br-select-custom .br-item[highlighted] .br-checkbox:hover,.br-select-custom .br-item[highlighted] .br-radio:hover {
    background: linear-gradient(rgba(var(--interactive-rgb),var(--hover)),rgba(var(--interactive-rgb),var(--hover)))
}

.br-select-custom .br-item.highlighted .br-checkbox:hover label,.br-select-custom .br-item.highlighted .br-radio:hover label,.br-select-custom .br-item[highlighted] .br-checkbox:hover label,.br-select-custom .br-item[highlighted] .br-radio:hover label {
    color: var(--text-color)
}

.br-select-custom .br-item.highlighted.selected,.br-select-custom .br-item.highlighted[selected],.br-select-custom .br-item[highlighted].selected,.br-select-custom .br-item[highlighted][selected] {
    background-color: var(--selected)
}

.br-select.dark-mode .br-input,.br-select.dark-mode .br-input label,.br-select.inverted .br-input,.br-select.inverted .br-input label {
    --color: var(--color-dark);
    --focus-color: var(--focus-color-dark)
}

.br-select-custom {
    max-width: 100%;
}

/* Classes personalizadas */

.page-header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 576px) {
    .page-header-title {
        flex-direction: column;
        align-items: flex-start;
    }
}

.page-footer-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4vh;
}

@media (max-width: 576px) {
    .page-footer-buttons {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}

.entre-linhas {
    line-height: 2;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

.paginate-select {
    border: none !important;
}