html,
body {
    background-color: #343a40;
    font-size: 12px;
}

.btn:not(.btn-link):not(.btn-circle) i {
    font-size: 12px !important;
}

section.content {
    box-shadow: unset;
    min-height: unset;
    padding: 0;
}

#adianti_div_content {
    padding: 0 16px 16px;
}

.public-page #adianti_div_content {
    padding: 0;
}

body .main-header .logo {
    min-height: 50px;
    width: 230px !important;
    margin: 0;
}

.dropdown-menu>li>a {
    font-size: 10pt;
}

.panel-title {
    font-size: 14px;
}

.progress {
    font-size: 12px;
    height: 20px;
}

.ui-dialog>.window_modal>.panel {
    margin-bottom: 0;
    border-top: 0;
    border-radius: 0;
    overflow: hidden;
}

.bs-callout {
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    margin: 5px 0;
    padding: 20px;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout+.bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #777;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-primary h4 {
    color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-success h4 {
    color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.bs-callout-danger h4 {
    font-size: 1.0em;
    font-weight: bold;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout-warning h4 {
    color: #f0ad4e;
}

.bs-callout-info {
    border-left-color: #5bc0de;
}

.bs-callout-info h4 {
    color: #5bc0de;
}

.item-obs-sit .btn.btn-default.active:nth-child(1) {
    background-color: #428bca;
}

.item-obs-sit .btn.btn-default.active:nth-child(2) {
    background-color: #f0ad4e;
}

.item-obs-sit .btn.btn-default.active:nth-child(3) {
    background-color: #5cb85c;
}

input[type=text],
textarea,
.select2-selection__rendered,
select,
.fb-field-container label.btn,
.input-group-append button.dropdown-toggle,
.input-group-prepend button.dropdown-toggle {
    font-weight: 600 !important;
    color: #000 !important;
}

.select2-selection__rendered .status-label {
    height: 23px;
    padding-top: unset;
    padding-bottom: unset;
    line-height: 22px;
    margin-right: 10px;
}

.input-group-append button.dropdown-toggle {
    background-color: #e9ecef;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-prepend button.dropdown-toggle {
    background-color: #e9ecef;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dropdown-menu {
    font-size: 14px;
    box-shadow: 0 2px 10px #000;
    /* z-index: 1000000000000 !important; */
}

.dropdown-item:hover {
    background-color: #e9ecef;
    cursor: pointer;
}

.tnotebook .nav.nav-tabs .nav-item .nav-link:not(.active) {
    color: #495057;
}

.tnotebook .nav.nav-tabs .nav-item .nav-link.active {
    color: #000;
    font-weight: 600;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: #3c8dbc !important;
}

.taccordion-wrap.gray .taccordion {
    background-color: #e9ecef;
    color: #333;
}

.tfield_disabled,
.tcombo_disabled {
    background-color: rgba(0, 0, 0, .03) !important;
}

.file-uploader-image .file-preview {
    min-height: 150px;
    padding: 0 !important;
}

.file-uploader-image .krajee-default.file-preview-frame {
    border: none !important;
    box-shadow: none !important;
    float: none !important;
    text-align: center;
    margin: 8px;
    padding: 6px;
}

.file-uploader-image .file-drop-zone.clickable,
.file-uploader-image .file-drop-zone.clickable:hover,
.file-uploader-image .file-drop-zone.clickable:focus {
    border: none !important;
}

.file-uploader-image .krajee-default.file-preview-frame .kv-file-content {
    width: auto !important;
    height: auto !important;
    max-height: 120px;
}

.file-uploader-image .krajee-default.file-preview-frame .kv-file-content img {
    max-height: 120px !important;
}

.file-uploader-image .file-thumbnail-footer .file-footer-caption {
    display: none !important;
}

.file-uploader-image .krajee-default.file-preview-frame .file-thumbnail-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 35px !important;
}

.table td,
.table th,
.ui-dialog .table tbody tr td {
    vertical-align: middle;
    padding: .20rem .50rem;
}
.ui-dialog .table tbody tr td {
    padding: .20rem .50rem !important;
}

.tdatagrid_cell.action {
    min-width: 0 !important;
    padding: .5rem 0 .5rem .5rem !important;
}

.panel-heading,
.panel-footer {
    padding: .50rem .75rem !important;
}

.table>thead>tr>th.tdatagrid_col,
.table>thead>tr>th.tdatagrid_action,
.panel-title.card-title {
    color: var(--neo-primary-color-d) !important;
    font-weight: 600 !important;
}

.btn-default:not(.tdate-group-addon):not(.btn-neo-primary):not(.input-group-addon) {
    border-radius: 3px;
    font-weight: 700 !important;
    color: var(--neo-primary-color-d);
    border-color: var(--neo-primary-color-d);
}

.btn-group .btn-default.active {
    background-color: rgba(0, 0, 0, .05) !important;
    color: var(--neo-primary-color) !important;
    border-bottom-width: 2px;
}

.btn-group .btn-default.active,
.btn-neo-primary {
    border-radius: 2px;
    color: #fff !important;
    background-color: var(--neo-primary-color) !important;
    font-weight: 700 !important;
    border-color: var(--neo-primary-color) !important;
}

.panel-footer.card-footer {
    z-index: 3;
}

/* .btn-primary, */
.page-item.active .page-link {
    /* z-index: 1; */
    color: #fff;
    background-color: var(--neo-primary-color) !important;
    border-color: var(--neo-primary-color) !important;
}

select[widget="tcombo"]:focus,
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus,
.tfield:focus,
.ms-options-wrap > .ms-options > .ms-search input:focus,
.form-control:focus {
    border-color: var(--neo-primary-color) !important;
    border-width: 2px !important;
}

.input-group-text {
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .03) !important;
}

.tdatagrid_col .fa.blue {
    color: var(--neo-primary-color-d) !important;
    float: right !important;
    margin-left: 10px;
}

.row-label {
    margin-bottom: 2px !important;
}

.outline-labels .fb-inline-field-container {
    width: 100% !important;
}

.outline-labels select[widget="tcombo"],
.outline-labels input[type="text"],
.outline-labels input[type="password"],
.outline-labels input[type="datetime"],
.outline-labels input[type="datetime-local"],
.outline-labels input[type="date"],
.outline-labels input[type="month"],
.outline-labels input[type="time"],
.outline-labels input[type="week"],
.outline-labels input[type="number"],
.outline-labels input[type="email"],
.outline-labels input[type="url"],
.outline-labels input[type="search"],
.outline-labels input[type="tel"],
.outline-labels input[type="color"],
.outline-labels .uneditable-input,
.outline-labels .inplace_field,
.outline-labels span.tdate-group-addon,
.outline-labels .select2-selection__arrow,
.outline-labels .select2-selection,
.outline-labels .form-control.tfield.tfield_disabled, 
.outline-labels .ms-options-wrap button {
    height: 40px !important;
    border-radius: 2px !important;
    width: 100%;
    padding: 10px 10px 5px !important;
}

.outline-labels .select2-selection {
    width: calc(100%040px);
}

.outline-labels .form-control.tfield.tfield_disabled {
    height: auto !important;
    font-weight: 700 !important;
}

.outline-labels /.fb-inline-field-container*/ span.tdate-group-addon {
    width: auto !important;
}

.outline-labels .group .ttd {
    display: block !important;
    font-weight: 700;
}

.bold,
.bold a span {
    font-weight: 700 !important;
}

.outline-labels .neo-text-field span.ttd {
    min-height: 35px;
    border: solid 1px #ddd;
    border-radius: 2px !important;
    width: 100%;
    overflow: hidden;
    padding: 8px 8px 5px !important;
}

.outline-labels .neo-text-field.neo-field-numeric span.ttd {
    text-align: right;
}

.outline-labels .btn.btn-default.tdate-group-addon {
    padding-top: 10px !important;
    width: 35px !important;
}

.outline-labels .tqrcodeinputreader {
    width: 42px !important;
    border-left: solid 1px #cccccc !important; 
}

.outline-labels .tqrcodeinputreader i {
    position: absolute;
    width: 14px;
    height: 14px;
    padding-top: 14px;
    left: 10px;
}


.outline-labels .select2-selection__rendered {
    padding-top: 2px;
}

.select2-selection.select2-selection--single {
    overflow: hidden;
}

.outline-labels textarea {
    border-radius: 2px !important;
    padding: 10px 10px 5px !important;
}

.outline-labels .tdate-group.date input {
    border-radius: 2px 0 0 2px !important;
}

.outline-labels .input-group-prepend .input-group-text {
    border-radius: 2px 0 0 2px !important;
    padding: 10px 5px 5px !important;
}

.outline-labels .select2-selection__clear {
    line-height: 26px !important;
    margin-right: 10px !important;
    background-color: #e9ecef;
    border-radius: 2px !important;
    padding: 0 8px !important;
}

.outline-labels .btn-group:not(.note-btn-group) {
    height: 40px !important;
    width: 100%;
}

.tfield_block_events .btn-group .btn {
    opacity: 0.7;
}

.btn-group .btn {
    margin-right: 0 !important;
}

.outline-labels .btn-group .btn {
    padding-top: 12px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 40px !important;
}

.datepicker table tr td.active.active,
.datepicker table tr td span.active.active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td span.active.active {
    background-color: var(--neo-primary-color-l) !important;
    background-image: none !important;
}

.datepicker table tr td.today,
.datetimepicker table tr td.today {
    background-color: var(--neo-secondary-color) !important;
    background-image: none !important;
}

.panel-body {
    padding: 0 1.25rem 1rem;
}

.panel-body .nav-tabs {
    margin-top: 1.25rem;
}

.outline-labels .fb-inline-field-container:has(> label.description) {
    height: 15px !important;
}

.outline-labels label.description,
.outline-labels label.description .neo-field-qr-code  {
    background-color: #fff !important;
    position: relative !important;
    top: 5px;
    left: 10px;
    z-index: 2;
    color: #333;
    border-radius: 2px !important;
    padding: 0 5px;
}

.outline-labels.bold label.description {
    font-weight: bold !important;
}

.outline-labels .neo-field-check-wrapper div[data-toggle=buttons] .btn-group label {
    width: 50%;
}

.badge.badge-neo-primary {
    color: #fff;
    background-color: var(--neo-primary-color);
}

.outline-labels label.description.left-content {
    left: 35px !important;
}

.tseparator {
    padding-top: 15px;
}

hr.tseparator-divisor {
    margin-bottom: 0;
    margin-top: 5px;
}

h5.separator2 {
    background-color: var(--neo-primary-color-l);
    color: #fff;
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
    font-size: 1.1rem;
    padding: 12px 10px 5px;
}

.inner-tab-form {
    border: none;
}

.nav.nav-tabs .nav-link.active {
    color: var(--neo-primary-color-l);
    font-weight: 800;
}

.outline-labels select[widget="tcombo"],
select.tcombo:not([multiple='1']) {
    padding-right: 30px !important;
}

.file-drop-zone {
    min-height: 150px !important;
}

.id-label {
    background-color: var(--neo-primary-color);
    color: #fff;
    padding: 6px 15px 5px;
}

.child-card-item {
    box-shadow: none;
    border-color: var(--neo-primary-color) !important;
}

.child-card-item-add span i {
    color: var(--neo-primary-color) !important;
}

.child-card-item-add.disabled,
.card.child-card-item-add.disabled { 
    border-color: #ccc !important;
    border-top-color: #ccc !important;
}
.child-card-item-add.disabled * { 
    color: #777 !important;
}

.child-card-item:not(.child-card-item-add):not(.disabled):hover,
.child-card-item.selected:not(.child-card-item-add) {
    background-color: var(--neo-secondary-color) !important;
}

.child-card-item-actions {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 1;
}

.child-card-item-actions.right {
    left: 8px;
    top: auto;
    bottom: auto;
    z-index: 9;
}

table.child-table {
    border-spacing: 0;
    border-color: #d2d6de;
}

table.child-table thead tr th {
    padding-top: 10px !important;
    color: var(--neo-primary-color);
}

table.child-table tbody tr:hover td {
    background-color: var(--neo-secondary-color);
    cursor: pointer;
}

table tbody tr td.active {
    background-color: var(--neo-primary-color);
    color: #fff;
    cursor: pointer;
}

table.child-table tbody tr td {
    border-top: solid 1px #fff !important;
    border-bottom: solid 1px #fff !important;
}

table.child-table tbody tr td:first-child {
    border-left: solid 1px #fff !important;
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}

table.child-table tbody tr td:last-child {
    border-right: solid 1px #fff !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.child-table-col-action .btn {
    margin-right: 5px;
}

.child-table .text-right {
    text-align: right !important;
}

.child-table thead tr th.text-right {
    padding-right: 10px !important;
}

.und-med-col {
    display: inline-block;
    width: 50px;
    padding-left: 10px;
}

.part-info .part-name {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.outline-labels .input-group .input-group-addon.btn {
    padding-top: 10px;
    height: 40px;
}

.outline-labels .input-group .input-group-addon.btn:last-child {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}

.tdatagrid_cell .btn.btn-default {
    border: none;
    background-color: var(--neo-secondary-color);
}

.tdatagrid_cell .btn.btn-default.disabled {
    background-color: #ddd;
}

.tdatagrid_cell .btn-default {
    height: auto;
}

.ribbon-wrapper {
    height: 70px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 70px;
    z-index: 10;
}

.ribbon-wrapper .ribbon {
    box-shadow: 0 0 3px #000;
    font-size: .8rem;
    line-height: 100%;
    position: relative;
    right: -2px;
    text-align: center;
    text-shadow: 0 -1px 0 #000;
    text-transform: uppercase;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 90px;
    padding: .475rem 0;
}

[form=manager_form] .card-header {
    min-height: 45px;
}

.manager-filter-text-wrapper {
    display: inline-block;
    position: relative;
}

.manager-filter-text-wrapper i {
    position: absolute;
    top: 10px;
    left: 10px;
}

.manager-filter-text-wrapper input,
.manager-filter-text-wrapper input:hover,
.manager-filter-text-wrapper input:focus {
    padding-left: 30px;
    margin-right: 2px;
    min-width: 300px;
    height: 32px;
    margin-bottom: 2px;
    border-radius: 2px;
    border-color: var(--neo-primary-color);
}

#gridPanelCntt .card-body {
    min-height: 550px !important;
    padding: 0;
}

#gridPanelCntt table thead,
#gridPanelCntt table thead th {
    position: sticky;
    top: 0;
    /* z-index: 1; */
    background-color: #fff;
    
}

