/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
.container-p-y:not([class^=pt-], [class*=" pt-"]) {
    padding-block-start: 1.0rem !important;
}
.menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo svg {
  width: 34px;
  height: 24px;
}

.app-brand-text.demo {
  font-size: 1.375rem;
}

/* ! For .layout-navbar-fixed added fix padding top to .layout-page */
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 72px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

.app-brand .app-brand-img-collapsed {
    height: 30px;
    margin-top: 10px;
    margin-left: -5px;
}
.app-brand .app-brand-img {
    height: 16px;
    margin-top: 15px;
}
.app-brand .layout-menu-toggle {
    margin-top: 15px;
}
.layout-menu-collapsed .layout-menu-toggle .menu-toggle-icon {
    display: none !important;
}
.layout-menu-collapsed.layout-menu-hover .layout-menu-toggle .menu-toggle-icon {
    display: inherit !important;
}


[data-bs-theme=dark] .resume-overview-progress {
  --bs-snackbar-bg: #e6e6f1;
}
.resume-progress-labels .resume-progress-label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.resume-progress-labels .resume-progress-label {
  position: relative;
  padding-block-end: 15px;
  min-width: 2rem !important;
}
.resume-progress-labels .resume-progress-label::after {
  position: absolute;
  display: inline-block;
  background-color: var(--bs-border-color);
  block-size: 10px;
  content: "";
  inline-size: 2px;
  inset-block-end: 0;
  inset-inline-start: 0;
}
.resume-overview-progress {
  --bs-snackbar-bg: #22303e;
}
.resume-overview-progress .snackbar {
  background-color: var(--bs-snackbar-bg);
}


a.no-decoration,
a.no-decoration:hover,
a.no-decoration:focus {
  color: var(--bs-heading-color)!important;
}
.generatedLeadsChart .apexcharts-canvas {
    margin-left: auto;
    margin-right: auto;
}
.generatedLeadsChart .apexcharts-tooltip-text-y-label,
.generatedLeadsChart .apexcharts-tooltip-text-y-value {
    color: #fff;
}
.card[class*=card-border-shadow-]::after {
    border-color: var(--bs-card-hover-border-bottom-color);
    border-block-end-width: 0.1875rem;
}

label.form-control[contenteditable="true"] {
    background-color: var(--bs-secondary-bg);
}

.modal .input-group-text.edit i,
.move-group .input-group .cursor-pointer,
div.move-group[data-type="range"] div.d-flex .cursor-pointer {
    visibility: hidden;
}
.modal .input-group-merge:hover i,
.move-group .input-group:hover .cursor-pointer,
div.move-group[data-type="range"] div.d-flex:hover .cursor-pointer {
    visibility: visible;
}
.btn.btn-block.nx-block-temporary-position {
    min-height: unset!important;
}

.form-control.field-name,
.input-group-text.cursor-pointer {
    padding-inline-start: 14px!important;
}
.border-none {
    border: none;
}
.input-group.input-group-merge .flatpickr-wrapper:first-child .flatpickr-input {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}
.input-group:hover .input-group-text, .input-group:hover .form-control, .input-group:hover .form-select {
    border-color: var(--bs-gray-600)!important;
}
div.move-group[data-type="range"] div.d-flex {
    border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
    border-radius: var(--bs-border-radius);
}
div.move-group[data-type="range"] div.d-flex:hover {
    border-color: var(--bs-gray-600) !important;
}
select:invalid {
    color: var(--bs-secondary-color);
    opacity: 1;
}
select option {
    color: var(--bs-heading-color);
}

