@media (max-width: 576px) {
    body.dropdown-open .control-dropdown.dropdown-menu {
        bottom: auto !important;
    }
}

@media (min-width: 992px) {
    /*.header-fixed.toolbar-fixed .wrapper {*/
    /*    padding-top: 0 !important;*/
    /*}*/
    /*.aside-enabled.aside-fixed.header-fixed .header {*/
    /*    left: auto !important;*/
    /*}*/
    /*.header-fixed .header {*/
    /*    position: initial !important;*/
    /*    top: auto !important;*/
    /*    right: auto !important;*/
    /*    left: auto !important;*/
    /*}*/
    /*.header-fixed.toolbar-fixed .toolbar {*/
    /*    top: auto !important;*/
    /*}*/
    /*.toolbar-fixed .toolbar {*/
    /*    position: initial !important;*/
    /*    top: auto !important;*/
    /*    right: auto !important;*/
    /*}*/
    #dashReportContainer li .content {
        padding: 0;
    }
}

.report-container.loading {
    width: 70vw !important;
    height: 70vh !important;
}

.report-container.loading .loading-indicator-container .loading-indicator {
    background-color: transparent !important;
}

.popup-backdrop.loading {
    width: 100% !important;
    height: 100% !important;
}

.loading-indicator-container .loading-indicator {
    background-color: #fff !important;
}

.list-header {
    padding: 0 0 1px !important;
}

.btn-default {
    background: #72809d;
    border: none;
    color: #fff;
}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
    background: #626e86;
    border-color: #626e86;
    color: #fff;
}

.select2-results__option.select2-results__option--selectable.select2-results__option--selected, .select2-results__option.select2-results__option--selectable.select2-results__option--selected.select2-results__option--highlighted {
    background-color: #009ef7;
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f1faff;
    color: #009ef7;
    transition: color .2s ease, background-color .2s ease;
}

.report-container .manage-widgets.show, .report-container .manage-widgets:hover {
    background-color: #009ef7 !important;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #009ef7 !important;
    border-color: #009ef7 !important;
}

.control-dropdown.dropdown-menu > li a:active, .control-dropdown.dropdown-menu > li a:focus:active, .control-dropdown.dropdown-menu > li a:hover, .control-dropdown.dropdown-menu > li button:active, .control-dropdown.dropdown-menu > li button:focus:active, .control-dropdown.dropdown-menu > li button:hover, .dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:active, .dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:focus:active, .dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li a:hover, .dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:active, .dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:focus:active, .dropdown-menu.backend-dropdownmenu .dropdown-container > ul > li button:hover {
    background-color: #009ef7 !important;
}

.form-check-input {
    border: var(--bs-border-width) solid #e1e3e5 !important;
}

.form-check-input:checked {
    background-color: #009ef7;
}

#kt_toolbar_container .form-buttons {
    padding: 0 !important;
}

.btn-text.btn-sm {
    padding: 0 !important;
}

.field-repeater > .field-repeater-builder > .field-repeater-toolbar:focus, .field-repeater > .field-repeater-builder > .field-repeater-toolbar:hover, .field-repeater > .field-repeater-toolbar:focus, .field-repeater > .field-repeater-toolbar:hover {
    background-color: #009ef7 !important;
}

body .control-balloon-selector ul li.active {
    background-color: #009ef7 !important;
    border-color: #009ef7 !important;
}

.control-toolbar .toolbar-item .btn.btn-link i, .control-toolbar .toolbar-item .btn.btn-secondary i {
    top: 0 !important;
}

.oc-progress-bar, .control-simplelist.is-selectable li:hover {
    background: #009ef7;
}

.control-simplelist.is-selectable li:hover h5 {
    color: #fff !important;
}

.callout .header {
    display: block !important;
}

#layout-canvas > div > div > div.layout-cell.form-cell > div > p {
    display: none;
}

.control-filter, .control-filter .form-check label, table.table.data thead td, table.table.data thead th, table.table.data {
    font-size: 13px;
}

.breadcrumb-container ul {
    display: flex;
    align-items: center;
    background-color: transparent;
    padding: 0;
    margin: 0
}

.breadcrumb-container ul li {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: .5rem
}

.breadcrumb-container ul li:last-child {
    padding-right: 0
}

.breadcrumb-container ul li:after {
    content: "/";
    padding-left: .5rem
}

.breadcrumb-container ul li:before {
    display: none
}

.breadcrumb-container ul li:last-child:after {
    display: none
}

.breadcrumb-container ul li:after {
    content: "•"
}

.callout .header {
    padding: 15px 20px 5px;
    height: auto;
}

.card-body .padded-container {
    padding: 20px 0 !important;
}

.layout-cell .padded-container {
    padding: 20px 20px 0 !important;
}

[data-control="toolbar"] {
    width: auto;
}

.form-sidebar {
    border-radius: 0.625rem;
}

.control-tabs.content-tabs > .tab-content > .tab-pane div.list-header,
.control-tabs.content-tabs > .tab-content > .tab-pane div.padded-container,
.control-tabs.content-tabs > .tab-content > .tab-pane div.toolbar-widget {
    background: #fff !important;
    padding-top: 20px !important;
}