#gridPanelCntt table thead tr th {
    box-shadow: inset 0 0 0 #fff, inset 0 -1px 0 rgba(0, 0, 0, .125);
    height: 40px;
}

.row [class*='col'] {
    transition: flex .3s ease-in-out, max-width .3s ease-in-out, all .3s ease !important;
}

.table tbody tr.selected td {
    background-color: var(--neo-secondary-color) !important;
    color: #000 !important;
    border-top: solid 1px var(--neo-primary-color-d) !important;
    border-bottom: solid 1px var(--neo-primary-color-d) !important;
}

/* .table-striped tbody tr.selected:nth-of-type(odd),
.table-striped tbody tr.selected {
    background-color: rgba(0, 0, 0, .08) !important;
} */

.table tbody tr.selected td .btn {
    background-color: transparent;
}

#gridPanelCntt .card-body.panel-body {
    overflow-x: auto;
}

/* #selectPanelCntt .card-body {
    overflow-y: scroll;
} */

.neo-manager-form .card-footer.panel-footer {
    position: sticky;
    bottom: 0;
    background-color: #f7f7f7;
}

.neo-manager-form table thead {
    position: sticky;
    top: 0;
    background-color: #f7f7f7;
}

body {
    overflow-x: unset !important;
    overflow-y: unset !important;
}

.wrapper {
    overflow: unset !important;
}

[class*='bg-']:not(.bg-light) {
    color: #fff;
}

.right-panel .container-part {
    position: absolute;
    width: 800px;
    height: 100%;
    top: 0;
    display: block;
    border-left: 1px solid silver;
    box-shadow: -25px 10px 50px 0 rgba(50, 50, 50, 0.34);
    background: #FFF;
    z-index: 1;
}

#adianti_tab_content .adianti-tab {
    border-bottom: 3px solid transparent !important;
    min-width: 150px;
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
    padding-left: 10px;
}

#adianti_tab_content .adianti-tab.active {
    background: #e6e6e6 !important;
    border-bottom: 3px solid var(--neo-primary-color) !important;
    font-weight: 700;
    color: var(--neo-primary-color-d);
    border-color: #e6e6e6 !important;
}
/* 
#adianti_tab_content .adianti-close-tab {
    float: right;
    margin-right: 5px;
} */

#adianti_content .tab-arrow {
    height: 51px;
}

.btn-group.manager-buttons .btn {
    margin-left: 5px;
}

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




.bootbox .modal-footer button {
    min-width: 120px;
}

.bootbox .modal-body span:not(.fa) {
    font-size: 1.2em;
}

.dropdown-item.disabled {
    color: #6c757d !important;
}

[data-validator=enabled] .outline-labels input[type="text"].tfield[data-validator=valid],
[data-validator=enabled] .outline-labels select.tcombo[data-validator=valid],
[data-validator=enabled] .tcombo[data-validator=valid],
[data-validator=enabled] .tfield[data-validator=valid],
[data-validator=enabled] [data-validator=valid] {
    border-left: solid 5px var(--green) !important;
}

[data-validator=enabled] .outline-labels input[type="text"].tfield[data-validator=invalid],
[data-validator=enabled] .outline-labels select.tcombo[data-validator=invalid],
[data-validator=enabled] .tcombo[data-validator=invalid],
[data-validator=enabled] .tfield[data-validator=invalid],
[data-validator=enabled] [data-validator=invalid] {
    border-left: solid 5px var(--red) !important;
}

[data-validator=enabled] .outline-labels input[type="text"].tfield[data-validator=undefined],
[data-validator=enabled] .outline-labels select.tcombo[data-validator=undefined],
[data-validator=enabled] .tcombo[data-validator=undefined],
[data-validator=enabled] .tfield[data-validator=undefined],
[data-validator=enabled] [data-validator=undefined] {
    border-left: solid 5px var(--gray) !important;
}

.validator-message {
    background: var(--red);
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    display: none;
    border-radius: 3px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    z-index: 9;
    padding: 10px;
}

.validator-message:before {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--red);
    position: absolute;
    bottom: -8px;
    left: 20px;
}


.btn-group:not(.manager-buttons) .btn:first-child {

    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.btn-group:not(.manager-buttons) .btn:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn-group:not(.manager-buttons) .btn-group .btn {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.label>.badge {
    position: absolute;
    top: -2px;
    right: -2px;
    font-size: 10px;
    font-weight: 400;
}

.box-title a {
    color: var(--neo-primary-color);
    display: block;
    width: 100%;
}

.box-title a:hover,
.box-title a:focus,
.box-title a:active {
    color: var(--neo-primary-color-l);
}

.panel.box {
    border-top-color: var(--neo-primary-color);
}

.list-item-circled {
    border-radius: 3px;
    width: 30px;
    height: 28px;
    float: left;
    margin-right: 10px;
    color: #333;
    background-color: #ddd;
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    padding-top: 3px;
}

.tfieldlist input,
.tfieldlist input:focus,
.tfieldlist textarea,
.tfieldlist textarea:focus {
    border-radius: 2px !important;
}

.select2-search__field,
.select2-search__field:focus {
    height: 32px !important;
    border-radius: 2px !important;
    font-weight: bold;
}


.status-label {
    border-left: solid 8px !important;
}

.status-label.label-success {
    border-left-color: var(--success) !important;
    background-color: #d5eedb !important;
    color: var(--dark) !important;
}

.status-label.label-danger {
    border-left-color: var(--danger) !important;
    background-color: #fadcdf !important;
    color: var(--dark) !important;
}

.status-label.label-warning {
    border-left-color: var(--warning) !important;
    background-color: #fcefcb !important;
    color: var(--dark) !important;
}

.status-label.label-primary {
    border-left-color: var(--primary) !important;
    background-color: #d3e8ff !important;
    color: var(--dark) !important;
}

/* Caso 1609: faixas de atraso (Situação + Vencimento) */
.status-label.label-orange {
    border-left-color: #ea580c !important;
    background-color: #fff2e8 !important;
    color: var(--dark) !important;
}

.status-label.label-maroon {
    border-left-color: #991b1b !important;
    background-color: #fbe0e0 !important;
    color: var(--dark) !important;
}

.venc-col {
    white-space: nowrap;
}

.venc-col .d.dt-vencido {
    color: #dc2626 !important;
    font-weight: 700;
}

.selo-atraso {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-left: 8px;
    padding: 1px 8px;
    border-radius: 12px;
    vertical-align: 1px;
    white-space: nowrap;
}

.selo-atraso.v15,
.selo-atraso.hoje {
    color: #b45309;
    background: #fffbeb;
}

.selo-atraso.v30 {
    color: #c2410c;
    background: #fff7ed;
}

.selo-atraso.v60 {
    color: #dc2626;
    background: #fef2f2;
}

.selo-atraso.v61 {
    color: #991b1b;
    background: #fee2e2;
}

.selo-atraso.ok {
    color: #9aa3ad;
    background: #f1f5f9;
}
.outline-labels .input-group-prepend button {
    padding-top: 10px;
    height: 40px !important;
}

.window_modal.ui-dialog-content.ui-widget-content .card-header,
.window_modal.ui-dialog-content.ui-widget-content .card-header .panel-title,
.ui-dialog-titlebar {
    background-color: var(--neo-primary-color);
    color: #fff !important;
}

.ui-widget textarea {
    font-size: 1em !important;
}

[type="checkbox"]+label.tswitch {
    user-select: none;
    padding-left: 50px;
    padding-right: 2px;
    height: 22px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    background-color: transparent !important;
    color: #555 !important;
}

[type="checkbox"].filled-in:not(:checked)+label.tswitch:before,
[type="checkbox"].filled-in:checked+label.tswitch:before {
    top: 1px;
    height: 22px;
    width: 40px;
}

[type="checkbox"].filled-in:not(:checked)+label.tswitch:after {
    top: 2px;
    left: 2px;
}

[type="checkbox"].filled-in:checked+label.tswitch:after {
    left: 20px;
}

[type="checkbox"].filled-in:checked+label.tswitch:after,
[type="checkbox"].filled-in:not(:checked)+label.tswitch:after {
    width: 18px;
    height: 18px;
}

.accordion.item-no-margin .box {
    margin-bottom: 0 !important;
}

.form-group.tformrow.row.top {
    align-items: flex-start !important;
}

.box-group .box-header .box-title a i {
    float: right;
}
.box-group .box-header .box-title .badge {
    float: right;
}
.box-group .box-header .box-title .badge i {
    float: unset;
}

.tot-detail-expand>i {
    position: absolute;
    top: 12px;
    left: 15px;
    color: var(--neo-primary-color);
    font-size: 1.2em;
}

.bg-neo-primary-color {
    background-color: var(--neo-primary-color);
}

.bg-neo-secondary-color-l {
    background-color: var(--neo-secondary-color-l);
}

.text-neo-primary-color {
    color: var(--neo-primary-color);
}

a.text-neo-primary-color:hover,
a.text-neo-primary-color:focus {
    
}

.text-neo-secondary-color-l {
    color: var(--neo-secondary-color-l);
}


ul.neo-tree {
    list-style-type: none;
    position: relative;
    margin: 0;
    padding: 0;
}

ul.neo-tree li {
    list-style-type: none;
    border-left: 4px solid #ccc;
    margin: 0 0 0 40px;
    padding: 0;
}

ul.neo-tree li.li-fat {
    border-left-color: var(--neo-primary-color-l);
}

ul.neo-tree li .content-box {
    position: relative;
    padding: 10px 0 0 20px;
}

ul.neo-tree li .content-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: -4px;
    bottom: 40%;
    width: 30px;
    border: 4px solid #ccc;
    border-top: 0 none transparent;
    border-right: 0 none transparent;
}

ul.neo-tree .content-box.content-box-fat::before {
    border-color: var(--neo-primary-color-l);
}

ul.neo-tree>li:last-child {
    border-left: 4px solid transparent;
}

ul.neo-tree.nivel-0>li {
    margin-left: 0;
    border-color: transparent !important;
}

ul.neo-tree.nivel-0>li>.content-box::before {
    border-color: transparent !important;
}

label {
    font-family: inherit;
    font-size: inherit;
}

table [type="checkbox"]+label.tswitch {
    color: #000 !important;
}

to {
    opacity: 0;
}

.ui-widget-overlay {
    background: rgba(0, 0, 0, .5) !important;
    filter: none;
    opacity: unset;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    animation: fade-in .5s;
}

.steps li.active .step-number,
.steps li.active:before,
.steps li.complete .step-number,
.steps li.complete:before {
    border-color: var(--neo-primary-color);
}

.btn-group.manager-buttons a.btn.btn-default.disabled,
.tdatagrid_cell .btn.btn-default.disabled {
    color: #777 !important;
}

#gridPanelCntt .card-body .table th:first-child::after {
    content: "";
    display: inline-block;
    vertical-align: top;
    min-height: 45px;
}

#gridPanelCntt table {
    white-space: nowrap;
}

.cursor-pointer {
    cursor: pointer;
}