div[data-repeater-list="ordem-itens"] > div[data-repeater-item]:last-child hr {
    display: none;
}
.offcanvas:not(.add) .edit {
    display: none;
}
.offcanvas:not(.edit) .add {
    display: block;
}
.offcanvas.edit .edit {
    display: block;
}
.offcanvas.edit .add {
    display: none;
}
.apexcharts-gridline {
    stroke-width: 1px;
    stroke: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary));
}
.card-action .card-action-element a.disabled {
    box-shadow: none;
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}
.card-action .card-action-element a.disabled {
    color: var(--bs-secondary);
}
.dropdown-update-time .dropdown-item.active, 
.dropdown-update-time .dropdown-item:active {
    background-color: var(--bs-primary);
    color: var(--bs-primary-contrast);
}
.dropdown-update-time .dropdown-item {
    color: var(--bs-body-color);
}

.dropdown-shortcuts-list .row-bordered > [class*=" col-"]::after {
    border-inline-start: none;
    inset-inline-start: unset;
    border-inline-end: 1px solid var(--bs-border-color);
    inset-inline-end: -1px;
}

.card .btn-menu {
    position: absolute;
    right: 10px;
    top: 5px;
    display: none;
}
.card:hover .btn-menu {
    display: block;
}
.card .card-contagem .badge {
    font-size: 1.1em;
}

.glow {
  animation-name:glow;
  animation-duration:1s;
  animation-iteration-count:1;
  animation-direction:alternate;
}

@keyframes glow{
  from{text-shadow:0px 0px 5px #fff,0px 0px 5px #614ad3;}
  to{text-shadow:0px 0px 20px #fff,0px 0px 20px #614ad3;}
}


.range-picker .scroll-container {
  width: 235px;
  max-height: 240px;
  position: relative;
  overflow: auto;
}
.range-picker .ps__rail-x,
.range-picker .ps__rail-y {
    opacity: 0.6;
}
.setor-picker .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #808390;
}



.offcanvas .pickr .pcr-button {
    width: 100%;
    height: 38px;
}
.badge.badge-color {
    width: 60px;
}
.was-validated select.select2:invalid + .select2.select2-container.select2-container--default span.select2-selection, 
select.select2.is-invalid + .select2.select2-container.select2-container--default span.select2-selection {
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: var(--bs-form-validation-shadow);
    border-width: 2px;
}
.position-relative + .was-validated select.select2:invalid ~ .invalid-feedback {
    display: block;
}
.was-validated select.select2:valid + .select2.select2-container.select2-container--default span.select2-selection, select.select2.is-valid + .select2.select2-container.select2-container--default span.select2-selection {
    border-color: var(--bs-form-valid-border-color);
    border-width: 2px;
}
.flatpickr-wrapper + form.was-validated .form-control:not(.input-group .form-control):valid  ~ .invalid-feedback,
.invalid-feedback.show {
    display: block;
}
.table.table-click tbody tr {
	cursor: pointer;
}
.card.error {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
    border-width: 2px;
}
.card.error .invalid-feedback {
    display: block;
}

div[data-status-value="working"] .card.border {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
div.offline[data-status-value="working"] .card.border {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary), var(--bs-border-opacity)) !important;
}
div.offline[data-status-value] .badge {
    background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary)) !important;
    color: var(--bs-secondary) !important;
}
div[data-status-value="working"] .badge,
.card.card-working .badge.status {
    background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-success)) !important;
    color: var(--bs-success) !important;
}
div[data-status-value="idle"] .card.border {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
div[data-status-value="idle"] .badge,
.card.card-idle .badge.status {
    background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-danger)) !important;
    color: var(--bs-danger) !important;
}
div[data-status-value="off"] .card.border {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
div[data-status-value="off"] .badge,
div[data-status-value="offline"] .badge,
.card.card-off .badge.status {
    background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary)) !important;
    color: var(--bs-secondary) !important;
}
div[data-status-value="working"] .badge span.working {
    display: block!important;
}
div[data-status-value="idle"] .badge span.idle {
    display: block!important;
}
div[data-status-value="off"] .badge span.off {
    display: block!important;
}
.maquina.online ~ .badge.bg-label-success {
    display: block!important;
}
.maquina.offline ~ .badge.bg-label-dark {
    display: block!important;
}
#offcanvasPedido .list-group-item {
    border-color: transparent;
    border-bottom-color: var(--bs-list-group-border-color);
}
#offcanvasPedido .list-pedidos {
    max-height: 80vh; 
    overflow-y: scroll;
}
.form-control[readonly] {
    background-color: #3a3d53;
}
.apexcharts-series:not([seriesName="Desligada"]):not([seriesName="Offline"]) {
    cursor: pointer;
}
.card.card-off {
    border: 2px solid var(--bs-secondary)!important;
}
.card.card-idle {
    border: 2px solid var(--bs-danger)!important;
}
.card.card-working {
    border: 2px solid var(--bs-success)!important;
}
.dashboard .progress {
  border-radius: 0.2rem;
}
.dashboard .progress .progress-bar:first-child {
    border-end-start-radius: 0.2rem;
    border-start-start-radius: 0.2rem;
}
.dashboard .progress .progress-bar:last-child {
    border-end-end-radius: 0.2rem;
    border-start-end-radius: 0.2rem;
}
.dashboard .card-off .card-timer {
    block-size: calc(50vh - 17.3rem);
}
.dashboard .card-idle .card-timer {
    block-size: calc(50vh - 20.1rem);
}
.dashboard .card-working .card-timer {
    block-size: calc(50vh - 20.5rem);
}
.dashboard h2.card-title {
    line-height: 38.39px;
}
.card-offline {
    position: absolute;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: inherit;
    padding-top: 5rem;
    justify-content: center;
}
.card.offline .card-offline {
    display: flex;
}
.dashboard .card.offline .card-title,
.dashboard .card.offline h1,
.dashboard .card.offline h3 {
    color: rgba(207, 205, 228, 0.5)
}
.card.offline .card-header,
.card.offline .card-body,
.card.offline .card-footer {
    filter: blur(5px);
}