.layout-row > .list-widget-container, .tab-pane > .list-widget-container, .list-widget-container {
    margin: 0 !important;
}

.modal {
    z-index: 600;
}

/*@media (min-width: 992px) {*/
/*    .toolbar-fixed .toolbar {*/
/*        height: auto;*/
/*    }*/

/*    .header-fixed.toolbar-fixed .toolbar {*/
/*        padding: 3px;*/
/*    }*/
/*}*/

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 598px;
    }
}

.nav.selector-group li.active a,
.field-fileupload .upload-object.selected .file-data-container,
.control-filter-popover .filter-search .filter-active-items a:hover,
.control-filter-popover .filter-search .filter-items a:hover,
.control-filelist.filelist-hero ul li > a:hover {
    background-color: #009ef7;
}

#kt_toolbar_container {
    min-height: 37px;
}

.field-recordfinder .btn-default.active,
.field-recordfinder .btn-default:active,
.field-recordfinder .btn-default:focus,
.field-recordfinder .btn-default:hover,
.field-recordfinder .open .dropdown-toggle.btn-default {
    background: transparent;
}

.control-tabs.primary-tabs > div > div > ul.nav-tabs > li a,
.control-tabs.primary-tabs > div > ul.nav-tabs > li a,
.control-tabs.primary-tabs > ul.nav-tabs > li a {
    font-size: 13px;
    font-weight: 400;
}

.control-filelist.filelist-hero ul li > a .list-icon {
    color: #939393 !important;
    font-size: 20px !important;
    top: 10px !important;
}

.control-tabs > div.tab-content > div.tab-pane.active, .form-tabless-fields, .field-repeater > ul > li.field-repeater-item:not(.collapsed) > .repeater-content {
    display: flex !important;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.repeater-content > .layout-row {
    flex: 0 0 auto;
    width: 100% !important;
}

.control-tabs > div.tab-content > div.tab-pane.active > *, .form-tabless-fields > *, .repeater-content > * {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

@media (max-width: 768px) {
    .control-tabs > div.tab-content > div.tab-pane.active > *, .form-tabless-fields > *, .repeater-content > * {
        flex: 0 0 auto;
        width: 100%;
    }
}

.control-toolbar {
    font-size: inherit !important;
}

body .control-balloon-selector ul li {
    line-height: 29px !important;
    padding: 0 10px !important;
}

.title-value p {
    font-size: 26px;
}

.input-with-icon.size-sm > .icon {
    padding: 8px 8px !important;
}

.btn.btn-icon {
    height: calc(1em + 1rem + 2px);
}

/*[class*=" oc-icon-"]:before, [class^=oc-icon-]:before {*/
/*    color: #fff;*/
/*}*/

.control-roleimpersonator .btn-outline-light {
    border-color: #000000 !important;
    color: #000 !important;
}

.control-roleimpersonator {
    color: #000 !important;
}

.price-table-modal table.data tr:first-child td {
    border-bottom-color: #ecf0f1 !important;
}

.control-list {
    margin-bottom: 0 !important;
}

.dropdown-overlay {
    display: none;
}

div.scoreboard div.scoreboard-item {
    margin-right: 30px;
}

.title-value p {
    font-size: 23px;
}

.menu .badge.badge-circle {
    font-size: 1vh !important;
}

.page-item.active .page-link {
    color: #fff !important;
}

.select2-container--default .select2-selection--single {
    height: 42px !important;
    line-height: 1.9 !important;
}

.select2-container--default button {
    line-height: 22px !important;
}

.input-with-icon > .icon {
    padding: 12px !important;
}

/*.input-with-icon>.icon {*/
/*    padding: 13px !important;*/
/*}*/

.toolbar .control-toolbar {
    padding: 0 !important;
}

@media (min-width: 992px) {
    .toolbar .control-toolbar {
        width: fit-content !important;
    }
}

@media (max-width: 991.98px) {
    .toolbar-enabled:not(.toolbar-tablet-and-mobile-fixed) .toolbar {
        margin-bottom: 0 !important;
    }

    .toolbar-enabled:not(.toolbar-tablet-and-mobile-fixed) .content {
        padding-top: 15px !important;
    }

    .toolbar-enabled:not(.toolbar-tablet-and-mobile-fixed) .content:has(.secondary-nav) {
        padding-top: 0 !important;
    }
}

@media (min-width: 992px) {
    #kt_toolbar_container .toolbar {
        margin: 0.6rem 0 !important;
        border: 0 !important;
    }
}

.control-toolbar .toolbar-item.toolbar-primary:after {
    right: -4px !important;
}

.control-toolbar .toolbar-item .btn-group {
    display: inline-table !important;
}

.relation-behavior.relation-view-single > .relation-manager {
    padding: 10px 20px 0 !important;
}

.relation-behavior.relation-view-single > .relation-manager .form-group, .form-group.layout-item {
    padding-bottom: 10px !important;
}

.relation-behavior.relation-view-single .control-toolbar .toolbar-item .btn.btn-link,
.relation-behavior.relation-view-single .control-toolbar .toolbar-item .btn.btn-secondary {
    line-height: 22px !important;
}

.relation-toolbar .btn {
    font-size: .925rem !important;
}

/*.btn-group-sm > .btn {*/
/*    font-size: .925rem !important;*/
/*}*/

body.outer .layout > .layout-row > .layout-cell .outer-form-container h2 {
    font-family: Poppins, Helvetica, sans-serif !important;
}

.control-filter > .filter-group > .filter-scope.scope-dropdown .select2-container .select2-selection {
    padding: 12px 10px !important;
}

.control-filter > .filter-group > .filter-scope.scope-dropdown .select2-container .select2-selection__rendered {
    font-size: 12px !important;
    padding: 0 20px 0 0 !important;
}

.scope-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    color: var(--bs-secondary-color);
    -webkit-font-smoothing: antialiased;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
}