.header-actions .label,
.header-actions .id-label,
.header-actions .btn {
    height: 32px;
    margin-right: 4px;
}

.header-actions .label {
    padding-top: 8px;
}

.public-page .form-group {
    margin-bottom: 7px;
}

.card:not(.child-card-item):not(.part-info):not(.no-shadow) {
    /* box-shadow: 0 2px 10px #000 !important; */
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%) !important;
}

.right-panel:has(> .container-part[page_name=TrfList]),
.right-panel>.container-part[page_name=TrfList] {
    width: 380px !important;
}

.right-panel:has(> .container-part[page_name=TrfView]),
.right-panel>.container-part[page_name=TrfView] {
    width: 450px !important;
}

.right-panel .box-footer {
    position: sticky;
    bottom: 0;
    z-index: 100;
}

.header-sticky {
    position: sticky;
    top: 0;
    z-index: 100;
}

.note-editor.note-frame .note-editing-area .note-codable,
.note-editor.note-airframe .note-editing-area .note-codable {
    color: green !important;
}

.pos-center {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.card.no-shadow,
.no-shadow {
    box-shadow: none !important;
}

.border-top {
    border-top: solid 1px #ccc;
}

#NeoManagerFormCustomFilter [tcheckgroup="filters"],
#NeoManagerFormCustomFilter [tcheckgroup="columns"] {
    max-height: 300px;
    overflow-y: scroll;
}

.btn.no-text i {
    margin-right: 0 !important;
}

.btn.icon-lg:not(.btn-link):not(.btn-circle) i {
    font-size: 16px !important;
}

.sidebar-menu>li>.treeview-menu {
    background: #434a52 !important;
}

.sidebar-menu>li:hover>a,
.sidebar-menu>li.active>a,
.sidebar-menu>li>ul>li:hover:not(.divisor) {
    color: #fff !important;
    background: var(--neo-primary-color) !important;
    transition: all .3s ease !important;
}

.sidebar-menu>li>ul {
    padding: 2px 0 !important;
}

.sidebar-menu>li.header {
    color: #4b646f;
    background: #343a40 !important;
}

.nav-link.divisor {
    border-bottom: 1px solid #56606a;
    margin-bottom: 2px !important;
    padding: 1px 0 1px 16px;
}

.sidebar-menu li a {
    transition: all .3s ease !important;
}

.sidebar-menu>li.active>a,
.sidebar-menu>li>a:hover,
.sidebar-menu>li:hover {
    transition: all .2s ease;
    border-color: var(--neo-primary-color-d) !important;
}

.sidebar-menu>li>a .menu-item-tree {
    transition: all .2s ease;
    padding-top: 2px;
}

.sidebar-menu>li.active>a .menu-item-tree {
    transform: rotate(90deg) translateX(50%) translateY(50%);
}
.sidebar-menu .nav-link[disabled="1"] a {
    color: #777 !important;
}
.sidebar-menu .nav-link[disabled="1"]:hover {
    background-color: unset !important;
}

.skin-purple .sidebar-menu>li.header {
    color: #d0d4db !important;
}

.sidebar .form-inline .input-group {
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

[class*=sidebar-dark] .btn-sidebar,
[class*=sidebar-dark] .form-control-sidebar {
    background-color: #3f474e;
    border: 1px solid #56606a;
    color: #fff !important;
}

aside.main-sidebar,
aside.left-side {
    width: 230px;
}

.skin-purple .main-header .sidebar-toggle:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

body>.wrapper,
.skin-purple .main-sidebar,
.skin-purple .left-side {
    background-color: #343a40 !important;
    z-index: 99;
}

.sidebar-search input.form-control-sidebar:focus-visible {
    color: #000 !important;
    background-color: #fff;
}

.sidebar-search-results {
    position: relative;
    display: none;
    width: 100%;
}

.sidebar-search-results .list-group>.list-group-item:first-child {
    margin-top: 0;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sidebar-search-results .list-group>.list-group-item {
    padding: .375rem .75rem;
}

.list-group-item.active,
.sidebar-search-results .list-group>.list-group-item:hover {
    background-color: var(--neo-primary-color);
    color: #fff;
    border-color: var(--neo-primary-color);
}

[class*=sidebar-dark-] .sidebar a {
    color: #c2c7d0;
}

[class*=sidebar-dark] .list-group-item {
    background-color: #454d55;
    color: #c2c7d0;
    border-color: #56606a;
}

.sidebar-search-results .list-group {
    position: absolute;
    width: 100%;
    z-index: 1039;
}

.sidebar-search-block-ui {
    z-index: 10;
    background-color: rgba(0, 0, 0, .3);
    backdrop-filter: blur(2px);
    position: fixed;
    left: 0;
    top: 0;
    width: 230px;
    bottom: 0;
}

[data-widget="sidebar-search"] {
    z-index: 20 !important;
    position: relative;
}

.sidebar-search-open .sidebar-search-block-ui {
    display: block;
    animation: fade-in .5s;
}


.sidebar-menu>li>a>i:not(.menu-item-tree) {
    font-size: 16px;
    width: 30px;
}



.sidebar-menu>li>a {
    padding-left: 0;
}


label,
input,
button,
select,
textarea,
select[widget="tcombo"],
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.btn-sm,
.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover,
.sidebar .sidebar-menu .treeview-menu>li>a {
    font-size: 12px;
}

#adianti_content .adianti_tabs_container,
.btn-group>.btn {
    margin: 0;
}

.bs-callout p:last-child,
ul.neo-tree li .box,
#gridPanelCntt .table,
.form-group {
    margin-bottom: 0;
}

.bs-callout-default h4,
.tdatagrid_cell .btn.btn-default.disabled i {
    color: #777;
}

.skin-purple-light .main-header .logo,
.skin-green .main-header .logo,
.btn-neo-primary:active,
.btn-neo-primary.active,
.skin-purple .main-header .logo,
table tbody tr:hover .tdatagrid_cell .btn.btn-default:active:not(.btn.btn-default.disabled),
table tbody tr:hover .tdatagrid_cell .btn.btn-default.active:not(.btn.btn-default.disabled) {
    background-color: var(--neo-primary-color-d) !important;
}

.skin-purple-light .main-header .navbar,
.skin-purple .main-header .navbar,
.skin-green-light .main-header .navbar,
.skin-green .main-header .navbar,
.taccordion,
.progress-bar-success,
[type="checkbox"].filled-in:checked+label.tswitch::after,
[type="checkbox"].filled-in:checked+label.tswitch::before,
[type="checkbox"].filled-in:checked+label.tswitch.green::after,
[type="checkbox"].filled-in:checked+label.tswitch.green::before {
    background-color: var(--neo-primary-color) !important;
}

.dropdown-item.active,
.dropdown-item:focus,
.dropdown-item:active,
.btn-group .btn-default,
table tbody tr:hover td.active {
    color: #000;
}

.input-group-prepend .inplace_field,
.input-group-append .inplace_field {
    border-color: #ccc;
}

.file-uploader-image .file-drop-zone {
    margin: 0 !important;
}

.btn-group .tcheckgroup_label [type=radio],
.child-card-item .child-card-item-actions .btn,
[form=manager_form] .panel-title,
a[aria-expanded=true]:not(.expand-up) i.fa.fa-angle-down,
a[aria-expanded=false]:not(.expand-up) i.fa.fa-angle-up,
.report-content table tfoot,
a[aria-expanded=true]:not(.expand-up) .fa-chevron-down,
a[aria-expanded=false]:not(.expand-up) .fa-chevron-up,
.sidebar-search .sidebar-search-block-ui {
    display: none;
}

a[aria-expanded=false].expand-up .fa-angle-down,
a[aria-expanded=true].expand-up .fa-angle-up,
a[aria-expanded=false].expand-up .fa-chevron-down,
a[aria-expanded=true].expand-up .fa-chevron-up {
    display: none;
}



.btn-neo-primary:not(.btn-sm),
.btn.btn-default:not(.btn-sm),
.btn.btn-danger:not(.btn-sm),
#manager_form .panel-footer .btn-group label {
    padding-top: 6px;
    height: 32px;
}

.btn-neo-primary:hover,
.btn-neo-primary:focus,
table tbody tr:hover .tdatagrid_cell .btn.btn-default:hover:not(.btn.btn-default.disabled),
table tbody tr:hover .tdatagrid_cell .btn.btn-default:focus:not(.btn.btn-default.disabled) {
    background-color: var(--neo-primary-color-l) !important;
}

.btn-neo-primary i,
.child-card-item-add:not(.disabled):hover span i,
.list-group-item-action.neo-primary:hover h4,
.sidebar-menu>li>ul>li:hover>a {
    color: #fff !important;
}

a.nav-link,
#adianti_tab_content .adianti-tab:not(.active):hover,
#adianti_content .tab-arrow:hover,
.neo-primary-color,
.box.box-solid.box-neo-primary>.box-header,
.steps li.complete .step-number:before {
    color: var(--neo-primary-color);
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(142, 142, 142, 0.58) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.child-card-item-add:hover:not(.disabled) {
    background-color: var(--neo-primary-color) !important;
    color: #fff !important;
}

.outline-labels .tdate-group,
.outline-labels .neo-field-check-wrapper div[data-toggle=buttons] .btn-group {
    width: 100%;
}


.neo-text-field span.ttd,
.steps li .step-number {
    font-weight: 700;
}

.outline-labels .neo-text-field.neo-field-date-time span.ttd,
.outline-labels .neo-text-field.neo-field-date span.ttd,
.ui-dialog-titlebar .ui-dialog-title {
    text-align: center;
}

.outline-labels .tfield.neo-field-numeric,
.outline-labels span.tdate-group-addon {
    border-radius: 0 2px 2px 0 !important;
}

.outline-labels .qtd-label {
    margin-left: 50px !important;
}

.inner-tab-form>.form-horizontal>.card-body.panel-body,
[data-child-class=FatPagEntity] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.child-card-item-add,
.d-flex-center {
    display: flex;
    flex-direction: unset !important;
    justify-content: center;
    align-items: center;
}

.child-card-item:hover .child-card-item-actions .btn,
.part-info .col,
.sidebar-search-open .sidebar-search-results {
    display: inline-block;
}

.part-info,
table.table-hover tbody tr:hover td {
    background-color: var(--neo-secondary-color);
}

table tbody tr:hover .tdatagrid_cell .btn.btn-default:not(.btn.btn-default.disabled),
.list-group-item-action.neo-primary:hover {
    background-color: var(--neo-primary-color);
    color: #fff;
}

[form=view_form] .tdatagrid_footer,
[form=data_form] .tdatagrid_footer,
panel-footer,
[form=data_form] .panel-footer,
[form=view_form] .panel-footer {
    position: sticky;
    bottom: 0;
    z-index: 100;
    background-color: #f7f7f7;
}

#gridPanelCntt,
#selectPanelCntt,
table tr td,
a,
i,
.child-card-item-actions,
.child-card-item .btn,
#adianti_tab_content .adianti-tab {
    transition: all .3s ease;
}

/* .fb-inline-field-container,
.label {
    position: relative;
} */

.float-r,
.sidebar-menu .menu-item-tree {
    float: right !important;
}

/* a[aria-expanded=true] i.fa.fa-angle-up,
a[aria-expanded=false] i.fa.fa-angle-down {
    display: block;
} */

.steps li .step-title,
.fw-600 {
    font-weight: 600;
}

.line-through,
.text-underscore {
    text-decoration: line-through;
}

.card-footer .btn i,
.card-header .btn i, 
.card-footer .btn,
.card-header .btn,
.card-header .btn-group,
.card-footer .btn-group {
    margin-left: 0;
    margin-right: 4px;
}

.main-header>.navbar,
.content-wrapper,
.right-side,
.main-footer {
    margin-left: 230px !important;
}

.app-mobile-menu {
    position: sticky; 
    bottom: 0; 
    z-index: 100; 
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #d2d6de;
    font-size: 1.1em;
    width: 100%;
}
.app-mobile-menu>a,
.app-mobile-menu>div>a {
    color: #333;
    width: 110px;
    height: 65px;
    display: flex;
    font-weight: bold;
    flex-direction: column;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    border-top: 3px solid transparent;
}
.app-mobile-menu>a>i,
.app-mobile-menu>div>a>i {
    font-size: 1.5em;
    margin-bottom: 5px;
}

.app-mobile-menu>a:hover,
.app-mobile-menu>a.active,
.app-mobile-menu>div>a:hover,
.app-mobile-menu>div>a.active {
    color: var(--neo-primary-color);
    border-top: 3px solid var(--neo-primary-color);
    background-color: #f7f7f7;
    transition: all .5s ease;
}

.app-mobile-menu>a.app-mobile-act-list-menu-item:hover,
.app-mobile-menu>a.app-mobile-act-list-menu-item.active {
    color: var(--blue);
    border-top-color: var(--blue);
}

.app-mobile-menu>a.app-mobile-cap-soc-list-menu-item:hover,
.app-mobile-menu>a.app-mobile-cap-soc-list-menu-item.active {
    color: rgb(217, 119, 6);
    border-top-color: rgb(217, 119, 6);
}

.treeview-menu>li>a,
.skin-purple .main-sidebar,
.skin-purple .left-side {
    color: #c2c7d0 !important;
}

.usr-emp-menu {
    width: 300px;
}



/* SIDEBAR MINI */

.sidebar-collapse .main-header .logo .logo-lg,
.sidebar-search .sidebar-search-block-ui,
.sidebar-collapse .sidebar-search,
.sidebar-collapse .memory-usage-container,
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a i.fa.menu-item-tree {
    display: none;
}

.sidebar-collapse .main-header>.navbar,
.sidebar-collapse .content-wrapper,
.sidebar-collapse .right-side,
.sidebar-collapse .main-footer {
    margin-left: 50px !important;
}

body.sidebar-collapse .main-header .logo .logo-mini {
    display: block;
}

body.sidebar-collapse .main-header .logo,
.sidebar-collapse .main-header .logo,
.sidebar-collapse aside.main-sidebar,
.sidebar-collapse aside.left-side {
    width: 50px !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
    margin-top: -3px !important;
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>i {
    font-size: 20px;
    width: 20px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
    padding-left: 10px;
}

.sidebar-collapse .sidebar-menu>li>a {
    margin-bottom: 0;
}

.sidebar-collapse .sidebar-menu>li>.treeview-menu {
    margin: 0 !important;
}


@media (max-width: 767px) {
    .right-side,
    .main-footer {
        margin-left: 50px !important;
    }

    body .main-header .logo {
        display: block;
        width: 100% !important;
    }

    .content-wrapper,
    .main-header>.navbar {
        margin-left: 0 !important;
    }

    .main-header>.navbar,
    .content-wrapper,
    .right-side,
    .main-footer {
        margin-left: 0 !important;
    }

    

    .sidebar-open .content-wrapper, 
    .sidebar-open .right-side, 
    .sidebar-open .main-footer {
        -webkit-transform: translate(230px,0) !important;
        -ms-transform: translate(230px,0) !important;
        -o-transform: translate(230px,0) !important;
        transform: translate(230px,0) !important;
    }
}


#selectPanelCntt {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    align-self: flex-start;
}

#gridPanelCntt .card-header.panel-heading {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    /* box-shadow: 0 2px 20px #ccc; */
    /* background-color: #eee; */
}