.card.status-off .section-off {
    display: block;
}
.card.status-off .section-kpi,
.card.status-idle .section-off,
.card.status-working .section-off,
.card.status-offline .section-off {
    display: none;
}
.card.status-off .card-footer div {
    visibility: hidden;
}


.col-1-7 {
    flex: 0 0 auto;
    width: 50%;
}
@media (min-width: 576px) {
    .col-1-7 {
        flex: 0 0 auto;
        width: 14.28571428%;
    }

    .card.card-user {
        min-height: 437px;
    }    
}
.w-10 {
  width: 10% !important;
}
.w-45 {
  width: 45% !important;
}
.bs-select[readonly] + button {
  background-color: #3a3d53;
  pointer-events: none;
  touch-action: none;
}
.select2-search__field::placeholder {
    color: var(--bs-secondary-color);
}
.form-control.flatpickr-input[readonly] {
    background-color: transparent;
}
.nav-pills ~ .tab-content.tab-nested {
    border: 0;
    box-shadow: none;
}
#evento-operador ~ .select2-container--open .select2-dropdown {
    width: 275px !important;
}
.app-email-view-content .select2-container--open .select2-dropdown {
        width: 180px !important;
}
.btn-check:checked + .btn.btn-outline-secondary {
    color: #0088cc;
    background-color: color-mix(in sRGB, #2f3349 92%, #0088cc);
    border-color: #0088cc;
}
.was-validated .col.border:not(.is-invalid) {
    border-color: #28c76f!important;
    border-width: 2px!important;
}
.was-validated .col.border.is-invalid {
    border-color: #ff4c51!important;
    border-width: 2px!important;
}
.was-validated .is-invalid .form-check-inline .form-check-input:valid {
    background-color: #ff4c51;
    border-color: #ff4c51;
}
.was-validated .is-invalid .form-check-inline  .form-check-label {
    color: #ff4c51;
}
.invalid-feedback.pular {
    display: none;
}
.was-validated .is-invalid ~ .invalid-feedback.pular {
    display: block;
}
.recorrente.was-validated .btn-check:checked + .btn.btn-outline-secondary {
    color: #28c76f;
    background-color: color-mix(in sRGB, #2f3349 92%, #28c76f);
    border-color: #28c76f;
}
.recorrente.was-validated .btn-group .btn {
    border-inline-end-color: #28c76f;
    border-inline-start-color: #28c76f;
    border-bottom-color: #28c76f;
    border-top-color: #28c76f;
    color: #28c76f;
    border-width: 2px;
}
i.dropdown-toggle {
    cursor: pointer;
}
.app-chat .list-ordens,
.app-chat .list-maquina-ordens {
    max-height: 70vh;
}
.app-chat.search .list-ordens {
    max-height: 63vh;
}
.app-chat.programacao .list-maquina-ordens {
    max-height: 88.5vh;
}
.app-chat .card-filter {
    display: none;
}
.app-chat.search .card-filter {
    display: block;
}
.app-chat.search .dropdown-toggle.tabler-filter {
    display: none;
}
.app-chat.search .dropdown-toggle.tabler-filter-off {
    display: block;
}
.app-chat .dropdown-toggle.tabler-filter {
    display: block;
}
.app-chat .dropdown-toggle.tabler-filter-off {
    display: none;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
}
.custom-file-label {
    position: absolute;
    top: 8px;
    right: 1px;
    left: 162px;
    z-index: 10;
    height: 23px;
    font-weight: 400;
    line-height: 1.5;
    color: #cfcde4;
    background-color: #2f3349;
    margin-right: 1px;
}
.offcanvas .comment-editor .ql-editor {
    background: unset;
    min-block-size: 7rem;
}
.offcanvas .comment-editor.ql-container {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.offcanvas .comment-toolbar.ql-toolbar {
    border-block-start: 0;
    inline-size: 100%;
    text-align: end;
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.offcanvas .was-validated .is-invalid .invalid-feedback.quill,
form.was-validated .is-invalid .invalid-feedback.quill {
    display: block;
}
.offcanvas .was-validated .is-invalid .comment-editor,
form.was-validated .is-invalid .email-reply-editor {
    border: 2px solid var(--bs-form-invalid-border-color);
}
.offcanvas .was-validated .is-invalid .comment-toolbar {
    border: 2px solid var(--bs-form-invalid-border-color);
    border-top: 0;
}
form.was-validated .is-invalid .email-reply-editor {
    border: 2px solid var(--bs-form-invalid-border-color);
}
.offcanvas .was-validated .comment-editor,
form.was-validated .email-reply-editor {
    border: 2px solid #28c76f;
}
.offcanvas .was-validated .comment-toolbar {
    border: 2px solid #28c76f;
    border-top: 0;
}
.overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.timeline-header .actions {
    display: none;
}
.timeline-header h6:hover .actions {
    display: block;
}
tfoot.table-border-bottom-0 td {
    border-bottom-width: 0;
}
.card-datatable .dataTables_empty,
.table-responsive .dataTables_empty {
	padding: 50px 0;
	text-align: center;
}
#offcanvasEvento form.evento tr.sel,
#offcanvasEvento form.evento .btn-motive,
#offcanvasEvento form.evento #chart-contagem {
    display: none;
}
#offcanvasEvento form.evento.motive tr.motive {
    display: table-row;
}
#offcanvasEvento form.evento.order tr.order {
    display: table-row;
}
#offcanvasEvento form.evento.operator tr.operator {
    display: table-row;
}
#offcanvasEvento form.evento.change.working tr.working {
    display: table-row;
}
#offcanvasEvento form.evento.change.idle .btn-motive,
#offcanvasEvento form.evento.motive.idle .btn-motive,
#offcanvasEvento form.evento.change.working #chart-contagem {
    display: block;
}
table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    box-shadow: none!important;
}
/*
table.dataTable td.dt-type-numeric {
    text-align: right!important;
}
*/