.control-filter > .filter-group > .filter-scope.scope-dropdown .select2-container .select2-selection__arrow {
    top: 2px;
}


.control-list div.list-content > table > tbody td, .control-list table > thead td.list-checkbox {
    vertical-align: middle !important;
}

.popover-dismiss.btn.btn-icon {
    height: 1.5rem !important;
}

.control-filter-popover .filter-box .filter-facet .facet-item {
    line-height: 2.5 !important;
}

/*.form-switch .form-check-input:focus {*/
/*    --bs-form-switch-bg: none !important;*/
/*}*/

.form-check-input:focus {
    border-color: #a9a9a9 !important;
}


.field-colorpicker .input-group>ul.picker-options li {
    padding: 9px !important;
}

.control-toolbar .toolbar-item.toolbar-setup a {
    padding: 0 !important;
}

body.outer .outer-form-container h2 {
    font-family: sans-serif;
}

.list-footer {
    background-color: #fff;
}

/* =============================================================
    Dashboard Selector Bar (secondary-nav)
    Full container + visual original (pill arredondado)
    ============================================================= */

/* 1. Faz o container ser full-width ao invés de container-xxl centralizado,
      quando a barra de seleção de dashboards está visível */
#kt_app_content_container:has(.secondary-nav) {
    margin-top: 0 !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Restaura comportamento de container-xxl nos elementos filhos abaixo da barra */
#kt_app_content_container:has(.secondary-nav) > *:not(.secondary-nav) {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    box-sizing: border-box;
    width: 100%;
}

/* 2. Barra full-width como header */
.secondary-nav {
    background: var(--oc-sidebar-bg) !important;
    padding: 0;
    margin: 0;
    width: 100%;
}

/* Neutraliza fundo cinza e padding do toolbar wrapper do October */
.secondary-nav .control-toolbar.responsive-sidebar-toolbar,
.secondary-nav [data-control="toolbar"] {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    min-height: unset !important;
    padding-bottom: 0 !important;
}

.responsive-sidebar-toolbar {
    background: var(--oc-sidebar-bg) !important;
}

.responsive-sidebar-toolbar:before,
.responsive-sidebar-toolbar:after {
    display: none !important;
}

.secondary-nav nav.layout-sidenav.sidenav-responsive {
    position: static;
    height: 60px;
    display: block;
    width: 100%;
}

.secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items {
    list-style: none !important;
    padding: 13px 20px 0 20px !important;
    margin: 0 !important;
    overflow: visible !important;
}

.secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items > li.mainmenu-item {
    display: inline-block !important;
    margin: 0 10px 0 0 !important;
}

.secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items > li.mainmenu-item.divider {
    height: 60px;
    width: 1.4px;
    margin: -13px 10px 0 0 !important;
    border-left: 1px solid var(--bs-border-color, #d9dde4);
}

.secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items > li.mainmenu-item.sidebar-button {
    margin-bottom: 0 !important;
    margin-right: 25px !important;
}

.secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items > li.mainmenu-item.sidebar-button > a {
    margin: 0;
    height: 34px;
    padding: 7px 33px 0 13px !important;
}

.secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items > li.mainmenu-item.sidebar-button > a .nav-icon {
    top: 0;
}

.secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items > li.mainmenu-item > a span.counter {
    position: relative;
    top: 0;
    right: 0;
}

.secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items > li.mainmenu-item:not(.sidebar-button) > a {
    border-radius: 20px !important;
    padding: 7px 10px 7px 41px !important;
    border-left: none !important;
    border-bottom: none !important;
    background: transparent !important;
}

.secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items > li.mainmenu-item:not(.sidebar-button) > a .nav-icon {
    left: 15px !important;
}

body:not(.drag) .secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items > li.mainmenu-item:not(.sidebar-button) > a:hover,
.secondary-nav .layout-sidenav.sidenav-responsive ul.mainmenu-items > li.mainmenu-item.active > a {
    background: var(--oc-sidebar-hover-bg) !important;
}