.manager-header-actions {
    margin-left: auto;
    padding-right: 40px;
    display: flex;
    width: 100%;
}

.manager-header-actions .btn[disabled],
.manager-header-actions .btn[disabled] i,
.manager-header-actions .btn[disabled].active,
.manager-header-actions .btn[disabled]:active,
.manager-header-actions .btn[disabled]:hover,
.tooltip-wrapper .btn[disabled],
.tooltip-wrapper .btn[disabled] i,
.tooltip-wrapper .btn[disabled].active,
.tooltip-wrapper .btn[disabled]:active,
.tooltip-wrapper .btn[disabled]:hover {
    background-color: #dfdfdf !important;
    color: #888 !important;
    border-color: #aaa !important;
}

.manager-header-actions .btn {
    height: 32px;
}



#gridPanelCntt table {
    border-collapse: separate;
}
[page-name]:not(.trash-mode) #gridPanelCntt table thead tr th:nth-child(2),
[page-name]:not(.trash-mode) #gridPanelCntt table tbody tr td:nth-child(2) {
    position: sticky;
    left: 0;
    z-index: 2;
    /* border-right: solid 1px #d1d1d1; */
}


#gridPanelCntt table thead tr th:last-child,
#gridPanelCntt table tbody tr td:last-child {
    position: sticky;
    right: 0;
    z-index: 2;
}

#gridPanelCntt table tbody tr td .dropdown {
    z-index: 99999 !important;
} 

.trash-mode #gridPanelCntt .card-body {
    border-left: solid 2px var(--red);
    border-right: solid 2px var(--red);
    border-top: solid 2px var(--red);
} 
.trash-mode #gridPanelCntt .card-footer {
    border-left: solid 2px var(--red);
    border-right: solid 2px var(--red);
    border-bottom: solid 2px var(--red);
} 

[form=manager_form] {
    margin-top: -55px;
    padding-top: 55px;
}


[form=manager_form] .panel-footer {
    display: flex;
    justify-content: right;
    align-items: right;
}

/* [form=manager_form] .panel-footer [name=btn_show_opt_filter] {
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: solid 1px #d1d1d1 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute; 
    top: 0; 
    right: 0; 
    height: 100%;
    width: auto !important;
} */

[form=manager_form] .panel-footer .btn-show-opt-filter-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 80px;
    height: 32px;
    top: -16px; 
    left: 50%;
    margin-left: -20px;
}

[form=manager_form] .panel-footer .btn-show-opt-filter-container:hover [name=btn_show_opt_filter] {
    width: 80px !important;
    height: 32px !important;
    border-color: var(--neo-primary-color) !important;
    display: block;
    padding-top: 7px !important;
}

[form=manager_form] .panel-footer .btn-show-opt-filter-container:hover [name=btn_show_opt_filter] i {
    margin-right: 3px !important;
}

[form=manager_form] .panel-footer [name=btn_show_opt_filter] {
    background-color: var(--neo-primary-color);
    /* border: solid 1px #aaa !important; */
    border-radius: 3px !important;
    display: flex;
    width: 22px !important;
    height: 22px !important;
    transition: all .3s ease-in-out;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    overflow: hidden;
}

[form=manager_form] .panel-footer [name=btn_show_opt_filter] i {
    margin: auto !important;
    color: #fff;
}
[form=manager_form] .panel-footer [name=btn_show_opt_filter] span {
    display: none;
    color: #fff;
}

[form=manager_form] .panel-footer .btn-show-opt-filter-container:hover [name=btn_show_opt_filter] span {
    display: inline-block;
}

.manager-menu {
    position: absolute; 
    top: 0; 
    right: 0; 
    height: 100%;
}

.manager-menu > .btn-group {
    height: 100%;
}

.manager-menu > .btn-group > .btn.dropdown-toggle {
    background-color: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: solid 1px #d1d1d1 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 100%;
}
.manager-menu > .btn-group > .btn.dropdown-toggle:after {
    display: none;
}

/* .dropdown, .dropleft, .dropright, .dropup {
    position: unset !important;
} */
.table-striped tbody tr,
.table-striped tbody tr td {
    background-color: #fff;
}

.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(odd) td {
    background-color: #f2f2f2;
}

.btn i {
    padding-right: 4px;
    padding-left: 4px;
}

[form=manager_form] .card-header.panel-heading {
    display: none;
}
[page_name=ActManager] #manager_form .card-body {
    min-height: 140px;
}

[page_name=ActManager] #manager_form .card-body .tab-content {
    margin-left: 150px;
}

.btn-group.manager-buttons .dropdown-menu {
    margin-left: 5px;
}

.manager-header-actions #selectDropDown .btn.dropdown-toggle {
    border-radius: 3px !important;
}

.manager-buttons .btn-group.dropright .btn.dropdown-toggle {
    border-radius: 3px !important;
}

.manager-buttons ul.dropdown-menu li a {
    padding: 4px 12px;
}

.neo-border-top-primary,
.neo-register-form .card,
.ui-dialog .window_modal .panel,
.box-group .card {
    border-top: solid 3px var(--neo-primary-color) !important;
}

.neo-border-top-danger {
    border-top: solid 3px var(--red);
}

.neo-border-top-warning {
    border-top: solid 3px var(--warning);
}

.inativos-mode #gridPanelCntt .card-body {
    border-left: solid 2px var(--warning);
    border-right: solid 2px var(--warning);
    border-top: solid 2px var(--warning);
}
.inativos-mode #gridPanelCntt .card-footer {
    border-left: solid 2px var(--warning);
    border-right: solid 2px var(--warning);
    border-bottom: solid 2px var(--warning);
}

.status-label.small {
    padding-top: 5px;
}

.inner-form > .form-horizontal > .card-body {
    padding: 0;
}

 #adianti_tab_content .adianti-tab {
    padding-top: 13px;
    padding-bottom: 11px;
}

#adianti_tab_content .adianti-tab .adianti-tab-name {
    padding-top: 1px;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toggle-wrapper .btn-group .btn {
    background-color: #fff !important;
    
    border-color: #aaa !important;
    padding-left: 32px !important;
}

.toggle-wrapper .btn-group .btn::before {
    
    display: block;
    position: absolute;
    top: calc(50% - 9px);
    left: 10px;
    width: 14px;
    height: 14px;

    font-family: "Font Awesome 5 Free";
    content: "\f111";
    color: #aaa;
    font-weight: 400;
    font-size: 14px;
}

.toggle-wrapper .btn-group .btn:hover,
.toggle-wrapper .btn-group .btn.active {
    background-color: #fff !important;
    color: var(--neo-primary-color-d) !important;
    border-bottom-width: 1px;
    border-color: var(--neo-primary-color) !important;
    border-top-width: 2px;
}

.toggle-wrapper .btn-group .btn:hover::before,
.toggle-wrapper .btn-group .btn.active::before {
    background-color: #fff;
    font-family: "Font Awesome 5 Free";
    content: "\f192";
    color: var(--neo-primary-color);
    font-weight: 400;
}

.manager-sub-tabs {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}


.manager-sub-tabs .btn,
.manager-sub-tabs .btn.active {
    border-bottom: none;
    border-top: solid 3px #d0d4db !important;
    border-left: solid 1px #d0d4db !important;
    border-right: solid 1px #d0d4db !important;
    background-color: #fff !important;
    color: #333 !important;
    font-weight: normal !important;
    border-radius: 0 !important;
    padding-top: 12px !important;
    height: 100% !important;
}

.manager-sub-tabs .btn.active,
.manager-sub-tabs .btn:hover {
    border-top: solid 3px var(--red) !important;
    color: var(--red) !important;
    font-weight: bold !important;
} 

.dropdown-menu>li>a>.glyphicon,.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>.far,.dropdown-menu>li>a>.fas,.dropdown-menu>li>a>.ion,.dropdown-menu>li>a>.fab {
    margin-right: 10px
}


@media screen and (max-width: 800px) {

    .table-parent .card-body,
    .table-content-panel {
        overflow-x: auto !important;
    }

    .manager-actions .manager-header-actions .btn .btn-text {
        display: none;
    }
    [page-name=RepSimplManager] .manager-actions .manager-header-actions .btn .btn-text {
        display: inline-block;
    }
}

@media (max-width: 1200px) {
    .panel-body {
        padding: 0 .75rem .50rem;
    }

    .usr-emp-menu {
        width: unset;
    }

}

@media (min-width: 1200px) {
    .pull-right-lg {
        float: right;
    }
}

@media (min-width: 768px) {
    .pull-right-md {
        float: right;
    }
}