#pre-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #171925;
    opacity: 0.6;    
    z-index: 10000;
}
.app-loader {
    width: 90px;
    height: 90px;
    margin: 30px auto;
    position: absolute;
    bottom: 45%;
    right: calc(50% - 45px);
    padding: 10px;
    border-radius: 50%;
    background: transparent;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.app-loader .loading {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px #0088cc;
  border-top-color: #fff;
  animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  display: inline-block;
}

.app-email-view-content .ql-snow .ql-editor {
    border-radius: var(--bs-border-radius);
    min-block-size: 10rem;
}

.app-email-view {
    position: relative;
    overflow: auto;
    block-size: calc(100vh - 7rem);
}
.app-email-view.ps--active-y .app-email-view-content {
    padding-right: 10px;
}
.app-email-view .ps__rail-y {
    opacity: 0.6;
}
.app-email-view-content .ql-snow.ql-container {
    border-radius: var(--bs-border-radius);
}
.form-control.readonly {
    background-color: #3a3d53;
}
.fc .fc-list .fc-list-table .fc-list-event td.fc-list-event-graphic {
    vertical-align: middle;
}
.fc .fc-h-event .fc-event-main, .fc .fc-v-event .fc-event-main {
    overflow: hidden;
}

.noUi-purple {
    --bs-noUi-base-color: #6b6c9d!important;
    --bs-noUi-thumb-shadow: rgb(107, 108, 157)!important;
    --bs-noUiSlider-line-color: var(--bs-primary-bg-subtle);
}
.app-chat .app-chat-conversation .card-body li.chat-contact-list-item.group {
    min-height: 103px;
    background-color: #494e67 !important;
}
ul.no-bullet {
    list-style-type: none;
}


.btn-round {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 0;
    block-size: calc(1.2514625rem + calc(var(--bs-border-width) * 2));
    font-size: 1.2890625rem;
    inline-size: calc(1.2514625rem + calc(var(--bs-border-width) * 2));
}
.column-grid-link:hover .grid-bg {
    background: #0093C9;
    color: #fff;
}
.column-grid-link .grid-bg {
    background: #3a3d53
}
.add-column-drop {
    border: 1px dashed #f1f1f5;
}
#widget-row-area {
    background: color-mix(in sRGB, var(--bs-base-color) 6%, var(--bs-paper-bg));
}
.widget-row{
    background-color: #2f3349;
}
.row-controller {
    flex: 2;
    position: relative;
}
.row-container {
    flex: 100;
}
.row-controller .move {
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
}
.icon-16 {
    width: 16px;
    height: 16px;
}
.row-controller .delete {
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    color: #f5325c;
}
.kanban-sortable-ghost {
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.kanban-sortable-chosen {
  opacity: 0.2;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.dashboard-mistura .card-item {
    cursor: pointer;
}
.dtfh-floatingparent.dtfh-floatingparent-head table.dataTable thead > tr > th {
    background-color: rgba(128, 131, 144, .2);
}
.app-chat.select .list-ordens {
    max-height: 67vh;
}
.app-chat .card-select {
    display: none;
}
.app-chat.select .card-select {
    display: block;
}
.app-chat .list-ordens .check-select,
.machine-order-list .check-select {
    display: none;
}
.app-chat.select .list-ordens .check-select {
    display: block;
}

.dashboard-mistura .card-machine {
    block-size: calc(100vh - 14.5rem);
}

.dashboard-mistura .card-machine .card-item:last-child {
    margin-block-end: 0 !important;
}
.card-machine.ps.ps--active-y {
    padding-right: 10px;
}
.w-px-550 {
    width: 550px !important;
}
.bg-danger-80 {
    background-color: color-mix(in sRGB, var(--bs-danger) 80%, var(--bs-paper-bg)) !important;
}
.bg-danger-60 {
    background-color: color-mix(in sRGB, var(--bs-danger) 60%, var(--bs-paper-bg)) !important;
}
span:focus-visible {
    outline: none;
}
div.order-produzindo,
div.order-produzida {
    cursor: pointer;
}
div.order-produzindo:not(.show),
div.order-produzida:not(.show) {
    opacity: 0.5;
}
div.order-produzindo .icon-base {
    color: #976946 !important;
}
div.order-produzida .icon-base {
    color: #2d5f54 !important;
}
.progress.square .progress-bar:last-child {
    border-end-end-radius: 2px;
    border-start-end-radius: 2px;
}
.progress.square .progress-bar:first-child {
    border-end-start-radius: 2px;
    border-start-start-radius: 2px;
}
.progress.square {
    border-radius: 2px;
    padding-inline-start: 0;
}
.progress.square .progress-bar {
    border-color: #2f3349;
    border-width: 2px;
    border-style: solid;
}
.progress.square .progress-bar.bg-success {
    cursor: pointer;
}
.popover-timeline .popover-arrow {
    display: none;
}
.popover-timeline {
    max-width: 500px; /* Overrides the default 276px */
    border-color: var(--bs-border-color);  
}
.popover-timeline .value.status {
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}
.popover-timeline .popover-body {
    padding-block-start: 0.5rem;
    color: #cfcde4;
}
.bg-offline {
    --bs-bg-opacity: 1;
    background-color: rgba(53, 60 , 83, var(--bs-bg-opacity)) !important;
}
.popover-timeline-body.working .value.status {
    color: #28c76f;
}
.popover-timeline-body.idle .value.status {
    color: #ff4c51;
}
.popover-timeline-body.working .pu {
    display: block;
}
.popover-timeline-body.idle .pu {
    display: none;
}
.pu-machine .slice {
    fill: var(--bs-primary);
    stroke: #2f3349;
    stroke-width: 2;
    cursor: pointer;
    transition: 0.2s;
}
.pu-machine .slice.danger,
.pu-machine .slice.double.danger {
    fill: #ff4c51;
}
.pu-machine .slice.success,
.pu-machine .slice.double.success {
    fill: #28c76f;
}
.pu-machine .slice.maintenance,
.pu-machine .slice.double.maintenance {
    fill: var(--bs-warning);
}
.pu-machine .slice.double {
    fill: var(--bs-primary);
    /*fill: #0c5d86;*/
}
.pu-machine .slice.maintenance.success {
    fill: #28c76f;
}
.pu-machine .slice.disabled.success {
    fill: #28c76f;
}

.pu-machine .slice.disabled,
.pu-machine .slice.disabled:hover {
    fill: #25293c;
}
.pu-machine .slice:hover {
    fill: color-mix(in sRGB, #000 10%, var(--bs-primary));
}
.pu-machine .label {
    fill: white;
    font-size: 14px;
    text-anchor: middle;
    dominant-baseline: middle;
    pointer-events: none;
}  
.noUi-handle {
    background: #2f3349!important
}
#timeline .noUi-value {
    display: none;
}
.w-1 {
  width: 1% !important;
}
.estacoes .bg-transparent {
    background-color: #25293c !important;
}
@keyframes flashUpdate {
  0% { background-color: transparent; }
  50% { background-color: rgba(13, 110, 253, 0.15); } /* Bootstrap primary color */
  100% { background-color: transparent; }
}

.card.card-updated {
  animation: glow 1s ease-in-out;
}
.h-96 {
  height: 96% !important;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none !important;
}

.dt-inputpaging li.dt-paging-input {
    display: flex;
    align-items: center !important;    
}
.dt-inputpaging input {
    width: 70px !important;
    text-align: center;
    margin-right: 10px;    
}
#solucoes p {
  font-size: 0.88rem !important
}
#solucoes .badge {
    font-size: 0.85em;
}