@media (max-width: 576px) {

    .manager-filter-text-wrapper,
    .manager-filter-text-wrapper input,
    [form=manager_form] .card-body {
        padding-bottom: 30px;
    }

    [form=manager_form] .panel-footer .btn-show-opt-filter-container {
        top: -36px;
    }

    .panel-footer.card-footer > .btn,
    .panel-footer.card-footer > [type="checkbox"]+label.tswitch {

        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .panel-footer.card-footer > label.tswitch {
        padding-bottom: 15px !important;
    }

    div[data-child-class="RepSimplItemEntity"] .child-card-item .child-card-item-actions {
        width: 100% !important;
        bottom: 35px;
    }
    
    div[data-child-class="RepSimplItemEntity"] .child-card-item .child-card-item-actions a[data-action-name=edit-RepSimplItemEntity]{
        position: absolute !important;
        left: 16px !important;
    }
    div[data-child-class="RepSimplItemEntity"] .child-card-item .child-card-item-actions a[data-action-name=delete-RepSimplItemEntity]{
        position: absolute !important;
        right: 0px !important;
    }

    div[data-child-class="RepSimplItemEntity"] .child-card-item .child-card-item-actions .btn {
        display: inline-block !important;
    }
}

.manager-edit-container a {
    border: solid 1px transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 34px;
    color: inherit;
    border-radius: 2px;
    width: 250px;
}
.manager-edit-container a:active,
.manager-edit-container a:visited,
.manager-edit-container a:focus,
.manager-edit-container a:hover {
    color: inherit;
}
.manager-edit-container a i {
    display: none;
}
.manager-edit-container a.disabled span {
    color: #aaa;
}
.manager-edit-container a.disabled i.fa-edit {
    display: none;
}
.manager-edit-container a:hover {
    border: solid 1px var(--neo-primary-color);
    color: inherit;
    background-color: #fff;
    padding-left: 4px;
    padding-right: 4px;
}
.manager-edit-container a:hover i {
    display: inline-block;
}

.table tbody tr.shadow-pulse,
.table tbody tr.shadow-pulse td,
.shadow-pulse {
    animation-name: shadowPulse ;
    animation-duration: .5s ;
    animation-iteration-count: 1 ;
    animation-timing-function: linear ;
}

.table tbody tr.background-pulse,
.table tbody tr.background-pulse td,
.background-pulse {
    animation-name: backgroundPulse ;
    animation-duration: .5s ;
    animation-iteration-count: 1 ;
    animation-timing-function: linear ;
}

.ui-dialog .window_modal {
    padding: 0;
}

@keyframes shadowPulse {
    0% {
        box-shadow: 0px 2px 10px rgb(0 0 0 / 20%) ;
    }

    50% {
        box-shadow: 0px 2px 10px var(--neo-primary-color-d) ;
    }

    100% {
        box-shadow: 0px 2px 10px rgb(0 0 0 / 20%) ;
    }
}

@keyframes backgroundPulse {
    0% {
        background-color: transparent ;
        color: #fff  ;
    }

    50% {
        background-color: var(--neo-primary-color-l) ;
        color: #fff ;
    }

    100% {
        background-color: transparent ;
        color: #333 ;
    }
}

.report-card-panel .card-body {
    overflow-x: scroll;
    
}
.datepicker-months .table-condensed .month {
    position: relative;
}
.datepicker-months .table-condensed .month span {
    position: absolute;
    top: 0;
    right: 5px;
    display: block;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    font-size: 0.8em;
}
.input-group-addon {
    padding-left: 3px;
    padding-right: 3px;
}
.outline-labels input[type="text"].neo-field-competence {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group .input-group-addon:not(:last-child) {
    border-radius: 0 !important;
}
.input-group .input-group-addon:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.input-group .input-group-addon {
    margin-left: -1px;
}
.manager-operations-menu .dropdown-menu li a {
    padding-right: 40px !important;
}
.manager-operations-menu li a i.fa-exclamation-triangle {
    position: absolute;
    right: 0;
}
.neo-cmp-fin-part, 
.neo-cmp-fin-coop {
    position: relative;
    padding-left: 10px;
}
.neo-cmp-fin-coop:after,
.neo-cmp-fin-part:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    /* font-size: 22px; */
    font-size: 15px;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    /* left: 12px; */
    left: 8px;
}

.neo-cmp-fin-coop:after {
    color: var(--red);
    top: 14px;
}
.neo-cmp-fin-part:before {
    color: var(--green);
    top: 32px;
}

.neo-cmp-fin-coop.plus:after,
.neo-cmp-fin-part.plus:before {
    /* seta direita */
    /* content: "\f0da"; */
    /* plus-circle */
    content: "\f055"; 
    /* minus-square */
    /* content: "\f0fe";  */
}
.neo-cmp-fin-coop.minus:after,
.neo-cmp-fin-part.minus:before {
    /* seta direita */
    /* content: "\f0da"; */
    /* minus-circle */
    content: "\f056"; 
    /* minus-square */
    /* content: "\f146";  */
}

.total-panel a[aria-expanded=true] {
    padding-top: 8px;
    border-top: solid 1px #d2d6de;
}

.select2-disable {
    opacity: 0.3;
}


.pdc-total-cli-item:hover .col {
    background-color: #e9ecef;
    cursor: pointer;
}

.pdc-total-cli-item .edit-action {
    display: none;
    position: absolute;
    top: 3px;
    left: 0;
}

.pdc-total-cli-item:hover .edit-action {
    display: inline-block;
}

.pcmp-layout.sidebar-mini.sidebar-collapse .content-wrapper, 
.pcmp-layout.sidebar-mini.sidebar-collapse .right-side, 
.pcmp-layout.sidebar-mini.sidebar-collapse .main-footer,
.pcmp-layout .content-wrapper {
    margin-left: 0 !important;
}

@media (min-width: 768px) {
    .pcmp-layout.sidebar-mini.sidebar-collapse .content-wrapper, 
    .pcmp-layout.sidebar-mini.sidebar-collapse .right-side, 
    .pcmp-layout.sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 0 !important;
    }
}

.select2-selection .pln-clas-descr .pln-space {
    display: none;
}
.select2-selection .pln-clas-descr [class*='col'] {
    width: unset !important;
    max-width: unset !important;
    flex: unset !important;
}

[page_name=CtImpOfx] table tr td.tdatagrid_cell.action:nth-of-type(odd) {
    background-color: #f2f2f2;
}

[page_name=CtImpOfx] table tr td.tdatagrid_cell.action {
    background-color: #fff;
    
}

[page_name=CtImpOfx] table tr:hover td.tdatagrid_cell.action {
    background-color: var(--neo-secondary-color) !important;

}

[page_name=CtImpOfx] table tr td.invalid {
    background: var(--red) !important;
}

[page_name=CtImpOfx] table tr.saved td {
    background: var(--neo-secondary-color) !important;
}

[page_name=CtImpOfx] table tr.similar td {
    background: rgb(254, 252, 232) !important;
}

[page_name=CtImpOfx] table tr.vinc td {
    color: #999;
}
/* 
.btn-entity-register {
    font-size: 10px;
    background-color: #fff; 
    color: var(--neo-primary-color);
}
.btn-entity-register:focus,
.btn-entity-register:visited {
    color: var(--neo-primary-color);
}

.btn-entity-register:hover {
    color: #fff;
    background-color: var(--neo-primary-color);
} */

.select-db-operations > a {
    background-color: #fff; 
    padding: 3px 4px; 
    border-radius: 3px;
}

.select-db-operations > a,
.select-db-operations > a:visited,
.select-db-operations > a:focus {
    color: var(--neo-primary-color);
}

.select-db-operations > a:hover {
    color: #fff;
    background-color: var(--neo-primary-color);
}

.ms-options {
    z-index: 9999 !important;
}

.ms-options-wrap > button,
.ms-options-wrap > button:focus {
    border: 1px solid #ced4da;   
}

.ms-options-wrap > .ms-options {
    accent-color: var(--neo-primary-color);
}

.ms-options-wrap > .ms-options .ms-selectall {
    color: var(--neo-primary-color);
}

.ms-options-wrap > button:after {
    content: ' ';
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 8px;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.ms-options-wrap.ms-active > button:after {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}
.ms-options-wrap > button > span {
    font-weight: 600;
}

.ms-options-wrap > .ms-options > .ms-search input {
    border: solid 1px #ced4da;
}

.ms-options-wrap > .ms-options {
    border-radius: 2px;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    top: 8px;
}

.ms-options-wrap > .ms-options > ul label {
    padding: 4px 4px 4px 25px;
}


.btn.btn-primary.btn-file:hover {
    background-color: var(--neo-primary-color-d) !important;
}

code {
    font-size: 87.5%;
    font-weight: 800;
    word-break: break-word;
}

.direct-chat-success code {
    color: #fff;
}


.neo-copy-button {
    position: absolute;
    right: 1px;
    top: 7px;
    padding: 5px 11px;
    border: none;
    display: none;
}

.neo-copy-button-container.animation .neo-copy-button {
    display: inline-block !important;
}

.neo-copy-button i {
    color: #333;
}
.neo-copy-button:hover i {
    color: var(--neo-primary-color);
}

.neo-copy-button.neo-field-numeric {
    right: unset;
    left: 1px;
}

.neo-copy-button-container:hover .neo-copy-button {
    display: inline-block;
}

.neo-text-field.neo-copy-button-container .neo-copy-button {
    top: 20px;
    right: 10px;
}

.neo-copy-button-container.neo-field-numeric .neo-copy-button {
    right: unset;
    left: 10px;
}

.neo-text-field.neo-field-numeric .input-group.neo-copy-button-container .neo-copy-button,
.input-group .neo-field-numeric.neo-copy-button {
    right: unset;
    left: 30px;
}

.btn-warning,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning:focus {
    color: #fff;
    font-weight: bold;
}

.ui-dialog .window_modal .panel.header-warning,
.card.panel.header-warning {
    border-top: solid 3px #e08e0b !important;
}

.card.panel.header-warning .card-header.panel-heading {
    background-color: #f39c12 !important;
    color: var(--black);
}

.card.panel.header-warning .panel-title.card-title {
    background-color: unset;
}

.panel-footer.card-footer .btn-warning {
    padding-top: 6px;
    height: 32px !important;
}

/* Desligamento de cooperado - versao rebaixada do header-warning, para a tela nao competir com o conteudo */
.ui-dialog .window_modal .panel.header-deslig,
.card.panel.header-deslig {
    border-top: solid 3px #ecd9ae !important;
}

.card.panel.header-deslig .card-header.panel-heading,
.window_modal.ui-dialog-content.ui-widget-content .panel.header-deslig .card-header,
.window_modal.ui-dialog-content.ui-widget-content .panel.header-deslig .card-header .panel-title {
    background-color: #fbeed8 !important;
    color: #6b6252 !important;
}

.card.panel.header-deslig .panel-title.card-title {
    background-color: unset;
}

.btn-deslig,
.btn-deslig:not(:disabled):not(.disabled):active:focus,
.btn-deslig:not(:disabled):not(.disabled).active:focus,
.btn-deslig:hover,
.btn-deslig:active,
.btn-deslig.active,
.btn-deslig:focus {
    background-color: #d99a3f;
    border-color: #d99a3f;
    color: #fff;
    font-weight: bold;
}

/* Avisos estilo leigo (mockup MDF-e - transmitir/encerrar viagem anterior) - cores mais suaves que o padrão alert-warning/alert-info do AdminLTE */
.alert.alert-leigo-warning {
    background-color: #fff8e1;
    border: 1px solid #f0e0a8;
    color: #6b5b1a;
}

.alert.alert-leigo-warning b {
    color: #8a6d00;
}

.alert.alert-leigo-info {
    background-color: #e3f2fd;
    border: 1px solid #bbdefb;
    color: #1565c0;
}

.alert.alert-leigo-success {
    background-color: #e8f5e9;
    border: 1px solid #c8e6c9;
    color: #1b5e20;
}

.alert.alert-leigo-danger {
    background-color: #ffebee;
    border: 1px solid #ffcdd2;
    color: #a02121;
}

.alert.alert-leigo-danger b {
    color: #8c1c1c;
}

.alert.alert-leigo-success a {
    color: #1b5e20;
    text-decoration: underline;
}

/* o AdminLTE deixa todo link de .alert branco; nos cards leigo o fundo e claro e o link some */
.alert.alert-leigo-info a,
.alert.alert-leigo-warning a,
.alert.alert-leigo-danger a,
.alert.alert-leigo-secondary a {
    color: #212121;
    text-decoration: underline;
}

.alert.alert-leigo-secondary {
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    color: #5f6368;
}

.alert.alert-leigo-secondary b {
    color: #37474f;
}

/* Esteira de emissão — card de tempo real do gerenciador (EmisManager::criarTempoReal) */
.emis-tr-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-left: 4px solid var(--neo-primary-color);
    border-radius: 4px;
    padding: 10px 14px;
    margin-bottom: 10px;
}

.emis-tr-head {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.emis-tr-head .label {
    margin-left: 4px;
}

.emis-tr-prog {
    margin-left: auto;
    color: #757575;
}

.emis-tr-steps {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.emis-tr-step {
    flex: 1 1 120px;
    min-width: 120px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 7px 9px;
    background: #fafafa;
    color: #757575;
}

.emis-tr-step b,
.emis-tr-step span {
    display: block;
    line-height: 1.3;
}

.emis-tr-node {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.emis-tr-step.done {
    background: #e8f5e9;
    border-color: #c8e6c9;
    color: #1b5e20;
}

.emis-tr-step.done .emis-tr-node {
    background: #c8e6c9;
    border-color: #a5d6a7;
}

.emis-tr-step.active {
    background: #e3f2fd;
    border-color: var(--neo-primary-color);
    color: var(--neo-primary-color-d);
}

.emis-tr-step.active .emis-tr-node {
    border: 3px solid #bbdefb;
    border-top-color: var(--neo-primary-color);
    animation: emis-spin 1s linear infinite;
}

.emis-tr-step.wait {
    background: #fff;
    border-style: dashed;
}

.emis-tr-step.na {
    border-style: dashed;
    opacity: .55;
}

.emis-tr-step.error {
    background: #ffebee;
    border-color: #ffcdd2;
    color: #a02121;
}

.emis-tr-step.decision {
    background: #fff8e1;
    border-color: #f0e0a8;
    color: #6b5b1a;
}

.emis-tr-spin {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #fff;
    animation: emis-spin 1s linear infinite;
    vertical-align: middle;
}

@keyframes emis-spin {
    to { transform: rotate(360deg); }
}

/* transição do card de tempo real: só o chip (a caixa da etapa) muda no lugar (JS emisTrTrocar) — some com fade,
   recebe o estado novo e volta com fade. O card da esteira faz fade só quando entra de verdade (apareceu com a tela
   aberta) e quando sai (terminou); os que já vêm com a página não (jQuery fadeIn/fadeOut no EmisManager). */
.emis-tr-step {
    transition: opacity .5s ease, background-color .5s ease, border-color .5s ease, color .5s ease;
}

.emis-tr-step.emis-tr-troca {
    opacity: 0;
}

.emis-tr-card[data-sit="C"] {
    border-left-color: #43a047;
}

.emis-tr-card[data-sit="D"] {
    border-left-color: #f9a825;
}

.emis-tr-card[data-sit="E"] {
    border-left-color: #e53935;
}

.emis-tr-card[data-sit="X"] {
    border-left-color: #9e9e9e;
}




@media (max-width: 991px) {
    .main-header .navbar .dropdown-menu li a {
        color: #333 !important;
    }
    .main-header .navbar .dropdown-menu li a:hover {
        background-color: #e1e3e9  !important;
        color: #333  !important;
    }
}


.tfield.neo-field-qr-code {
    z-index: 0 !important;
}

.border-bottom-primary {
    border-bottom: solid 1px var(--neo-primary-color) !important;
}

.border-bottom-gray {
    border-bottom: 1px solid rgba(0,0,0,.125) !important;
}

[page-name=AppMobileFmlRegister] .panel-footer {
    bottom: 51px !important;
}
.autocomplete-suggestions {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    /* z-index: 9999 !important; */
}
.autocomplete-suggestions .autocomplete-suggestion:hover {
    background: #f0f0f0;
}

.small-box > .inner {
    position: relative;
    z-index: 1 !important;
}

@media (max-width: 767px) {
    .small-box .icon {
        display: block !important;
    }
}

.callout.callout-success.bg-light,
.callout.callout-warning.bg-light,
.callout.callout-danger.bg-light,
.callout.callout-info.bg-light {
    background-color: #fff !important;
    color: rgb(51, 51, 51) !important;
    border-right: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}

.bg-warning,
.bg-warning .small-box-footer {
    color: rgb(66, 32, 6) !important;
}

.text-warning-dark {
    color: rgb(217, 119, 6) !important;
}


.app-mobile-layout .small-box p {
    font-size: 1.7em !important;
}

.app-mobile-layout .callout {
    font-size: 1.1em !important;
}

.app-mobile-layout .btn {
    padding-top: 15px;
    font-size: 1.3em !important;
    height: 50px !important;
    text-decoration: none;
}

.app-mobile-layout .btn i {
    padding-top: 12px;
}


.link {
    color: #fff;
    text-decoration: underline;
}

.link:hover, .link:focus, .link:active {
    color: #fff;
    text-decoration: underline;
}

.link-primary{
    color: var(--neo-primary-color);
    text-decoration: underline;
}

.link-primary:hover, .link-primary:focus, .link-primary:active
{
    color: var(--neo-primary-color-d);
    text-decoration: underline;
}


input.vlvnd-updated {
  background-color: var(--neo-primary-color-l);
  border: solid 2px var(--neo-primary-color);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--neo-primary-color-d) 35%, transparent);
  transition: all 0.25s ease;
}

.page-link:focus,
.page-link:hover {
    color: #000;
}

/* Caso 1765: Escala de trabalho - "Montar o dia" (EscDiaForm), no desenho do mockup.
   Todo espaçamento entre elementos vem de gap/margin do contêiner, para nada ficar grudado. */
.esc-dia { padding: 2px 2px 12px; color: #2c2c2c; }
.esc-spacer { flex: 1; }

/* Caso 1790: em cima a caixa dos dias, que só escolhe o dia; embaixo a programação do dia escolhido. */
.esc-periodo { background: #f5f7f8; border: 1px solid #cfd8dc; border-radius: 7px; padding: 12px 14px 14px; margin: 4px 0 24px; }
.esc-periodo-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 13px; color: #37474f; }
.esc-periodo-head b { font-weight: 600; }
.esc-ir { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 12px; font-weight: 400; color: #607d8b; }
.esc-ir .esc-dt { width: 150px; height: 31px; }
.esc-dias { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 0 0; }
.esc-dias .btn { margin: 0; height: 31px; flex-shrink: 0; display: inline-flex; align-items: center; white-space: nowrap; }
.esc-chips { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; min-width: 0; }
.esc-chip { display: block; border: 1px solid #cfd8dc; background: #fff; border-radius: 7px; padding: 6px 10px; text-align: center; min-width: 76px; line-height: 1.25; color: #263238; text-decoration: none; }
.esc-chip:hover, .esc-chip:focus { border-color: var(--neo-primary-color); color: #263238; text-decoration: none; }
.esc-chip .d { display: block; font-size: 13px; font-weight: 600; }
.esc-chip .w { display: block; font-size: 9px; text-transform: uppercase; opacity: .75; }
.esc-chip .s { display: block; font-size: 9.5px; margin-top: 1px; }
.esc-chip.ok .s { color: #1f8a4c; }
.esc-chip.pend .s { color: #e65100; }
.esc-chip.zero { opacity: .55; }
.esc-chip.on, .esc-chip.on:hover { background: var(--neo-primary-color); border-color: var(--neo-primary-color); color: #fff; opacity: 1; }
.esc-chip.on .s { color: #fff; opacity: .85; }

/* Cabeçalho da programação: a data em destaque e, à direita, o selo e o Publicar. */
.esc-prog-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 2px solid var(--neo-primary-color); }
.esc-prog-head h4 { margin: 0; color: var(--neo-primary-color); font-size: 18px; font-weight: 600; }
.esc-prog-head .w { display: block; margin-top: 4px; font-size: 12px; color: #607d8b; }
.esc-estado { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.esc-estado .btn { margin: 0; height: 31px; display: inline-flex; align-items: center; }
.esc-badge { height: 31px; display: inline-flex; align-items: center; font-size: 12px; font-weight: 600; background: #fff3e0; color: #e65100; padding: 0 12px; border-radius: 16px; white-space: nowrap; }
.esc-badge.pub { background: #e8f5ec; color: #1b6b3d; }
.esc-acoes { display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 0; border-bottom: 1px solid #eceff1; }
.esc-acoes .btn { margin: 0; height: 31px; display: inline-flex; align-items: center; white-space: nowrap; }

/* O resumo em grupos com divisória, sem cartões: em tela estreita os grupos quebram de linha. */
.esc-resumo { display: flex; flex-wrap: wrap; gap: 10px 0; padding: 12px 0; background: #fafbfc; border-bottom: 1px solid #eceff1; font-size: 12px; color: #607d8b; }
.esc-resumo > span { padding: 0 14px; border-right: 1px solid #dfe6e9; white-space: nowrap; }
.esc-resumo > span:last-child { border-right: 0; }
.esc-resumo b { font-size: 13px; color: #263238; }
.esc-resumo .esc-troca, .esc-resumo .esc-troca b { color: #b0405b; }
.esc-resumo .esc-real, .esc-resumo .esc-real b { color: #1b6b3d; }
@media (max-width: 700px) { .esc-resumo > span { padding: 0 10px; } .esc-chip { min-width: 64px; padding: 6px 7px; } }

/* O que fazer agora: informativo neutro; amarelo só para atenção e verde só com o dia pronto. */
.alert.esc-agora { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 14px 0 0; padding: 12px 14px; border-radius: 5px; }
.alert.alert-leigo-secondary.esc-agora { background: #f5f7f8; border-color: #dfe6e9; border-left: 3px solid #b0bec5; color: #607d8b; }
.alert.alert-leigo-success.esc-agora { background: #f4f9f5; border-color: #d7e9df; border-left: 3px solid #1f8a4c; color: #607d8b; }
.alert.alert-leigo-warning.esc-agora { background: #fff8ec; border-color: #f0d9b5; border-left: 3px solid #e08b17; }
.esc-agora-tx { flex: 1; min-width: 240px; }
.esc-agora-tt { font-size: 13px; font-weight: 600; color: #37474f; }
.alert-leigo-success .esc-agora-tt { color: #1b6b3d; }
.alert-leigo-warning .esc-agora-tt { color: #8a5a00; }
.esc-agora-sb { font-size: 12px; margin-top: 3px; line-height: 1.5; }
.esc-agora-acao { display: flex; gap: 8px; flex-wrap: wrap; }
.esc-agora-acao .btn { margin: 0; }

.esc-cols { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 16px; margin-top: 14px; align-items: start; }
@media (max-width: 1080px) { .esc-cols { grid-template-columns: minmax(0, 1fr); } }
/* Caso 1789: com 15 frentes a aberta fica lá embaixo, e "quem está livre" e "fora hoje" acompanham a rolagem para ficar ao lado dela. */
@media (min-width: 1081px) { #esc_dia_pool { position: sticky; top: 12px; max-height: calc(100vh - 24px); overflow-y: auto; } }
.esc-pane { border: 1px solid #cfd8dc; border-radius: 7px; overflow: hidden; background: #fff; }
.esc-pane + .esc-pane { margin-top: 14px; }
.esc-pane > h5 { margin: 0; background: #eceff1; color: #37474f; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; padding: 9px 12px; display: flex; align-items: center; gap: 8px; }
.esc-pane > h5 .sub { text-transform: none; letter-spacing: 0; font-weight: 400; color: #78909c; font-size: 11.5px; }
.esc-destino { text-transform: none; letter-spacing: 0; font-weight: 400; font-size: 11.5px; color: #607d8b; text-align: right; }
.esc-destino.alerta { color: #e65100; }
a.esc-destino { color: var(--neo-primary-color); font-weight: 600; }
.esc-destino-bar { padding: 7px 12px; font-size: 12px; line-height: 1.45; background: #e8f5ec; color: #1b6b3d; border-bottom: 1px solid #d7e9df; border-left: 3px solid var(--neo-primary-color); font-weight: 600; }
.esc-destino-bar.alerta { background: #fff8ec; color: #b45309; border-bottom-color: #f0d9b5; border-left: 0; font-weight: 400; }
.esc-pane-body { padding: 10px 12px 4px; }

.esc-frgrp { display: flex; align-items: center; gap: 8px; padding: 10px 4px 6px; font-size: 10.5px; text-transform: uppercase; letter-spacing: .5px; color: #90a4ae; font-weight: 700; }
.esc-frgrp i { flex: 1; height: 1px; background: #eceff1; }
.esc-frcols, .esc-frch { display: grid; grid-template-columns: 16px 160px minmax(0, 1fr) 100px 64px 76px 150px; gap: 10px; align-items: center; }
.esc-frcols { padding: 4px 15px 8px; font-size: 9.5px; text-transform: uppercase; letter-spacing: .5px; color: #78909c; font-weight: 700; }
.esc-frcols span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.esc-frcols span:nth-child(n+5) { text-align: right; }
.esc-frc { border: 1px solid #dfe6e9; border-radius: 8px; background: #fff; margin-bottom: 9px; overflow: hidden; }
.esc-frc:hover { border-color: #b8c8cf; }
.esc-frc.open { border-color: var(--neo-primary-color); box-shadow: 0 0 0 1px var(--neo-primary-color), 0 2px 12px rgba(31, 138, 76, .13); }
.esc-frc.alvo:not(.open) { border-color: #1565c0; box-shadow: 0 0 0 1px #1565c0, 0 0 0 4px rgba(21, 101, 192, .12); }
.esc-frch { padding: 11px 14px; cursor: pointer; }
.esc-frch:hover { background: #f8fbfa; }
.esc-frc.open .esc-frch { background: #f2f8f5; border-bottom: 1px solid #d7e9df; }
.esc-frch .cv { color: #b0bec5; font-size: 11px; transition: transform .15s; }
.esc-frc.open .esc-frch .cv { transform: rotate(90deg); color: var(--neo-primary-color); }
.esc-frch .ap { font-weight: 700; font-size: 14.5px; color: #263238; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.esc-frch .ap .mat { display: block; margin-top: 2px; font-size: 11px; font-weight: 600; color: #607d8b; white-space: normal; line-height: 1.3; }
.esc-frch .ap .ord { display: block; width: fit-content; margin-top: 4px; background: #fff3e0; color: #b45309; border: 1px solid #ffcc80; border-radius: 4px; padding: 1px 6px; font-size: 10.5px; font-weight: 600; white-space: normal; line-height: 1.35; }
.esc-frch .ap .nm { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.esc-frch .de { color: #90a4ae; font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.esc-frch .qt { color: #607d8b; font-size: 12px; line-height: 1.4; }
.esc-frch .qt .res, .esc-frch .qt .troca { display: block; }
.esc-frch .qt .res { color: #b45309; }
.esc-frch .qt .real { display: block; color: #1b6b3d; font-weight: 600; }
.esc-frch .qt .troca { color: #b0405b; font-weight: 600; }
.esc-frch .nm2 { text-align: right; font-size: 13px; white-space: nowrap; color: #455a64; }
.esc-frch .nm2.vazio { color: #cfd8dc; }
.esc-frch .st { text-align: right; font-size: 12.5px; white-space: nowrap; }
.esc-frch .st.falta { color: #e65100; font-weight: 700; }
.esc-frch .st.ok { color: #1f8a4c; font-weight: 700; }
.esc-frch .st.sem { color: #90a4ae; }
@media (max-width: 1180px) {
    .esc-frcols, .esc-frch { grid-template-columns: 16px 140px minmax(0, 1fr) 92px 60px 72px 145px; }
    .esc-frcols span:nth-child(3), .esc-frch .de { visibility: hidden; }
}

.esc-frcb { padding: 12px 14px 6px; background: #fbfdfc; }
.esc-tags { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 12px; }
.esc-tagm { background: #eceff1; color: #455a64; border-radius: 4px; padding: 2px 8px; font-size: 11px; font-weight: 600; }
.esc-tagm.fraca { opacity: .55; }
.esc-tagr { background: #fff3e0; color: #b45309; border: 1px solid #ffcc80; border-radius: 4px; padding: 2px 8px; font-size: 11px; font-weight: 600; }
.esc-frcb h6 { margin: 0 0 8px; font-size: 10.5px; text-transform: uppercase; letter-spacing: .5px; color: #78909c; font-weight: 700; }
.esc-frcb h6 b { color: var(--neo-primary-color); }
.esc-tw { overflow-x: auto; margin-bottom: 8px; }
.esc-frcf { padding: 10px 14px 12px; background: #f4f8f6; border-top: 1px solid #e3ece7; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.esc-frcf .btn { margin: 0; }
.esc-frcf .dica { margin-left: auto; font-size: 11.5px; color: #90a4ae; }

table.esc-lst { border-collapse: collapse; width: 100%; font-size: 13px; background: #fff; border: 1px solid #eceff1; }
table.esc-lst th, table.esc-lst td { border-bottom: 1px solid #eceff1; padding: 6px 8px; text-align: left; white-space: nowrap; vertical-align: middle; }
/* Nome, carretas e rodapé quebram linha: em linha única o nome longo empurrava a coluna Situação para fora do card. */
table.esc-lst td.nm { white-space: normal; min-width: 150px; line-height: 1.35; }
table.esc-lst td.car { white-space: normal; min-width: 90px; line-height: 1.35; }
table.esc-lst tfoot td { white-space: normal; }
table.esc-lst thead th { background: #f5f7f8; color: #607d8b; font-size: 10.5px; text-transform: uppercase; letter-spacing: .3px; font-weight: 600; }
table.esc-lst .num { text-align: right; }
table.esc-lst .ctr { text-align: center; }
table.esc-lst tbody tr:hover td { background: #f9fbfa; }
table.esc-lst .nm { font-weight: 600; color: #263238; }
table.esc-lst .pl { color: #78909c; font-size: 12px; }
table.esc-lst tfoot td { background: #f5f7f8; font-weight: 700; font-size: 12px; color: #37474f; border-top: 2px solid #dfe6e9; }
table.esc-lst tr.sep td { background: #fff8ec; color: #b45309; font-size: 10.5px; text-transform: uppercase; letter-spacing: .4px; font-weight: 700; padding: 4px 9px; }
table.esc-lst tr.pnd td { background: #fdecec; }
table.esc-lst tr.pnd .nm { color: #b0405b; text-decoration: line-through; }
.esc-tg { display: inline-block; border: 1px solid #cfd8dc; background: #fff; border-radius: 4px; padding: 1px 8px; font-size: 11.5px; font-weight: 700; color: #455a64; text-decoration: none; }
.esc-tg:hover, .esc-tg:focus { text-decoration: none; color: #263238; filter: brightness(.97); }
.esc-tg.E { background: #e8f5ec; border-color: #a5d6b8; color: #1b6b3d; }
.esc-tg.R { background: #fff3e0; border-color: #ffcc80; color: #b45309; }
.esc-tgP { background: #fdecec; border: 1px solid #f0b6bd; color: #b0405b; border-radius: 4px; padding: 1px 8px; font-size: 11.5px; font-weight: 700; }

/* Caso 1827 - o resultado da viagem. Realizada e verde porque e o que fecha o dia; nao realizada
   e cinza, nao vermelha: ela nao e erro nem pendencia, e so o que aconteceu. */
.esc-tg.Z { background: #e8f5ec; border-color: #7bc49a; color: #14532d; }
.esc-tg.X { background: #eceff1; border-color: #b0bec5; color: #546e7a; }
.esc-tgZ { display: inline-block; background: #e8f5ec; border: 1px solid #7bc49a; color: #14532d; border-radius: 4px; padding: 1px 8px; font-size: 11.5px; font-weight: 700; }
.esc-tgA { display: inline-block; color: #90a4ae; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; }
.esc-tgn { color: #cfd8dc; }
.esc-tgbs { display: block; margin-top: 3px; white-space: nowrap; }
.esc-tgb { display: inline-block; border: 1px solid #cfd8dc; background: #fff; border-radius: 4px; padding: 1px 7px; font-size: 11px; font-weight: 600; color: #546e7a; text-decoration: none; margin-right: 4px; }
.esc-tgb:hover, .esc-tgb:focus { text-decoration: none; }
.esc-tgb.ok:hover, .esc-tgb.ok:focus { background: #e8f5ec; border-color: #7bc49a; color: #14532d; }
.esc-tgb.no:hover, .esc-tgb.no:focus { background: #eceff1; border-color: #b0bec5; color: #37474f; }
/* O CT-e do dia que nao bateu com a frente: informa, nao alarma. */
.esc-ctes { display: block; margin-top: 3px; font-size: 10.5px; color: #1565c0; background: #e8f1fb; border: 1px solid #c3daf5; border-radius: 4px; padding: 1px 6px; }
table.esc-lst td.vgr { white-space: normal; min-width: 132px; line-height: 1.35; }
/* Onde ele esteve ontem - o rodizio morro x baixada. */
.esc-ontem { display: block; font-size: 11px; color: #78909c; margin-top: 2px; }
.esc-ontem-td { display: block; font-size: 10.5px; font-weight: 400; color: #90a4ae; margin-top: 1px; }
.esc-xr { color: #b0bec5; font-size: 16px; padding: 0 4px; text-decoration: none; }
.esc-xr:hover, .esc-xr:focus { color: #c62828; text-decoration: none; }
.esc-vzq { padding: 14px 10px; color: #90a4ae; font-size: 12.5px; font-style: italic; text-align: center; background: #fff; border: 1px dashed #dfe6e9; border-radius: 5px; margin-bottom: 10px; }
.esc-vzq.esc-vzq-lista { margin: 10px; }

.esc-srch { display: grid; gap: 6px; padding: 10px; border-bottom: 1px solid #eceff1; background: #fafbfc; }
.esc-srch .lbl { font-size: 10px; text-transform: uppercase; letter-spacing: .4px; color: #90a4ae; margin-top: 4px; }
.esc-plist { max-height: 420px; overflow-y: auto; }
.esc-prow { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; border-bottom: 1px solid #f2f5f6; font-size: 13px; }
.esc-prow.clk { cursor: pointer; }
.esc-prow.clk:hover { background: #eef8f2; }
.esc-prow .add { color: var(--neo-primary-color); font-weight: 700; font-size: 15px; }
.esc-prow .mid { min-width: 0; }
.esc-prow .nm { display: block; font-weight: 600; color: #263238; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.esc-prow .sub2 { display: block; font-size: 11px; color: #90a4ae; margin-top: 2px; }
.esc-prow .sub2 b { color: #1565c0; font-weight: 600; }
.esc-prow .mot2 { display: block; color: #b45309; font-size: 11px; margin-top: 2px; }
.esc-prow .btn { margin: 0; white-space: nowrap; }
.esc-prow.busy { opacity: .6; }
.esc-prow.nserve { background: #fdf6ec; }
.esc-prow.nserve.clk:hover { background: #fbeedd; }
.esc-prow.nserve .add { color: #e08b17; font-weight: 800; }
.esc-prow.fora { grid-template-columns: minmax(0, 1fr) auto; }
.esc-prow.fora .nm { color: #b0405b; }
.esc-prow .cp { text-align: right; font-size: 11.5px; color: #607d8b; line-height: 1.5; white-space: nowrap; }
a.esc-voltou { color: #1f8a4c; font-weight: 600; }
.esc-sepx { background: #fff8ec; color: #b45309; font-size: 10px; text-transform: uppercase; letter-spacing: .5px; font-weight: 700; padding: 5px 10px; border-top: 1px solid #f0d9b5; border-bottom: 1px solid #f0d9b5; }
.esc-chk { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 400; color: #607d8b; padding: 9px 10px; margin: 0; border-top: 1px solid #eceff1; background: #fafbfc; cursor: pointer; }
.esc-chk input { margin: 0; }

/* Previsão do contratante */
.esc-prev-mat th.esc-prev-grupo { background: #f5f7f8; color: #607d8b; font-size: 10.5px; text-transform: uppercase; letter-spacing: .4px; border-bottom: 0; }
.esc-prev-mat input.esc-prev-cel { width: 86px; padding: 2px 4px; margin: 0 auto; }
/* As colunas de campo têm 15 px de rótulo + 40 px de caixa, e a linha do formulário centraliza as colunas:
   o botão com o mesmo recuo fica com a mesma altura de coluna e alinha exato, sem depender de arredondamento. */
.btn.esc-prev-btn:not(.btn-sm) { height: 40px; margin-top: 15px; }  /* :not(.btn-sm) empata com a regra de 32 px do btn-default, e esta vem depois */
.btn.esc-prev-btn-largo { width: 100%; }
/* A grade e o título começam e terminam na mesma borda dos campos de cima e de baixo. */
.esc-prev-borda { padding-left: 0 !important; padding-right: 0 !important; }

/* ---------- NeoFormCard (NeoFormTrait::createFormCard / addFormColumns) ---------- */
.neo-form-card.card { background: #fff; border: 1px solid #e3e6ea; border-radius: 6px; box-shadow: none; margin-bottom: 16px; }
/* .neo-register-form .card põe a faixa de 3 px no topo de todo card do cadastro; o card interno fica com a borda fina */
.neo-register-form .neo-form-card.card { border-top: 1px solid #e3e6ea !important; }
.neo-form-card > .card-header { background: transparent; border-bottom: 1px solid #eef0f3; padding: 10px 16px; }
.neo-form-card > .card-header .card-title { float: none; margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #52606d; }
/* .panel-title.card-title (acima) pinta todo título de card com a cor da marca, com !important */
.neo-form-card > .card-header .panel-title.card-title { color: #52606d !important; font-weight: 700 !important; }
.neo-form-card > .form-horizontal > .card-body { padding: 12px 16px 2px; }
/* Linhas de campo seguidas: 12 px entre as bordas dos campos (o rótulo flutuante ocupa 15 px acima de cada um) */
.neo-form-card .tformrow + .tformrow { margin-top: -3px; }
.neo-form-card > .form-horizontal > .card-body > .tab-content > .tab-pane,
.neo-form-stack > .form-horizontal > .card-body > .tab-content > .tab-pane { padding: 0 !important; }
.neo-form-stack > .form-horizontal > .card-body { padding: 0; }
.neo-form-stack > .form-horizontal > .card-body > .tab-content > .tab-pane > .tformrow { margin: 0; }
.neo-form-stack > .form-horizontal > .card-body > .tab-content > .tab-pane > .tformrow > .fb-field-container { padding: 0; }
/* .form-group.tformrow.row (application.css) força display: flex — as linhas próprias precisam da mesma especificidade + 1 */
.form-group.tformrow.row.neo-form-cols { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: start; gap: 0 16px; margin-left: 0; margin-right: 0; }
.neo-form-cols > .fb-field-container { padding: 0; min-width: 0; }
@media (max-width: 1099px) {
    .form-group.tformrow.row.neo-form-cols { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- CIOT (CiotRegister) ---------- */
.form-group.tformrow.row.ciot-estado-linha { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 16px; margin: 0 0 10px; }
.ciot-estado-linha > .fb-field-container { padding: 0; }
.ciot-estado-info-col { flex: 1 1 auto; }
.ciot-estado-campo { flex: 0 0 190px; }
.ciot-estado-acoes-col { flex: 0 0 auto; }
@media (max-width: 1499px) {
    .ciot-estado-info-col { flex-basis: 100%; }
}
.ciot-estado-info { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; }
.ciot-estado-info h4 { font-size: 16px; font-weight: 700; margin: 0; }
.ciot-par { display: flex; flex-direction: column; gap: 1px; }
.ciot-par > span { font-size: 11px; color: #7b8794; text-transform: uppercase; letter-spacing: .4px; }
.ciot-par > b { font-size: 13px; font-weight: 600; color: #1f2933; }
.ciot-vazio { color: #7b8794; font-weight: 400; }
.ciot-retorno-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px 16px; padding: 12px 16px; }
.ciot-retorno-msg { padding: 0 16px 12px; font-size: 13px; color: #52606d; }
.ciot-escolha-rot { display: block; font-size: 12px; font-weight: 600; color: #52606d; margin-bottom: 4px; padding-left: 10px; }
.ciot-escolha { display: inline-flex; border: 1px solid #cfd4da; border-radius: 6px; overflow: hidden; margin-bottom: 8px; }
.ciot-escolha button { height: 32px; padding: 0 12px; border: 0; border-right: 1px solid #e3e6ea; background: #fff; color: #52606d; font-size: 13px; white-space: nowrap; }
.ciot-escolha button:last-child { border-right: 0; }
.ciot-escolha button.active { background: #e8f5ef; color: #0b8457; font-weight: 600; }
.form-group.tformrow.row.ciot-apoio-linha { margin-top: 3px; }
.ciot-apoio-linha > .fb-field-container { min-height: 0 !important; }
.ciot-apoio { font-size: 12px; color: #7b8794; }
.ciot-apoio b { color: #52606d; font-weight: 600; }
.ciot-aprox { color: #b45309; }
/* Distância com o "recalcular" no mesmo desenho do relógio dos campos de data (tdate-group) */
.ciot-dist.tdate-group { width: 100%; }
.ciot-dist .tdate-group-addon { cursor: pointer; }
.ciot-estado-acoes .btn.btn-default:not(.btn-sm) { height: 40px; }  /* :not(.btn-sm) empata com a regra de 32 px do btn-default, e esta vem depois */
/* Metade de uma coluna de 5/12: latitude e longitude lado a lado dentro do lado Origem ou Destino */
.ciot-meia-5 { position: relative; width: 100%; padding-left: 15px; padding-right: 15px; }
@media (min-width: 576px) {
    .ciot-meia-5 { flex: 0 0 20.833333%; max-width: 20.833333%; }
}
.ciot-frete input[name=vl_frete] { height: 44px; font: 600 20px/1 ui-monospace, SFMono-Regular, Menlo, monospace; text-align: right; }
.ciot-conf { margin: 0 0 12px; padding: 10px 12px; border-radius: 6px; background: #f4f6f8; border: 1px solid #e3e6ea; font-size: 12px; color: #52606d; }
.ciot-conf.ok { background: #e8f5ef; border-color: #c9e7d8; }
.ciot-conf.ruim { background: #fdedeb; border-color: #f3c9c3; }
.ciot-conf p { margin: 0; }
.ciot-conf-topo { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 6px; }
.ciot-conf-topo > span { font-size: 11px; color: #7b8794; text-transform: uppercase; letter-spacing: .4px; }
.ciot-conf-num { font: 600 15px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.ciot-conf.ok .ciot-conf-num { color: #0b8457; }
.ciot-conf.ruim .ciot-conf-num { color: #c0392b; }
.ciot-conf-linhas { margin-bottom: 8px; }
.ciot-conf-linhas > div { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; }
.ciot-conf-linhas > div > span { font-size: 11px; color: #7b8794; text-transform: uppercase; letter-spacing: .4px; }
.ciot-conf-linhas > div > b { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 600; }
.ciot-conf-linhas > div.ruim > b { color: #c0392b; }
.neo-register-form .ciot-pend-card.card { border-color: #f0dcb4 !important; }
.ciot-pend-card > .card-header { border-bottom-color: #f6e7c9; }
.ciot-pend-card > .card-header .panel-title.card-title { color: #b45309 !important; }
.neo-register-form .ciot-pend-card.ciot-pronto.card { border-color: #c9e7d8 !important; }
.ciot-pend-card.ciot-pronto > .card-header .panel-title.card-title { color: #0b8457 !important; }
.ciot-pend { list-style: none; margin: 0 0 10px; padding: 0; }
.ciot-pend li { display: flex; gap: 9px; padding: 8px 0; border-bottom: 1px solid #eef0f3; font-size: 13px; }
.ciot-pend li:last-child { border-bottom: 0; }
.ciot-pend li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #b45309; margin-top: 6px; flex: none; }
.ciot-pend li b { font-weight: 600; }
.ciot-pend li span { display: block; font-size: 12px; color: #7b8794; }
.ciot-rodape { float: right; line-height: 34px; font-size: 12px; color: #7b8794; }

/* ---------- CIOT: janela do mapa (ciot-mapa.js) ---------- */
.ciot-mapa-fundo { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000; display: none; align-items: center; justify-content: center; background: rgba(31, 41, 51, .55); }
.ciot-mapa-fundo.aberto { display: flex; }
.ciot-mapa-caixa { display: flex; flex-direction: column; width: min(1100px, 94vw); height: min(760px, 92vh); overflow: hidden; background: #fff; border-radius: 8px; box-shadow: 0 20px 60px rgba(0, 0, 0, .35); }
.ciot-mapa-topo { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px 32px; align-items: center; padding: 14px 20px; border-bottom: 1px solid #e3e6ea; }
.ciot-mapa-topo h3 { grid-column: 1 / -1; margin: 0; font-size: 15px; font-weight: 700; }
.ciot-mapa-busca { display: grid; grid-template-columns: 22px minmax(0, 560px); gap: 8px 10px; align-items: center; min-width: 0; }
.ciot-mapa-campo { min-width: 0; }
/* O componente do Google segue o tema do sistema operacional (color-scheme: light dark); aqui fica sempre claro */
.ciot-mapa-campo gmp-place-autocomplete { width: 100%; height: 36px; color-scheme: light; background-color: #fff; border: 1px solid #cfd4da; border-radius: 8px; color: #1f2933; font-size: 13px; }
.ciot-mapa-campo gmp-place-autocomplete::part(input) { height: 34px; padding-top: 0; padding-bottom: 0; }
.ciot-mapa-icone { position: relative; display: flex; align-items: center; justify-content: center; height: 36px; }
.ciot-mapa-icone.org::before { content: ""; width: 12px; height: 12px; border: 3px solid #3d4650; border-radius: 50%; background: #fff; }
.ciot-mapa-icone.org::after { content: ""; position: absolute; left: calc(50% - 1px); top: 26px; height: 20px; border-left: 2px dotted #9aa5b1; }
.ciot-mapa-icone.des::before { content: ""; width: 14px; height: 14px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: radial-gradient(circle, #fff 0 2.5px, #c0392b 3px); }
.ciot-mapa-resumo { display: grid; grid-template-columns: auto auto; gap: 8px 32px; min-width: 0; padding-left: 28px; border-left: 1px solid #e3e6ea; }
.ciot-mapa-par { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ciot-mapa-par span { font-size: 11px; color: #7b8794; text-transform: uppercase; letter-spacing: .4px; }
.ciot-mapa-par b { overflow: hidden; font: 600 15px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; color: #1f2933; white-space: nowrap; text-overflow: ellipsis; }
.ciot-mapa-par b small { margin-left: 3px; font-size: 12px; font-weight: 400; color: #7b8794; }
.ciot-mapa-par.coord b { font-size: 13px; }
@media (max-width: 900px) {
    .ciot-mapa-topo { grid-template-columns: minmax(0, 1fr); }
    .ciot-mapa-resumo { padding-left: 0; border-left: 0; }
}
.ciot-mapa-area { position: relative; flex: 1; }
.ciot-mapa-g { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.ciot-mapa-dica { position: absolute; left: 60px; top: 10px; z-index: 5; max-width: calc(100% - 80px); padding: 8px 12px; background: #fff; border: 1px solid #e3e6ea; border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, .08); font-size: 13px; }
.ciot-mapa-dica:empty { display: none; }
.ciot-mapa-pe { display: flex; justify-content: flex-end; gap: 10px; padding: 10px 16px; border-top: 1px solid #e3e6ea; }

/* ---------- Lia: importação de documento com IA ---------- */
.lia-ico { color: #5b36a8; font-weight: 700; line-height: 1; }
.lia-ico-topbar { color: inherit; font-size: 18px; }
.lia-ico-menu { display: inline-block; width: 24px; padding: 4px; text-align: center; }

.lia-btn { display: inline-flex; align-items: center; max-width: 28px; height: 28px; padding: 0 6px; overflow: hidden; vertical-align: middle; white-space: nowrap; border: 1px solid transparent; border-radius: 14px; color: #5b36a8 !important; text-decoration: none !important; transition: max-width .15s ease, border-color .15s ease, background-color .15s ease; }
.lia-btn .lia-ico { flex: none; width: 16px; font-size: 16px; text-align: center; }
.lia-btn-txt { margin-left: 6px; font-size: 12px; font-weight: 600; }
.lia-btn:hover, .lia-btn:focus-visible { max-width: 220px; padding-right: 10px; border-color: #b9a3e3; background: #faf8fe; }
@media (hover: none) { .lia-btn { max-width: 220px; padding-right: 10px; border-color: #b9a3e3; background: #faf8fe; } }

.lia-preenchido .select2-selection, .lia-preenchido .form-control, .lia-preenchido .tfield { background-color: #f7f4fc !important; border-color: #c4b1e8 !important; }
.lia-alterado .select2-selection, .lia-alterado .form-control, .lia-alterado .tfield { background-color: #fff9ed !important; border-color: #d9b980 !important; }
.lia-marca { margin-left: 2px; color: #5b36a8; cursor: help; }
.lia-marca::before { content: '- '; color: #999; }
.lia-alterado .lia-marca { color: #b07a14; }
.lia-antes { position: absolute; left: 24px; bottom: -6px; z-index: 3; padding: 0 5px; background: #fff; color: #b08a3c; font-size: 9px; line-height: 14px; white-space: nowrap; pointer-events: none; }
.lia-antes::before { content: 'antes '; }
.lia-qtd { display: inline-block; margin-left: 5px; padding: 0 5px; border-radius: 8px; background: #ede6f9; color: #5b36a8; font-size: 10px; line-height: 16px; }

.lia-resumo { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; padding: 8px 12px; border: 1px solid #c4b1e8; border-radius: 4px; background: #f7f4fc; color: #3d2a6e; font-size: 13px; }
.lia-resumo-txt { flex: 1; }
.lia-desfazer { font-weight: 600; color: #5b36a8 !important; cursor: pointer; }

.lia-cab { padding: 16px 20px 4px; }
.lia-cab h4 { margin: 0; font-size: 17px; font-weight: 700; }
.lia-sub { margin-top: 2px; color: #7b8794; font-size: 12px; }
.lia-msg { min-height: 16px; color: #c0392b; font-size: 12px; }
.lia-escolha p { margin: 0 0 8px; }
.lia-part { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-bottom: 8px; padding: 8px 12px; border: 1px solid #e3e6ea; border-radius: 4px; }
.lia-part-nome { flex: 1; font-weight: 700; }
.lia-part-info { color: #7b8794; font-size: 12px; }
.lia-dif { width: 100%; margin-bottom: 8px; font-size: 12px; }
.lia-dif td { padding: 4px 6px; border-bottom: 1px solid #eef0f3; vertical-align: top; }
.lia-dif td:first-child { color: #52606d; white-space: nowrap; }
.lia-dif-antes { color: #7b8794; text-decoration: line-through; }
.lia-mantido { color: #b07a14; font-size: 12px; }
.lia-preserv { color: #7b8794; font-size: 12px; }
.lia-acoes { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.lia-escolha p.lia-sec { margin: 12px 0 4px; color: #3d2a6e; font-size: 12px; font-weight: 700; }
.lia-escolha p.lia-destaque { padding: 6px 10px; border-left: 3px solid #d9b980; background: #fff9ed; color: #7a5410; font-weight: 600; }
.lia-nota { margin-top: 4px; color: #5b36a8; font-size: 12px; }
.lia-nota a { margin-left: 6px; font-weight: 600; color: #5b36a8 !important; cursor: pointer; }
.lia-aviso { flex-basis: 100%; order: 3; padding: 4px 8px; border-left: 3px solid #d9b980; background: #fff9ed; color: #7a5410; font-size: 12px; font-weight: 600; }