.ui-carousel-main img {
   width: 100%;
   height: 100%;
}

.ui-carousel-main {
   width: 80%;
}

.ui-carousel-photo {
   flex-shrink: 0;
}

.ui-type-carousel > .ui-container {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.ui-container-type-carousel {
   height: calc(100% - 10px);
   /* justify-content: space-between; */
}

.ui-carousel-miniature {
   width: 100%;
   height: 100%;
}

.ui-carousel-miniature img {
   width: 100%;
   height: 100%;
   cursor: pointer;
   transition: all 0.1s ease-in-out;
}

.ui-carousel-miniature img:hover {
   transform: scale(1.025);
   transition: all 0.1s ease-in-out;
}

.ui-carousel-miniature img:active {
   transform: scale(0.999);
   transition: all 0.1s ease-in-out;
}

.ui-type-carousel img {
   object-fit: contain;
   border: 1px solid #d6d6d6;
   border-radius: 8px;
}

.ui-carousel-container,
.ui-carousel-list {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   overflow: hidden;
   gap: 5px;
}

.ui-carousel-list {
   scroll-behavior: smooth;
}

.ui-carousel-list > div {
   width: calc((100% / 3) - 4px);
   box-sizing: border-box;
   margin: 5px 2px;
}

.ui-carousel-container {
   justify-content: space-between;
   width: 100%;
}

.ui-carousel-container .ui-type-button button {
   padding: 0;
   border: none;
   min-width: unset !important;
   width: 100%;
   height: 100%;
   color: #d6d6d6;
}

.ui-carousel-container .ui-type-button button:hover {
   background-color: var(--menu-background) !important;
}

.ui-carousel-container .ui-type-button button span {
   text-align: center !important;
}

.ui-carousel-container .ui-type-button {
   width: -webkit-fit-content;
   width: fit-content;
   height: -webkit-fit-content;
   height: fit-content;
   padding: 0;
   border: none;
}

.ui-carousel-container .ui-btn-icon i {
   vertical-align: middle !important;
   margin-top: 0 auto;
}

.ui-carousel-container .ui-carousel-miniature {
   width: 25%;
   margin: 5px 0;
   min-width: 35px;
}

.ui-carousel-container img {
   width: 35px !important;
   height: 35px !important;
}
.ui-chart-element:not(.ui-chart-card) {
   min-height: 350px;
}

.ui-chart-data {
   position: relative;
}

.ui-chart-data .ui-chart-empty-msg {
   position: absolute;
   margin: auto;
   display: block;
   width: 100%;
}

.ui-type-recharts {
   width: 100%;
}

.ui-type-chart .ui-loading-area i {
   font-size: 3rem;
   color: var(--themeBackground);
}

.ui-type-chart .ui-loading-area {
   opacity: 0.8;
}

.recharts-legend-item {
   display: flex !important;
   align-items: center;
}

.recharts-legend-item svg {
      flex-shrink: 0;
   }

.recharts-legend-item span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
   }

.ui-type-chart .ui-chart:not(.ui-chart-card) {
   padding: 0 15px;
}

.ui-chart .ui-type-input > .ui-container {
   width: 100%;
}

.ui-chart-card-value {
   font-weight: 700;
   font-size: 2.2rem;
}

.ui-chart-card-item {
   padding: 10px;
   font-size: 1.6rem;
}

.ui-chart-card-label {
   font-size: 1.4rem;
   font-weight: 500;
}

.ui-chart.ui-chart-card {
   display: flex;
   width: 100%;
   padding: 10px;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
}

.ui-inner-chart_status_pedidos .ui-chart-card-item .ui-chart-card-inner {
         padding: 12px;
      }

.ui-inner-chart_status_pedidos .ui-chart-card-item .ui-chart-card-inner .ui-chart-card-label {
            font-size: 1.4rem;
            font-weight: 500;
         }

.ui-inner-chart_status_pedidos .ui-chart-card-item .ui-chart-card-inner .ui-chart-card-value {
            text-align: left;
            font-weight: 700;
         }

.ui-chart-card-inner {
   min-height: 69px;
   padding: 10px;
   border-radius: 5px;
}

.ui-chart-type-card-old .ui-container {
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
}

.ui-no-label.ui-chart-type-card .ui-container {
   background: transparent !important;
   box-shadow: none !important;
   border: 0 !important;
}

.ui-no-label .ui-chart.ui-chart-card {
   padding: 10px;
}

.ui-chart-type-oneBar .ui-container {
      border: none !important;
      box-shadow: none !important;
      margin: 0 !important;
   }

.ui-chart-oneBar {
   min-height: 0 !important;
   padding: 10px !important;
   border: none !important;
}

.ui-label-errors_endpoint_repeat .ui-label-inner {
      min-height: 34px;
   }

.ui-grid-chart .MuiInputBase-root {
      background-color: #f2f4ff;
      height: 30px;
      padding: 0;
   }

.ui-grid-chart .MuiInputBase-root .MuiAutocomplete-input {
         height: 30px;
      }

.ui-grid-chart .MuiInputBase-root .MuiOutlinedInput-notchedOutline {
         border: none !important;
      }

.ui-chart-card-item.ui-chart-item-selected {
   opacity: 0.7;
}

.ui-child-prod_estatistica {
   padding: 10px 10px;
}

tspan {
   font-size: 1.2rem;
}

.ui-chart-data-map .ui-chart-element:not(.ui-chart-card) {
      min-height: 400px;
   }

@media (max-width: 1400px) {
   .ui-label-product_label_quality {
      text-align: center;
   }
}

.ui-chart-total-area {
   display: flex;
   justify-content: center;
   margin-top: 10px;
}

.ui-chart-total {
   border: 1px solid;
   gap: 5px;
   display: flex;
   border-radius: 3px;
   padding: 5px 10px;
   font-weight: 500;
   font-size: 1.6rem;
}

.ui-chart-tooltip {
   background-color: var(--white);
   border: 1px solid var(--container-border-color);
   border-radius: var(--container-border-radius);
   padding: var(--container-margin);
}

.customize-select .ui-inner-type-select .MuiInputBase-root {
         background-color: var(--background-blue-50);
      }

.customize-select .ui-inner-type-select fieldset {
         border-color: transparent !important;
      }

/* .chart-radial {
   & svg {
      .recharts-area {
         transform: translateX(-80px);
      }
   }
} */

.highcharts-root .highcharts-credits {
      display: none;
   }

.ui-container-type-chart {
   height: calc(100% - 20px);
}

.ui-grid .ui-container-type-chart {
   box-shadow: none !important;
   border: 0 !important;
   margin: 0;
}

.highcharts-background {
   fill: var(--white);
}

.highcharts-axis-labels text {
      fill: var(--text) !important;
   }

.highcharts-button .highcharts-button-box {
      fill: var(--white);
   }

.highcharts-button .highcharts-button-symbol {
      stroke: var(--text) !important;
   }

@media (prefers-color-scheme: dark) {
      body[data-theme='dark'] .ui-chart-empty-background {
         filter: invert(1) grayscale(1);
         mix-blend-mode: lighten;
      }
}

.ui-chart-empty-container {
   width: 100%;
   min-height: 100px;
}

.ui-chart-empty-container .ui-chart-empty-inner {
      /* flex items-center justify-center p-6 */
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding: 20px;
   }

.ui-chart-empty-container .ui-chart-empty-inner .ui-chart-empty-background {
         background-repeat: no-repeat;
         background-size: cover;
         background-position: left center;
         width: 100%;
      }

.ui-chart-empty-container .ui-chart-empty-inner .ui-chart-empty-background .ui-chart-empty-image {
            /* flex items-center justify-center p-6  */
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
         }
.ui-icon {
   width: -webkit-fit-content;
   width: fit-content;
}

i.flip-h {
   transform: scaleX(-1);
}

i.flip-v {
   transform: scaleY(-1);
}

i.flip-h.flip-v {
   transform: scaleX(-1) scaleY(-1);
}

.ui-label > .ui-icon {
   display: flex;
   margin-right: 5px;
}

.icons-hidden .ui-icon {
   overflow: hidden;
}

.ui-container:has(.ui-loading-area) {
   position: relative;
}

.no-border {
   border: none !important;
}

.ui-label-right {
   gap: 10px;
}

.MuiPopper-root .MuiTooltip-tooltip {
   max-width: 400px;
   font-size: 1.1rem;
}

/* Acho que as rows não precisam de um loading */

.ui-grid-row-repeat > div > div > div > i {
   color: transparent;
}

.ui-variant-gray.ui-type-card > .ui-container {
      background-color: var(--container-gray-background);
   }

.ui-variant-gray.ui-type-card > .ui-container .MuiInputBase-root {
         background-color: var(--white);
      }

.ui-variant-gray.ui-type-list > .ui-container > .ui-grid .ui-grid-data th {
               background-color: var(--container-gray-background);
            }

.ui-variant-gray.ui-type-list > .ui-container > .ui-grid {

            background-color: var(--container-gray-background);
}

.notistack-MuiContent {
   font-size: 1.2rem !important;
}

.notistack-SnackbarContainer:has(.ui-snackbar) {
   max-width: 40%;
}

.notistack-SnackbarContainer:has(.ui-snackbar) > * {
      max-height: 20%;
      overflow: hidden;
   }

.notistack-SnackbarContainer:has(.ui-snackbar) .ui-snackbar a {
         font-weight: 500;
         text-decoration: underline;
      }

.notistack-SnackbarContainer:has(.ui-snackbar) .ui-snackbar-overflow {
      font-weight: 500;
   }

.notistack-SnackbarContainer:has(.ui-snackbar) .ui-snackbar-overflow:hover {
         cursor: pointer;
         text-decoration: underline;
      }

.ui-el.flex-center {
   display: flex;
   align-items: center;
   justify-content: center;
}

.ui-label-inner {
   display: flex;
   width: 100%;
   align-items: center;
}

.thin-label > .ui-container > .ui-child > .ui-label span {
               font-weight: 400;
            }

/* .ui-el:not(.ui-type-button) {
   min-width: 8.33%;
} */

.ui-sub-label {
   font-size: 1rem;
   font-weight: 400;
   margin-left: 5px;
   display: flex;
   align-items: center;
}

.ui-el.ui-input {
   vertical-align: top;
}

.ui-inner {
   display: block;
   position: relative;
}

.ui-container > .ui-icon {
   width: 30px;
}

.ui-type-card,
.ui-type-chart,
.ui-type-list,
.ui-type-tab,
.ui-type-view,
.ui-type-group,
.ui-type-grid {
   width: 100%;
}

.floating-search {
   padding: 20px;
}

.floating-search .ui-child-type-group {
      display: flex;
      align-items: center;
   }

.floating-search .ui-type-input:not(.ui-type-switch) {
      max-width: 300px;
   }

.floating-search .ui-type-input:not(.ui-type-switch) .ui-inner {
         background-color: white;
         display: flex;

         max-width: 0;
         overflow: hidden;

         transition: all 0.35s ease-out;
      }

.floating-search button {
      background-color: #ffffff !important;
      border-radius: 100%;
      border: 1px solid #1d1e20;
   }

.floating-search button:hover {
         border: 1px solid #1d1e20;
      }

.floating-search {

   z-index: 9;

   position: absolute;
   top: -10px;
   left: 0px;
}

.floating-search:hover .ui-type-input:not(.ui-type-switch) {
         max-width: 300px;
      }

.floating-search:hover .ui-type-input:not(.ui-type-switch) .ui-inner {
            max-width: 100%;
         }

.ui-format-inline span p {
      display: inline;
   }

.ui-format-inline span br {
      content: ' ';
      display: none;
   }

.ui-container {
   display: block;
   /*não retirar, alguns componentes não repeitam o limite do conteiner e faz com que quebre,
   isso corrige o problema e não prejudica em nada*/
   max-width: 100%;
}

.ui-grid-empty-label {
   text-align: center;
   margin: 0 auto;
}

.ui-container .MuiDivider-root {
   border-color: var(--container-border-color);
}

.ui-label-layout-card:not(.ui-label-layout-gray, .ui-label-type-editor):not(.ui-label-type-slider),
.ui-type-card > .ui-container > .ui-label,
.ui-type-chart > .ui-container > .ui-label {
   padding: 10px 20px;
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 1.25;
   border-bottom: 1px solid var(--container-border-color);
   min-height: 46px;
   width: 100%;

   border-radius: 10px 10px 0px 0px;
}

.ui-el-add .ui-btn-shadow button {
   min-width: unset !important;
   padding: 0 !important;
   height: 40px;
   width: 40px;
}

.ui-el-add:has(.ui-btn-shadow) > .ui-container,
.ui-el-add:has(.ui-btn-shadow) > .ui-container > .ui-inner {
   padding: 0;
}

.ui-child-type-crud > div:last-child:is(.ui-type-tabs) {
   min-height: 320px;
}

.ui-type-chart > .ui-container > .ui-child,
.ui-type-card > .ui-container > .ui-child {
   padding: 10px;
}

.ui-page-content .ui-fade:not(.ui-input) {
      animation: el-fade-in 0.4s forwards;
   }

.sk-fadeout {
   animation: sk-fadeout 0.4s forwards;
}

.sk-absolute {
   position: absolute !important;
   z-index: 1;
}

@keyframes sk-fadeout {
   from {
      opacity: 1;
   }
   to {
      opacity: 0;
   }
}

.App {
   position: relative;
}

.ui-el-conversor > .ui-container {
      height: calc(100% - 20px);
      display: flex;
      flex-direction: column;
   }

.ui-el-conversor > .ui-container > .ui-child {
         height: 100%;
      }

.ui-el-conversor > .ui-container > .ui-child > .ui-el {
            height: -webkit-fit-content;
            height: fit-content;
         }

@media (max-width: 1366px) {
      .ui-el-meu-perfil .ui-child-meu-perfil {
         flex-direction: column;
      }

         .ui-el-meu-perfil .ui-child-meu-perfil > div:first-child {
            width: 30% !important;
            margin: auto;
         }

         .ui-el-meu-perfil .ui-child-meu-perfil > div:not(:first-child, :last-child) {
            width: 100% !important;
         }

         .ui-el-meu-perfil .ui-child-meu-perfil .ui-inner-salvar-avatar {
            display: flex;
            justify-content: flex-end;
         }
}

.ui-label-actionsx > .ui-container > .ui-child {
         gap: 10px;
      }

.fake-alterar-foto {
   overflow: hidden;
   width: 94px;
   height: 28px;
   border-radius: 4px;
   background: var(--blue-500);

   transition: background 0.1s;
}

.fake-alterar-foto:hover {
      background-color: var(--blue-600);
   }

.ui-page-content:has(.no-padding-page) {
   padding: 0 !important;
   transition: unset !important;
}

.ui-collapsable > .ui-container > .ui-child {
      max-width: 100%;
      transition:
         grid-template-rows 0.5s ease-out,
         padding 0.5s,
         margin 0.5s;
   }

.ui-collapsable.ui-collapsed > .ui-container > .ui-label {
         border-radius: 6px 6px 0px 0px !important;
      }

.ui-collapsable.ui-collapsed > .ui-container > .ui-child {
            grid-template-rows: 0fr;
            margin-top: -1px;
         }

.card-not-padding .ui-child {
      padding: 0 !important;
   }

.clients-main-list .ui-grid .grid-button-expanded-collapsed {
         display: none;
      }

.ui-collapse-container {
   width: 100%;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
}

.deletar-avatar button:hover {
   background-color: rgb(221, 74, 74) !important;
}

.ui-el-preview-avatar div {
   width: calc(100% - 10px);
}

.ui-el-preview-avatar div img {
      border-radius: 6px;
      max-height: 197px;
   }

@keyframes el-fade-in {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

.ui-type-card > .ui-container > .ui-label {
   border-radius: 10px 10px 0px 0px;
}

.ui-type-card > .ui-container > .ui-child {
   border-radius: 10px;
}

.ui-type-card .ui-label .ui-icon {
   display: flex;
   align-items: center;
   justify-content: center;
}

.ui-container-type-card .ui-font-icon, .ui-grid-top-left .ui-font-icon {
      font-size: 2rem;
   }

.ui-dialog .ui-type-output.ui-space-0 {
      max-width: 100%;
   }

.ui-type-buttons > .ui-container,
.ui-type-chart > .ui-container,
.ui-container-layout-card:not(.ui-container-layout-info, .ui-container-type-list),
.ui-type-card > .ui-container {
   background: var(--container-background);
   border-radius: var(--container-border-radius);
   border: 1px solid var(--container-border-color);
}

.ui-type-list > .ui-container,
.ui-type-chart > .ui-container,
.ui-type-grid > .ui-container {
   margin: 10px;
}

.ui-grid .ui-type-list > .ui-container {
   width: 100%;
   margin: 10px auto;
}

.ui-container-layout-card,
:is(.ui-type-card) > .ui-container,
:is(.ui-type-tabs) > .ui-container,
:is(.ui-type-tab) > .ui-container {
   margin: 10px;
   position: relative;
}

.ui-el-produto :is(.ui-el-qual_produto, .ui-el-info_produto) > .ui-container {
   margin-bottom: 0;
}

.ui-label-layout-card,
.ui-type-chart > .ui-container > .ui-label,
.ui-type-card > .ui-container > .ui-label {
   font-weight: 500;
   font-size: 1.4rem;
}

.ui-type-crud > .ui-container > .ui-label > .ui-icon i {
   font-size: 2.6rem;
}

.ui-layout-legend.ui-el-atendimentos {
   padding: 0 !important;
}

.ui-type-list:is(.ui-layout-default, .ui-layout-list, .ui-layout-legend) > .ui-container > .ui-grid {
         border-radius: 10px;
         border: 1px solid var(--container-border-color);
      }

.ui-type-list:is(.ui-layout-default, .ui-layout-list, .ui-layout-legend):not(.ui-variant-gray) > .ui-container > .ui-grid {
            background-color: var(--container-background);
         }

.ui-type-list > .ui-container > .ui-label {
   border: 0;
}

.ui-label {
   padding: 5px 10px;
}

.request_quote .ui-label {
      padding: 5px 0px !important;
   }

.ui-layout-block {
   width: 100%;
}

.ui-click {
   cursor: pointer;
}

.ui-icon-only {
   width: 50px;
   text-align: center;
}

.ui-type-select .ui-loading-area i {
   font-size: 1.8rem;
}

.ui-select-menu-item:hover {
   background: #e9e9ff !important;
}

.ui-icon {
   text-align: center;
}

.ui-type-bool .MuiFormControl-root,
.ui-type-checkbox .MuiFormControl-root,
.ui-type-boolean .MuiFormControl-root {
   flex-direction: inherit;
}

.ui-dialog-title-left {
   font-weight: 400;
   font-size: 2rem;
}

.ui-input .ui-icon i {
   border-radius: 2px;
   font-size: 1.7rem !important;
}

.ui-icon-pos-right > .ui-container > .ui-label {
   flex-flow: row-reverse;
   flex-direction: row-reverse;
   align-items: flex-start;
   justify-content: flex-end;
}

.ui-type-bool .MuiFormControl-root {
   height: 38px;
   border: 1px solid var(--container-border-color);
   width: 100%;
   border-radius: 0;
}

.container-justify-center {
   display: flex;
   justify-content: center;
}

.ui-label-pos-left .container-justify-center .ui-container {
   width: calc(100% - 10px);
}

.ui-type-select .ui-inner {
   position: relative;
}

.ui-type-bool .MuiFormControl-root * {
   font-size: 1.6rem;
}

.ui-type-root > .ui-label {
   display: none;
}

.ui-el-right {
   text-align: right;
}

.ui-icon-pos-right > .ui-container > .ui-label {
   flex-direction: row-reverse;
   justify-content: start;
   align-items: center;
}

.ui-icon-pos-right > .ui-container > .ui-label > .ui-icon {
   margin-left: 5px;
}

.ui-label-pos-right > .ui-container {
   display: flex;
   gap: 10px;
   align-items: center;
   justify-content: center;
   justify-items: center;
}

.ui-label-pos-right > .ui-container > .ui-label > .ui-label-inner {
   align-items: center;
   display: flex;
}

.ui-el-right > .ui-container > .ui-child {
   justify-content: right;
}

:is(.ui-el-avatar, .ui-el-imagem_produto) .ui-all-images {
   border-radius: 50%;
   object-fit: cover;
}

.MuiFormControl-root.MuiTextField-root .MuiIconButton-edgeEnd {
   margin-right: 0px;
}

.ui-type-checkbox .MuiFormControlLabel-label {
   font-size: 1.3rem !important;
}

.ui-format-status .ui-inner {
   border-radius: 16px;
   color: white;
   font-size: 1.1rem;
   padding: 2px;
   line-height: 14.3px;
   font-weight: 600;
}

.ui-label:has(.ui-label-refresh) {
   max-height: 46px;
}

.ui-label-refresh button {
   padding: 6px;
}

.ui-label-refresh button i {
      font-size: 2.2rem;
   }

.ui-grid-filters-fixed .ui-type-toggle {
      margin-top: 0px !important;
      padding-left: 0px !important;
   }

.ui-child-json .ui-type-toggle {
      margin-top: 5px;
      padding-left: 7.5px;
   }

.ui-grid-filters-fixed .ui-type-toggle:not(.ui-variant) .MuiToggleButtonGroup-root {
         justify-content: center;
      }

.ui-type-toggle:not(.ui-variant) {
   display: flex;
   align-items: center;
}

.ui-type-toggle:not(.ui-variant) .MuiToggleButtonGroup-root {
      width: 100%;
      max-width: 100%;
      display: flex;
      flex: none;
      align-items: center;
   }

.ui-type-toggle:not(.ui-variant) .MuiToggleButtonGroup-root button {
      width: auto;
      text-wrap: nowrap;
         height: 36px;
         color: var(--text);
         font-size: 1.2rem;
         padding: 10px;
         background-color: var(--white);
         border-color: var(--container-border-color);
   }

.ui-type-toggle:not(.ui-variant) .MuiToggleButtonGroup-root button img {
            width: 20px;
            height: 20px;
            object-fit: contain;
         }

.ui-type-toggle:not(.ui-variant) .MuiToggleButtonGroup-root button[disabled] {
         color: #afafaf;
      }

.ui-type-toggle:not(.ui-variant) .MuiToggleButtonGroup-root button.ui-toggle-selected,
      .ui-type-toggle:not(.ui-variant) .MuiToggleButtonGroup-root .Mui-selected {
         background-color: var(--background-blue-500);
         border-color: var(--background-blue-500);
         color: white;
         font-weight: 600;
      }

.ui-type-toggle:not(.ui-variant) .MuiToggleButtonGroup-root span:first-child button {
         border-radius: 24px 0px 0px 24px;
      }

.ui-type-toggle:not(.ui-variant) .MuiToggleButtonGroup-root span:last-child button {
         border-radius: 0px 24px 24px 0px;
      }

.ui-big-toggle .ui-user-data .MuiToggleButtonGroup-root .MuiButtonBase-root {
            height: 46px;
         }

.ui-big-toggle .ui-user-data .MuiToggleButtonGroup-root .MuiButtonBase-root img {
               width: 30px;
               height: 30px;
               object-fit: contain;
            }

.ui-big-toggle .ui-user-data .MuiToggleButtonGroup-root div:first-child button {
               border-radius: 50px 0px 0px 50px;
               padding-left: 15px;
            }

.ui-big-toggle .ui-user-data .MuiToggleButtonGroup-root div:last-child {
            background-color: red;
            padding: 10px;
         }

.ui-big-toggle .ui-user-data .MuiToggleButtonGroup-root div:last-child button {
               border-radius: 0px 50px 50px 0px;
               padding-right: 15px;
            }

.ui-big-toggle.ui-toggle-image .ui-user-data .MuiToggleButtonGroup-root {
            column-gap: 10px;
         }

.ui-big-toggle.ui-toggle-image .ui-user-data .MuiToggleButtonGroup-root button {
               border-radius: 5px !important;
               border-color: inherit;
               padding: 4px !important;
            }

.ui-big-toggle.ui-toggle-image .ui-user-data .MuiToggleButtonGroup-root button img {
                  width: 36px;
                  height: 36px;
                  object-fit: contain;
                  border-radius: 4px !important;
                  overflow: hidden;
                  margin: 0;
               }

.ui-grid-filters-fixed .MuiToggleButtonGroup-root {
      flex-wrap: wrap;
      gap: 5px;
   }

.ui-type-chart .ui-icon {
   line-height: 0;
}

.ui-menu-item-group {
   justify-content: flex-end;
}

.ui-tag-erp-custom-value {
   padding: 0px 5px;
   font-size: 1.2rem;
}

.ui-tag .ui-user-data, .ui-tag-container .ui-user-data {
      padding: 0 2px;
      color: #fff;
      font-weight: 600;
      border-radius: 50px;
      text-align: center;
   }

/*Retirei os !importants pois estavam influenciando no front v1*/

.ui-tag-normal .ui-user-data, .ui-tag-container .ui-user-data {
      background-color: var(--dark-light);
      color: #000;
   }

.ui-tag-success .ui-user-data, .ui-true-style .ui-user-data {
      background-color: var(--green);
   }

.ui-tag-error .ui-user-data {
      background-color: var(--danger);
   }

.ui-tag-different .ui-user-data {
      background-color: var(--orange);
   }

.ui-tag-pending .ui-user-data {
      background-color: #5b87ff;
   }

.ui-format-status .ui-inner {
      color: var(--text);
   }

.ui-format-status.ui-status-active .ui-inner {
      background-color: var(--background-green-400, #a5ffce);
   }

.ui-format-status.ui-status-inactive .ui-inner {
      background-color: var(--background-lead-500);
   }

.ui-format-status.ui-status-blocked .ui-inner {
      background-color: var(--background-red-300);
   }

.ui-format-status.ui-status-paused .ui-inner {
      background-color: var(--background-yellow-300);
   }

.ui-format-size .ui-inner {
   background-color: #edeeff;
   font-size: 1.5rem;
   font-weight: 600;
   color: var(--blue-text);
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 10px;
   min-height: 10px;
   border-radius: 4px;
   padding: 4px !important;
}

.ui-format-color {
   border-radius: 100%;
   min-width: 10px;
   min-height: 10px;
}

.ui-type-card > .ui-container,
.ui-type-crud > .ui-container > .ui-child .ui-type-list .ui-grid-resize {
   box-shadow: none;
}

.ui-container-categorias .ui-container-toggle {
      padding-left: 10px;
   }

.ui-grid-row.ui-grid-row-selected > .ui-grid-col {
   background-color: var(--background-iris-200);
   /* color: #000; */
}

.ui-type-file .ui-avatar,
.ui-type-upload .ui-avatar {
   max-width: 50px;
   margin: 0px 10px 10px 10px;
}

.ui-child {
   display: flex;
   flex-wrap: wrap;
   position: relative;
}

.ui-el-descricao_produto .ui-container {
   width: 100%;
}

.ui-label-pos-left {
   display: inline-flex;
   vertical-align: middle;
}

.ui-label-pos-left .ui-label {
   font-weight: 600;
}

.ui-entity-act button i {
   color: var(--text);
}

.ui-error .ui-error-message {
   color: #d24835;
}

.ui-error-message {
   font-size: 1.2rem;
   margin-top: 0px;
   font-weight: 500;
}

.ui-type-output.ui-layout-info .ui-label {
   color: var(--yellow-100);
   font-weight: 600;
}

.ui-with-label.ui-layout-info > .ui-container > .ui-inner {
         padding: 0 10px;
      }

.ui-slider-items {
   position: relative;
   width: 100%;
   height: 14px;
   min-width: 156px;
   display: flex;
}

.ui-slider i {
   color: #48bd00;
}

.ui-slider-item {
   top: 0;
   bottom: 0;
   background: #48bd00;
   position: absolute;
   width: 100%;
   border-radius: 10px;
}

.ui-slider {
   display: flex;
   width: calc(100% - 50px);
   margin: 0 auto;
   align-items: center;
   justify-content: center;
}

.ui-slider > div {
   display: flex;
   flex-direction: column;
}

.ui-slider-feedback {
   padding-bottom: 10px;
}

.ui-slider-right {
   gap: 4px;
   margin-left: 5px;
}

.ui-slider-right span {
      font-size: 1.3rem;
      font-weight: 500;
      color: #1d1e20 !important;
   }

.ui-slider-left {
   display: flex;
   flex: none;
}

.ui-slider-left i {
      font-size: 3.2rem;
   }

.ui-button-menu-icon {
   padding-right: 10px;
   font-size: 1.3rem;
}

.ui-grid.ui-layout-info {
   padding: 5px 10px;
}

.ui-grid-label {
   color: blue;
   font-weight: bold;
}

.ui-type-card.ui-el-error {
   min-height: 300px;
}

.ui-type-card.ui-el-error .ui-type-icon {
   margin: auto;
}

.ui-type-card.ui-el-error .ui-type-icon i {
   font-size: 4rem;
}

.ui-type-card.ui-el-error > .ui-container {
   display: flex;
   align-items: center;
   justify-content: center;
}

.ui-grid.ui-layout-info > .ui-grid-label {
   padding-left: 5px;
}

.ui-type-card.gray > .ui-container {
   background-color: var(--container-gray-background);
}

.show-payload i {
      color: var(--blue-500) !important;
   }

.ui-dialog-container:has(.download-payload-dialog) .download-payload-dialog {
      height: 100%;
   }

.ui-dialog-container:has(.download-payload-dialog) .ui-dialog-content {
      height: 100dvh !important;
   }

.ui-dialog-container:has(.download-payload-dialog) {
   width: 100% !important;
}

.ui-type-editor.ui-variant-card > .ui-container {
         margin: 10px;
         border-radius: 8px;
         width: calc(100% - 20px);
      }

.ui-type-editor.ui-variant-card .ql-toolbar {
         border-radius: 8px 8px 0px 0px !important;

         border-color: var(--container-border-color) !important;
      }

.ui-type-editor.ui-variant-card .ql-container {
         border-color: var(--container-border-color) !important;
         border-radius: 0px 0px 8px 8px !important;
         background-color: var(--white);
      }

.ui-type-editor.ui-variant-rectangle .ui-container-type-editor {
         margin: 0 !important;
         width: 100% !important;
      }

.ui-type-editor.ui-variant-rectangle .ui-container-type-editor .ql-toolbar {
            border-left-width: 0px !important;
            border-right-width: 0px !important;
         }

.ui-type-editor.ui-variant-rectangle .ui-container-type-editor .ql-container {
            border-left: 0;
            border-right: 0;
            border-radius: 0px !important;
            border-bottom: 0;

            max-height: 300px;
            overflow: auto;

            background-color: var(--white);
         }

.ui-type-editor.ui-variant-rectangle .ui-container-type-editor .ql-editor {
            min-height: 175px;
         }

.ql-editor {
   line-height: 1.85;
}

.ql-editor.ql-blank::before {
      color: var(--text);
      opacity: 0.5;
   }

.ui-variant-borderless-gray.ui-type-select .MuiInputBase-root {
         background-color: var(--background-iris-200);
      }

.ui-variant-borderless-gray.ui-type-select fieldset {
         border-color: transparent !important;
      }

.ui-variant-borderless-gray.ui-type-entity .MuiInputBase-root {
         background-color: var(--background-iris-200);
      }

.ui-variant-borderless-gray.ui-type-entity .ui-entity-act button {
            border: none !important;
            background-color: var(--background-iris-200) !important;
            margin-left: -5px;
         }

.ui-variant-borderless-gray.ui-type-entity fieldset {
         border-color: transparent !important;
      }

:not(.ui-custom-card .ui-child-card) .ui-label-pos-left > .ui-container {
   flex-wrap: nowrap;
   flex-direction: row;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.ui-layout-info .ui-label:not(.ui-label-type-card) {
   color: var(--blue-text);
}

.ui-type-output.ui-variant-outlined > .ui-container {
   border-radius: 4px;
   border: 1px solid #e8e8e8;
   padding: 5px 15px;
}

.ui-type-output.ui-variant-outlined > .ui-container > .ui-label {
   padding: 0;
}

.ui-type-output.ui-variant-outlined > .ui-container > .ui-label > .ui-label-inner {
   font-weight: 600;
   letter-spacing: 0em;
}

.ui-type-output.ui-variant-outlined.ui-label-pos-left > .ui-container > .ui-label {
   margin-right: 5px;
}

.ui-type-output.ui-variant-outlined.ui-label-pos-right > .ui-container > .ui-label {
   margin-left: 5px;
}

.ui-el.ui-loading {
   position: relative;
}

.ui-loading-area {
   position: absolute;
   z-index: 1;
   width: 100%;
   margin: auto;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   inset: 0;
}

.ui-type-dimensionbox > .ui-container {
   margin: 10px;
   border-radius: 8px;
   background-color: var(--background-iris-200);
   border: 1px solid #dad9da;
   width: -webkit-fit-content !important;
   width: fit-content !important;
   min-height: unset;
}

.ui-type-dimensionbox > .ui-container > .ui-label > .ui-label-inner {
   text-align: center;
   width: 100%;
}

.ui-type-dimensionbox > .ui-container > .ui-label span {
   margin: 0 auto;
}

.ui-type-dimensionbox > .ui-container > .ui-inner {
   width: -webkit-fit-content !important;
   width: fit-content !important;
}

.ui-type-dimensionbox > .ui-container > .ui-inner > div {
   width: -webkit-fit-content;
   width: fit-content;
}

.ui-type-dimensionbox > .ui-container {
   margin: 10px;
   border-radius: 8px;
   background-color: var(--background-iris-200);
   border: 1px solid #dad9da;
   width: -webkit-fit-content !important;
   width: fit-content !important;
   min-height: unset;
}

.ui-icon {
   -webkit-user-select: none;
           user-select: none;
}

.ui-type-password:has(button[aria-label='toggle password visibility']) input {
      padding-right: 40px;
   }

.ui-type-password button[aria-label='toggle password visibility'] {
      position: absolute;
      right: 5px;
   }

.ui-type-dimensionbox > .ui-container > .ui-label {
   padding: 12px 0px;
   background-color: transparent;
}

.ui-icon {
   -webkit-user-select: none;
           user-select: none;
}

.ui-type-password:has(button[aria-label='toggle password visibility']) input {
      padding-right: 40px;
   }

.ui-type-password button[aria-label='toggle password visibility'] {
      position: absolute;
      right: 5px;
   }

.ui-type-dimensionbox > .ui-container > .ui-label {
   padding: 12px 0px;
   background-color: transparent;
}

.ui-type-dimensionbox > .ui-container > .ui-label > .ui-label-inner {
   text-align: center;
   width: 100%;
}

.ui-type-dimensionbox > .ui-container > .ui-inner {
   width: -webkit-fit-content !important;
   width: fit-content !important;
}

.ui-type-dimensionbox > .ui-container > .ui-inner > div {
   width: -webkit-fit-content;
   width: fit-content;
}

.ui-label .ui-inner {
   padding: 0;
}

.ui-type-select i.select-menu-icon {
   font-size: 2rem !important;
   margin-right: 8px;
}

.ui-view-list,
.ui-view-edit {
   width: 100%;
}

.ui-center .ui-child {
   align-items: center;
   justify-content: center;
}

.ui-bottom {
   padding: 5px;
}

.ui-type-card :is(.ui-child-bgGray, .ui-type-output) .ui-type-slider .ui-container {
   margin: 10px;
   border-radius: 999px;
}

.ui-type-card .ui-child-bgGray > .ui-container > .ui-child > div > :is(.ui-container),
.ui-type-card .ui-child-bgGray > .ui-container,
.ui-type-card .ui-child-bgGray .ui-child,
.ui-type-card .ui-child-bgGray .ui-inner,
.ui-child-bgGray .ui-container > .ui-layout-info {
   background-color: var(--container-gray-background);
   overflow: hidden;
}

.ui-type-card .ui-child-bgGray > .ui-container {
   border: 1px solid var(--container-border-color);
   border-radius: 10px;
}

.ui-type-card-x .ui-type-output .ui-layout-span :is(.ui-inner, .ui-label) {
   padding: 0;
}

.ui-layout-info .ui-grid-area {
   max-width: 100%;
   margin: 0;
}

.ui-el-pessoa-level img {
   width: 38px;
   height: auto;
   margin: 10px auto 0;

   filter: grayscale(1);
   opacity: 0.4;
}

.ui-el-pessoa-documentos {
   margin-top: 12px;
}

.ui-child .ui-layout-info .ui-grid-area .ui-grid-col-column {
   padding: 0px 5px !important;
}

.ui-layout-info {
   min-height: auto !important;
   flex-grow: 1; /*não tirar, algumas tabs com grid não ocupam o espaço que tem. */
}

.ui-type-card .ui-child-bgGray .ui-layout-span > .ui-inner {
   background-color: inherit !important;
}

.ui-layout-info .ui-grid-body > .ui-grid-row > .ui-grid-col span {
   white-space: normal;
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box !important;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   background-color: transparent;
}

.page-favorite-star {
   cursor: pointer;
   margin: 0 7.5px;
   width: 18px;
   height: 18px;
}

.ui-type-select.ui-variant-slim_borderless_gray .MuiInputBase-root {
      background-color: var(--background-iris-300);
   }

.ui-type-select.ui-variant-slim_borderless_gray .MuiSelect-select {
      padding: 7px 14px;
      min-width: 340px;

      font-weight: 700;
   }

.ui-type-select.ui-variant-slim_borderless_gray fieldset {
      border: none !important;
   }

.ui-type-select.ui-variant-borderless_gray .MuiInputBase-root {
      background-color: var(--background-iris-300);
   }

.ui-type-select.ui-variant-borderless_gray .MuiSelect-select {
      font-weight: 700;
   }

.ui-type-select.ui-variant-borderless_gray fieldset {
      border: none !important;
   }

.ui-label-right .ui-type-select.ui-variant-slim_borderless_gray > .ui-container {
      margin: 0;
   }

.dashboard-filter > div {
      width: auto !important;
      align-items: flex-start;
   }

.ui-prod-estatistica .ui-child-type-group > div {
         padding: 10px;
      }

.ui-prod-estatistica .ui-child-type-group > div > div {
            border-radius: 15px;
            padding: 20px;
            background-color: #f6f6ff;
         }

.ui-prod-estatistica .ui-child-type-group i {
         font-size: 3.5rem;
         margin-right: 10px;
         font-weight: 500;
      }

.ui-prod-estatistica .ui-child-type-group .ui-label-inner-type-output {
         font-weight: 700;
         font-size: 1.4rem;
      }

.ui-estatistica-span {
   font-size: 1.8rem !important;
   font-weight: 700;
}

.ui-estatistica-span .ui-type-card.ui-label-pos-inside .ui-label {
         border: none;
      }

.ui-estatistica-span .ui-type-card.ui-label-pos-inside .ui-label .ui-label-inner {
            justify-content: center;
         }

.ui-estatistica-span .ui-type-card.ui-label-pos-inside .ui-label {

         min-height: unset;
}

.ui-estatistica-span .ui-container-prod_estatistica {
      padding: 10px 20px;
   }

.ui-estatistica-span .ui-container-qualidade_produto {
      border: none !important;
      box-shadow: none !important;
   }

.ui-estatistica-span .ui-container-qualidade_produto .ui-slider .ui-slider-left {
            margin-right: 5px;
         }

.ui-estatistica-span .ui-container-qualidade_produto .ui-slider .ui-slider-left > i {
               font-size: 3.2rem;
            }

.ui-estatistica-span .ui-container-qualidade_produto .ui-slider .ui-slider-right {
            gap: 5px;
         }

.ui-estatistica-span .ui-container-qualidade_produto .ui-slider .ui-slider-right span {
               font-family: 'DM Sans', sans-serif !important;
               font-size: 12.5px;
               color: #1d1e20;
            }

.ui-type-select.ui-variant-adornment > .ui-container {
      margin-right: 0;
      width: calc(100% - 7.5px);
   }

.ui-type-select.ui-variant-adornment .MuiSelect-select {
      background-color: #f6f7ff;
   }

.ui-type-select.ui-variant-adornment fieldset {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
   }

.ui-type-select.ui-variant-adornment + .ui-type-input > .ui-container {
      margin-left: -1px;
   }

.ui-type-select.ui-variant-adornment + .ui-type-input > .ui-container fieldset {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
      }

.ui-grid .size {
      background-color: #edeeff;
      font-weight: 700;
      font-size: 1.5rem;

      padding: 5px 8px;
      border-radius: 4px;

      color: #0020d2;
   }

.ui-grid .cor {
      width: 25px;
      height: 25px;

      border-radius: 100%;
   }

.ui-grid-col:has(.ui-has-copy) {
   position: relative;
}

.ui-grid-col:has(.ui-has-copy):hover .ui-copy-button {
         opacity: 1;
      }

.ui-inner-has-copy .ui-copy-button {
      opacity: 0;
      cursor: pointer;
      pointer-events: all;
      transition: all 0.1s ease;
      position: absolute;
      width: 24px;
      height: 24px;
      right: 0;
      top: 50% !important;
      bottom: 50% !important;
      transform: translateY(-50%) !important;
      z-index: 5;
   }

.ui-inner-has-copy .ui-copy-button > i.ma.content_copy {
         padding: 3px;
         border-radius: 3px;
         color: #1d1e20 !important;
         font-size: 1.6rem;
         position: absolute;
         z-index: 5;
         right: 1px;
         background-color: #fff;
         border: 1px solid var(--container-border-color);

         transition: all 0.1s ease;
      }

.ui-inner-has-copy .ui-copy-button > i.ma.content_copy:hover {
            background-color: var(--blue-200);
            color: var(--text-blue-900);
            transition: all 0.1s ease;
         }

.ui-inner-has-copy .ui-copy-button > i.ma.content_copy:active {
            transform: scale(0.9);
         }

.ui-inner-has-copy:hover .ui-copy-button {
         opacity: 1;
      }

.ui-copy-button > .ui-copy {
   opacity: 0;
   cursor: pointer;
   pointer-events: all;
   transition: all 0.1s ease;
   position: absolute;
   width: 24px;
   height: 24px;
   right: 0;
   top: 50% !important;
   bottom: 50% !important;
   transform: translateY(-50%) !important;
   z-index: 5;
}

.ui-copy-button > .ui-copy > i.ma.content_copy {
      padding: 3px;
      border-radius: 3px;
      color: #1d1e20 !important;
      font-size: 1.6rem;
      position: absolute;
      z-index: 5;
      right: 1px;
      background-color: #fff;
      border: 1px solid var(--container-border-color);

      transition: all 0.1s ease;
   }

.ui-copy-button > .ui-copy > i.ma.content_copy:hover {
         background-color: var(--blue-200);
         color: var(--text-blue-900);
         transition: all 0.1s ease;
      }

.ui-copy-button > .ui-copy > i.ma.content_copy:active {
         transform: scale(0.9);
      }

.person-card .ui-grid-row-repeat {
      width: 100%;
   }

.ui-child-layout-right {
   justify-content: flex-end;
}

.star-clip {
   aspect-ratio: 1;
   -webkit-clip-path: polygon(
      79.39% 90.45%,
      50% 75%,
      20.61% 90.45%,
      26.22% 57.73%,
      2.45% 34.55%,
      35.31% 29.77%,
      50% 0%,
      64.69% 29.77%,
      97.55% 34.55%,
      73.78% 57.73%
   );
           clip-path: polygon(
      79.39% 90.45%,
      50% 75%,
      20.61% 90.45%,
      26.22% 57.73%,
      2.45% 34.55%,
      35.31% 29.77%,
      50% 0%,
      64.69% 29.77%,
      97.55% 34.55%,
      73.78% 57.73%
   );
}

.star-clip.star-outer {
      width: 22px;

      display: flex;
      justify-content: center;
      align-items: center;
   }

/* background-color: #929292; */

.star-clip.star-outer .star-inner {
         display: flex;
         justify-content: center;
         align-items: center;

         position: relative;

         width: calc(100% - 0-px);

         font-weight: 700;
         font-size: 1.2rem;

         background-color: white;
      }

.star-clip.star-outer .star-inner .star-background {
            height: 100%;
            position: absolute;
            left: 0;
            background-color: #ffc805;
         }

.star-clip.star-outer .star-inner .star-value {
            display: flex;
            align-items: center;
            justify-content: center;

            color: #1d1e20;

            position: absolute;
            width: 100%;
         }

.star-review.empty {
      filter: grayscale(1);
      opacity: 0.4;
   }

.star-review {
   width: 12px;
}

.csat-icon {
   display: flex;
   align-items: center;
   gap: 5px;
   font-size: 1.3rem;
   font-weight: 700;
}

.csat-icon .csat-grade {
      border-radius: 1em;
      width: 35px;
      text-align: center;
   }

.csat-icon i {
      font-size: 2.8rem;
   }

.stars-full {
   display: flex;
   align-items: center;

   min-width: 75px;
   height: 15px;
}

.stars-full > .star-outer > .star-inner .star-value {
            display: none;
         }

.icon-parent {
   position: relative;
}

.icon-parent > i {
      font-size: 1em;
   }

.icon-parent .icon-child {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      height: -webkit-fit-content;
      height: fit-content;
      width: 10px;

      aspect-ratio: 1/1;
   }

.icon-parent .icon-child > i {
         font-size: 1.3em;
         line-height: 0.6;
      }

.icon-parent .icon-child {

      background-color: white;
      border-radius: 100%;

      top: 6px;
      right: -2px;
}

.icon-parent .icon-child .remove {
         font-size: 1.4rem;
      }

.ui-column span.column-range {
   background-color: #e5e8ff;
   color: #1d1e20;
   font-size: 1.2rem;
   font-weight: 700;

   padding: 2px 8px;
   border-radius: 8px;
}

.ui-container-list_itens {
   overflow: hidden;
}

.gray-grid .ui-grid.ui-layout-default {
      background-color: var(--container-gray-background) !important;
   }

.user-sheet-avatar {
   align-items: center;
   display: flex;
}

.user-sheet-avatar img {
      aspect-ratio: 1/1;
      border-radius: 10px !important;
   }

.ui-el-tarefas .ui-grid-top-options {
      display: none;
   }

.MuiSkeleton-root {
   transform: none !important;
}

.ui-dialog-realizar_apuracao > .ui-dialog-content {
      min-height: 100px !important;
   }

.ui-el-apuracaodistribuicaovaloresintegradorclientepagamento .ui-grid-col {
      max-height: 38px;
   }

.transient-card > .ui-container {
      margin: 0;
      border: none;
   }

.transient-card > .ui-container > .ui-label {
         display: none;
      }

.child-justify-center > .ui-container > .ui-child {
      justify-content: center;
   }

.ui-type-repeat.row > .ui-container > .ui-child {
         display: flex;
      }

.ui-el.label-center > .ui-container > .ui-label > .ui-label-inner > span {
               text-align: center;
            }

.no-loading .fa-circle-o-notch {
      display: none;
   }

.no-label-loading .ui-label-right .fa-circle-o-notch {
         display: none;
      }

.MuiPaper-root *::-webkit-scrollbar {
      width: 5px;
   }

.ui-user-data img {
      margin: auto;
   }

.card-like {
   border-radius: 10px;
   border: 1px solid var(--container-border-color);
   margin: 10px;
   padding: 10px;
}

.card-like.gray {
      background-color: var(--container-gray-background);
   }

.ui-el-sales_orders_list .ui-variant-row_action {
      opacity: 1 !important;
   }

.ui-type-select.ui-variant-small .MuiInputBase-root {
      height: 26px;
   }

.ui-entity-act button {
      padding: 0;
   }

@keyframes custom-skeleton-pulse {
   0% {
      opacity: 1;
   }
   50% {
      opacity: 0.4;
   }
   100% {
      opacity: 1;
   }
}

.custom-skeleton-animation {
   animation: custom-skeleton-pulse 2s infinite;
}

div.MuiPaper-root:has(.ui-menu-item-action) ul.MuiList-root:has(.ui-menu-item-action-bottom) {
         padding-bottom: 0;
      }

div.MuiPaper-root:has(.ui-menu-item-action) ul.MuiList-root:has(.ui-menu-item-action-top) {
         padding-top: 0;
      }

div.MuiPaper-root:has(.ui-menu-item-action) ul.MuiList-root li.MuiButtonBase-root.ui-menu-item-action {
         opacity: 1;
         padding: 0;

         position: -webkit-sticky;

         position: sticky;
         pointer-events: all;
         cursor: default !important;

         z-index: 1;
      }

div.MuiPaper-root:has(.ui-menu-item-action) ul.MuiList-root li.MuiButtonBase-root.ui-menu-item-action > .ui-el {
            width: 100%;

            background-color: var(--container-gray-background);
            padding: 10px;
         }

div.MuiPaper-root:has(.ui-menu-item-action) ul.MuiList-root li.MuiButtonBase-root.ui-menu-item-action > .ui-el button {
               pointer-events: all;

               width: 100%;
            }

div.MuiPaper-root:has(.ui-menu-item-action) ul.MuiList-root li.MuiButtonBase-root.ui-menu-item-action-bottom {
         bottom: 0px;
      }

div.MuiPaper-root:has(.ui-menu-item-action) ul.MuiList-root li.MuiButtonBase-root.ui-menu-item-action-top {
         top: 0px;
      }

.ui-diagram table {
      background-color: var(--white);
   }

.ui-grid-col:has(.ui-layout-link):hover span {
         text-decoration: underline;
      }

.ui-grid-col:has(.ui-layout-link) span {
      color: var(--blue-text);
   }

.ui-type-view .ui-container-relatorio .ui-column.ui-format-select {
      width: 100%;
   }

.select-actions {
   position: relative;
}

.select-actions .select-action {
      position: absolute;
      top: 50%;
      right: 10px;

      transform: translateY(-50%);

      padding: 0px 10px;
   }

.select-actions .select-action > .ui-container > .ui-child {
            gap: 10px;
         }

.basis-container {
   width: 500px;

   display: flex;
   resize: horizontal;

   overflow: hidden;

   flex-wrap: wrap;

   gap: 20px;
}

.basis-container .basis-item {
      font-size: 4.5rem;
      letter-spacing: 20px;

      border-radius: 8px;

      flex: 1 1 200px;

      /* background-color: red !important; */
   }

.basis-container .basis-item > div {
         display: flex;
         width: 100%;
         height: 100%;
         justify-content: center;
         align-items: center;
         text-align: center;
      }

#notistack-snackbar > span {
      word-break: break-word;
   }

.ui-container-conversor .ui-child-conversor .ui-type-code {
         width: -webkit-fill-available;
         width: -moz-available;
         width: stretch;
         overflow: auto;
         resize: horizontal;
      }

.ui-container-conversor .ui-child-conversor .ui-type-code:first-child {
      }

.ui-container-conversor .ui-child-conversor .ui-child-type-output {
         align-items: stretch;
         justify-content: stretch;
      }

.MuiPaper-root .MuiAutocomplete-loading {
      color: var(--text);
   }

.query-search-hint {
   /* background-color: red; */
   font-size: 3.2rem;
   font-weight: 500;
   padding: 10px;
   position: fixed !important;
   top: 50%;
   left: 50%;

   transform: translate(calc(-50% + 120px), -50%);
}

.ui-el-query-diagram {
   position: absolute;
   z-index: 10;
   top: 7.5px;
}

.ui-el-query-diagram .page-favorite-star {
      height: 18px;
      width: 18px;
      margin: auto;
      margin-left: 10px;
   }

.ui-el-query-diagram .ui-type-input {
      min-width: 300px;
   }

.ui-el-query-diagram .ui-type-input > .ui-container {
         width: 100% !important;
         margin-right: 0 !important;
      }

.ui-el-query-diagram .ui-type-input > .ui-container .MuiFormControl-root {
            background-color: var(--white);

            border-top-left-radius: 18px;
            border-bottom-left-radius: 18px;
         }

.ui-el-query-diagram .ui-type-input > .ui-container .MuiFormControl-root > div {
               border-top-left-radius: 18px;
               border-bottom-left-radius: 18px;
            }

.ui-el-query-diagram .ui-type-input > .ui-container fieldset {
            border-top-left-radius: 18px;
            border-bottom-left-radius: 18px;

            border-color: var(--container-border-color);
         }

.ui-el-query-diagram .ui-child-query-diagram > .ui-type-button button {
      border-left: none;
   }

.ui-el-query-diagram button {
      border-color: var(--container-border-color) !important;
      width: 36px;

      border: 1px solid;
   }

.ui-el-query-diagram button i {
         color: #d3d3d3 !important;
      }

.ui-el-query-diagram button {

      background-color: var(--white) !important;
}

.ui-el-query-diagram button:hover {
         background-color: var(--container-gray-background) !important;
      }

.ui-el-query-diagram button > div {
         transform: translateX(-2px) translateY(2px);
      }

.ui-dash-total > .ui-container {
   font-size: 1.6rem;
   border: 0;
   color: #fff;
   padding: 5px;
   width: calc(100% - 10px);
   border-radius: 5px;
   background: rgb(98, 151, 255);

   padding-top: 10px;
}

.ui-dash-total > .ui-container .ui-label-inner {
      color: #fff;
   }

.ui-dash-total > .ui-container i {
      color: #fff;
   }

.ui-dash-total > .ui-container .ui-inner {
      text-align: right;
      margin: 10px;
      font-size: 1.8rem;
   }

.ui-type-repeat.ui-variant-order .ui-grid-row-repeat {
      margin: 5px;
   }

.ui-type-repeat.ui-variant-order .ui-grid-row-repeat > .ui-el > .ui-container {
         height: -webkit-fit-content;
         height: fit-content;
      }

.ui-type-repeat.ui-variant-order .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child {
            flex-wrap: nowrap;

            -webkit-user-select: none;

                    user-select: none;
            border: 1px solid var(--container-border-color);
            border-radius: 4px;

            align-items: center;
            padding: 5px 10px;
            display: flex;
            background-color: #f4f4ff;
         }

.ui-type-repeat.ui-variant-order .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child:hover,
            .ui-type-repeat.ui-variant-order .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child:has(i.close) {
               background-color: #e3e3ff;
            }

.ui-type-repeat.ui-variant-order .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child {

            position: relative;
            transition: background-color 0.1s ease;

            gap: 10px;
}

.ui-type-repeat.ui-variant-order .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child .ui-container-type-button {
               min-height: none;
            }

.ui-type-repeat.ui-variant-order .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child .ui-type-output {
               display: flex;
               align-items: center;
            }

.ui-type-repeat.ui-variant-order .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child .ui-type-output > .ui-container {
                  width: 100%;
               }

.ui-inner-type-editor.ui-inner-read-only {
   padding: 10px 0 !important;
}

.ui-type-card.ui-readonly-edit > .ui-container {
   border: 1px solid blue !important;
}

.ui-type-output.ui-variant-gray > .ui-container {
      margin: 10px;
      border-radius: 6px;
      border: 1px solid var(--container-border-color);
      background-color: var(--background-iris-200);
   }

.ui-type-output.ui-variant-gray > .ui-container > .ui-child {
         padding: 10px 25px;
      }

.ui-el-apuracao .apuracao-label .ui-label {
         padding-bottom: 0;
      }

.ui-el-apuracao .apuracao-label .ui-label-inner {
         color: #0020d2;
         font-size: 2rem;
         font-weight: 700;
      }

.ui-el-apuracao .apuracao-label .ui-child {
         font-size: 1.4rem;
         font-weight: 400;
      }

.ui-el-apuracao .ui-type-output.ui-variant-gray .ui-type-output.ui-label-pos-left {
         font-size: 1.6rem;
         font-weight: 500;
      }

.ui-el-apuracao .ui-type-output.ui-variant-gray .ui-type-output.ui-label-pos-left .ui-label {
            color: #0020d2;
            padding-left: 0;
         }

.ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output > .ui-container > .ui-label {
                  padding-top: 0;
               }

.ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output > .ui-container > .ui-label .ui-label-right button {
                        width: 17px;
                        height: 17px;
                     }

.ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output > .ui-container > .ui-label .ui-label-right button i {
                           font-size: 1.8rem;
                           font-weight: 600;
                        }

.ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output > .ui-container > .ui-label .ui-label-inner {
                     color: blue;
                  }

.ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output > .ui-container > .ui-inner {
                  padding-left: 10px;
               }

@media (max-width: 1000px) {
            .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output {
               padding: 10px 0px;
            }
               .ui-child > .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output {
                  border-bottom: 1px solid var(--container-border-color);
               }
                  .ui-child > .ui-type-output.ui-variant-row:first-child > .ui-container > .ui-child > .ui-type-output:first-child {
                     padding-top: 0;
                  }
                  .ui-child > .ui-type-output.ui-variant-row:last-child > .ui-container > .ui-child > .ui-type-output:last-child {
                     padding-bottom: 0;
                     border-bottom: none;
                  }
}

@media (min-width: 1000px) {
      .ui-child > .ui-type-output.ui-variant-row:not(:last-child) {
         border-bottom: 1px solid var(--container-border-color);
      }
         .ui-type-output.ui-variant-row > .ui-container > .ui-child {
            padding: 10px 0px;
         }
               .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-el > .ui-container {
                  margin: 7.5px;
                  width: calc(100% - 15px);
                  height: calc(100% - 15px);
               }

                  .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-el > .ui-container > .ui-label {
                     padding: 0;
                     width: -webkit-fit-content;
                     width: fit-content;
                     font-weight: 600;
                  }

                     .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-el > .ui-container > .ui-label .ui-label-right {
                        margin-left: 10px;
                     }

                        .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-el > .ui-container > .ui-label .ui-label-right button {
                           width: 17px;
                           height: 17px;
                        }

                           .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-el > .ui-container > .ui-label .ui-label-right button i {
                              font-size: 1.8rem;
                              font-weight: 600;
                           }

                     .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-el > .ui-container > .ui-label .ui-label-inner {
                        color: var(--blue-text);
                     }
                  .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-el > .ui-container > .ui-inner-type-output {
                     padding: 0px;
                  }
}

.ui-dialog-layout-card:has(.pix-qrcode) .ui-dialog-container {
      min-width: unset;
   }

.ui-dialog-layout-card:has(.pix-qrcode) .ui-dialog-content {
      width: -webkit-fit-content;
      width: fit-content;
   }

.ui-type-card.ui-variant-blue > .ui-container-type-card {
      background-color: #eaecff;
      border-color: #0020d2;
   }

.ui-type-output.ui-variant-total > .ui-container {
      margin: 10px;
   }

.ui-type-output.ui-variant-total > .ui-container > .ui-label {
         font-size: 1.6rem;
         font-weight: 500;
         line-height: 17.6px;
         padding-left: 0;
         padding-bottom: 10px;
      }

.ui-type-output.ui-variant-total > .ui-container > .ui-inner {
         background-color: #fff;
         border-radius: 4px;

         padding: 25px;

         font-size: 2.2rem;
         font-weight: 700;
         line-height: 18px;
      }

@media (min-width: 1366px) {
         .ui-type-output.ui-variant-dashboard > .ui-container > .ui-inner {
            padding-left: 25px;
         }
}

.ui-type-output.ui-variant-dashboard > .ui-container {
      margin: 10px;
      padding: 10px;
      color: white;
      overflow: hidden;
      border-radius: 4px;
   }

.ui-type-output.ui-variant-dashboard > .ui-container > .ui-label {
         padding: 0;

         white-space: nowrap;
      }

.ui-type-output.ui-variant-dashboard > .ui-container > .ui-label i {
            font-weight: 900;
         }

.ui-type-output.ui-variant-dashboard > .ui-container > .ui-label .ui-label-inner {
            overflow: hidden;

            text-overflow: ellipsis;
         }

.ui-type-output.ui-variant-dashboard > .ui-container > .ui-label .ui-label-inner span {
               font-size: 1.4rem;
               font-weight: 700;
            }

.ui-type-output.ui-variant-dashboard > .ui-container > .ui-inner {
         font-size: 2.2rem;
         font-weight: 900;

         line-height: 28px;
      }

.ui-type-overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #4a4747;
   z-index: 1;
   opacity: 0.5;
}

.ui-el-view_menus .ui-type-list .ui-column img {
            border-radius: 0;
            object-fit: scale-down;
         }

.error-boundary-component.page-error-boundary {
      position: fixed;
      top: 50%;
      left: 50%;

      width: 50dvw;

      transform: translate(-50%, -50%);
   }

.error-boundary-component .error-boundary-container {
      background-color: var(--white);
      border-radius: 10px;
      border: 1px solid var(--container-border-color);

      margin: 10px;

      max-width: calc(100% - 20px);
      max-height: calc(100% - 20px);

      display: flex;
      flex-direction: column;
   }

.error-boundary-component .error-boundary-container i {
         max-width: 24px;
      }

.error-boundary-component .error-boundary-container .error-boundary-redirect {
         display: flex;
         align-items: center;
         width: 100%;
      }

.error-boundary-component .error-boundary-container .error-boundary-redirect button {
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 10px 15px;
            height: var(--button-medium);
            border-radius: 4px;
            font-size: 1.4rem;
            font-weight: 500;
            padding-right: 20px;

            transition: background-color 0.2s ease-in-out;
         }

.error-boundary-component .error-boundary-container .error-boundary-redirect .error-boundary-home {
            background-color: var(--background-indigo-200);
            color: var(--text-indigo-900);
         }

.error-boundary-component .error-boundary-container .error-boundary-redirect .error-boundary-home:hover {
               background-color: var(--background-indigo-400);
            }

.error-boundary-component .error-boundary-container .error-boundary-redirect .error-boundary-reload {
            margin-left: auto;
            background-color: var(--background-yellow-100);
            color: var(--text-yellow-900);
         }

.error-boundary-component .error-boundary-container .error-boundary-redirect .error-boundary-reload i {
               transform: translateY(1px);
            }

.error-boundary-component .error-boundary-container .error-boundary-redirect .error-boundary-reload:hover {
               background-color: var(--background-yellow-400);
            }

.error-boundary-component .error-boundary-container .error-boundary-hint {
         font-size: 1.6rem;
         margin-top: -5px;
         font-weight: 500;
      }

.error-boundary-component .error-boundary-container .error-boundary-alert-label {
         border-bottom: 1px solid var(--container-border-color);

         width: 100%;
         font-size: 2rem;
         font-weight: 600;

         line-height: 1em;
      }

.error-boundary-component .error-boundary-container .error-boundary-alert-label i {
            font-size: 3.2rem;
         }

.error-boundary-component .error-boundary-container .error-boundary-alert-label {

         gap: 10px;

         display: flex;
         padding: 10px 20px;
         align-items: center;
}

.error-boundary-component .error-boundary-container .error-boundary-child {
         padding: 20px;
         display: flex;
         flex-direction: column;
         gap: 20px;
      }

.error-boundary-component .error-boundary-container .error-boundary-details {
         background-color: var(--container-gray-background);
         border: 1px solid var(--container-border-color);
         border-radius: 10px;
      }

.error-boundary-component .error-boundary-container .error-boundary-details > h1 {
            font-size: 1.4rem;
            font-weight: 500;
            padding: 5px 15px;
            display: flex;
            gap: 5px;
            align-items: center;
         }

.error-boundary-component .error-boundary-container .error-boundary-details > h1 span {
               color: var(--gray-text);
               font-size: 1.1rem;
            }

.error-boundary-component .error-boundary-container .error-boundary-details > h1 button {
               margin-left: auto;
               font-size: 1.2rem;
               color: var(--blue-text);
            }

.error-boundary-component .error-boundary-container .error-boundary-details > h1 button:hover {
                  text-decoration: underline;
               }

.error-boundary-component .error-boundary-container .error-boundary-details > h1 i {
               cursor: pointer;
               border-radius: 4px;
               transition: all 0.2s ease-in-out;
            }

.error-boundary-component .error-boundary-container .error-boundary-details > h1 i:hover {
                  background-color: var(--background-blue-100);
               }

.error-boundary-component .error-boundary-container .error-boundary-details > h1 {

            width: 100%;
            display: flex;
}

.error-boundary-component .error-boundary-container .error-boundary-details > h1.show-details {
               border-bottom: 1px solid var(--container-border-color);
            }

.error-boundary-component .error-boundary-container .error-boundary-details h6 {
            padding: 5px 0px;
            font-size: 1.4rem;
            font-weight: 500;
         }

.error-boundary-component .error-boundary-container .error-boundary-details .error-boundary-log {
            padding: 10px 20px;
            max-height: 300px;
            padding-bottom: 20px;
         }

.error-boundary-component .error-boundary-container .error-boundary-details .error-boundary-log p {
               line-height: 1.2em;
               color: var(--gray-text);
            }

.error-boundary-component .error-boundary-container .error-boundary-details .error-boundary-log {

            overflow: auto;
}

/* Mobile */

@media (max-width: 728px) {
   .error-boundary-component.page-error-boundary {
      width: 95dvw;
   }

      .error-boundary-component.page-error-boundary .error-boundary-redirect {
         flex-direction: column;

         gap: 17.5px;
      }

         .error-boundary-component.page-error-boundary .error-boundary-redirect > button {
            width: 100%;
            justify-content: center;
         }

         .error-boundary-component.page-error-boundary .error-boundary-redirect .error-boundary-reload {
            margin: 0;
         }
}

.MuiTooltip-popper {
   z-index: 10;
}

.MuiTooltip-arrow {
   top: 2px;
}

.ui-container-central-atendimento {
   width: -webkit-fit-content !important;
   width: fit-content !important;
   margin: 50px auto;
}

.ui-container-central-atendimento > .ui-child {
      margin: 10px;
      justify-content: end;
      width: calc(100% - 20px);
   }

.ui-el-support_list .ui-view-label {
      color: var(--blue-text);
   }

.ui-el-support_list .ui-view-label .ui-label-inner > span:not(.ui-sub-label) {
            font-family: DM Sans;
            font-size: 2.2rem;
            font-weight: 700;
         }

.ui-el-support_list .ui-view-label .ui-label-inner > span.ui-sub-label {
            margin-left: 15px;
            font-size: 1.6rem;
            font-weight: 400;
         }

.ui-mobile .ui-type-card.central-suporte {
      min-width: calc(100% - 500px) !important;
   }

.ui-mobile .ui-type-card.central-suporte > .ui-container {
         padding: 20px;
      }

.ui-mobile .ui-type-card.central-suporte > .ui-container .ui-child-type-card {
            padding: 0;
         }

.ui-type-card.central-suporte {
   max-width: 1024px !important;
   min-width: 595px !important;
}

.ui-type-card.central-suporte > .ui-container {
      margin: 1px;
      width: 100%;
      padding: 30px 50px;
   }

.ui-type-card.central-suporte > .ui-container > .ui-label {
         /* background-color: red; */
         border-bottom: 0;
      }

.ui-type-card.central-suporte > .ui-container > .ui-label > div {
            width: 100%;
            display: flex;
            flex-direction: column;
         }

.ui-type-card.central-suporte > .ui-container > .ui-label > div > span:not(.ui-sub-label) {
               font-size: 2.2rem !important;
               font-weight: 700;

               text-align: center;
               color: var(--blue-text);
            }

.ui-type-card.central-suporte > .ui-container > .ui-label > div > span.ui-sub-label {
               font-size: 1.6rem;
               font-weight: 400;
               line-height: 22px;
               text-align: center;
            }

.ui-type-card.central-suporte > .ui-container > .ui-label > div > span.ui-sub-label bold {
                  font-weight: 700;
               }

.ui-type-card.central-suporte > .ui-container .ui-type-repeat .ui-child-type-repeat {
            gap: 10px;
         }

.ui-type-card.central-suporte > .ui-container .ui-type-repeat {

         width: 100% !important;
}

.sac-request {
   min-height: 320px;
}

.sac-request > .ui-container > .ui-label {
         font-family: DM Sans;
         font-size: 2.2rem;
         font-weight: 600;
         line-height: 43.54px;
         text-align: left;
         color: #0020d2;
      }

.support-status > .ui-container {
      margin: 0;
      border: 0;

      background-color: var(--background-iris-200);
      border-radius: 0;
      width: 100%;
   }

.support-status > .ui-container > .ui-label {
         padding-top: 0 !important;
         padding-bottom: 0 !important;

         min-height: 32px;
      }

.support-status > .ui-container .status-timeline-body {
         background-color: white;
      }

:root {
   --available-h: calc(100dvh - 163px);
}

@media (max-height: 720px) {
   :root {
      --available-h: calc(100dvh - 130px);
   }
}

.service-sheet-container > div {
      /* padding-bottom: 28px; */
      max-height: var(--available-h);
      overflow: auto;
   }

@media (max-width: 1680px) {
   .ui-page-content:has(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
   }
}

.ui-page-content:has(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) {
   padding-bottom: 0;
}

.ui-el-support_list .service-sheet-left {
      padding-top: 10px;
   }

:is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-el-interacoes_tabs {
      height: 100dvh;
      max-height: var(--available-h);
      overflow: auto;
   }

:is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-sheet-resize {
      top: 15px !important;
   }

.support-list-requests {
   height: 100%;
}

.support-list-requests > .ui-container {
      margin-top: 0;
      height: calc(100% - 10px);
   }

.support-list-requests > .ui-container > .ui-grid {
         height: 100% !important;
      }

.support-list-requests > .ui-container .ui-grid-bottom {
         margin-top: auto;
      }

.support-feed .ui-tab-item.ui-tab-item-selected {
      background-color: transparent;
      border: 0 !important;
   }

.support-feed .ui-tab-item.ui-tab-item-selected div {
         display: flex;
         align-items: center;
      }

.ui-el.blue-icon i {
      color: var(--blue-text) !important;
   }

.user-sheet-avatar {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.user-sheet-avatar > .ui-container {
      margin: 7.5px;
      width: calc(100% - 15px);
      height: calc(100% - 15px);
   }

.user-sheet-avatar > .ui-container .ui-user-data {
         display: flex;
         align-items: center;
         justify-content: center;
      }

.user-sheet-avatar > .ui-container img {
         width: 100%;
         max-height: 160px;
         max-width: 160px;
         object-fit: cover;
      }

.ui-el-upload-avatar {
   max-width: 175px;
}

.ui-type-output.ui-variant-title.ui-read-only .ui-inner {
      font-weight: 700;
      font-size: 2.2rem;
      color: var(--blue-text);
   }

.ui-type-output.ui-variant-subheading.ui-read-only .ui-inner {
      font-weight: 700;
      font-size: 1.6rem;
   }

.dimensionbox-tab .ui-layout-info.ui-type-output > .ui-container > .ui-label {
            padding-bottom: 0;
         }

.dimensionbox-tab .ui-layout-info.ui-type-output > .ui-container {
         margin: 2px 0px;
}

.dimensionbox-container {
   margin: 10px;
   max-width: calc(100% - 20px);
   max-height: calc(100% - 20px);

   border-radius: 8px;
   border: 1px solid var(--container-border-color);
   background-color: var(--container-gray-background);

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
}

.dimensionbox-container .dimensionbox-label {
      font-size: 1.4rem;
      font-weight: 700;
      margin-bottom: 5px;
   }

.dimensionbox-container canvas {
      margin: 5px;
   }

.dimensionbox-container {

   padding: 15px;
}

.statistic-card > .ui-container > .ui-child {
      align-items: center;
      flex-wrap: nowrap;
   }

.statistic-card > .ui-container > .ui-child .ui-estatistica-span {
         width: 100%;
         margin-left: 15px;
      }

.statistic-card > .ui-container > .ui-child .ui-estatistica-span .ui-label {
            padding: 0;
            font-size: 1.4rem;
            font-weight: 500;
            line-height: 18px;
         }

.statistic-card > .ui-container > .ui-child .ui-estatistica-span .ui-inner {
            font-size: 2.4rem;
            font-weight: 700;
            line-height: 32px;
         }

.statistic-card > .ui-container > .ui-child .statistic-icon {
         min-height: -webkit-fit-content !important;
         min-height: fit-content !important;
      }

.statistic-card > .ui-container > .ui-child .statistic-icon .ui-label {
            padding-right: 0px;
         }

.statistic-card > .ui-container > .ui-child .statistic-icon .ui-label i {
               font-size: 3.5rem;
            }

.ui-layout-infocard {
   flex-grow: 1;
}

.ui-layout-infocard > .ui-container {
      border-radius: 4px;
      border: 0;
      margin: 5px;
      width: calc((100% - 10px));
      padding: 15px 20px;
      color: white;
   }

.ui-layout-infocard > .ui-container > .ui-label {
         padding: 0;
      }

.ui-layout-infocard > .ui-container > .ui-label .ui-label-inner {
            font-size: 1.6rem;
            font-weight: 500;
            line-height: 20.8px;
         }

.ui-layout-infocard > .ui-container > .ui-inner {
         padding-left: 25px;
      }

.ui-layout-infocard > .ui-container > .ui-inner .ui-user-data {
            font-size: 2.2rem;
            font-weight: 700;
            line-height: 28.6px;
         }

.ui-el-diagram .ui-loader {
      position: absolute;
      background-color: rgba(0, 0, 0, 0.2);
      z-index: 9999;
   }

.trace-dashboard .ui-chart-total-area {
      width: -webkit-fit-content;
      width: fit-content;
      position: absolute;
   }

.trace-dashboard .customize-select {

      /* margin-top: 0; */
   }

.trace-dashboard .customize-select .ui-type-input .ui-container {
            width: calc(100% - 5px);
         }

.trace-dashboard .customize-select {
      margin-bottom: 0;
}

.navigate-diagram-history {
   /* background-color: red; */
   height: -webkit-fit-content;
   height: fit-content;
   margin: auto;
   margin-left: 10px;
   display: flex;
   gap: 5px;
}

.navigate-diagram-history .ui-child {
      gap: 5px;
   }

.navigate-diagram-history button i {
         color: var(--text) !important;
         font-size: 1.6rem !important;
         margin-top: -2px;
         margin-right: -2px;
      }

.navigate-diagram-history button:disabled {
         background-color: var(--lead-400) !important;
         opacity: 0.5;
      }

.navigate-diagram-history button:disabled i {
            color: var(--lead-600) !important;
         }

.navigate-diagram-history button {

      height: var(--button-small) !important;
      width: var(--button-small) !important;
}

@media (prefers-color-scheme: dark) {
      body[data-theme='dark'] img.ui-sem-resultados {
         mix-blend-mode: luminosity;
         filter: invert(0.9);
      }
}

.ui-layout-timestamp {
   /* background-color: red; */
   border-bottom: none !important;
   min-height: unset !important;
}

.ui-layout-timestamp > .ui-container {
      margin: 0 !important;
      justify-content: end !important;
      display: flex;
      align-items: center;
      gap: 2px;

      font-style: italic;
   }

.ui-layout-timestamp > .ui-container > .ui-label .ui-label-inner span {
            color: var(--text) !important;
            /* O itálico corta o ponto de cima do ":" */
            padding-right: 1px;
            font-weight: 400;
            line-height: normal;
         }

.ui-layout-timestamp > .ui-container > .ui-inner {
         width: -webkit-fit-content !important;
         width: fit-content !important;
      }

.ui-layout-timestamp > .ui-container > .ui-inner span {
            font-weight: 500;
         }

.ui-type-output.ui-el-cards .ui-type-card > .ui-container {
         background-color: var(--container-gray-background);
      }

.ui-el-regraspreco .ui-type-toggle button {
         color: var(--text);
         border-color: var(--fieldset-border-color);
      }

.ui-el-regraspreco .ui-type-toggle button.Mui-disabled {
         background-color: var(--background-blue-500);
         border-color: var(--background-blue-500);
         color: white;
      }

.ui-el.ui-layout-flex.ui-layout-center {
   display: flex;
   align-items: center;
   justify-content: center;
}

.ui-el.ui-layout-flex.ui-layout-center.ui-layout-end {
      justify-content: end;
   }

svg.layout-icon path {
   transition: all 0.2s ease-in-out;
}

button:not(:hover, :disabled) .layout-icon path {
      fill: var(--text-blue-500);
   }

.ui-el.ui-layout-nowrap > .ui-container > .ui-child {
         flex-wrap: nowrap;
      }

.ui-type-select.ui-layout-borderless fieldset {
      border: none !important;
   }

.ui-type-select.ui-layout-big .MuiInputBase-root {
      height: var(--button-big);
   }

.ui-type-select.ui-layout-big .MuiInputBase-root .MuiSelect-select {
         font-size: 1.6rem;
      }

.ui-el.ui-layout-card.ui-layout-preview.ui-click {
      transition: filter 0.2s ease-in-out;
   }

.ui-el.ui-layout-card.ui-layout-preview.ui-click:hover {
         filter: brightness(0.85);
      }

.ui-el.ui-layout-card.ui-layout-preview.ui-click:hover i.open_in_new {
            visibility: visible;
         }

.ui-el.ui-layout-card.ui-layout-preview > .ui-container {
      overflow: hidden;
      margin: 0;
      position: relative;
   }

.ui-el.ui-layout-card.ui-layout-preview > .ui-container i.open_in_new {
         visibility: hidden;
         position: absolute;
         color: #1d1e20;
         top: calc(50% - 10px);
         left: 50%;
         transform: translate(-50%, -50%);
         font-size: 4.2rem;
         filter: drop-shadow(0px 0px 5px #fff);
      }

.ui-el.ui-layout-card.ui-layout-preview > .ui-container > .ui-child {
         padding: 0;

         width: 110px;
         height: 100px;

         flex-direction: column;
      }

.ui-el.ui-layout-card.ui-layout-preview > .ui-container > .ui-child > img,
         .ui-el.ui-layout-card.ui-layout-preview > .ui-container > .ui-child .interacao-icone-generico {
            height: 70px;
            object-fit: contain;
         }

.ui-el.ui-layout-card.ui-layout-preview > .ui-container > .ui-child > .ui-el {
            height: 30px;

            width: 100%;
            flex-shrink: 0;
         }

.ui-el.ui-layout-card.ui-layout-preview > .ui-container > .ui-child > .ui-el > .ui-container {
               border-top: 1px solid var(--container-border-color);
               background-color: var(--container-gray-background);
               max-width: 100%;
               height: 100%;
               display: flex;
               align-items: center;
               justify-content: center;
               padding: 5px 10px;
               gap: 5px;
            }

.ui-el.ui-layout-card.ui-layout-preview > .ui-container > .ui-child > .ui-el > .ui-container > .ui-label {
                  flex-shrink: 0;
                  width: 10px;
               }

.ui-el.ui-layout-card.ui-layout-preview > .ui-container > .ui-child > .ui-el > .ui-container > .ui-label i {
                     font-size: 1.4rem;
                  }

.ui-el.ui-layout-card.ui-layout-preview > .ui-container > .ui-child > .ui-el > .ui-container .ui-inner {
                  display: flex;
                  max-width: 100%;
                  align-items: center;
                  overflow: hidden;
               }

.ui-el.ui-layout-card.ui-layout-preview > .ui-container > .ui-child > .ui-el > .ui-container .ui-user-data {
                  font-size: 1rem;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                  max-width: 100%;
                  overflow: hidden;
               }

.blue-label > .ui-container > .ui-label {
         color: var(--blue-text);
         white-space: normal;
      }

.ui-repeat-paginate > .ui-container > .ui-child {
         padding: 10px;
         align-items: center;
         justify-content: center;
      }

.ui-inner-timeline {
   padding: 10px;
}

.chat-interacao-dialog td:not(.ui-el-actions) {
      width: 100%;
   }

div.ui-grid-row.ui-grid-row-b2bfornecedores {
   padding: 0 !important;
   width: 200px !important;
}

.multimarcas-card .ui-type-img * {
      height: 90px !important;
   }

.multimarcas-card .ui-type-img * img {
         object-fit: cover !important;
         margin-bottom: 0 !important;
      }

.multimarcas-card .ui-format-status.ui-status-active .ui-inner {
         background-color: var(--background-lime-400);
      }

.multimarcas-card .ui-format-status .ui-user-data {
         color: white !important;
      }

.multimarcas-card .ui-type-buttons .ui-container-type-buttons > .ui-child {
            justify-content: center;
            gap: 20px;
         }

.multimarcas-card .ui-type-buttons .ui-container-type-buttons {

         margin: 0;
         padding: 0;
         width: 100%;
         border: 0;
         background-color: transparent;
}

.multimarcas-card .ui-el-nome {
      font-weight: 700;
      font-size: 1.2rem;
      line-height: 15.6px;
      color: var(--blue-text);
   }

.ui-el-listar-produtos-multimarcas .ui-v2 td.ui-bool .ui-user-data {
      margin: auto;
   }

.ui-el-listar-produtos-multimarcas .ui-v2 .ui-status-active > div {
      width: 100%;
   }

.no-card > .ui-container-type-card {
      border: 0;
      margin: 0;
   }

.no-card > .ui-container-type-card > .ui-label {
         display: none;
      }

.ui-el-sql_client .ui-container-current-db {
      margin: 0 !important;
   }

.ui-el-sql_client .ui-el-consultas .ui-container-type-code {
         margin: 0 10px !important;
      }

.ui-el-sql_client .ui-el-consultas .ui-label-type-code > div {
            /* padding: 0 !important; */
         }

.add-interacao .ui-btn-inner {
      max-width: unset !important;
   }

.ui-label-diagram {
   display: none !important;
}

.MuiFormControlLabel-root .MuiFormControlLabel-label {
      font-size: 1.3rem !important;
   }

.MuiFormControlLabel-root svg {
      font-size: 2rem;
   }
.ui-dialog-area,
.ui-dialog-overlay {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 1000;
}

.ui-dialog-alert .ui-user-data-message {
      word-break: break-word;
   }

.ui-page-loading.ui-dialog-area {
   z-index: 9000;
}

.ui-dialog-overlay {
   pointer-events: none;
}

.ui-dialog-content {
   position: relative;
}

.ui-dialog-content .ui-inner-type-output {
      position: unset;
   }

.ui-dialog-content .ui-el.ui-loading.ui-type-output {
      position: unset;
   }

.ui-dialog-content .ui-output-loading.ui-loading-area {
      position: unset;
   }

.ui-dialog-content .ui-output-loading.ui-loading-area i.fa-spin {
         position: absolute;
         top: 50%;
      }

.ui-dialog-container {
   width: 100%;
   align-items: center;
   display: flex;
   flex-direction: column;

   background-color: var(--background-iris-200);
   border-radius: 10px;

   margin: auto;
}

/* .ui-dialog-content {
   height: 50vh;
} */

.ui-dialog-crud .ui-grid-top .ui-grid-top-center {
         z-index: 6;
      }

.ui-dialog-alert .ui-dialog-content {
   height: auto;
   margin-bottom: 0;
}

.ui-mobile + .ui-dialog-context .ui-dialog {
   max-width: 93.5dvw;
}

.ui-dialog {
   width: 100%;
   position: relative;
}

@media (min-width: 1300px) {
   .ui-dialog {
      max-width: 70dvw;
   }

      .ui-dialog:has(.ui-dialog-alert) {
         min-width: 400px;
         max-width: 40dvw;
      }
}

@media (max-width: 1300px) {
   .ui-dialog-area {
      padding-left: 0 !important;
   }
   .ui-dialog {
      max-width: 90dvw;
   }
}

@media (min-height: 720px) {
      .ui-dialog-expanded .ui-dialog-container {
         margin: 20px !important;
         height: calc(100% - 40px) !important;
         max-width: calc(100% - 40px) !important;
      }

      .ui-dialog-expanded .ui-dialog {
         max-width: 100% !important;
         height: 100% !important;
         max-height: 100% !important;
      }

      .ui-dialog-expanded .ui-dialog-content {
         height: calc(100% - 100px) !important;
         max-height: calc(100%) !important;
      }
}

:root {
   --dialog-max-height: calc(100dvh - 280px);
}

.ui-dialog-content {
   max-height: var(--dialog-max-height);
}

@media (max-height: 720px) {
   .ui-dialog-label {
      padding: 2px 20px !important;
   }
      .ui-dialog-label .ui-dialog-label-left {
         font-size: 1.6rem;
      }
         .ui-dialog-label .ui-dialog-label-right button {
            width: var(--button-small) !important;
            height: var(--button-small) !important;
         }

            .ui-dialog-label .ui-dialog-label-right button i {
               font-size: 2.2rem;
            }

   :root {
      --dialog-max-height: calc(100dvh - 130px);
   }
      .ui-dialog-buttons button {
         height: var(--button-medium) !important;
      }
      .ui-dialog-expanded .ui-dialog-container {
         margin: 5px !important;
         height: calc(100% - 10px) !important;
         max-width: calc(100% - 10px) !important;
      }

      .ui-dialog-expanded .ui-dialog {
         max-width: 100% !important;
         height: 100% !important;
         max-height: 100% !important;
      }

      .ui-dialog-expanded .ui-dialog-content {
         max-height: calc(100%) !important;
      }
}

.ui-dialog-alert .ui-dialog-content {
   padding: 10px 15px;
   padding-top: 0;
}

.ui-dialog-alert .ui-el-right > .ui-container > .ui-child {
   gap: 5px;
}

.ui-dialog-buttons .ui-child {
      column-gap: 7.5px;
      padding-top: 0;
   }

.ui-dialog-buttons button {
      padding: 10px 20px;
   }

.ui-dialog-container:not(.ui-dialog-alert) .ui-dialog-content {
   min-height: 50dvh;
}

.ui-dialog-content {
   max-width: 100%;
}

.ui-dialog-content :is(.ui-el-ficha-atendimento, .ui-el-public) .services-right .ui-type-tabs.ui-el-interacoes_tabs {
      max-height: calc(100dvh - 290px);
   }

.ui-dialog-content :is(.ui-el-ficha-atendimento, .ui-el-public) .services-left {
      height: calc(100dvh - 295px);
      padding-bottom: 0;
   }

.ui-dialog-content > .ui-type-span > .ui-container > .ui-child > .ui-el {
               width: 100%;
            }

.ui-dialog-alert .ui-el-buttons .ui-el-right > .ui-container {
   margin: 5px;
}

@media (max-width: 768px) {
      .ui-dialog-layout-card .ui-dialog-container {
         min-width: unset !important;
      }
}

.ui-dialog-layout-card .ui-dialog-container {
      max-width: 100%;
      min-width: 700px;
      background-color: var(--white);
   }

.ui-dialog-layout-card:not(.ui-dialog-expanded) > .ui-dialog .ui-dialog-container:not(:has(.ui-type-list)) {
            width: -webkit-fit-content;
            width: fit-content;
         }

.ui-dialog-layout-card:not(.ui-dialog-expanded) > .ui-dialog .ui-dialog-container:not(:has(.ui-type-list)) > .ui-dialog-content {
               min-height: unset;
            }

.ui-dialog-layout-card .ui-dialog-label {
      border-bottom: 1px solid var(--container-border-color);
      padding: 10px 20px;
   }

.ui-dialog-layout-choice .ui-dialog-container {
      background: var(--white);
      border-radius: 10px;
   }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-label {
         height: 0px;
         padding-top: 0;
         padding-bottom: 0;
         border: none;
      }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-label > div {
            transform: translateY(25px);
            z-index: 5;
         }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-content {
         padding: 0;
      }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-content > div .ui-type-list .ui-container {
                  margin: 0;
               }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-content > div .ui-type-list .ui-container .ui-grid {
                     border: none;
                  }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-content > div .ui-type-list .ui-container .ui-grid .ui-container-type-select {
                        width: 100%;
                     }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-content > div .ui-type-list .ui-container .ui-grid .ui-el-extern-grid.ui-grid-top .ui-grid-top-left > div {
                              display: none;
                           }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-content > div .ui-type-list .ui-container .ui-grid:not(:has(.ui-empty)) .ui-grid-area {
                           height: 50vh !important;
                        }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-content > div .ui-type-list .ui-container .ui-grid:has(.ui-empty) .ui-empty {
                           display: flex;
                           align-items: center;
                           justify-content: center;
                        }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-content > div .ui-type-list .ui-container .ui-grid:has(.ui-empty) .ui-empty img {
                              transform: scale(1);
                           }

.ui-dialog-layout-choice .ui-dialog-container .ui-dialog-content > div .ui-type-list .ui-container .ui-grid .ui-grid-bottom {
                        border-top: 1px solid var(--container-border-color);
                     }

.ui-dialog:has(.unset-dialog) {
   width: -webkit-fit-content;
   width: fit-content;
}

.ui-dialog:has(.unset-dialog) .ui-dialog-content {
      min-height: auto !important;
   }

.ui-dialog-label,
.ui-dialog-content {
   width: 100%;
}

.ui-dialog-background {
   background-color: rgba(0, 0, 0, 0.3);

   display: grid;

   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;

   z-index: 999;
}

.ui-dialog-area {
   display: flex;
   justify-content: center;
   align-items: center;
}

.ui-dialog-container .ui-type-buttons > .ui-container {
   background-color: transparent;
   border: none;
}

.ui-dialog-label-inner,
.ui-dialog-label {
   display: flex;
   align-items: center;
}

.ui-dialog-label-inner {
   width: 100%;
   max-width: 100%;
}

.ui-dialog-label-inner.ui-dialog-with-icon {
      max-width: 100%;
   }

.ui-dialog-container:not(.ui-dialog-alert) .ui-dialog-label-inner.ui-dialog-with-icon {
      max-width: calc(100% - 32px);
   }

.ui-dialog-label-inner > div {
   display: flex;
}

.ui-dialog-label {
   width: 100%;
   max-width: 100%;
   padding: 5px 20px;
   font-size: 1.8rem;
   font-weight: 600;
   line-height: 36px;
   letter-spacing: 0em;
   text-align: left;
   border-bottom: 1px solid var(--container-border-color);
}

.App:has(.ui-page-left-fixed) .ui-dialog-area:not(.ui-page-loading) {
   padding-left: 220px;
}

.ui-dialog-label .ui-icon {
   margin-right: 0;
   display: flex;
}

.ui-dialog > .ui-dialog-container > .ui-dialog-label > .ui-icon {
      margin-right: 7px;
   }

.ui-dialog-label .dialog-close-circle {
   padding: 0px !important;
}

.ui-dialog-label .dialog-close-circle button {
   background-color: transparent !important;
   border-radius: 100%;

   padding: 4px !important;

   display: flex;
   justify-content: center;
}

.ui-dialog-label .dialog-close-circle button:hover {
   background-color: #ff6b6b !important;
}

.ui-dialog-label .dialog-close-circle i {
   margin-left: 2px;
}

.ui-dialog-label .dialog-close-circle .flex {
   width: 20px;
}

.ui-dialog-content .ui-grid-pages .MuiSelect-select {
   background-color: var(--white);
}

.ui-dialog-content .ui-grid-row .ui-grid-pages .MuiSelect-select {
   background-color: var(--container-gray-background);
}

.ui-dialog-content {
   overflow-y: auto;
   overflow-x: hidden;
}

.ui-dialog-content .ui-type-list {
   height: -webkit-fit-content;
   height: fit-content;
}

.ui-el-card_filters,
.ui-el-card_filters > .ui-container {
   width: 100%;
}

.ui-el-card_filters > .ui-container > .ui-child .ui-el-value {
   width: 25% !important;
}

.ui-dialog-alert.ui-dialog-container {
   border: 1px solid var(--container-border-color);
   background-color: var(--container-background);
   height: auto !important;
   min-width: 400px;
}

.ui-mobile + .ui-dialog-context .ui-dialog-container.ui-dialog-alert {
            min-width: auto;
            max-width: 100%;
         }

.ui-mobile + .ui-dialog-context .ui-dialog-container.ui-dialog-alert .ui-type-toggle:not(.ui-variant) .MuiToggleButtonGroup-root {
               flex-wrap: wrap;
            }

.ui-mobile + .ui-dialog-context .ui-dialog-container .ui-v2 .ui-has-help.ui-space-12 > .ui-container:not(.ui-container-type-upload) {
            height: unset;
         }

.ui-mobile + .ui-dialog-context .ui-dialog-container .ui-dialog-label-left {
            max-width: 100%;
         }

.ui-mobile + .ui-dialog-context .ui-dialog-container .ui-v2.ui-has-help {
            flex-wrap: wrap;
         }

.ui-mobile + .ui-dialog-context .ui-dialog-container .ui-v2.ui-has-help > div {
               width: 100% !important;
            }

.ui-mobile + .ui-dialog-context .ui-dialog-container .ui-v2.ui-has-help > div.ui-container {
                  margin-bottom: 0;
                  max-width: calc(100% - 1.5rem);
               }

.ui-mobile + .ui-dialog-context .ui-dialog-container .ui-v2.ui-has-help > div.ui-help {
                  margin-top: 0;
               }

.ui-dialog-alert .ui-dialog-label {
   border-bottom: 1px solid var(--container-border-color);
   background-color: var(--container-gray-background);

   border-radius: 9px 9px 0px 0px;
}

.ui-dialog-alert .ui-dialog-label span {
   font-size: 2rem !important;
}

.ui-dialog-container.ui-dialog-alert {
   width: -webkit-fit-content;
   width: fit-content;
}

.ui-dialog-container:has(.stretch-dialog) {
   width: 100% !important;
}

.ui-dialog-alert .ui-el-buttons {
   position: -webkit-sticky;
   position: sticky;
   bottom: 0;
}

.ui-dialog-alert .ui-dialog-content .ui-el-message span {
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 28px;
   letter-spacing: 0em;
   text-align: left;
}

.ui-dialog-alert .ui-dialog-content .ui-el-content > .ui-container {
   margin: 10px;
}

.ui-dialog-content:not(.ui-dialog-container) {
   padding: 10px;
   padding-top: 0;
}

.ui-dialog .ui-type-buttons {
   z-index: 9999;
}

.ui-dialog .ui-type-buttons > .ui-container {
   box-shadow: none;
   background: var(--background-iris-200);
   border-top-right-radius: 0;
   border-top-left-radius: 0;
}

.ui-dialog .ui-el-left {
   width: 50% !important;
}

.ui-dialog .ui-el-left ~ .ui-el-right {
   width: 50% !important;
}

.ui-dialog .ui-el-right {
   width: 100% !important;
}

.ui-dialog-crud .ui-el-left {
   display: flex;
}

.ui-dialog-crud .ui-el-left > .ui-container {
   display: flex;
   align-items: center;
}

.ui-dialog-crud:not(.ui-dialog-alert) .ui-el-right .ui-el-close {
   display: none;
}

.ui-dialog-crud .ui-type-buttons > .ui-container {
   margin: 0 !important;
   width: 100%;
}

.ui-dialog-crud .ui-type-buttons > .ui-container > .ui-child {
   display: flex;
}

.ui-dialog-crud .ui-type-view > .ui-container > .ui-label {
   font-size: 1.4rem;
   font-weight: 600;
   line-height: 28px;
   letter-spacing: 0em;
   text-align: left;
}

.ui-dialog-minimize {
   position: absolute;
   bottom: 10px;
   right: 10px;
   display: flex;
   gap: 10px;
   z-index: 99999;
}

.ui-dialog-minimize .ui-dialog-minimize-item {
      -webkit-user-select: none;
              user-select: none;
      cursor: pointer;
      width: -webkit-max-content;
      width: max-content;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 600;
      background: var(--blue-600);
   }

.ui-dialog-minimize .ui-dialog-minimize-item:has(.MuiButton-endIcon:hover) {
         background-color: var(--blue-600);
      }

.ui-dialog-minimize .ui-dialog-minimize-item:not(:has(.MuiButton-endIcon:hover)):hover {
         background-color: var(--blue-700);
      }

.ui-dialog-minimize .ui-dialog-minimize-item {

      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #fff;
      padding: 5px 10px;
      border-radius: 3px;
}

/* gap: 10px; */

.ui-dialog-minimize .ui-dialog-minimize-item .MuiButton-startIcon i {
            font-size: 2.4rem;
         }

.ui-dialog-minimize .ui-dialog-minimize-item .MuiButton-endIcon {
         cursor: default;
         transition: background-color 0.2s ease-in-out;
      }

.ui-dialog-minimize .ui-dialog-minimize-item .MuiButton-endIcon:hover {
            background-color: var(--red-500);
         }

.ui-dialog-minimize .ui-dialog-minimize-item .MuiButton-endIcon {

         border-radius: 2px;
}

.ui-dialog-clean .ui-tab-data {
   overflow: auto;
   height: calc(100vh - 450px);
}

.ui-dialog-expanded .ui-dialog {
   max-width: 100% !important;
   height: 100% !important;
}

.ui-dialog-expanded .ui-dialog-content {
   height: calc(100% - 100px) !important;
   max-height: calc(100%) !important;
}

.ui-dialog-expanded .ui-dialog-container {
   margin: 20px !important;
   height: calc(100% - 40px) !important;
   max-width: calc(100% - 40px) !important;
}

.ui-dialog-expanded .ui-dialog {
   max-height: 100% !important;
}

.ui-dialog-expanded {
   padding-left: 0 !important;
}

.ui-dialog-close-float {
   position: absolute;
   right: 0;
   padding: 10px;
   margin: 10px;
   height: 50px;
   z-index: 999999;
}

.ui-dialog-close-float button {
   border-radius: 50%;
}

.ui-dialog-label-inner {
   pointer-events: none;
}

.ui-dialog-label-inner button {
      pointer-events: all;
   }

.ui-dialog .ui-type-crud.ui-el-translator .ui-type-card > .ui-container {
            margin: 0;
            border: none;
            background-color: transparent;
         }

.ui-dialog .ui-type-crud.ui-el-translator .ui-type-card > .ui-container .ui-type-code .ace_editor {
                  height: calc(100dvh - 470px) !important;
               }

.ui-dialog-remote .ui-el-left > .ui-container > .ui-child, .ui-dialog-remote .ui-el-right > .ui-container > .ui-child {
            gap: 10px;
         }

/*Para evitar a "piscada" ao abrir um dialog. Caso atrapalhe, pode retirar sem problemas*/

.ui-dialog-container:not(.ui-dialog-alert) .ui-dialog-buttons {
      background-color: var(--background-iris-200);
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;

      min-height: 66px;

      display: flex;
      align-items: center;
      padding: 0 10px;
      z-index: 0;
   }

.ui-dialog .croppie-container {
      padding-top: 30px;
   }

.ui-dialog-layout-filters {
   padding: initial;
   align-items: flex-start;
   justify-content: flex-end;
}

.ui-dialog-layout-filters .ui-dialog {
      max-width: 500px;
      height: 100%;
   }

.ui-dialog-layout-filters .ui-dialog-content {
      height: 100%;
      min-height: 100% !important;
      padding: 0;
      overflow: initial !important;
      max-height: initial !important;
   }

.ui-dialog-layout-filters .ui-filter-forms {
      height: 100%;
      padding: 15px;
      display: block;
      overflow: auto;
      padding-bottom: 100px;
   }

.ui-dialog-layout-filters .ui-filter-option {
      margin-bottom: 10px;
   }

.ui-dialog-layout-filters .ui-filter-actions {
      position: absolute !important;
      height: 95px !important;
      bottom: 0;
      background: var(--white);
      padding: 10px;
   }

.ui-dialog-layout-filters .ui-dialog-container {
      background-color: var(--white);
      height: 100%;
      border-radius: 0;
   }

.ui-dialog-top-off .ui-dialog-content {
   padding-top: 30px;
   padding-bottom: 15px;
}

.ui-dialog-layout-logout .ui-dialog-content {
      font-size: 16px;
      text-align: center;
   }

.ui-dialog-layout-logout .ui-el-right > .ui-container > .ui-child {
      text-align: center;
      justify-content: center;
   }
.ui-type-footer {
   position: fixed;
   top: 85px;
   left: calc(100vw - 85px);
   height: calc(100vh - 150px);
   width: 1px;
   min-width: auto !important;
   z-index: 999;
}

.ui-type-footer > .ui-container,
.ui-type-footer > .ui-container > .ui-child {
   height: 100%;
}

.ui-type-footer > .ui-container > .ui-child {
   display: flex;
   flex-direction: column;
   gap: 7.5px;
}
.ui-grid > .ui-container > .ui-grid,
.ui-type-list:not(.ui-layout-card) > .ui-container > .ui-grid {
   /* padding: 0 15px; */
   position: relative;
}

.ui-grid-top .ui-label i {
   margin-right: 5px;
}

.ui-grid-top-inside-options {
   justify-content: flex-end;
   margin-right: 5px;
   width: 100%;
}

.ui-grid-bottom-center > .ui-input {
   flex-shrink: 0;
}

.ui-column.ui-variant-blue .ui-user-data span {
      color: #0020d2;
      font-weight: 500;
   }

.ui-label-type-list span {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: calc(100% - 0px);
   }

.ui-el-filters_result .ui-grid-area {
   padding: 6px 0px;
}

.ui-grid-search {
   gap: 10px;
}

.ui-grid-top-query {
   display: flex;
   width: 100%;
}

.ui-grid-top-query .ui-input .MuiInputBase-root {
      border-radius: 20px;
   }

.ui-grid-top-query > .ui-type-select .MuiSelect-select {
         background-color: var(--white);
         border-radius: 0;
         border-radius: 18px 0px 0px 18px;
         border-right-color: var(--white);
      }

.ui-grid-top-query > .ui-type-select {

      flex-shrink: 0;
}

.ui-grid-top-query .ui-type-text .ui-user-data > div {
         width: 100%;
      }

.ui-grid-top-center:has(.ui-type-select) .ui-input > .ui-container {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
   }

.ui-grid-top-center:has(.ui-type-select) .ui-type-select {
      margin-right: -1px;
   }

.ui-grid-top-center:has(.ui-type-select) .ui-type-select .MuiInputBase-root fieldset {
         border-color: var(--container-border-color) !important;
         border-right-color: transparent;
         border-radius: 18px 0px 0px 18px;
      }

.ui-grid-top-center:has(.ui-type-select) .ui-variant-query .MuiInputBase-input {
         padding-left: 5px;
      }

.ui-grid-top-center:has(.ui-type-select) .ui-variant-query fieldset {
         border-left-color: transparent !important;
         border-top-left-radius: 0px;
         border-bottom-left-radius: 0px;
      }

.ui-grid-top-center:not(:has(.ui-type-select)) .ui-variant-query input {
         border-top-left-radius: 20px;
         border-bottom-left-radius: 20px;
      }

.ui-grid:not(.ui-layout-card) .ui-grid-col .ui-type-img img,
.ui-grid:not(.ui-layout-card) .ui-grid-col .ui-format-img img {
   max-width: 40px;
}

.ui-el-filters_result {
   flex-grow: 0;
}

.ui-el-filters_result .ui-grid {
      background: transparent !important;
      border: none !important;
   }

.ui-el-filters_result .ui-grid .ui-grid-area {
         padding: 0;
         margin: 0;
         width: 100%;
         max-width: 100%;
      }

.ui-el-filters_result .ui-grid .ui-grid-area > .ui-grid-table {
            display: flex;
            gap: 10px;
         }

.ui-el-filters_result .ui-grid .ui-grid-area > .ui-grid-table .ui-grid-row {
               display: flex;
               background-color: #f1f1ff;
               border-radius: 5px !important;
               overflow: hidden;
               color: #0020d2;

               transition: ease-in-out 0.1s all;
               border: 1px solid transparent;
            }

.ui-el-filters_result .ui-grid .ui-grid-area > .ui-grid-table .ui-grid-row:hover {
                  border: 1px solid #d7d7fa;
               }

.ui-el-filters_result .ui-grid .ui-grid-area > .ui-grid-table .ui-grid-row:hover .ui-grid-col {
                     background-color: #ebebfd;
                     transition: ease-in-out 0.1s all;
                  }

.ui-el-filters_result .ui-grid .ui-grid-area > .ui-grid-table .ui-grid-row:hover .ui-grid-col i {
                        color: #f95353 !important;
                     }

.ui-el-filters_result .ui-grid .ui-grid-area > .ui-grid-table .ui-grid-row .ui-grid-col {
                  border: none;
                  min-height: 30px;
               }

.ui-el-filters_result .ui-grid .ui-grid-area > .ui-grid-table .ui-grid-row .ui-grid-col > .ui-el-value {
                     width: 100% !important;
                  }

.ui-el-filters_result .ui-grid .ui-grid-area > .ui-grid-table .ui-grid-row .ui-grid-col .ui-el-remove {
                     margin-left: 5px;
                  }

.ui-el-filters_result .ui-grid .ui-grid-area > .ui-grid-table .ui-grid-row .ui-grid-col .ui-el-remove i {
                        color: #727171;
                        font-size: 1.4rem;
                     }

.ui-el-filters_result .ui-grid-empty {
      display: none;
   }

.ui-grid-top-inside-options .ui-container .ui-child {
   gap: 12px;
   flex-wrap: nowrap;
}

.ui-grid-top-options {
   max-width: none !important;

   margin-bottom: 10px;
}

.ui-grid-top-options > div .ui-icon-type-output {
         display: flex;
      }

.ui-grid-head .ui-grid-header span {
   color: #55585e;
}

.ui-grid-top-options .ui-type-input .ui-inner {
   background: #e4e7ff;
   padding: 0 !important;
}

.btn-opcoes-top button {
   width: -webkit-fit-content;
   width: fit-content;
   font-size: 1.4rem;
   text-transform: none;
   color: #0020d2;
   border: none;
   font-weight: 700;
}

.ui-list-loading,
.ui-grid-loading {
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   font-size: 3rem;
   opacity: 0.5;
   z-index: 100;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border-radius: 8px;
   background-color: rgba(255, 255, 255, 0.3);
}

.ui-type-list.ui-layout-info .ui-list-loading,
.ui-type-list.ui-layout-info .ui-grid-loading {
   padding: 0;
}

.ui-type-list.ui-layout-info .ui-list-empty,
.ui-type-list.ui-layout-info .ui-grid-empty {
   padding: 0;
}

.ui-column .ui-inner {
   overflow: hidden;
   position: unset;
}

.ui-grid-body {
   display: contents;
}

.ui-grid-head {
   display: grid;
   grid-auto-flow: column;
   margin-top: 1px;
   border-bottom: 1px solid var(--container-border-color);
   -webkit-user-select: none;
           user-select: none;
   width: 100%;
   margin: 0px auto 0;
   overflow: auto;
}

.ui-grid-head .ui-grid-row:hover .ui-grid-col {
         background-color: inherit;
      }

:not(.ui-child-bgGray).ui-type-list.ui-layout-card > .ui-container > .ui-grid {
   background-color: var(--white);
   border: 1px solid var(--container-border-color);
   border-radius: 10px;
}

div.ui-grid-row:not(.ui-v2) {
   display: contents;
}

.ui-grid-top {
   height: 52px;
}

.ui-grid-actions .ui-container {
   margin: 0;
   width: inherit;
}

.ui-grid-search .ui-container {
   margin: 0px;
}

.ui-icon-only {
   width: -webkit-fit-content;
   width: fit-content;
}

.ui-grid-actions .ui-type-button.ui-el-totalizer i {
   font-size: 3rem;
}

.ui-grid-actions .ui-type-button.ui-el-totalizer {
   height: 100%;
}

.ui-grid-layout-toggle {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 63px;
   border-left: 1px solid var(--container-border-color);
   border-radius: 0px 10px 0px 0px;
}

.ui-grid-col .ui-el-open i.visibility {
   font-size: 2.2rem;
   margin-top: 2px;
   margin-left: -2px;
}

.ui-grid-layout-toggle button {
   width: 32px;
   height: 32px;
   padding: 6px !important;
   border: none;
   border-radius: 8px;
   min-width: -webkit-fit-content !important;
   min-width: fit-content !important;
}

.ui-grid-col .ui-disabled .ui-label {
         opacity: 0.3;
      }

.ui-grid-col .ui-column {
      word-break: break-word;
      white-space: pre;
      line-clamp: 1;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1.1rem;
   }

.ui-column > .ui-child {
   white-space: initial;
}

.ui-grid-table {
   display: grid;
}

.ui-grid-row .ui-label {
   padding-left: 0;
}

.ui-grid-table > div,
.ui-grid-table > div > div {
   display: contents;
}

.ui-grid-col {
   display: table-cell;
   width: unset;
}

.ui-grid-col .ui-format-color {
   height: calc(100% - 9px) !important;
}

.ui-grid-fake-scrollbar {
   height: 20px;
   overflow-x: scroll;
   position: -webkit-sticky;
   position: sticky;
   z-index: 8;
   scrollbar-color: #caceed #eff1ff;
   background-color: transparent;
}

.ui-grid-table {
   scrollbar-width: none;
   -ms-overflow-style: none;
}

.ui-grid-table .ui-grid-body .ui-grid-row .ui-grid-col:not(.ui-grid-header) {
   min-height: 38px;
   border-bottom: 1px solid var(--container-border-color);
   border-radius: 0;
}

.monitor-icons .ui-font-icon {
      color: #1d1e20 !important;
      border-radius: 4px;
   }

.monitor-icons .cloud_done {
      background: #9affbc !important;
   }

.monitor-icons .cloud_alert {
      background: #e12323 !important;
   }

.ui-grid.ui-layout-info > .ui-grid-area > .ui-grid-table .ui-grid-body .ui-grid-row .ui-grid-col:not(.ui-grid-header) {
   min-height: 0px;
   line-height: 1.85;
}

.ui-grid-head > .ui-grid-row > .ui-grid-col {
   min-height: unset !important;
   flex-wrap: nowrap;
   flex-direction: row;
}

.ui-layout-card .ui-grid-row-card.ui-click:hover,
.ui-grid-row-selected > .ui-grid-col {
   background-color: var(--background-iris-200);
   border-color: #d8d8fd;
}

.ui-column > .ui-inner > .ui-all-images {
   border-radius: 100%;
   background-color: #fff;
}

.ui-icon-only .ui-icon {
   display: flex;
   align-items: center;
   justify-content: center;
}

table.ui-data-list .ui-status,
.ui-table-col .ui-status,
.ui-grid-col .ui-status {
   background: #ed8d0c;
   padding: 5px 10px;
   text-align: center !important;
   font-weight: 700;
   border-radius: 16px;
   color: #fff;
}

.ui-col .ui-status.ui-status-success,
.ui-table-col .ui-status.ui-status-success,
.ui-grid-col .ui-status.ui-status-success {
   background-color: #5cde0d;
}

.ui-col .ui-status.ui-status-error,
.ui-table-col .ui-status.ui-status-error,
.ui-grid-col .ui-status.ui-status-error {
   background-color: #ff4949;
}

.ui-grid-table::-webkit-scrollbar {
   display: none;
}

::-webkit-scrollbar {
   height: 20px;
}

.ui-grid-fake-scrollbar::-webkit-scrollbar {
   display: none;
   background-color: #eff1ff;
   border-radius: 4px;
}

.ui-grid-fake-scrollbar:hover::-webkit-scrollbar {
   display: block;
}

.ui-grid-fake-scrollbar::-webkit-scrollbar-track {
   background-color: transparent;
}

.ui-grid-fake-scrollbar::-webkit-scrollbar-thumb {
   background: #caceed;
   border-radius: 4px;
}

.ui-grid-fake-scrollbar-inner {
   height: 1px;
}

.ui-grid-resize > .ui-grid-area > .ui-grid-table {
   display: grid !important;
   -webkit-user-select: none;
           user-select: none;
}

.ui-el.ui-space-12.ui-type-list.ui-layout-span.ui-el-none.ui-icon-only {
   width: 100% !important;
}

/*alguns cruds vem com o fixed com space 4 e isso força
   com que não quebre a linha desnecessariamente*/

.ui-grid-filters-fixed .ui-type-toggle {
      width: 100% !important;
   }

.ui-grid-col-img {
   position: relative;
}

.ui-grid-body > .ui-grid-row > .ui-grid-col {
   text-align: left !important;
   display: flex;
   justify-content: space-between;
}

.ui-grid-body > .ui-grid-row:first-child > .ui-grid-col {
   border-top-color: transparent !important;
}

.ui-dialog-content .ui-grid-body .ui-grid-row:first-child .ui-grid-col {
   border-top: none !important;
}

.ui-dialog-content .ui-grid-body .ui-grid-row:last-child .ui-grid-col {
   border-bottom: none !important;
}

.ui-sort-icon {
   padding: 0px;
}

.ui-grid-header:not(.ui-click, :last-child)::after {
   content: '';
   width: 1px;
   background-color: var(--container-border-color);
   position: absolute;
   right: 0;
   top: -2px;
   bottom: -2px;
}

.ui-grid-col > div:not(.ui-grid-false-head):not(.ui-format-editor) {
   height: 100%;
   align-items: center;
   display: flex;
}

.ui-grid-body .ui-grid-row:last-child > .ui-grid-col {
   border-bottom: 0 !important;
}

.ui-grid-head .ui-grid-col > span {
   text-overflow: ellipsis;
   overflow: hidden;
   flex-wrap: nowrap;
   align-items: center;
   padding: 0px 3px;
   width: max(calc(100% - 20px), 0px);
}

.ui-grid-header {
   overflow: hidden;
}

.ui-sort-icon {
   display: flex;
}

.ui-sort-icon span:last-child > i {
   vertical-align: middle !important;
}

.ui-grid-body > .ui-grid-row > .ui-grid-col:not(.ui-wrap) span {
   text-overflow: ellipsis;
   overflow: hidden;
   display: block !important;
   flex-wrap: nowrap;
   word-break: none !important;
   padding: 0px 5px;
   font-size: 1.2rem;
   white-space: nowrap;
}

.ui-container-status-anuncio .ui-grid-col-status-descricao {
   color: rgba(0, 0, 0, 0.87) !important;
}

.ui-wrap .ui-user-data span {
   white-space: wrap;
}

.ui-sort-icon {
   cursor: pointer;
   border-radius: 4px;
   height: -webkit-fit-content !important;
   height: fit-content !important;
   margin-left: 5px;
}

.ui-sort-icon:hover {
   background-color: #eef0ff;
}

.ui-sort-icon i {
   color: var(--text) !important;
   font-size: 1.6rem !important;
}

.ui-grid-col > .ui-format-color {
   width: 25px;
   height: 25px;
   margin-top: 5px;
   margin-left: 5px;
}

.ui-grid-table .ui-grid-col .ui-el-avatar .ui-inner {
   margin: 0 auto;
}

.ui-grid-head .ui-grid-col,
.ui-grid-head .ui-grid-col-money {
   position: relative;
}

.ui-grid-head .ui-grid-col {
   justify-content: space-between;
}

.ui-el-edit i {
   margin: 0;
   margin-top: -2px;
}

.resize-handle {
   display: inline-block;
   cursor: col-resize;
   width: 7px;
   background-color: transparent;

   height: unset !important;

   position: absolute;
   top: -2px;
   bottom: -2px;
   right: -3.5px;

   z-index: 2;
}

/* na ultima coluna não era possivel redimensionar dependendo do navegador, não agarrava a barra, isso corrigiu o problema na ultima coluna */

.ui-grid-head .ui-grid-row .ui-grid-col:last-child .resize-handle {
            right: -1px;
         }

.resize-handle:hover {
   background-color: rgb(204, 204, 204);
}

.resize-handle:active {
   background-color: #517ea5;
}

/*n�o alterar. Se precisar alterar o tamanho da fonte, fa�a no elemento especifico*/

.ui-column i {
   margin: 0;
   font-size: 1.8rem;
}

.ui-column .fa.delete {
   font-size: 2.2rem;
}

.ui-grid .ui-table thead {
         background-color: var(--container-gray-background);
      }

.ui-grid-area .ui-grid-body .ui-grid-col-img .ui-inner {
   padding: 0 4px 0 0;
   min-width: 35px;
}

.ui-column:not(.ui-el-expansion) > .ui-label > .ui-icon {
   width: -webkit-fit-content;
   width: fit-content;
}

.ui-column > .ui-label {
   margin: auto;
   width: -webkit-fit-content;
   width: fit-content;
}

.col-multiple {
   grid-column: 1;
}

.col-multiple i {
   height: -webkit-fit-content !important;
   height: fit-content !important;
   margin: auto;
   margin-top: calc(auto + 140px);
}

.ui-grid-col {
   display: flex;
   position: relative;
}

.resize-handle.active {
   background-color: #517ea5 !important;
}

.ui-grid-resize > .ui-grid-area > .ui-grid-table > .ui-grid-head,
.ui-grid-resize > .ui-grid-area > .ui-grid-table > .ui-grid-body,
.ui-grid-resize > .ui-grid-area > .ui-grid-table .ui-grid-row {
   display: contents !important;
}

.ui-grid-head .ui-grid-col,
.ui-grid-false-head .ui-grid-col {
   margin: 5px 0px !important;
}

.ui-grid.ui-layout-card .ui-grid-row-card .ui-grid-row:hover .ui-card-global {
   background-color: transparent;
}

.ui-grid-row-container .ui-grid-top {
   margin: -1px -16px !important;
   width: calc(100% + 30px) !important;
}

.ui-grid-row-container .ui-grid {
   padding: 0px 15px;
}

.ui-grid-row > .ui-grid-col i {
   color: var(--text);
   font-size: 2rem;
}

.ui-grid-row-expanded .ui-type-grid > .ui-container {
   margin: 10px 0px 10px 0px !important;
}

.ui-grid-col-button.ui-label:hover {
   background-color: var(--background-blue-100);
}

.ui-grid-col.ui-click .ui-label {
   transition: background-color 0.2s ease-in-out;
}

.ui-grid-row.ui-grid-row-expanded .ui-column.ui-el-expansion {
         background-color: var(--background-blue-100);
      }

.ui-grid-row.ui-grid-row-expanded .ui-column.ui-el-expansion:hover {
            background-color: var(--background-blue-200);
         }

.ui-grid-row.ui-grid-row-expanded .ui-column.ui-el-expansion:active {
            background-color: var(--background-blue-300);
         }

.ui-grid-row .ui-column.ui-el-expansion {
      border-radius: 4px;
      transition: background-color 0.2s ease-in-out;
   }

.ui-grid-row .ui-column.ui-el-expansion:hover {
         background-color: var(--background-blue-100);
      }

.ui-grid-row .ui-column.ui-el-expansion:active {
         background-color: var(--background-blue-200);
      }

.ui-grid-area {
   width: 100%;
   margin: 0 auto;
   position: relative;
   overflow-x: auto;
}

.ui-grid-false-head .ui-label {
   padding: 10px;
   text-align: start;
}

.ui-grid-old .ui-grid-top .ui-label {
   font-weight: 600;
   font-size: 1.4rem;
   padding: 0px 20px 0px 20px !important;
   min-width: 270px;
}

.ui-grid-col i {
   font-size: 1.8rem;
}

.ui-column .ui-icon {
   margin: auto;
   text-align: center;
}

.ui-column .ui-all-images {
   width: 34px;
   height: 34px;
   max-width: initial;
   object-fit: cover;
   border-radius: 100px;
}

.ui-column .ui-image {
   text-align: center;
   overflow: hidden !important;
}

.ui-grid-head .col-multiple i {
         margin-left: 0 !important;
         margin-right: 0 !important;
      }

.ui-grid-head .ui-grid-col .ui-column .ui-label {
   border-left: 1px solid var(--container-border-color);
}

.ui-grid-false-head .ui-grid-col .ui-column .ui-label {
   border-left: 1px solid var(--container-border-color);
}

.ui-grid-empty {
   text-align: center;
   padding: 20px;
   height: 100%;
}

.ui-el-query {
   width: 100%;
}

.ui-grid-search {
   display: flex;
   align-items: center;
   position: relative;
   width: 100%;
}

.ui-grid-search .ui-input .ui-inner {
   padding: 0;
}

.ui-grid-row-expanded > .ui-grid-col .ui-column {
   visibility: visible !important;
}

.ui-grid-row-container .ui-grid-head {
   background-color: var(--container-gray-background);
}

.ui-grid-row-container {
   transition: grid-template-rows 0.4s ease-out;
   display: block !important;
}

.ui-grid-row .ui-grid-col .ui-column i {
   transition: transform 0.2s ease-in-out;
}

.ui-grid-row-expanded > .ui-grid-col .ui-el-expansion i {
   transform: rotate(90deg);
   transition: transform 0.2s ease-in-out;
}

.ui-grid-search .ui-el-search.ui-icon-only button i {
   font-size: 1.6rem;
   margin-right: 6px;
   margin-top: -1px;
}

.ui-grid-top .ui-type-button.ui-icon-only .ui-container {
   padding-left: 0;
   padding-right: 0;
}

.ui-grid-top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   max-width: none !important;
   border-bottom: 1px solid var(--container-border-color);
   width: unset !important;
   position: relative;
   overflow: hidden;
}

.ui-type-list > .ui-container {
      border-radius: 10px;
   }

.ui-grid-top > div.ui-grid-top-left {
      min-width: 100px !important;
      flex: 1;
   }

.ui-grid-top > div.ui-grid-top-left .ui-label {
         border-bottom: none;
      }

.ui-grid-top > div.ui-grid-top-center {
      flex: 3;
      min-width: 200px;
      max-width: 33.33%;
      flex-shrink: 0;
   }

.ui-grid-top > div.ui-grid-top-right {
      flex: 1;
      flex-shrink: 0;
      max-height: 100%;
   }

.ui-grid-top:not(:has(.ui-grid-top-left)) > div {
   flex: 0 1 calc(100% / 2);
}

.sticky-top {
   position: -webkit-sticky;
   position: sticky;
   z-index: 5;
}

.ui-grid-top-right-left {
   width: 100%;
}

.ui-grid-top-center {
   text-align: start !important;
}

.ui-grid-top-right {
   text-align: right;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}

.ui-el-expansion i {
   margin-right: 0 !important;
}

.ui-el-expansion .ui-icon {
   display: flex;
   justify-content: center;
}

.ui-el-row-actions > .ui-child {
   flex-wrap: nowrap;
}

.ui-el-row-actions > .ui-child > .ui-type-button {
   margin: 0 5px;
}

.ui-el-row-actions > .ui-child > .ui-type-button > .ui-inner > button {
   background-color: transparent;
}

.ui-grid-row:not(.ui-grid-row-expanded):hover > .ui-el-row-actions .ui-icon-only > .ui-inner > button {
   visibility: visible;
}

.ui-el-row-actions > .ui-child > .ui-type-button > .ui-inner > button:hover {
   background-color: transparent !important;
   opacity: 1;
}

.ui-grid-pages fieldset {
   border-radius: 8px !important;
}

.ui-grid-pages .ui-type-select svg {
   font-size: 1.4rem;
   right: 0 !important;
}

.ui-grid-data.ui-layout-grid .ui-grid-row {
   display: inline-block;
   vertical-align: top;
}

.ui-grid-data.ui-layout-grid {
   display: block;
}

.ui-grid-data.ui-layout-grid .ui-grid-row .ui-grid-col {
   border: 0;
}

.ui-grid-col.ui-icon-only > .ui-column {
   padding: 0;
}

.ui-icon-only {
   text-align: left !important;
}

.ui-grid-head .ui-grid-col,
.ui-grid-false-head .ui-grid-col {
   font-weight: 500;
   font-size: 1.2rem;
   white-space: nowrap;
}

.ui-layout-block > .ui-container {
   display: inline-block;
}

.ui-layout-block > .ui-container > div {
   display: inline-block;
   padding-left: 5px;
}

.ui-grid-col .ui-el .ui-label {
   font-weight: 600;
}

.ui-grid-bottom {
   height: 60px;
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
   width: 100%;
}

.ui-grid-bottom > div {
   width: 100%;
   display: flex;

   align-items: center;

   padding: 0px 10px;
}

.ui-grid-bottom .ui-type-button button {
         font-weight: normal;
      }

.ui-grid-bottom .ui-type-button button:disabled {
            background-color: transparent;
         }

.ui-grid-bottom-center {
   justify-content: center;
   gap: 5px;
   flex-basis: fit-content;
   white-space: nowrap;
}

.ui-grid-bottom-left {
   justify-content: right;
}

.ui-grid-bottom-right {
   justify-content: left;
}

.ui-grid-pages {
   display: flex;
   align-items: center;
   justify-content: center;
   width: -webkit-fit-content;
   width: fit-content;
   white-space: nowrap;
}

.ui-grid-pages .ui-inner {
   padding: 0;
   height: -webkit-fit-content;
   height: fit-content;
}

.ui-grid-pages > button {
   width: 26px;
   height: 26px;
   margin: 0;
   padding: 0;
}

.ui-grid-pages button:disabled {
   border: none;
}

.ui-el-totalizer span {
      font-size: 1.2rem;
   }

.ui-el-totalizer button {
      padding: 0px 5px;
   }

.ui-el-totalizer i {
      font-size: 1.8rem;
   }

.ui-grid-pages button i {
   font-size: 2rem;
}

.ui-inner-class-filter-toggle button {
      min-width: 50px;
   }

.ui-inner-class-filter-toggle button i {
         color: #000 !important;
      }

span.ui-grid-pages-label {
   color: var(--blue-text);
   font-weight: bold;
   font-size: 1.2rem;
   margin: 0 5px;
}

span.ui-grid-pages-label .thisTo {
      color: var(--text);
      font-weight: 400;
   }

.ui-grid-col * {
   vertical-align: middle;
}

.ui-grid-empty {
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   min-height: 40px;
}

.ui-grid-col-button .ui-column {
   width: var(--button-small);
   height: var(--button-small);
}

.ui-el-expansion {
   height: 26px !important;
   margin: auto;
}

.ui-layout-default .ui-grid-area .ui-grid-col > .ui-el-edit > .ui-label-edit,
            .ui-layout-default .ui-grid-area .ui-grid-col > .ui-el-edit .ui-label-enrich,
            .ui-layout-default .ui-grid-area .ui-grid-col .ui-el-enrich > .ui-label-edit,
            .ui-layout-default .ui-grid-area .ui-grid-col .ui-el-enrich .ui-label-enrich,
            .ui-layout-list .ui-grid-area .ui-grid-col > .ui-el-edit > .ui-label-edit,
            .ui-layout-list .ui-grid-area .ui-grid-col > .ui-el-edit .ui-label-enrich,
            .ui-layout-list .ui-grid-area .ui-grid-col .ui-el-enrich > .ui-label-edit,
            .ui-layout-list .ui-grid-area .ui-grid-col .ui-el-enrich .ui-label-enrich {
               display: flex;
               justify-items: center;
               align-items: center;
               border-radius: 4px;
               width: 26px;
               height: 26px;

               transition: background-color 0.2s ease-in-out;
            }

.ui-layout-default .ui-grid-area .ui-grid-col > .ui-el-edit > .ui-label-edit i, .ui-layout-default .ui-grid-area .ui-grid-col > .ui-el-edit .ui-label-enrich i, .ui-layout-default .ui-grid-area .ui-grid-col .ui-el-enrich > .ui-label-edit i, .ui-layout-default .ui-grid-area .ui-grid-col .ui-el-enrich .ui-label-enrich i, .ui-layout-list .ui-grid-area .ui-grid-col > .ui-el-edit > .ui-label-edit i, .ui-layout-list .ui-grid-area .ui-grid-col > .ui-el-edit .ui-label-enrich i, .ui-layout-list .ui-grid-area .ui-grid-col .ui-el-enrich > .ui-label-edit i, .ui-layout-list .ui-grid-area .ui-grid-col .ui-el-enrich .ui-label-enrich i {
                  margin: auto;
               }

.ui-layout-default .ui-grid-area .ui-grid-col > .ui-el-edit > .ui-label-edit:hover, .ui-layout-default .ui-grid-area .ui-grid-col > .ui-el-edit .ui-label-enrich:hover, .ui-layout-default .ui-grid-area .ui-grid-col .ui-el-enrich > .ui-label-edit:hover, .ui-layout-default .ui-grid-area .ui-grid-col .ui-el-enrich .ui-label-enrich:hover, .ui-layout-list .ui-grid-area .ui-grid-col > .ui-el-edit > .ui-label-edit:hover, .ui-layout-list .ui-grid-area .ui-grid-col > .ui-el-edit .ui-label-enrich:hover, .ui-layout-list .ui-grid-area .ui-grid-col .ui-el-enrich > .ui-label-edit:hover, .ui-layout-list .ui-grid-area .ui-grid-col .ui-el-enrich .ui-label-enrich:hover {
                  background-color: var(--background-blue-100);
               }

.ui-layout-default .ui-grid-area .ui-grid-col > .ui-el-edit .ui-label-enrich:hover, .ui-layout-default .ui-grid-area .ui-grid-col .ui-el-enrich .ui-label-enrich:hover, .ui-layout-list .ui-grid-area .ui-grid-col > .ui-el-edit .ui-label-enrich:hover, .ui-layout-list .ui-grid-area .ui-grid-col .ui-el-enrich .ui-label-enrich:hover {
               background-color: var(--background-blue-100) !important;
            }

.ui-layout-default .ui-grid-area .ui-grid-col :is(.ui-format-money, .ui-format-number), .ui-layout-list .ui-grid-area .ui-grid-col :is(.ui-format-money, .ui-format-number) {
            width: 100%;
            justify-content: flex-end;
         }

.ui-layout-default .ui-grid-area .ui-grid-col :is(.ui-format-date, .ui-format-datetime, .ui-format-datetime, .ui-format-time), .ui-layout-list .ui-grid-area .ui-grid-col :is(.ui-format-date, .ui-format-datetime, .ui-format-datetime, .ui-format-time) {
            width: 100%;
            justify-content: flex-start;
         }

.ui-layout-default .ui-grid-head .ui-grid-col:is(.ui-grid-col-money, .ui-grid-col-number, .ui-grid-col-date, .ui-grid-col-datetime, .ui-grid-col-time), .ui-layout-list .ui-grid-head .ui-grid-col:is(.ui-grid-col-money, .ui-grid-col-number, .ui-grid-col-date, .ui-grid-col-datetime, .ui-grid-col-time) {
         display: flex;
         justify-content: flex-end;
         text-align: right;
         flex-wrap: nowrap;
         flex-direction: row;
      }

.ui-layout-default .ui-grid-head .ui-grid-col:is(.ui-grid-col-money, .ui-grid-col-number, .ui-grid-col-date, .ui-grid-col-datetime, .ui-grid-col-time) span, .ui-layout-list .ui-grid-head .ui-grid-col:is(.ui-grid-col-money, .ui-grid-col-number, .ui-grid-col-date, .ui-grid-col-datetime, .ui-grid-col-time) span {
            margin-right: 3px;
            min-width: 10px;
         }

.ui-layout-default .ui-grid-head .ui-grid-col:is(.ui-grid-col-date, .ui-grid-col-datetime, .ui-grid-col-time), .ui-layout-list .ui-grid-head .ui-grid-col:is(.ui-grid-col-date, .ui-grid-col-datetime, .ui-grid-col-time) {
         justify-content: flex-start;
         text-align: left;
      }

.ui-child-class-ui-grid-filters-fixed {
   background: var(--container-gray-background);
   width: 100%;
}

.ui-child-class-ui-grid-filters-fixed .ui-user-data {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 5px;
   }

.ui-child-class-ui-grid-filters-fixed button {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      background: var(--background-iris-300) !important;
      /* margin: 0 5px; */
      height: 20px !important;
      color: var(--text) !important;
      border: none !important;
      padding: 5px;
      border-radius: 99px !important;
      font-weight: 400 !important;
   }

.ui-child-class-ui-grid-filters-fixed button:hover {
         background-color: var(--blue-100);
      }

.ui-child-class-ui-grid-filters-fixed .ui-toggle-label {
      text-transform: lowercase;
   }

.ui-child-class-ui-grid-filters-fixed .ui-toggle-label::first-letter {
      text-transform: uppercase;
   }

.ui-child-class-ui-grid-filters-fixed .ui-toggle-selected {
      background: var(--background-blue-200) !important;
   }

.ui-child-class-ui-grid-filters-fixed .MuiToggleButtonGroup-root button[disabled] {
      background: var(--background-blue-200) !important;
      opacity: 1;
      color: var(--text) !important;
   }

.ui-child-class-ui-grid-filters-fixed .ui-input .ui-container {
         margin: 0;
      }

.ui-grid-row.row-active-expanded .ui-grid > div {
      background-color: var(--container-gray-background);
   }

.ui-grid-row.row-active-expanded .ui-grid > div:last-child {
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
   }

.ui-grid-row.row-active-expanded > div.ui-el {
      max-width: calc(100% - 3px);
      width: 100% !important;
      /* grid-column: 1 / 50 !important; */
   }

.row-multiple-active > div.ui-el {
      grid-column: 1 / 50 !important;
   }

/***************************************
layout card
***************************************/

.ui-grid.ui-layout-card {
   display: flex;

   justify-content: center;
   /* column-gap: 17px; */
   /* row-gap: 27px; */
   position: relative;
   background-color: #fff;
   /* margin: 0 -10px; */
   border-radius: 9px;
   color: inherit;
}

.ui-grid.ui-layout-card > .ui-el.ui-type-span.ui-layout-span {
      width: 100%;
   }

.ui-grid.ui-layout-card > .ui-grid-card {
      margin-top: 20px;
      margin-bottom: 10px;
   }

.ui-grid.ui-layout-card > .sticky-top {
   width: 100%;
}

.ui-grid.ui-layout-card > .sticky-top:nth-child(2) {
   display: none;
}

.ui-grid.ui-layout-card .ui-grid-row-card {
   display: flex;
   flex-direction: column;
   border-radius: 6px;
   border: 1px solid var(--container-border-color);
   background-color: var(--container-gray-background);
   transition: background-color 0.3s ease-in-out;
}

.ui-grid.ui-layout-card .ui-grid-row-card .ui-card-global {
   height: 100%;
   padding: 16px;
   overflow: hidden;
}

.ui-grid.ui-layout-card .ui-grid-row-card .ui-all-images {
   width: 100%;
   max-height: 116px;
   object-fit: scale-down;
   background-color: transparent;
   margin-bottom: 10px;
   border-radius: 0;
}

.ui-grid.ui-layout-card .ui-grid-row-card .ui-type-span {
   display: block;
   display: -webkit-box;
   max-width: 100%;
   line-clamp: 1;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: initial;
   word-break: initial;
   width: -webkit-max-content;
   width: max-content;
}

.ui-grid.ui-layout-card .ui-grid-row-card .ui-type-span.ui-custom-card {
      width: 100%;
   }

.ui-grid.ui-layout-card .ui-grid-row-card .ui-main-text {
   color: var(--blue-text);
   font-family: DM Sans;
   font-size: 1.2rem;
   font-style: normal;
   font-weight: 700;
}

.ui-container-margin-none .ui-container {
   margin: 0;
}

.ui-grid.ui-layout-card .ui-grid-row-card .ui-grid-row .ui-label {
   padding: 0;
}

.ui-grid.ui-layout-card .ui-grid-row-card .ui-card-global .ui-el-card .ui-type-card .ui-container {
   border: none;
   border-radius: 0px;
   margin-top: 10px;
}

.ui-grid.ui-layout-card .ui-grid-row-card .ui-card-global .ui-el-card .ui-type-card > .ui-container .ui-type-card .ui-container {
   padding: 4px;
   border-radius: 4px;
   border: 1px solid var(--container-border-color);
   background: #f4f4ff;
   margin: 1px;
}

.ui-grid-row-card .ui-card-global .ui-type-card .ui-grid-items-card {
   display: flex;
   column-gap: 1px;
   width: 100%;
}

.ui-grid-row-card .ui-card-global .ui-type-card .ui-grid-items-card > .ui-type-card {
   width: auto !important;
   flex: 0 1 auto;
}

.ui-grid-row-card .ui-card-global .ui-type-card .ui-grid-items-card > .ui-type-card img {
   opacity: 0.3;
   filter: grayscale(1);
}

.ui-grid-row-card .ui-card-global .ui-type-card .ui-grid-items-card > .ui-type-card .ui-container {
   height: -webkit-fill-available;
}

.ui-grid-row-card .ui-card-global .ui-type-card .ui-grid-items-card > .ui-type-card .ui-container > div {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.ui-grid-row-card .ui-card-global .ui-type-card > .ui-container {
   background-color: transparent;
}

.ui-grid-row-card .ui-card-global .ui-type-card .ui-grid-items-card > .ui-type-card > .ui-container > .ui-child {
   display: none;
}

.ui-grid-row-card .ui-card-global .ui-type-card .ui-type-carousel :is(.ui-el-prev_img, .ui-el-next_img) {
   padding-left: 0 !important;
}

.ui-grid-custom-card .ui-grid-row-card:hover {
         transition: all 0.15s ease-in-out;
         background-color: var(--menu-background);
         border: 1px solid #d8d8fd;
      }

@media (max-width: 1366px) {
   .ui-grid.ui-layout-card .ui-grid-row-card {
      width: auto;
      min-width: 220px;
      max-width: 260px;
   }
}

.ui-type-button.ui-icon-pos-right {
   display: flex;
}

.ui-type-button.ui-icon-pos-right button {
   flex-flow: row-reverse;
   flex-direction: row-reverse;
   align-items: flex-start;
   justify-content: flex-end;
}

.ui-type-button.ui-icon-pos-right button .ui-btn-icon {
   padding-left: 10px;
}

.ui-grid-el-actions-right button {
   text-transform: capitalize;
}

.col-color-0 .ui-column {
   background-color: #f9de81;
}

.col-color-1 .ui-column {
   background-color: #eff981;
}

.col-color-2 .ui-column {
   background-color: #cbf981;
}

.col-color-3 .ui-column {
   background-color: #b6f981;
}

.col-color-4 .ui-column {
   background-color: #81f98d;
}

.col-color-5 .ui-column {
   background-color: #81f9c7;
}

.col-color-6 .ui-column {
   background-color: #81f1f9;
}

.col-color-7 .ui-column {
   background-color: #81cef9;
}

.col-color-8 .ui-column {
   background-color: #81b1f9;
}

.col-color-9 .ui-column {
   background-color: #9281f9;
}

.col-color-10 .ui-column {
   background-color: #b681f9;
}

.col-color-11 .ui-column {
   background-color: #d281f9;
}

.ui-layout-card > .ui-grid-top {
   width: 100% !important;
   display: flex;
}

.ui-layout-card > .ui-grid-data {
   width: 100% !important;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 15px;
}

.ui-grid-card.ui-grid-custom-card .ui-grid-row-card > .ui-grid-row > .ui-grid-col {
   padding: 15px;
}

.ui-grid-card:not(.ui-grid-custom-card) .ui-grid-row-card > .ui-grid-row > .ui-grid-col {
   padding: 0;
}

.ui-grid-card:not(.ui-grid-custom-card) .ui-grid-row-card > .ui-grid-row {
   padding: 15px;
   display: block;
   width: 100%;
   height: 100%;
}

.ui-grid-col-select:not(.ui-grid-col-edit-column) > div > div {
   background: var(--dark-light);
   color: #1d1e20;
   /* padding: 5px; */
   font-weight: 600;
   border-radius: 50px;
   text-align: center;
}

.ui-grid-col.ui-grid-col-select {
   align-items: center;
   text-align: center;
   flex-direction: column;
}

.ui-grid-pages > div > .ui-container {
   margin: 0;
}

.row-active-expanded .ui-grid-top {
   padding: 10px 0;
   max-height: 42px;
   background-color: var(--container-gray-background);
}

.row-active-expanded .ui-grid-top > div {
   flex: 0 1 calc(100% / 3.75);
}

.row-active-expanded .ui-grid .ui-grid-top .ui-label {
   color: #1d1e20;
   font-family: DM Sans;
   font-size: 1.4rem;
   font-style: normal;
   font-weight: 500;
}

.row-active-expanded :is(.ui-el-search_grid button, .ui-variant-search_grid button, .ui-grid-top button) i {
   font-size: 2rem !important;
}

.ui-grid-top-options,
.ui-grid-top-options .ui-child,
.ui-grid-top-options > div {
   display: flex;
   align-items: center;
   width: 100%;
   z-index: 99;
   height: -webkit-fit-content;
   height: fit-content;
}

.ui-grid-top-options > div > div {
   width: 100%;
}

.ui-grid-top-options.ui-grid-top-left-options {
   margin-bottom: 0;
}

.ui-grid-top-left,
.ui-grid-top-left .ui-child {
   justify-content: flex-start;
   align-items: center;
}

.ui-grid-top-right,
.ui-grid-top-right .ui-child {
   justify-content: flex-end;
}

.ui-grid-top-options :is(.ui-el.ui-input, .ui-type-button) {
   vertical-align: top;
   padding: 0;
}

.ui-layout-repeat > .ui-container {
   display: flex;
   width: 100%;
   margin: 10px 0;
}

.ui-grid-inner-actions button {
   color: #0020d2;
   white-space: nowrap;
}

.ui-grid-inner-actions > .ui-container > .ui-child {
   flex-wrap: nowrap;
}

.ui-grid-row .ui-click-disabled {
   cursor: default !important;
   pointer-events: none !important;
}

.ui-grid-inner-actions > .ui-container > .ui-child {
   flex-wrap: nowrap;
}

.ui-grid-inner-actions > .ui-container > .ui-child .ui-btn-label {
   white-space: nowrap;
   font-size: 1.1rem;
   font-weight: 700;
   line-height: 17px;
   letter-spacing: 0em;
   text-align: left;
   text-transform: none;
}

.ui-grid-inner-actions > .ui-container > .ui-child .ui-btn-label,
.ui-grid-inner-actions > .ui-container > .ui-child i {
   color: #0020d2;
}

.switch-select-columns .ui-type-switch > .ui-container > .ui-inner {
   background-color: transparent;
   border: 0;
   padding: 0;
   width: 0;
   margin-left: 25px;
}

.ui-grid-top .ui-label {
   padding: 5px 15px;
   /* não tirar o max width */
   max-width: 100%;
}

.ui-grid-row-expanded .ui-grid-col {
   background: var(--background-iris-200);
}

.ui-grid .visible-on-hover {
   visibility: hidden;
}

.ui-grid .ui-grid-row:hover .visible-on-hover {
   visibility: visible;
}

.ui-grid .visible-on-hover {
   visibility: hidden;
}

.ui-grid .ui-grid-row:hover .visible-on-hover {
   visibility: visible;
}

:is(.ui-el-extern-grid, .ui-el-intern-grid) .ui-grid-search .ui-el-query > .ui-container .ui-label {
   display: none;
}

.ui-layout-info .ui-grid-col {
   border-bottom: none !important;
}

.ui-grid-row-expanded .ui-grid-col {
   background: var(--background-iris-200);
}

:is(.ui-el-extern-grid, .ui-el-intern-grid) .ui-grid-search .ui-el-query > .ui-container .ui-label {
   display: none;
}

.ui-layout-info .ui-grid-col {
   border-bottom: none !important;
}

.ui-type-list .ui-is-child-info {
   padding: 10px 0;
   border-bottom: 1px solid var(--container-border-color);
}

.ui-type-list .ui-is-child-info > .ui-container {
   border-radius: 10px;
   border: 1px solid var(--container-border-color);

   overflow: hidden;
   background: var(--container-gray-background);
}

.ui-type-list .ui-is-child-info > .ui-container > .ui-child {
   max-width: calc(100% - 30px);
   margin: 0 auto;
}

.ui-type-list .ui-is-child-info > .ui-container > .ui-child > .ui-layout-info {
   padding-top: 20px;
   padding-bottom: 15px;
}

.ui-type-list .ui-is-child-info > .ui-container > .ui-child > div > .ui-container > .ui-layout-info {
   border-radius: 10px;
   border: 1px solid var(--container-border-color);

   background: var(--white);
}

.ui-type-list .ui-is-child-info > .ui-container > .ui-child > div > .ui-container > .ui-layout-info > .ui-container {
   min-height: auto !important;
}

.row-active-expanded:hover .ui-is-child-info > .ui-container > .ui-child > div .ui-grid-table .ui-grid-row .ui-grid-col {
   background-color: transparent;
}

.ui-grid-card > .ui-grid-row-card .ui-grid-row :is(.ui-grid-col-img, .ui-grid-col-img > div) {
   width: 100%;
   height: 116px;
}

.ui-grid-card > .ui-grid-row-card .ui-grid-row .ui-grid-col-img .MuiAvatar-root,
.ui-custom-card .ui-child .MuiAvatar-root {
   width: 100%;
   height: 116px;
   border-radius: 10px;
   margin-bottom: 10px;
}

.ui-grid-row.row-active-expanded
   .ui-type-list
   > .ui-container
   > .ui-grid
   > .ui-grid-area
   > .ui-grid-table
   > .ui-grid-body
   > .ui-grid-row
   > .ui-grid-col,
.ui-grid-row.row-active-expanded .ui-type-list > .ui-container > .ui-grid > .ui-grid-head .ui-grid-col {
   background: transparent;
}

.ui-tab-data .ui-type-crud {
   width: 100%;
}

.ui-tab-data .ui-grid .sticky-top {
         background-color: var(--container-gray-background) !important;
      }

.ui-grid-head {
   overflow: hidden;
}

.ui-grid-top-right > span {
   text-wrap: nowrap;
}

.ui-grid-pages .MuiSelect-select {
   /*   padding: 9px 11px !important; */
   font-weight: 700;
   width: 15px;
}

@media (min-width: 1366px) {

.ui-grid-top-inside-options .ui-type-button {
         white-space: nowrap
   }
      }

.row-active-expanded .ui-variant-search_grid button {
         height: 32px;
      }

.row-active-expanded .ui-variant-grid_actions button {
         width: 30px !important;
         height: 30px !important;
      }

.row-active-expanded > .ui-is-child-default > .ui-container > .ui-child .ui-container > .ui-grid, .row-active-expanded > .ui-is-child-list > .ui-container > .ui-child .ui-container > .ui-grid {
                  background-color: var(--container-gray-background);
               }

.ui-type-list.ui-layout-default .sticky-top {
      background-color: var(--white);
   }

.ui-layout-info .ui-grid-area .ui-grid-table .ui-grid-body .ui-grid-row > div {
                  min-height: 25px;
                  padding: 0 2px !important;
               }

.ui-grid-top-left {
   display: flex;
}

.ui-layout-info .ui-grid.ui-layout-info > div:nth-child(2) {
      background: var(--container-gray-background) !important;
   }

.row-active-expanded .ui-is-child-info .ui-child .ui-grid.ui-layout-info div:nth-child(2) {
            background-color: white !important;
         }

.ui-grid.ui-layout-default .ui-grid-area .ui-grid-body .ui-grid-row.row-active-expanded > div {
               padding-left: 0 !important;
               padding-right: 0 !important;
            }

/*________FILTRO________*/

.ui-filter-area {
   border-bottom: 1px solid var(--container-border-color);
   background-color: var(--container-gray-background);
   position: relative;
   padding: 10px 20px 40px 20px;
}

.ui-filter-area .ui-filter-default > .ui-container {
         width: auto;
         background-color: var(--container-gray-background);

         border: none;
         padding: 0;
      }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child {
            padding-top: 0;
            padding-bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
         }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input:first-child > .ui-container > .ui-inner > .MuiInputBase-root,
                     .ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input:first-child > .ui-container > .ui-inner > .MuiFormControl-root {
                        border-radius: 4px 0 0 4px;
                     }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input:nth-child(2) fieldset {
                  border-left: none !important;
                  border-right: none !important;
               }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input {
               flex-basis: 16.666%;
            }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container {
                  margin: 0;
               }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container .ui-label-inner {
                     display: none;
                  }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiInputBase-root ::placeholder, .ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiFormControl-root ::placeholder {
                           opacity: 1;
                        }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiInputBase-root,
                     .ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiFormControl-root {

                        border-radius: 0;
}

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiInputBase-root .MuiOutlinedInput-root, .ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiFormControl-root .MuiOutlinedInput-root {
                           border-radius: 0;
                           color: #0020d2;
                        }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiInputBase-root .MuiSelect-select,
                        .ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiInputBase-root svg,
                        .ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiFormControl-root .MuiSelect-select,
                        .ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiFormControl-root svg {
                           color: #0020d2;
                        }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner fieldset {
                        border-color: var(--container-border-color) !important;
                        border-radius: 0px;
                     }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner button {
                        border-color: var(--container-border-color) !important;
                        border-radius: 0px;
                        margin-left: -2px;
                     }

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner .MuiInputBase-root,
                     .ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner .ui-font-icon {
                        color: #0020d2;
                     }

.ui-filter-area.ui-filter-custom > .ui-container {
         width: auto;
         background-color: var(--container-gray-background);

         border: none;
         padding: 0;
      }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child {
            padding-top: 0;
            padding-bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
         }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container {
                  margin: 0px;
                  padding: 5px;
               }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container .ui-label-inner {
                     display: none;
                  }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiInputBase-root,
                     .ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiFormControl-root {
                        border-radius: 4px;
                        background-color: #f2f4ff;
                        border-color: transparent !important;
                     }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiInputBase-root .MuiOutlinedInput-root, .ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiFormControl-root .MuiOutlinedInput-root {
                           border-radius: 4px;
                           color: #0020d2;
                        }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiInputBase-root .MuiSelect-select,
                        .ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiInputBase-root svg,
                        .ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiFormControl-root .MuiSelect-select,
                        .ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner > .MuiFormControl-root svg {
                           color: #0020d2;
                        }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child > .ui-type-input > .ui-container > .ui-inner fieldset {
                        border-color: transparent !important;
                     }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child .ui-container-type-switch {
               margin: 0 !important;
            }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child .ui-container-type-switch .ui-switch-status {
                  color: #0020d2;
                  font-weight: 500;
               }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child .ui-type-switch {
               width: auto !important;
            }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child .ui-type-switch .ui-inner-type-switch {
                  padding-top: 0;
                  padding-bottom: 0;
                  border: none !important;
                  background-color: #f2f4ff;
                  height: 38px;
               }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child .MuiAutocomplete-root .MuiAutocomplete-input {
                  height: 38px;
                  color: #0020d2;
                  background-color: #f2f4ff;
                  font-size: inherit !important;
               }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child input::placeholder,
            .ui-filter-area.ui-filter-custom > .ui-container > .ui-child .MuiAutocomplete-popupIndicator {
               opacity: 1 !important;
               color: #0020d2;
            }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child .MuiAutocomplete-clearIndicator {
               color: #7b2323;
            }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child .MuiAutocomplete-hasPopupIcon .MuiOutlinedInput-root {
               padding-right: 0 !important;
            }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child :is(.ui-type-range, .ui-type-date, .ui-type-datetime) > div input {
               border: none !important;
            }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child :is(.ui-type-range, .ui-type-date, .ui-type-datetime) > div input ::placeholder {
                  color: #0020d2 !important;
               }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child :is(.ui-type-range, .ui-type-date, .ui-type-datetime) .MuiInputBase-root button :is(i, svg) {
               fill: #6176eb;
            }

.ui-filter-area.ui-filter-custom > .ui-container > .ui-child :is(.ui-type-range, .ui-type-date, .ui-type-datetime) .MuiInputBase-root button {
               color: '#0020d2 !important';
               border: 1px solid var(--menu-background);
            }

.ui-filter-area .ui-el-close {
      position: absolute;
      bottom: -11px;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 1;
   }

.ui-filter-area .ui-el-close .ui-container > .ui-child {
            justify-content: center;
         }

.ui-filter-area .ui-el-filters_action {
      position: absolute;
      bottom: 10px;
      right: 20px;
   }

.ui-el-counter_outside {
   width: auto !important;
   min-width: auto !important;
   height: 25px;

   margin-left: 10px;
}

.ui-el-counter_outside .ui-container-counter_outside {
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: transparent;
      padding: 0 !important;
      max-height: 100%;
      overflow: hidden;
      border: none;
      box-shadow: none;
   }

.ui-el-counter_outside .ui-container-counter_outside:hover {
         background-color: #e4e7ff;
      }

.ui-el-counter_outside .ui-container-counter_outside .ui-icon-counter_outside {
         height: -webkit-fit-content;
         height: fit-content;
         display: flex;
      }

.ui-el-counter_outside .ui-container-counter_outside .ui-label {
         font-size: 1.2rem;
      }

.ui-el-counter_outside .ui-container-counter_outside .ui-label i {
         font-size: 1.4rem;
         padding: 1px;
         border-radius: 50%;
      }

.ui-grid-actions {
   display: flex;
   padding: 0px 5px;
}

.ui-grid-actions > .ui-container .ui-child {
         gap: 7.5px;
         flex-wrap: nowrap;
      }

.ui-grid-actions.ui-grid-actions-left {
      border-right: 1px solid var(--container-border-color);
      width: 100%;
   }

.ui-grid-actions.ui-grid-actions-right {
      border-left: 1px solid var(--container-border-color);
   }

.ui-grid-top-right:has(.ui-grid-system-actions:empty) .ui-grid-actions-left {
      border-right: 0;
   }

.ui-grid-top-options .ui-grid-top-label {
   font-size: 1.8rem;
   font-weight: 700;
   padding-left: 0;
}

.ui-grid-top-options .ui-grid-top-label span {
      line-height: 18px;
      display: flex;
      align-items: baseline;
   }

.ui-grid-top-options .ui-grid-top-label i {
   padding-right: 5px;
}

.remove-border .ui-container .ui-child .ui-el-newfilter:nth-child(1) {
            border-bottom: none !important;
         }

.remove-border .ui-container .ui-child .ui-el-newfilter {
            padding: 0px 20px 0px 20px !important;
         }

.ui-layout-table .ui-el-extern-grid {
   background-color: var(--white);
}

.ui-child-fixed_filters {
   width: 100%;
   justify-content: center;
   padding-bottom: 10px;
}

.ui-el-filters_action .ui-child .ui-type-button .ui-inner {
   margin: 0 5px;
}

.ui-el-subgrid_avatar img {
      border-radius: 100%;
   }

.ui-grid-bottom-center .MuiInputBase-root {
      background-color: white;
   }

.ui-grid-col:hover .ui-grid-copy {
         opacity: 1;
         cursor: pointer;
         pointer-events: all;
         transition: all 0.1s ease;
      }

.ui-grid-col:not(:hover) .ui-grid-copy {
         opacity: 0;
         transition: all 0.1s ease;
      }

.ui-grid-col .ui-grid-copy {
      position: absolute;
      right: 0;
   }

.ui-grid-col .ui-grid-copy > i.ma.content_copy {
         padding: 3px;
         border-radius: 3px;
         font-size: 1.6rem;
         position: absolute;
         z-index: 1;
         right: 1px;
         background-color: #fff;
         border: 1px solid var(--container-border-color);

         transition: all 0.1s ease;
      }

.ui-grid-col .ui-grid-copy > i.ma.content_copy:hover {
            background-color: var(--blue-200);
            color: var(--blue-900);
            transition: all 0.1s ease;
         }

.ui-grid-col .ui-grid-copy > i.ma.content_copy:active {
            transform: scale(0.9);
         }

.ui-dialog-content .ui-grid {
   max-height: calc(-310px + 100dvh);
}

.ui-grid {
   max-height: calc(100dvh - 175px);
   overflow: hidden;
   display: flex;
   flex-direction: column;
}

.ui-grid > div:not(.ui-grid-area, .ui-skeleton-child, .ui-grid-card) {
      flex-shrink: 0;
   }

.ui-grid .ui-grid-row-expanded + div .ui-grid {
         background-color: var(--container-gray-background) !important;
      }

.ui-grid .ui-grid-row-expanded + div .ui-grid .ui-container-search_grid button {
               background-color: var(--white);
            }

.ui-grid .ui-grid-row-expanded + div .ui-grid .ui-inner-query .MuiInputBase-input {
            background-color: var(--white);
         }

.ui-grid-card {
   overflow: auto;
}

.ui-grid-skeleton {
   background: var(--container-border-color);
   height: 12px;
   border-radius: 50px;
}

.ui-grid-col .ui-type-repeat .ui-child {
   flex-wrap: nowrap;
}

.grid-button-expanded-collapsed {
   position: absolute;
   right: 10px;
   cursor: pointer;
}

.grid-button-expanded-collapsed i {
      font-size: 3rem;
   }

.ui-layout-info .ui-grid-col .ui-column {
      margin-bottom: 10px;
   }

.ui-container-type-repeat > div {
   width: 100%;
   display: block;
}

table {
   padding: 0 25px;
}

table thead {
      margin: 5px;
   }

table thead tr th > .ui-type-switch {
               width: calc(100% + 10px) !important;
            }

table thead tr th > .ui-type-switch > .ui-container-type-switch > .ui-inner-type-switch {
                     background-color: #fff !important;
                     border-radius: 0 !important;
                     border-right: 0 !important;
                     border-left: 0 !important;
                     border-top: 0 !important;
                     justify-content: flex-start;
                     padding-left: 0 !important;

                     width: auto;
                     cursor: default;
                     height: 40px;
                  }

table thead tr:nth-child(2) div {
            position: relative;
            text-align: left;
            color: #55585e;
            font-weight: 500;
            font-size: 1.2rem;
            font-family: 'DM Sans', sans-serif !important;
            padding-left: 2px;
            padding: 5px 5px 5px 5px;
            text-wrap: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
         }

table thead tr:nth-child(2) div:before {
               content: '';
               width: 1px;
               background-color: var(--container-border-color);
               position: absolute;
               right: 0px;
               top: 0px;
               bottom: 2px;
            }

table thead tr:nth-child(2) th:last-child div {
               padding-right: 7.5px;
            }

table thead tr:nth-child(2) th:last-child div:before {
                  display: none;
               }

table tbody tr .ui-grid-col-mocked {
            border-bottom: 1px solid var(--container-border-color);
            padding: 5px 0px 5px 7.5px;
         }

table tbody tr:last-child .ui-grid-col-mocked {
            border-bottom: none;
         }

table .ui-type-switch > .ui-container {
      margin: 0 !important;
   }

.ui-grid-cols > .ui-container > .ui-child {
   display: flex;
}

.ui-grid-inner-top-right-actions > .ui-container > .ui-child {
      align-items: center;
   }

div:is(.ui-grid-inner-top-right-actions, .layout-toggle) button .ui-btn-label {
      overflow: visible;
   }

div:is(.ui-grid-inner-top-right-actions, .layout-toggle) button {

   margin: 0 1px;
}

.ui-grid-head::-webkit-scrollbar {
      height: 0;
   }

.ui-grid-pages .Mui-disabled fieldset {
         border: 1px solid #ccc !important;
      }

.ui-grid.ui-layout-default > .ui-grid-area {
   overflow: auto;
}

.ui-grid.ui-layout-default > .ui-grid-area::-webkit-scrollbar {
      width: 5px;
      /* width of the entire scrollbar */
      height: 10px;
   }

.ui-grid-table .ui-data-loading {
   position: absolute;
   left: 0;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: center;

   width: 100%;

   background-color: rgba(255, 255, 255, 0.719);
}

.ui-variant-row_delete > .ui-container, .ui-variant-row_action > .ui-container {
      display: flex;
      justify-content: center;
      align-items: center;
   }

.ui-variant-row_delete.ui-loading .ui-btn-icon, .ui-variant-row_action.ui-loading .ui-btn-icon {
         overflow: visible !important;
         padding: 0;
      }

.ui-grid-top-right > .ui-container > .ui-child {
         gap: 10px;
      }

.ui-grid-top-right > .ui-container > .ui-child > div {
            animation: appear 0.2s forwards;
            color: #e3e3e3;
         }

.ui-grid-body > .ui-grid-row:hover > .ui-grid-col {
   background-color: var(--background-iris-200);
}

.row-active-expanded .ui-el-none:hover {
   background-color: var(--white);
}

.ui-repeat-loading {
   display: flex !important;
   align-items: center;
   justify-content: center;
   padding: 10px;
}

.ui-container-layout-multiple .ui-grid-body {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
}

.ui-container-layout-multiple .ui-grid-row {
   display: flex;
}

.ui-container-layout-multiple .ui-grid-table {
   width: 100%;
   display: flex;
}

.ui-container-layout-multiple .ui-grid-col {
   border: 0 !important;
}

.ui-tab-data:has(.transient-grid) {
   padding: 0;
}

.transient-grid .ui-grid-top-options {
      margin-bottom: 0;
   }

.transient-grid.border-top {
      border-top: 1px solid var(--container-border-color);
   }

.transient-grid.border-bottom {
      border-bottom: 1px solid var(--container-border-color);
   }

.transient-grid > .ui-container {
      margin: 0;
   }

.transient-grid > .ui-container > .ui-grid {
         border: none !important;
      }

.ui-variant-search_grid .ui-inner {
   padding: 0 !important;
}

.ui-container-layout-flex > div {
   display: flex;
   gap: 5px;
}

.ui-filter-area .ui-filter-default > .ui-container > .ui-child > .ui-input > .ui-container {
   margin: 0;
   width: 100%;
}

.ui-filter-default .ui-type-checkbox .ui-inner {
   border: 1px solid var(--container-border-color);
   height: 36px;
}

.ui-grid-top-right {
   padding-right: 10px;
}

.ui-filter-custom .ui-type-button > div {
   align-items: flex-end;
   padding-bottom: 8px;
}

.ui-filter-custom > .ui-container > .ui-child {
   justify-content: center;
}

.ui-grid-filters > .ui-container {
   max-width: 1000px;
   margin: auto;
   padding-bottom: 20px;
   padding-top: 20px;
}

.ui-filter-option-add .ui-container {
   background: #f1f1ff;
   padding-left: 10px;
   border-radius: 3px;
   color: #0020d2;
}

.ui-grid-table:has(> .ui-list-empty) {
   position: relative;
}

.ui-grid-empty-image {
   padding: 10px;
   display: flex !important;
   height: 190px;
}

.ui-grid-empty-image img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      margin: auto;
      height: 170px;
      width: 170px;
   }

.col-multiple.col-select {
   pointer-events: none;
}

.col-multiple.col-select i {
      visibility: hidden;
   }

.ui-grid-filters {
   display: flex;
   flex-direction: column;
   background-color: var(--container-gray-background);

   gap: 5px;
   padding: 15px 30px 10px 30px;
}

.ui-grid-filters .ui-grid-filter-inputs {
      /*não mexer no flex, ajusta os tamanho dos fields em telas menores e grids com spaces pequenos*/
      display: flex;
      justify-content: center;
      flex: 1 1 clamp(560px, 40%, 800px);
   }

.ui-grid-filters .ui-grid-filters-main {
      display: flex;
      align-items: center;
      justify-items: center;
   }

.ui-grid-filters .filter-tags {
      display: flex;
      gap: 10px;
      overflow: hidden;
      align-items: center;
      min-height: 50px;

      padding: 10px 0px;
   }

.ui-grid-filters .filter-tags .filter-tag {
         display: flex;
         align-items: center;
         justify-content: space-between;
         width: -webkit-max-content;
         width: max-content;
         gap: 10px;
      }

.ui-grid-filters .filter-tags .filter-tag p {
            flex-shrink: 1;

            max-width: 100%;

            white-space: nowrap;

            overflow: hidden;
            text-overflow: ellipsis;
         }

.ui-grid-filters .filter-tags .filter-tag {

         overflow: hidden;
}

.ui-grid-filters .filter-tags .filter-tag button {
            flex-shrink: 0;
         }

.ui-grid-filters .filter-tags .filter-tag {

         background-color: var(--background-iris-500);
         border-radius: 4px;

         height: 30px;
         padding-inline: 10px;

         font-size: 1.3rem;

         color: var(--blue-text);
}

.ui-grid-filters .filter-tags .filter-tag button {
            color: var(--text);
         }

.ui-grid-filters .filter-tags .filter-tag button i {
               font-size: 2rem !important;
            }

.ui-filter-option-add > .ui-container > .ui-child {
   align-items: center;
}

.ui-filter-container {
   position: relative;
   overflow: hidden;
}

.ui-filter-container h1 {
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 31.66px;
      margin-right: 10px;
   }

.ui-filter-container .ui-child-type-output {
      flex-wrap: nowrap;
   }

.ui-filter-container div.ui-type-input.filter-input {
      /*não mexer no flex e width, ajusta os tamanho em telas menores e spaces pequenos*/
      width: clamp(9rem, 33%, 14rem) !important;
      flex: 0 1 auto;
   }

.ui-filter-container div.ui-type-input.filter-input .ui-container-type-color {
         padding-left: 14px;
         background-color: #fff;
         border: 1px solid var(--container-border-color) !important;
         border-radius: 0 4px 4px 0;
         display: flex;
         align-items: center;
         justify-content: flex-start !important;
         height: 35.99px;
      }

.ui-filter-container div.ui-type-input.filter-input .ui-container-type-color:before {
            content: 'Selecione uma cor: ';
            margin-right: 4px;
         }

.ui-filter-container div.ui-type-input.filter-input .ui-container-type-color > .ui-inner-type-color {
            position: relative;
            width: 24px !important;
            height: 24px !important;
         }

.ui-filter-container div.ui-type-input.filter-input > .ui-container {
         margin: 0;
         width: 100%;
      }

.ui-filter-container div.ui-type-input.filter-input > .ui-container .MuiSelect-select {
            background-color: var(--white);
            color: var(--blue-text);
         }

.ui-filter-container div.ui-type-input.filter-input > .ui-container .MuiInputBase-input {
            background-color: var(--white);
            color: var(--blue-text);
         }

.ui-filter-container div.ui-type-input.filter-input > .ui-container .MuiSvgIcon-root {
            color: var(--blue-text);
         }

.ui-filter-container div.ui-type-input.filter-input > .ui-container fieldset {
            border-color: var(--container-border-color);
         }

.ui-filter-container div.ui-type-input.filter-input.filter-input-first fieldset {
            border-radius: 4px 0px 0px 4px;
         }

.ui-filter-container div.ui-type-input.filter-input.filter-input-center fieldset {
            border-radius: 0px;
         }

.ui-filter-container div.ui-type-input.filter-input.filter-input-last .ui-inner-type-text .MuiInputBase-input {
               color: var(--text);
            }

.ui-filter-container div.ui-type-input.filter-input.filter-input-last .ui-entity-area {
            height: 100%;
         }

.ui-filter-container div.ui-type-input.filter-input.filter-input-last .ui-entity-area .ui-entity-select {
               background-color: white;
            }

.ui-filter-container div.ui-type-input.filter-input.filter-input-last .ui-entity-area .ui-entity-choice button {
                  margin: 0;
                  margin-left: -1px;
                  border-color: var(--container-border-color);
                  border-left-width: 0;
                  background-color: white;

                  height: 100%;
               }

.ui-filter-container div.ui-type-input.filter-input.filter-input-last:not(.ui-type-entity) fieldset {
            border-radius: 0px 4px 4px 0px;
         }

.ui-filter-container div.ui-type-input.filter-input.filter-input-last.ui-type-entity fieldset {
               border-radius: 0px 0px 0px 0px;
            }

.ui-filter-container > .ui-type-output {
      padding-bottom: 20px;
   }

.ui-filter-container .ui-grid-filters-buttons {
      display: flex;
      justify-content: space-between;
   }

.ui-grid-filters-area {
   background: var(--container-gray-background);
}

.ui-filter-option-add button {
   width: 20px;
   height: 20px;
   margin: 5px !important;
}

.ui-grid-filter-toggle {
   display: flex;

   pointer-events: none;

   width: 100%;
   justify-content: center;
   border-bottom: 1px solid var(--container-border-color);
   position: absolute;

   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}

.ui-grid-filter-toggle > button {
      pointer-events: auto;
      margin-bottom: -1px;
   }

.filter-toggle button {
      margin-bottom: -1px;
      pointer-events: all;
   }

.filter-toggle button:hover {
         border-color: transparent;
      }

.ui-grid-filter-toggle button {
   background: var(--white);
   border-left: 1px solid var(--container-border-color);
   border-top: 1px solid var(--container-border-color);
   border-right: 1px solid var(--container-border-color);
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-color: var(--white);
}

.ui-grid-filter-toggle button i {
      color: var(--text) !important;
   }

.ui-grid-filter-toggle button:hover {
      border: 1px solid var(--container-border-color);
      background: var(--container-gray-background);
      border-bottom: none;
   }

.ui-grid-filters-fixed {
   border-bottom: 1px solid var(--container-border-color);
}

.ui-part.ui-customFilters.ui-part-customFilters {
   padding-top: 15px;
   padding-bottom: 10px;
}

.ui-grid-col.ui-bool .ui-column .ui-inner {
      background: var(--container-border-color);
      border-radius: 8px;
      color: var(--text);
      font-weight: 600;
   }

td.ui-bool .ui-user-data {
   background-color: var(--container-border-color);
   border-radius: 999px;
   color: var(--black-text);
   font-weight: 600;
   padding: 0 5px;
   text-align: center;
}

.ui-grid-row .ui-grid-col.ui-bool-true .ui-column .ui-inner,
.ui-grid-row .ui-grid-col .ui-true-style .ui-user-data,
td.ui-bool-true .ui-inner-format-status .ui-user-data,
td.ui-bool-true .ui-user-data {
   background-color: #a5ffce;
   color: #1d1e20;
}

.ui-grid-col :is(.ui-tag.ui-tag-normal, .ui-tag-container, .ui-col-format-status) .ui-user-data,
.ui-col.ui-col-format-status .ui-user-data,
.ui-col.ui-col-format-status .ui-user-data {
   background-color: #e5e8ff;
   text-align: center;
}

.ui-grid-row .ui-grid-col.ui-bool-false .ui-column .ui-inner,
.ui-grid-row .ui-grid-col .ui-false-style .ui-user-data {
   background-color: var(--container-border-color);
   color: var(--text);
}

.ui-grid-inner-actions > .ui-container > .ui-child {
   gap: 10px;
}

.ui-grid-row-card .ui-custom-card {
   height: 250px;
}

.ui-skeleton-child:has(.ui-card-skeleton) {
   justify-content: center;
   gap: 15px;
}

.ui-card-skeleton {
   border-radius: 8px;
   padding: 10px;
   min-height: 168px;
   border: 1px solid var(--container-border-color);
   background-color: var(--container-gray-background);
}

.ui-card-skeleton span {
      margin-bottom: 20px;
   }

.ui-grid-row-card .ui-custom-card {
   height: 250px;
}

.ui-grid-col.ui-icon-only {
   align-items: center;
   justify-content: center;
   flex-wrap: nowrap;
   flex-direction: column;
}

.ui-grid-col.ui-icon-only.col-multiple {
      justify-content: flex-start;
   }

.ui-grid-col.ui-icon-only.col-multiple > .ui-label {
         margin: 0 auto 0 0;
      }

.ui-grid-col-codigo,
.ui-grid-col-id {
   flex-wrap: nowrap;
   flex-direction: column;
}

.grid-client-card .ui-all-images {
      height: 85px;
      border-radius: 8px !important;
   }

.grid-client-card .ui-inner-avatar {
      background-color: #dbdbff;
      border-radius: 8px !important;
   }

.grid-client-card .ui-child .ui-container .ui-label {
            margin-right: 5px;
         }

/* faz com que expanded aberto no layout list Não apareça no layout card */

.ui-layout-card .group > div:nth-child(2) {
         opacity: 0;
         display: none !important;
         background: transparent !important;
      }

.ui-grid-row:not(:hover) .ui-grid-col-edit:not(:has(.always)) i {
         visibility: hidden !important;
      }

.ui-type-list.compact-filter .ui-filter-container .ui-grid-filters {
      padding-left: 10px;
      padding-right: 10px;
   }

.ui-type-list.compact-filter .ui-filter-container .filter-tags {
      flex-wrap: wrap;
   }

.ui-type-list.compact-filter .ui-filter-container .filter-toggle button {
      background-color: var(--container-gray-background);
   }

.ui-type-list.compact-filter .ui-filter-container .ui-grid-filters-main .filter-input {
         min-width: 80px;
      }

.ui-type-list.compact-filter .ui-filter-container .ui-grid-filters-main .filter-input.filter-input-last {
            min-width: 160px;
         }

.ui-type-list.compact-filter .ui-filter-container .ui-grid-filters-main .filter-input .MuiSelect-select > div {
            overflow: hidden;
            text-overflow: ellipsis;
         }

.ui-type-list.compact-filter .ui-filter-container .ui-grid-filters-main h1 {
         display: none;
      }

.ui-grid-row-card:has(.card-edit) .ui-grid-col {
      position: static;
      padding-bottom: 28px !important;
   }

.ui-grid-row-card:has(.card-edit) {

   position: relative;
}

.ui-grid-row-card:has(.card-edit) .card-edit {
      position: absolute;
      bottom: 10px;
      right: 10px;
   }

.ui-grid-row-card:has(.card-edit) .card-edit:not(.always) {
         opacity: 0;
      }

.ui-grid-row-card:has(.card-edit) .card-edit {
      transition: opacity 0.1s ease-in-out;
}

.ui-grid-row-card:has(.card-edit):hover .card-edit {
         opacity: 1;
      }

.ui-grid-col-card .ui-type-output .ui-container-type-output {
         width: 100%;
      }

.ui-grid-col-card .ui-type-output .ui-container-type-output:not(:hover) .ui-copy-button {
               opacity: 0;
            }

.ui-grid-col-card .ui-type-output .ui-container-type-output .ui-container-has-copy {
            position: relative;
         }

.ui-grid-col-card .ui-type-output .ui-container-type-output .ui-inner-has-copy {
            position: unset;
         }

.ui-grid-col-card .ui-type-output .ui-container-type-output .ui-inner {
            width: -webkit-fit-content;
            width: fit-content;
            overflow: visible;
         }

.ui-grid-row + div > .ui-el > .ui-container > .ui-child > .ui-type-code > .ui-container {
         margin: 0;
         width: 100%;
      }

.customize-columns-card {
   display: flex;
   flex-wrap: wrap;

   padding: 20px 10px;
}

.customize-columns-card .ui-type-switch {
      padding-top: 0;
   }

.customize-columns-card .column-switch {
      background-color: var(--container-gray-background);
      border: 1px solid var(--container-border-color);
      border-radius: 8px;
      display: flex;
      align-items: center;
   }

.customize-columns-card .column-switch h1 {
         font-size: 1.2rem;
         font-weight: 500;

         height: -webkit-fit-content;

         height: fit-content;
         padding-right: 20px;
      }

.customize-columns-card .ui-type-switch > .ui-container > .ui-inner {
            padding: 0 !important;
            border: 0 !important;
         }

.ui-el-itens_pedido .ui-inner-ped-avatar img {
         border-radius: 100%;
      }

.ui-grid.ui-layout-card .ui-container-sistema-avatar .ui-all-images {
      width: 34px;
      height: 34px;
      max-height: none;
      object-position: center;
      margin-bottom: 0;
      max-width: 34px;
   }

.transient-grid .ui-grid-row-expanded + div {
   background-color: transparent !important;
}

.ui-grid-col {
   padding: 0 5px;
}

.ui-money-debit {
   color: var(--text-red-600);
}

.ui-money-profit {
   color: var(--text-blue-500);
}

.ui-column.ui-format-select {
   max-width: 100%;
}

.filter-input:is(.ui-type-switch, .ui-type-checkbox) > .ui-container {
      height: var(--button-medium);
      border: 1px solid var(--container-border-color);
   }

.filter-input:is(.ui-type-switch, .ui-type-checkbox) > .ui-container > .ui-inner {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
      }

.totalizer-counting .ui-btn-label {
      color: var(--gray-300);
   }

.ui-el-meus_marketplaces .ui-grid.ui-layout-card .ui-grid-row-card {
      max-width: none;
      min-width: auto;
      height: -webkit-max-content;
      height: max-content;
   }

.ui-el-meus_marketplaces .ui-grid.ui-layout-card .ui-grid-row-card > .ui-grid-row {
         padding: 2px;
      }

.ui-column.ui-type-span.ui-click:not(.ui-el-edit):has(i.edit) .ui-label,
      .ui-column.ui-type-span.ui-click:not(.ui-el-edit):has(i.edit) .ui-label * {
         visibility: hidden;
      }

.ui-column.ui-type-span.ui-click:not(.ui-el-edit):has(i.edit) .ui-label:hover {
         background-color: var(--background-blue-100);
      }

.ui-column.ui-type-span.ui-click:not(.ui-el-edit):has(i.edit) .ui-label:active {
         background-color: var(--background-blue-200);
      }

.ui-column.ui-type-span.ui-click:not(.ui-el-edit):has(i.edit) .ui-label {

      display: flex;
      justify-items: center;
      align-items: center;
      border-radius: 4px;
      width: 26px;
      height: 26px;
      transition: background-color 0.2s ease-in-out;
}

.ui-grid-row:hover .ui-column.ui-type-span.ui-click:not(.ui-el-edit):has(i.edit) .ui-label,
      .ui-grid-row:hover .ui-column.ui-type-span.ui-click:not(.ui-el-edit):has(i.edit) .ui-label * {
         visibility: unset;
      }

.ui-v2 .ui-list-selected-count {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      z-index: 999;
      background: blue;
      text-align: center;
      border-radius: 50px;
      color: #fff;
      font-size: 8px;
      padding: 2px 3px;
      left: 20px;
      min-width: 15px;
      min-height: 15px;
   }

.ui-v2 .ui-type-list .ui-top-layout-default {
         min-height: 5rem !important;
      }

.ui-v2 .ui-type-list .ui-expanded .ui-top-layout-default {
            min-height: 3.8rem !important;
         }

.ui-v2 .ui-status-active > div, .ui-v2 .ui-status-inactive > div {
         border-radius: 999px;
         display: flex;
         justify-content: center;
         align-items: center;
      }

.ui-v2 .ui-status-active > div .ui-user-data, .ui-v2 .ui-status-inactive > div .ui-user-data {
            color: var(--black-text);
            font-weight: 600;
            padding: 2px 10px;
         }

.ui-v2 .ui-top-left-list {
      position: relative;
   }

.ui-v2 .always i {
         visibility: visible;
      }

.ui-v2 .ui-child-list-layout-toggle {
      flex-wrap: nowrap;
   }

.ui-v2 .ui-grid .ui-child-list .ui-loader {
            z-index: 10;
            background: var(--white);
            opacity: 0.5;
         }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid {
      border-radius: 0;
      border: 0;
      overflow: visible;
   }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid table {
         padding: 0 !important;
      }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid tbody {
         display: flex;
         flex-direction: column;
         gap: 5px;
      }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid tr {
         display: grid;
         background-color: var(--background-iris-200);
         grid-template-columns: auto auto 1fr 1fr auto;
         place-content: center;
         border: 1px solid var(--container-border-color);
         border-radius: 4px !important;

         position: relative;
      }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid tr td {
            vertical-align: center;
            display: flex;
            align-items: center;

            font-size: 1.3rem;

            justify-self: first baseline;
         }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid tr td.ui-el-draggable {
               margin-left: auto;
            }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid tr td.ui-el-temposla {
               top: 50%;
               left: 50%;
               transform: translate(-50%, -50%);
               position: absolute;
            }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid tr td.ui-col-format-button {
               justify-content: center;

               padding: 0 !important;
            }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid tr td.ui-col-format-button > .ui-inner {
                  width: 20px;
                  height: 20px;
                  border-radius: 4px;
                  transition: background 0.2s ease-in-out;
               }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid tr td.ui-col-format-button > .ui-inner:hover {
                     background-color: var(--background-blue-100);
                  }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid tr td.ui-col-format-button > .ui-inner:hover.ui-inner-delete {
                        background: var(--background-red-400);
                     }

.ui-v2 .ui-type-list.ui-layout-status > .ui-container > .ui-grid tr.ui-row td {
            border-bottom: 0;
         }

.ui-v2 .ui-actions-skeleton {
      display: flex;
      flex-wrap: nowrap;
   }

.ui-v2 .ui-actions-skeleton > div:not(:last-child) {
         margin-right: 5px;
      }

.ui-v2 .ui-has-child table .ui-grid-header tr th {
                  z-index: 1;
               }

.ui-v2 .ui-grid-cols-1 {
      --cols: 1;
   }

.ui-v2 .ui-grid-cols-2 {
      --cols: 2;
   }

.ui-v2 .ui-grid-cols-3 {
      --cols: 3;
   }

.ui-v2 .ui-grid-cols-4 {
      --cols: 4;
   }

.ui-v2 .ui-grid-cols-5 {
      --cols: 5;
   }

.ui-v2 .ui-grid-cols-6 {
      --cols: 6;
   }

.ui-v2 .ui-grid-cols-7 {
      --cols: 7;
   }

.ui-v2 .ui-grid-cols-8 {
      --cols: 8;
   }

.ui-v2 .ui-grid-cols-9 {
      --cols: 9;
   }

.ui-v2 .ui-grid-cols-10 {
      --cols: 10;
   }

.ui-v2 .ui-grid-cols-11 {
      --cols: 11;
   }

.ui-v2 .ui-grid-cols-12 {
      --cols: 12;
   }

.ui-v2 [class*='ui-grid-cols-'] .ui-layout-card .ui-child-list > div:not(.ui-empty-list, .ui-loader) {
      width: calc(100% / var(--cols) - 18px) !important;
      min-width: inherit;
      max-width: none;
   }

.ui-v2 .ui-layout-card .ui-child-list > div:not(.ui-empty-list) {
         display: flex;
         flex-direction: column;
         border-radius: 6px;
         border: 1px solid var(--container-border-color);
         background-color: var(--container-gray-background);
         transition: all 0.2s ease-in-out;
         padding: 15px;
      }

.ui-v2 .ui-layout-card .ui-child-list > div:not(.ui-empty-list):hover {
            transition: all 0.2s ease-in-out;
            background-color: var(--background-iris-200);
            border-color: var(--container-border-color);
         }

li.ui-menu-item {
   pointer-events: none;
}

li.ui-menu-item:hover {
      background-color: transparent !important;
   }

li.ui-menu-item > * {
      pointer-events: all;
   }

.ui-el-form_grid {
   scroll-margin: 20px;
}
*:not(i) {
   font-family: 'DM Sans', sans-serif !important;
}

html {
   font-size: 10px;
}

body {
   margin: 0;
   font-family:
      -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: var(--text);
   background: rgb(247, 249, 252);
   background: #ecefef;
   background: var(--pageBackground);
   font-size: 1.3rem;
   /* zoom: 70%; */
}

/* Estava como tailwind diretamente no MkrIcon */

.material-symbols-rounded {
   display: flex;
   justify-content: center;
   align-items: center;
   width: -webkit-fit-content;
   width: fit-content;
   height: -webkit-fit-content;
   height: fit-content;
}

.ace_editor,
.ace_editor * {
   font:
      12px / normal 'Monaco',
      'Menlo',
      'Ubuntu Mono',
      'Consolas',
      'Source Code Pro',
      'source-code-pro',
      monospace !important;
}

.ui-flex-center-child,
.ui-flex-center-child > .ui-container > .ui-child {
   display: flex;
   align-items: center;
}

.ui-page-content:has(.ui-type-crud.ui-el-diagram) {
   max-width: unset;
   padding: 0;
}

.ui-flex-space-between-child,
.ui-flex-space-between-child div {
   justify-content: space-between;
}

.ui-click {
   -webkit-user-select: none;
   user-select: none;
}

::-webkit-scrollbar-track {
   background-color: var(--container-border-color);
   border-radius: 10px;
}

::-webkit-scrollbar {
   width: 7px;
   height: 7px;
   background-color: var(--container-border-color);
}

::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background: #777;
}

::-webkit-scrollbar-thumb:hover {
   background: #444;
}

.App {
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: var(--pageBackground);
}

.MuiToggleButton-root {
   text-transform: initial !important;
}

/* .MuiFormLabel-root:not(.MuiInputLabel-shrink) {
   top: -6px !important;
} */

.ui-type-editor .ui-inner > span {
      width: 100% !important;
   }

.ui-type-editor .ui-copy-button {
      bottom: 0;
      top: unset;
      transform: none;
   }

.ui-type-editor .ql-snow:not(.ui-container) {
      border-width: 1px !important;
      border-color: rgba(0, 0, 0, 0.87) !important;
      border-radius: 3px;
   }

@keyframes load {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.smooth {
   animation: load 0.3s;
}

.blur {
   filter: blur(3px);
}

.ui-center {
   text-align: center;
}

.ui-center button,
.ui-center .ui-inner,
.ui-center .ui-child {
   margin: auto;
}

.ui-align-center .ui-child {
   justify-content: center;
   text-align: center;
}

.ui-align-right .ui-child {
   justify-content: flex-end;
   text-align: left;
}

.ui-align-left .ui-child {
   justify-content: flex-start;
   text-align: left;
}

.ui-table {
   display: table;
}

.ui-table-cell {
   display: table-cell;
   vertical-align: middle;
}

.ui-right {
   float: right;
}

.TESTETESTE {
   color: red !important;
   fill: red !important;
}

.ui-page-content > .ui-type-crud,
.ui-page-content > .ui-type-crud > .ui-container-type-crud {
   width: 100%;
   position: relative;
   min-height: 100%;
}

.ui-error-message {
   display: block;
   width: 100%;
   line-height: normal;
}

.ui-switch-status {
   min-width: -webkit-max-content;
   min-width: max-content;
}

div[class*='MuiPopover-paper'] {
   border: 1px solid var(--container-border-color);
}

.ui-type-switch .ui-container-type-switch {
      max-width: 100%;
      height: -webkit-fit-content;
      height: fit-content;
      /* align-self: flex-end; */
   }

.ui-type-switch .ui-container > .ui-label {
      display: flex;
      flex: 0 1 auto;
      min-width: auto;
      max-width: calc(100% - 50px);
   }

.ui-type-switch .ui-container > .ui-inner {
      height: var(--button-medium);
      flex: none;
   }

.ui-label-type-root,
.ui-label-type-view {
   display: none !important;
}

.ui-avatar {
   width: 35px;
}

.ui-avatar.ui-small img {
   border-radius: 50%;
   width: 30px;
   max-width: 30px;
   min-width: 30px;
}

.ui-type-chart .ui-label img,
.ui-type-card .ui-label img {
   width: 35px;
   /* border-radius: 50px; */
   height: 35px;
   margin-right: 10px;
}

.ui-solid-image {
   background: var(--primary);
   text-align: center;
   vertical-align: middle;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   text-transform: capitalize;
   width: 35px;
   height: 34px;
   border-radius: 50%;
}

.ui-child-layout-card:not(.ui-child-list, .ui-grid-data) {
   padding: 15px;
}

.ui-container-layout-card .ui-container-layout-card {
   margin: 0;
}

.ui-type-repeat.ui-layout-card > div {
   border: 1px solid;
   border-radius: 10px;
   padding: 10px;
}

.ui-layout-card.ui-layout-gray > div {
   border: 0;
   background: var(--container-gray-background);
}

.ui-type-repeat.ui-layout-info .ui-label {
   padding-left: 0;
   font-weight: 600;
}

.ui-collapsed .ui-label {
   border-bottom: 0 !important;
}

.ui-layout-border > .ui-container {
   border: 1px solid var(--container-border-color) !important;
}

.ui-layout-card.ui-layout-border > .ui-container {
   border-radius: 10px !important;
}

.ui-child-layout-table {
   width: 100%;
   display: table;
}

.ui-child-layout-table > div {
   display: table-cell;
   vertical-align: top;
}

.ui-container-layout-card,
.ui-container-type-card {
   min-height: calc(100% - 20px);
   max-width: 100%;
}

.ui-type-repeat > .ui-child {
   height: 100%;
}

.ui-container-layout-tags > div {
   display: flex;
   gap: 5px;
}

.ui-container-layout-tags > div > .ui-grid-row-repeat {
   background: var(--white);
   padding: 5px 10px;
   border-radius: 5px;
   font-weight: 500;
   border: 1px solid var(--container-border-color);
}

.ui-container-layout-tags > div > .ui-grid-row-repeat .ui-label {
      padding: 0px;
      font-weight: 500;
   }

.ui-collapsed .ui-cut-collapsed .ui-inner > span {
   text-overflow: ellipsis;
   width: 95%;
   display: block;
   overflow: hidden;
   text-wrap: nowrap;
}

.ui-btn-label {
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   text-wrap: nowrap;
}

.ui-page-top-left .material-symbols-rounded {
   font-size: 2.8 rem;
}

.ui-child-layout-group {
   flex-wrap: nowrap;
}

.ui-child-layout-left,
.ui-child-layout-center,
.ui-child-layout-right {
   gap: 10px;
}

.ui-border-radius-off .ui-grid {
   border-radius: 0 !important;
}

.ui-container-layout-gray .MuiInputBase-root {
   background: #fff;
}

.ui-container-type-img {
   display: flex;
   justify-content: center;

   flex-wrap: nowrap;
}

.ui-cut > .ui-inner {
   text-wrap: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.ui-menu-item-with-icon.ui-menu-item-with-label i {
   margin-right: 10px !important;
}

.ui-bottom.ui-readonly-controls {
   display: flex;
   width: 100%;
   justify-content: flex-end;
   padding: 20px;
}

.ui-collapsed > .ui-container {
   overflow: hidden;
}

.ui-space-1 {
   width: 8.33% !important;
}

.ui-space-2 {
   width: 16.66% !important;
}

.ui-space-3 {
   width: 24.99% !important;
}

.ui-space-4 {
   width: 33.32% !important;
}

.ui-space-5 {
   width: 41.65% !important;
}

.ui-space-6 {
   width: 49.98% !important;
}

.ui-space-7 {
   width: 58.31% !important;
}

.ui-space-8 {
   width: 66.64% !important;
}

.ui-space-9 {
   width: 74.97% !important;
}

.ui-space-10 {
   width: 83.3% !important;
}

.ui-space-11 {
   width: 91.63% !important;
}

.ui-space-12 {
   width: 99.96% !important;
}

@keyframes fa-spin {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}

.ui-spin,
.fa-spin {
   animation: fa-spin 0.7s linear infinite;
}

.app-version {
   position: fixed;
   bottom: 5px;
   right: 5px;
   opacity: 0.5;
   font-size: 1.1 rem;
   line-height: 13px;
   padding: 5px;
   border-radius: 3px;
   color: #fff;
}

.ui-label-inner-type-card .ui-label-pos-left .ui-label {
   padding-right: 10px;
}

.ui-label-inner-type-crud .ui-child {
   gap: 10px;
}

.ui-dialog-crud .ui-label-include-dados {
      padding-left: 20px !important;
      padding-bottom: 10px !important;
   }

.ui-dialog-crud .ui-container-dados .MuiRadioGroup-root {
         flex-direction: row;
      }

.diagram-table table {
      cursor: unset !important;
   }

.diagram-table td {
      position: relative;
   }

.diagram-table .required-marking {
      color: var(--text-red-500);
      font-weight: 900;
      position: absolute;
      top: 0;
      right: 5px;
      font-size: 1.2 rem;
      height: -webkit-fit-content;
      height: fit-content;
   }

.diagram-table-title {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   color: var(--text);

   text-align: center;
   background-color: var(--container-gray-background);
   height: 40px;
}

.diagram-table-title a {
      font-size: 1.6 rem;
      font-weight: 900;

      transition: all 0.15s ease-in-out;
      text-decoration: underline;
      -webkit-text-decoration-color: var(--container-gray-background);
              text-decoration-color: var(--container-gray-background);
      text-decoration-thickness: 2px;
   }

.diagram-table-title h6 {
      font-size: var(--fs-6);
      line-height: 3px;
      font-weight: 500;
      color: var(--text-gray-300);
   }

.diagram-table-title a:hover {
      color: var(--blue-text);
      -webkit-text-decoration-color: var(--blue-text);
              text-decoration-color: var(--blue-text);
   }

.ui-page-top-off .ui-page-center {
   top: 0;
   bottom: 0;
   height: 100%;
}

.ui-full-loader {
   height: 100%;
   margin: auto;
   width: 100%;
}

.ui-el-color-scheme .MuiRadioGroup-root {
      flex-direction: row;
   }

.user-sheet-card > .ui-container {
      display: flex;
      flex-direction: column;
   }

.user-sheet-card .ui-readonly-controls {
      margin-top: auto !important;
   }

.user-sheet-card .ui-el-user-photo {
      width: 140px;
   }

.user-sheet-card .ui-el-user-photo .ui-container-type-file {
         margin-top: 0 !important;
      }

.user-sheet-card .ui-type-img img {
         width: 125px;
         height: 125px;
      }

.user-sheet-card .ui-el-ativo.ui-read-only {
      border-bottom: none !important;
   }

.user-sheet-card .ui-el-ativo.ui-read-only .ui-label {
         display: none;
      }

.user-sheet-card .ui-type-switch {
      width: -webkit-fit-content !important;
      width: fit-content !important;
   }

.user-sheet-card .ui-type-switch .ui-container > .ui-label {
         max-width: 100%;
      }

.user-sheet-card .ui-el-header {
      margin: 7.5px 0px;
   }

.user-sheet-card .ui-el-header.ui-read-only {
         margin-left: 7.5px;
      }

.user-sheet-card .ui-el-header .ui-type-switch > .ui-container {
            margin-bottom: 0;
         }

.user-sheet-card .ui-el-header .ui-format-status {
         display: flex;
         align-items: end;

         padding: 10px 0px;
      }

.user-sheet-card .ui-el-header .ui-format-status .ui-inner {
            padding: 5px 15px;
            font-size: 1.2 rem;
         }

.user-sheet-card .ui-el-header .ui-format-status.ui-status-active .ui-inner {
            background-color: var(--lime-500);
            color: white;
         }

.user-sheet-card .ui-el-tipo,
   .user-sheet-card .ui-el-filial {
      border-bottom: none !important;
   }

.user-sheet-card .ui-type-file.ui-v2 label {
         padding: 0;
         height: var(--button-small);
         background-color: var(--blue-400);
         color: var(--white);
         border: 0;
      }

.user-sheet-card .ui-type-file.ui-v2 label:hover {
            background-color: var(--blue-500);
         }

.user-sheet-card .ui-el-readonlyswitches {
      border-top: 1px solid var(--container-border-color);
   }

.user-sheet-card .ui-el-readonlyswitches > .ui-container > .ui-child {
         padding: 15px 7.5px;
         gap: 10px;
      }

.user-sheet-card .ui-el-readonlyswitches > .ui-container > .ui-child .user-status {
            font-weight: 600;
            font-size: 1.2 rem;
            padding: 5px 10px;
            border-radius: 13px;
         }

.user-sheet-card .ui-el-readonlyswitches > .ui-container > .ui-child .user-status.user-status-enabled {
               background-color: var(--background-green-300);
            }

.user-sheet-card .ui-el-readonlyswitches > .ui-container > .ui-child .user-status.user-status-disabled {
               background-color: var(--background-lead-400);
               color: var(--text-gray-300);
            }

li.bullet-list {
   list-style: square;
   margin-left: 15px;
   line-height: 1.5rem;
}

.anexo-tag {
   display: flex;
   justify-content: space-between;
   align-items: center;

   background-color: var(--background-iris-400);

   border-radius: 4px;
}

.anexo-tag .ui-type-button {
      padding-right: 5px;
   }

.anexo-tag .ui-type-text input {
      padding-left: 5px;
   }

.anexo-tag .ui-type-text input:focus {
         background-color: var(--white);
      }

.anexo-tag .MuiSelect-select {
      padding-left: 8px !important;
      padding-right: 24px !important;
   }

.anexo-tag .ui-input fieldset {
         border: none;
      }

.anexo-tag .ui-input svg {
         right: 2px;
      }

.anexo-tag .ui-input .MuiInputBase-root {
         background-color: transparent;

         height: var(--button-small);
      }

.anexo-preview .ui-grid-row {
      display: flex !important;
   }

.anexo-preview > .ui-container > .ui-child {
         display: flex;
         gap: 10px;
         padding: 10px;
      }

.anexo-preview > .ui-container > .ui-child > div {
            flex: auto;

            max-width: 30%;
            min-width: 10%;
         }

.ui-type-file.ui-layout-blue.ui-input label {
      border: 0px;
      color: var(--text-blue-500);
      padding: 0px 10px;
      height: var(--button-medium);
      width: -webkit-fit-content;
      width: fit-content;
   }

.ui-type-file.ui-layout-blue.ui-input label:hover {
         background-color: var(--background-blue-100);
      }

.react-flow__node-DIAGRAM {
   z-index: -1 !important;
}

.chat-node-container {
   border: 1px solid var(--container-border-color);
   border-radius: 8px;
   background-color: var(--white);
   display: flex;
   flex-direction: column;
   gap: 5px;
   padding: 10px;
   width: 250px;
   overflow: hidden;
}

.chat-node-container:hover .ui-type-button.on-hover {
         opacity: 1;
      }

.chat-node-container .ui-type-button {
      transition: opacity 0.2s ease-in-out;
      opacity: 0;
   }

.chat-node-container .ui-type-button.ui-align-right > .ui-container {
            display: flex;
            justify-content: end;
         }

.chat-node-container .chat-node-status {
      border-radius: 20px;
      width: -webkit-fit-content;
      width: fit-content;
      padding: 2px 10px;
      color: white;
      font-weight: 500;
      font-size: 1.1 rem;
      line-height: 14.3px;
   }

.chat-node-container .chat-node-label {
      font-size: 1.3 rem;
      font-weight: 700;
   }

.chat-node-container .chat-node-content {
      display: flex;
      flex-direction: column;
      gap: 10px;
   }

.chat-node-container .chat-block {
      border: 1px solid;
      width: 100%;
      border-radius: 8px;
      padding: 5px 10px;
   }

.chat-node-container .chat-block .chat-block-ul {
         width: 100%;
         display: flex;
         flex-direction: column;
         gap: 2px;
      }

.chat-node-container .chat-block .chat-block-ul .chat-block-caption {
            text-align: left;
            font-weight: 700;
         }

.chat-node-container .chat-block .chat-block-ul .chat-block-li {
            font-weight: 400;
            font-size: 1.2 rem;
            line-height: 15.62px;
            color: var(--text);
         }

.chat-node-container .chat-block .chat-block-ul .chat-block-li.bullet {
               list-style: disc;
               margin: 2px 7.5px;
               margin-right: 0;
            }

.chat-node-container .chat-block .chat-block-ul .chat-block-li.row {
               position: relative;
               background-color: var(--background-lead-500);
               border-radius: 19px;
               text-align: center;
               font-weight: 500;
            }

div.chat-handle {
   background-color: #1d1e20;
   border: none;
   width: 8px;
   height: 8px;
}

.ui-label-no-padding-page {
   padding: 0 !important;
}

.no-icon-margin i {
      margin: 0 !important;
   }

.ui-system-info {
   background: #c57bdb;
   padding: 7px 20px;
   color: #fff;
   font-size: 1.4 rem;
   border-radius: 20px;
}

.ui-sheet-interacao-item .ui-service-iteration-line {
      line-height: 16px;

      white-space: nowrap; /* Impede que o texto quebre */
      overflow: hidden; /* Esconde o texto que ultrapassar */
      text-overflow: ellipsis; /* Adiciona "..." quando o texto for muito grande */
      width: 100%;
   }

.accounts-card-container {
   height: 100%;
}

.accounts-card-container > div {
      height: 100%;
   }

.accounts-card-container > div > div {
         height: 100% !important;
         /* display: none; */
      }

.accounts-card-container > div > div .ui-container {
            padding-bottom: 0 !important;
         }

.accounts-card-container > div > div .ui-child-layout-flex {
            max-width: calc(100% - 20px);
         }

.accounts-card-container .card-edit {
      bottom: -25px !important;
      right: -25px !important;
   }

@media (max-width: 1300px) {
   .ui-inner-conta-vitrine-desc {
      line-height: 1;
      letter-spacing: -1px;
   }
}

.fila-atendimento .ui-inner-column.ui-inner-has-click {
      display: flex;
      width: -webkit-fit-content;
      width: fit-content;
      margin: auto;
   }

ul.bulleted {
   list-style-type: disc;
   padding-left: 2rem;
}

.MuiList-root > li {
   line-height: 2rem !important;
}

.MuiList-root > li button {
      padding: 0.3rem 0 !important;
   }
.ui-container-type-tabs {
   background: var(--container-background);
   border-radius: 10px;
   border: 1px solid var(--container-border-color);
   overflow: hidden !important;
}

.ui-dialog-content .ui-type-tabs > .ui-container {
      overflow: visible;
   }

.ui-tab-data {
   width: 100%;
   padding: 10px;
   margin: 0 auto;
   overflow: auto;
}

.ui-tabs-inner {
   background-color: var(--menu-background);
   overflow: hidden;
   position: relative;
   display: flex;
}

.ui-tabs {
   overflow: hidden;
   min-height: 43px;
}

.ui-tab-item {
   display: block;
   padding: 10px;

   cursor: pointer;
   border-bottom: 3px solid transparent;

   border-top: 3px solid transparent;

   box-sizing: border-box;
   font-weight: 500;
   flex: 1 1 auto;
   width: 100%;
   min-width: 15px;
   max-width: -webkit-fit-content;
   max-width: fit-content;
}

.ui-tab-item:hover {
   background-color: var(--background-blue-100);
}

.ui-tab-item.ui-tab-item-selected {
   font-weight: 500;
   color: var(--blue-text);
   background: var(--white);
   border-bottom-color: var(--blue-text);
}

.ui-type-tabs .ui-grid {
   background-color: var(--container-gray-background) !important;
}

.ui-el-tabs_toggle {
   border-radius: 0px 8px 0px 0px;
   padding: 7px;
   border-left: 1px solid var(--container-border-color);

   margin-left: auto;
}

.ui-el-tabs_toggle > .ui-inner {
   display: flex;
   justify-content: center;
   align-items: center;
}

.ui-tab-item-label {
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   white-space: nowrap;

   height: -webkit-fit-content;

   height: fit-content;

   line-height: 16px;
}

.ui-tab-data {
   display: flex;
   flex-wrap: wrap;
}

.ui-tab-data > .ui-type-output {
      width: 100%;
   }

.ui-child-json {
   width: 100%;
}

.ui-tab-data.ui-all-tabs {
   flex-direction: column;
}

.ui-tab-item {
   display: flex;
   align-items: center;
}

.ui-tab-item-icon {
   line-height: 16px;
   margin-right: 5px;
}

.ui-tab-item img {
   width: 20px;
   padding: 2px;
   border-radius: 50px;
}

.ui-tab-item > div {
   display: inline-block;
}

.ui-custom-tabs-items {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 44px;
   padding: 5px 12px 5px 12px;
   border-radius: 4px;
   border: 1px 4px 4px 1px;
   gap: 10px;
   background: var(--background-iris-200);
   border-width: 1px 4px 4px 1px;
   border-style: solid;
   border-color: #10244b;
   font-weight: 700;
   font-size: 1.4rem;
   cursor: pointer;
   transition:
      background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
      border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
      color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.ui-custom-tabs-items .ui-tab-item-avatar {
      width: 34px;
      height: 34px;
      border-radius: 4px;
      overflow: hidden;
   }

.ui-custom-tabs-items .ui-tab-item-avatar img {
         object-fit: scale-down;
      }

.ui-custom-tabs-items-selected {
   border-radius: 4px;
   color: #10244b;
   background: #ded5ff;
   border: 2px solid #10244b;
   transition:
      background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
      box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
      border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
      color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.ui-container-type-tabs .ui-child-type-tabs .ui-child-type-tabs {
         background: var(--container-gray-background);
      }

.ui-layout-wizard .ui-tabs-inner {
   align-items: center;
   justify-content: center;
   background: transparent !important;
   padding-top: 20px;
}

.ui-layout-wizard .ui-tab-item {
   border: 0;
   padding: 0;
}

.ui-wizard-item {
   display: flex !important;
}

.ui-wizard-index {
   width: 44px;
   height: 44px;
   justify-content: center;
   align-content: center;
   display: flex;
   flex-wrap: wrap;
   border: 1px solid;
   border-radius: 50px;
   font-size: 1.8rem;
   font-weight: 400;
}

.ui-wizard-index .check {
      font-size: 3.3rem;
      font-weight: 700;
   }

.ui-tab-item-selected .ui-wizard-index {
      border: 3px solid;
      font-weight: 7400;
   }

.ui-wizard-divisor {
   border-top: 1px solid #bdbdbd;
   width: 20px;
   margin-top: 20px;
}

.ui-layout-wizard .ui-tabs {
   margin: 10px;
   margin-top: 15px;
}

.ui-layout-wizard .ui-tab-item:first-child .ui-wizard-divisor {
   display: none;
}

.ui-layout-wizard .ui-tab-item:hover {
   background-color: transparent;
}

.ui-layout-wizard .ui-stepper-actions > div {
   border: 0 !important;
}

.ui-layout-wizard .ui-stepper-actions button {
   background: #e5edff;
   min-width: 80px !important;
   min-height: 36px;
}

.ui-layout-wizard .ui-stepper-actions button:not(:first-child, :last-child) {
   margin-left: 10px;
   margin-right: 10px;
}

.ui-tabs-wizard-controll {
   width: 100%;
   margin: 10px;
   position: -webkit-sticky;
   position: sticky;
   bottom: 0px;
}

.ui-tabs-wizard-label {
   text-align: center;
   color: rgb(0, 32, 210);
   font-size: 1.6rem;
   font-weight: 700;
   width: 100%;
   margin-bottom: 15px;
}

.ui-layout-wizard .ui-child-type-tabs .ui-tab-data {
   margin: 20px 30px;
}

.ui-dialog-content .ui-layout-wizard .ui-tab-data {
   height: 350px;
   overflow: auto;
}

.ui-child-type-tabs.ui-child-layout-full .ui-tab-data {
   padding: 0 0 10px 0;
}

.ui-type-tabs.ui-layout-full .ui-container-type-list {
   padding: 0 !important;
   margin: 0;
   border: 0 !important;
}

.ui-type-tabs.ui-layout-full .ui-container-type-list .ui-grid {
   border: 0;
   border-radius: 0;
}/* .ui-type-button > .ui-container {
   width: 100%;
   height: 100%;
} */

.MuiButton-root {
   text-transform: inherit !important;
}

.MuiButton-root .MuiButton-endIcon,
   .MuiButton-root .ui-icon_end {
      margin-left: auto;
      margin-right: 10px;
   }

.ui-child-type-buttons {
   flex-wrap: nowrap !important;
}

.ui-variant-search button.MuiButton-root {
      background-color: var(---white);
   }

.MuiIconButton-root svg {
      color: var(--text);
   }

/* .MuiButton-root {
   i {
      color: var(--text);
   }
} */

.ui-type-button.ui-variant-link button {
      width: 16px !important;
      height: 16px;
   }

.ui-type-button.ui-variant-link button i {
         font-size: 1.6rem;
         font-weight: 600;
         color: var(--text-blue-500);
      }

.ui-readonly-controls i.edit {
      color: #7b7b7b;
   }

.ui-btn-shadow i {
   margin-top: 0;
}

.ui-btn-shadow .ui-btn-label {
   margin-left: 5px;
}

.ui-type-button:not(.ui-icon-only) .ui-btn-icon.loading {
   margin-right: 5px;
}

/* .ui-icon-label .ui-btn-label {
   padding-left: 10px;
} */

.ui-type-button > .ui-container,
.ui-type-button > .ui-container > .ui-inner {
   min-height: 100%;
   display: flex;
   align-items: center;
}

.ui-type-buttons > .ui-container {
   width: 100%;
}

/* .ui-type-buttons .ui-container>.ui-child>.ui-el-left,
.ui-type-buttons .ui-container>.ui-child>.ui-el-right {
   width: 49.9% !important;
} */

.ui-type-button.ui-img-only button {
   padding: 0;
   border: 0;
   border-radius: 50%;
}

.ui-el.ui-type-buttons {
   width: 100%;
}

.ui-btn-shadow button {
   width: 100%;
   height: 100%;
   background-color: white;
   text-transform: none !important;
   border-radius: 4px;
   border: none;
   font-weight: 500;
   font-size: 1.2rem;
   line-height: normal;
   color: #1d1e20;
}

.ui-btn-shadow button span {
   padding: 0 !important;
}

.ui-btn-shadow button:hover {
   opacity: 1;
   border: none;
   background-color: #dbdcff !important;
}

:not(.ui-disabled) > .ui-container > .ui-inner > .ui-btn-shadow:active {
   padding: 3px 2px 1px 2px;
}

.ui-type-buttons > .ui-container {
   padding: 10px;
}

.ui-type-button .ui-inner {
   width: 100%;
   height: 100%;
}

.ui-tabs-wizard-controll .ui-type-button .ui-inner {
   padding: 0 5px;
}

span.arrow {
   position: absolute;
   font-size: 7;
   width: 3em;
   height: 3em;
}

span.arrow::before {
   margin: auto;
   display: block;
   width: 0;
   height: 0;
   border: solid;
}

.ui-type-button.ui-variant-simple button {
   border: none;
   min-width: 20px;
   border-radius: 4px;
   padding: 0;
   background-color: #e5edff;
}

.ui-type-button.ui-variant-simple .ui-btn-icon i {
   margin: 0;
}

.ui-type-button.ui-variant-simple .ui-btn-icon {
   height: -webkit-fit-content;
   height: fit-content;
}

/* .ui-dropdown * {
   font-size: 1.4rem;
} */

.ui-dropdown > ul {
   padding-top: 0;
   padding-bottom: 0;
}

.ui-dropdown .ui-menu-item-with-icon.ui-menu-item-with-label .ui-button-menu-label {
   margin-left: 8px !important;
}

.ui-dropdown .ui-menu-item-with-icon.ui-menu-item-with-label {
   padding: 6px 10px;
}

.ui-button-menu {
   font-size: 1.4rem;
}

.ui-button-menu i {
   /* font-size: 1.5rem !important; */
   width: 20px;
}

.ui-type-buttons .ui-type-button:not(:first-child) button {
   /* margin-left: 10px; */
}

.ui-type-buttons .ui-type-button:not(.ui-variant, .ui-img-only, .ui-icon-only) button i {
   font-size: 1.8rem;
}

.ui-type-buttons .ui-type-button button i:not(.material-symbols-rounded) {
   font-size: 1.3rem;
}

.ui-child .ui-type-button:last-child .ui-container {
   margin-right: 0;
}

.ui-child .ui-type-button:first-child .ui-container {
   margin-left: 0;
}

.ui-menu-ghost {
   position: absolute;
   width: 100%;
   height: 100%;

   opacity: 0;

   pointer-events: auto;
}

.ui-type-button.ui-variant-entity_crud i {
      transition: color 0.3s ease;
   }

.ui-type-button.ui-variant-entity_crud button:hover i.delete {
         /* color: #ff1f00 !important; */
      }

.ui-type-button.ui-variant-entity_crud button:hover i.edit {
         color: black !important;
      }

.ui-variant-add_filter_grid i.ma {
      font-weight: 500;
   }

img.ui-button-img {
   margin: 0;
}

.ui-type-button.ui-variant-add-item {
   height: -webkit-fit-content;
   height: fit-content;
}

.ui-type-button.ui-variant-add-item > .ui-container {
      width: 25%;
      margin: 15px auto !important;
   }

.ui-type-button.ui-variant-add-item > .ui-container button {
         width: 100%;
      }

.ui-grid-row > .ui-grid-col > .ui-type-button:is(.ui-variant-row_action, .ui-variant-row_action_danger) {
         opacity: 0;
      }

.ui-grid-row > .ui-grid-col > .ui-type-button:is(.ui-variant-row_action, .ui-variant-row_action_danger).always {
            opacity: 1;
         }

.ui-grid-row > .ui-grid-col > .ui-type-button:is(.ui-variant-row_action, .ui-variant-row_action_danger).ui-disabled {
            cursor: not-allowed !important;
         }

.ui-grid-row > .ui-grid-col > .ui-type-button:is(.ui-variant-row_action, .ui-variant-row_action_danger).ui-disabled * {
               pointer-events: none;
            }

.ui-grid-row > .ui-grid-col > .ui-type-button:is(.ui-variant-row_action, .ui-variant-row_action_danger).ui-disabled button {
               background-color: transparent;
            }

.ui-grid-row > .ui-grid-col > .ui-type-button:is(.ui-variant-row_action, .ui-variant-row_action_danger).ui-disabled button i {
                  color: var(--gray-300);
               }

.ui-grid-row:hover > .ui-grid-col > .ui-type-button:is(.ui-variant-row_action, .ui-variant-row_action_danger) {
            opacity: 1;
         }

.ui-button-selected button {
   background-color: #dee3ff;
}

.ui-type-button button {
   max-width: 100%;
}

.ui-query .ui-type-button button {
   border: 1px solid #efefef;
   height: 36px;
   border-right: 0;
   border-radius: 0;
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
}

.ui-child-type-buttons {
   gap: 10px;
}

.ui-button-variant-outlined {
   border-color: #1d1e20;
}

.ui-dialog-container .ui-type-buttons button {
         height: var(--button-big);
      }

.ui-label-inner-type-crud .ui-label-actions button:not(.ui-button-color) {
         background-color: var(--background-blue-100);
         color: var(--text-blue-900);
      }

.ui-label-inner-type-crud .ui-label-actions button:not(.ui-button-color):hover {
            background-color: var(--background-blue-200);
         }

.ui-label-inner-type-crud .ui-label-actions button:not(.ui-button-color, .ui-button-color-hover):is(:hover, :focus, .ui-button-open) {
         background-color: var(--background-blue-200);
      }

.ui-variant-row_delete button.MuiButton-root {
      width: var(--button-small);
      height: var(--button-small);
      padding: 0;
   }

/* background-color: var(--red-200); */

.ui-variant-row_delete button.MuiButton-root:hover {
         background-color: var(--background-red-300);
      }

.ui-type-button .ui-button-variant-outlined {
      border-top: 1px solid;
      border-right: 3px solid;
      border-bottom: 3px solid;
      border-left: 1px solid;
   }

.ui-type-button .ui-button-variant-outlined:hover {
         border: 2px solid;
      }

.ui-type-button button.MuiButtonBase-root.MuiButton-root {
      padding: 0px;
   }

.ui-type-button button.MuiButtonBase-root.MuiButton-root .ui-btn-inner {
         padding: 0 10px;
         max-width: 100%;
      }

.ui-type-button button.MuiButtonBase-root.MuiButton-root .ui-btn-inner.ui-btn-icon-only {
            padding: 0;
         }

.ui-type-button button.MuiButtonBase-root.MuiButton-root .ui-btn-inner {

         display: flex;
         gap: 5px;
         align-items: center;
         justify-content: center;
}

.ui-type-button button.MuiButtonBase-root.MuiButton-root .ui-btn-inner .ui-btn-icon {
            aspect-ratio: 1/1;
            display: flex;
            align-items: center;
            justify-content: center;
         }

.ui-type-button button.MuiButtonBase-root.MuiButton-root .ui-btn-inner > div,
         .ui-type-button button.MuiButtonBase-root.MuiButton-root .ui-btn-inner span {
            height: -webkit-fit-content;
            height: fit-content;
         }

.ui-type-button button.ui-button-shape-square,
   .ui-type-button button.ui-button-shape-circle {
      aspect-ratio: 1/1;
   }

.ui-type-button button.ui-button-shape-square .ui-btn-label, .ui-type-button button.ui-button-shape-circle .ui-btn-label {
         overflow: visible;
      }

.ui-type-button button.ui-button-shape-square,
   .ui-type-button button.ui-button-shape-circle {
      overflow: visible;
}

.ui-type-button button.ui-button-shape-square.ui-button-small, .ui-type-button button.ui-button-shape-circle.ui-button-small {
         width: var(--button-small);
      }

.ui-type-button button.ui-button-shape-square.ui-button-medium, .ui-type-button button.ui-button-shape-circle.ui-button-medium {
         width: var(--button-medium);
      }

.ui-type-button button.ui-button-shape-square.ui-button-big, .ui-type-button button.ui-button-shape-circle.ui-button-big {
         width: var(--button-big);
      }

.ui-type-button button.ui-button-shape-square.ui-button-huge, .ui-type-button button.ui-button-shape-circle.ui-button-huge {
         width: var(--button-huge);
      }

.ui-type-button button.ui-button-variant-search {
      border: 1px solid var(--container-border-color) !important;
   }

.ui-type-button button.ui-button-variant-search.ui-button-shape-circle-right {
         border-left-width: 0 !important;
      }

.ui-type-button button.ui-button-variant-search:hover i {
            color: var(--gray-400);
         }

.ui-type-button button.ui-button-variant-search i {
         font-size: 2.2rem;
         transition: color 0.2s;
         color: var(--gray-200);
      }

.ui-type-button button.ui-button-variant-search.ui-button-shape-circle-left {
         border-right-width: 0;
      }

.ui-type-button .ui-button-variant-row_action {
      width: var(--button-small) !important;
      padding: 0;
      height: var(--button-small) !important;
   }

.ui-type-button .ui-button-shape-circle {
      border-radius: 100%;
      padding: 0px;
   }

.ui-type-button .ui-button-shape-circle-left {
      border-radius: 100% 0 0 100%;
      padding: 0px;
   }

.ui-type-button .ui-button-shape-circle-right {
      border-radius: 0 100% 100% 0;
   }

.ui-type-button .ui-button-shape-circle-right .ui-btn-inner {
         padding: 5px !important;
      }

.ui-type-button .ui-button-shape-circle-right i.search {
         color: var(--gray-300);
      }

.ui-type-button .ui-button-shape-rectangle {
      border-radius: 0;
   }

.ui-type-button .ui-button-small {
      height: var(--button-small);
   }

.ui-type-button .ui-button-small i {
         font-size: 2.2rem;
      }

.ui-type-button .ui-button-tiny {
      height: var(--button-tiny);
   }

.ui-type-button .ui-button-tiny i {
         font-size: 1.6rem;
      }

.ui-type-button .ui-button-medium {
      height: var(--button-medium);
   }

.ui-type-button .ui-button-big {
      height: var(--button-big);
   }

.ui-type-button .ui-button-big i {
         font-size: 2.6rem;
      }

.ui-type-button .ui-button-huge {
      height: var(--button-huge);
   }

.ui-type-button .ui-button-huge i {
         font-size: 2.8rem;
      }

.ui-type-button .ui-inner .ui-btn:disabled:not(
               .ui-btn-first-page,
               .ui-btn-last-page,
               .ui-btn-previous-page,
               .ui-btn-next-page,
               .ui-btn-first,
               .ui-btn-last,
               .ui-btn-previous,
               .ui-btn-next
            ),
               .ui-type-button .ui-inner .ui-btn.Mui-disabled:not(
               .ui-btn-first-page,
               .ui-btn-last-page,
               .ui-btn-previous-page,
               .ui-btn-next-page,
               .ui-btn-first,
               .ui-btn-last,
               .ui-btn-previous,
               .ui-btn-next
            ),
               .ui-type-button .ui-container .ui-btn:disabled:not(
               .ui-btn-first-page,
               .ui-btn-last-page,
               .ui-btn-previous-page,
               .ui-btn-next-page,
               .ui-btn-first,
               .ui-btn-last,
               .ui-btn-previous,
               .ui-btn-next
            ),
               .ui-type-button .ui-container .ui-btn.Mui-disabled:not(
               .ui-btn-first-page,
               .ui-btn-last-page,
               .ui-btn-previous-page,
               .ui-btn-next-page,
               .ui-btn-first,
               .ui-btn-last,
               .ui-btn-previous,
               .ui-btn-next
            ) {
            background-color: var(--background-lead-500);
            color: var(--text-gray-200);
         }

.ui-type-button .ui-inner .ui-btn:disabled:is(
               .ui-btn-first-page,
               .ui-btn-last-page,
               .ui-btn-previous-page,
               .ui-btn-next-page,
               .ui-btn-first,
               .ui-btn-last,
               .ui-btn-previous,
               .ui-btn-next
            ),
               .ui-type-button .ui-inner .ui-btn.Mui-disabled:is(
               .ui-btn-first-page,
               .ui-btn-last-page,
               .ui-btn-previous-page,
               .ui-btn-next-page,
               .ui-btn-first,
               .ui-btn-last,
               .ui-btn-previous,
               .ui-btn-next
            ),
               .ui-type-button .ui-container .ui-btn:disabled:is(
               .ui-btn-first-page,
               .ui-btn-last-page,
               .ui-btn-previous-page,
               .ui-btn-next-page,
               .ui-btn-first,
               .ui-btn-last,
               .ui-btn-previous,
               .ui-btn-next
            ),
               .ui-type-button .ui-container .ui-btn.Mui-disabled:is(
               .ui-btn-first-page,
               .ui-btn-last-page,
               .ui-btn-previous-page,
               .ui-btn-next-page,
               .ui-btn-first,
               .ui-btn-last,
               .ui-btn-previous,
               .ui-btn-next
            ) {
            color: var(--text-gray-100);
         }

.ui-type-button .ui-inner .ui-btn:disabled svg, .ui-type-button .ui-inner .ui-btn.Mui-disabled svg, .ui-type-button .ui-container .ui-btn:disabled svg, .ui-type-button .ui-container .ui-btn.Mui-disabled svg {
            color: var(--text-gray-200) !important;
         }

.ui-type-button .ui-inner .ui-btn:disabled svg path:nth-child(2), .ui-type-button .ui-inner .ui-btn.Mui-disabled svg path:nth-child(2), .ui-type-button .ui-container .ui-btn:disabled svg path:nth-child(2), .ui-type-button .ui-container .ui-btn.Mui-disabled svg path:nth-child(2) {
               color: var(--text-gray-400) !important;
            }

.ui-type-button .ui-btn.ui-button-variant-selected i,
      .ui-type-button .ui-btn.ui-button-variant-selected span {
         color: white;
      }

.ui-type-button .ui-btn.ui-button-variant-selected:disabled {
         opacity: 1;
         background-color: var(--blue-600);
         cursor: not-allowed;
         pointer-events: auto;
      }

.ui-type-button .ui-btn.ui-button-variant-selected:disabled:hover {
            opacity: 1 !important;
            background-color: #0020d2;
         }

.ui-type-button .ui-button-variant-label .ui-btn-label {
         white-space: nowrap;
      }

.ui-type-button.ui-el-home button {
         height: 56px;
      }

.ui-type-button .ui-button-variant-menu {
      gap: 5px;
   }

/*separei esse selected só é usado na grid e precisa ser bem especifico. Não misture seletores especificos com globais
para que tenham prioridades corretaas no css*/

:is(.ui-top-list, .ui-grid-top) .ui-variant-selected {
      opacity: 1 !important;
   }

:is(.ui-top-list, .ui-grid-top) .ui-variant-selected .ui-btn.Mui-disabled {
         background-color: var(--background-blue-500) !important;
      }

.Mui-disabled {
   pointer-events: auto !important;
   cursor: not-allowed !important;
}

.help_support_button button i {
         color: #666666 !important;
      }

.ui-column.ui-el-delete .ui-label {
      width: var(--button-small);
      height: var(--button-small);
      border-radius: 4px;
   }

.ui-column.ui-el-delete .ui-label:hover {
         background-color: var(--red-200);
      background-color: var(--red-300);
      }

/* .ui-variant-yellow button {
   background: var(--yellow-100) !important;
}

.ui-variant-yellow button:hover {
   background: var(--yellow-200) !important;
}

.ui-variant-default button,
.ui-variant-blue button {
   background: var(--blue-100) !important;
}

.ui-variant-default button:hover .ui-variant-blue button:hover {
   background: var(--blue-200) !important;
}

.ui-variant-create button,
.ui-variant-save button,
.ui-inner-confirm button {
   background: var(--green-200) !important;
}

.ui-variant-cancel button {
   background: var(--yellow-200) !important;
}

.ui-variant-cancel button:hover {
   background: var(--red-200) !important;
}

.ui-variant-delete button,
.ui-variant-remove button {
   background: var(--red-200) !important;
}

.ui-variant-create button,
.ui-variant-save button:hover,
.ui-variant-choice button,
.ui-variant-choice button:hover,
.ui-inner-confirm button:hover {
   background: var(--green-300) !important;
}

.ui-variant-delete button:hover,
.ui-variant-remove button:hover {
   background: var(--red-300) !important;
} */

.ui-element-buttons {
   display: flex;
   gap: 10px;
}

.ui-label-pos-left .ui-label-inner-type-switch {
   padding-right: 10px;
   line-height: 15px !important;
}

.ui-type-button:has(.ui-button-open) {
   opacity: 1 !important;
}

.MuiMenuItem-root span {
   color: var(--text);
}

.ui-v2 .ui-btn-inner .ui-loader {
         /* background-color: red; */
         width: -webkit-fit-content;
         width: fit-content;
      }

.ui-v2 .ui-button-small .ui-loader svg {
         height: 18px;
         width: 18px;
      }

.ui-v2 .ui-col .ui-loader svg {
         height: 16px;
         width: 16px;
      }

.ui-type-button .ui-inner .ui-btn:disabled:is(.ui-btn-first-page, .ui-btn-last-page, .ui-btn-previous-page, .ui-btn-next-page),
.ui-type-button .ui-inner .ui-btn.Mui-disabled:is(.ui-btn-first-page, .ui-btn-last-page, .ui-btn-previous-page, .ui-btn-next-page) {
}

.ui-container-button .ui-btn-GreenButton,
   .ui-container-button .ui-btn-aprovar {
      background-color: var(--green-300) !important;
      color: var(--green-900) !important;
   }

.ui-container-button .ui-btn-GreenButton:hover, .ui-container-button .ui-btn-aprovar:hover {
         background-color: var(--green-400) !important;
      }

.ui-container-button .ui-el-btncancelarajuste,
   .ui-container-button .ui-btn-reprovar,
   .ui-container-button .ui-btn-btnCancelarAjuste {
      background-color: var(--red-200) !important;
      color: var(--red-900) !important;
   }

.ui-container-button .ui-el-btncancelarajuste:hover, .ui-container-button .ui-btn-reprovar:hover, .ui-container-button .ui-btn-btnCancelarAjuste:hover {
         background-color: var(--red-300) !important;
      }
.ui-page-content {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
   flex: none;
   height: 100%;
}

.ui-page {
   display: flex;
   width: 100%;
   height: 100%;
}

.ui-page.ui-mobile .ui-user-realm {
         max-width: 100px !important;
      }

.ui-page .ui-page-top .ui-user-controls {
         display: flex;
         align-items: center;
         gap: 7.5px;
      }

.ui-page .ui-page-top .ui-user-controls .ui-avatar img {
               object-fit: cover;
            }

.ui-page .ui-page-top .ui-user-controls .login-info {
            line-height: 12px;
         }

.ui-page .ui-page-top .ui-user-controls .login-info .login-original {
               color: var(--red);
            }

.ui-page .ui-page-top .ui-user-controls .login-info .login-original,
            .ui-page .ui-page-top .ui-user-controls .login-info .login-login {
               width: 100px;
               overflow: hidden;
               text-overflow: ellipsis;
            }

.ui-page .ui-page-top .ui-user-controls .ui-user-info {
            display: flex;
            flex-direction: column;
         }

.ui-page .ui-page-top .ui-user-controls .ui-user-info .ui-user-realm {
               font-size: 1.1rem;
               font-weight: 500;
               max-width: 140px;
               overflow: hidden;
               text-wrap: nowrap;
               text-overflow: ellipsis;
            }

.ui-page .ui-page-top .ui-user-controls .ui-user-info .ui-user-name {
               margin: auto 0;
               text-align: start;
               white-space: nowrap;
               font-weight: 500;
            }

.ui-page-content:has(.ui-type-crud.ui-loading) {
   height: 100%;
}

.ui-dialog:has(.change-realm) {
   width: 500px;
}

.ui-page-center {
   position: relative;
   left: 0;
   right: 0;
   bottom: 0;
   top: var(--top-menu-height);
   display: flex;
   width: 100%;
   overflow-y: auto;
   height: calc(100% - 50px);
}

.ui-page-top .ui-page-top-left {
      overflow: auto;
      flex-shrink: 1 !important;
   }

.ui-page-top .ui-page-top-left button {
         flex-shrink: 0;
      }

.ui-page-top .ui-page-top-left button img {
            width: 26px;
            height: 26px;
            min-width: 26px;
         }

.ui-page-top .ui-page-top-left button .ui-btn-label {
            flex-shrink: 0;
            white-space: nowrap;
         }

@media (max-width: 900px) {
         .ui-page-top .ui-page-top-left > div {
            margin: auto;
         }
            .ui-page-top .ui-page-top-left button .ui-btn-label {
               display: none;
            }
               .ui-page-top .ui-page-top-left .ui-v2 button .ui-btn-label {
                  display: flex !important;
               }
}

.ui-page-center {
   display: flex;

   position: relative;
   width: 100%;
}

.ui-page-center .ui-page-content {
      transition: padding 0.2s ease-in-out;
      /* margin-bottom: 80px; */
      overflow: auto;
      max-height: calc(100dvh - var(--top-menu-height));
   }

.ui-page-center .ui-page-content > div {
         width: 100%;
      }

.ui-page-center:has(.ui-page-left-collapsed) .ui-page-content {
         padding-left: 20px;
      }

.ui-page-center:has(.ui-page-left-hidden) .ui-page-content {
         padding-left: 0px;
         padding-right: 50px;
      }

@media (max-width: 1360px) {
      .ui-page-center:has(.ui-page-left-hidden) .ui-page-content {
         padding-right: 30px;
      }

   .ui-page-left.ui-page-left-hidden {
      width: 30px;
   }

      .ui-page-left.ui-page-left-hidden .ui-menu-item-label {
         padding-left: 7px !important;
      }

         .ui-page-left.ui-page-left-hidden .ui-menu-item-label i {
            font-size: 1.6rem;
         }
         .ui-page-left.ui-page-left-hidden .ui-el-fix-menu button {
            padding-left: 5px;
         }
}

.ui-page-left {
   z-index: 999;
   flex-shrink: 0;

   height: calc(100dvh - var(--top-menu-height));

   display: flex;
   border-right: 1px solid var(--container-border-color);
   background: var(--page-frame);

   flex-direction: column;
   justify-content: space-between;
}

.ui-page-left .ui-el-fix-menu button {
         border-radius: 0;
         width: 100%;

         justify-content: start;

         padding-left: 15px;
      }

.ui-page-left .ui-el-fix-menu button i {
            transition: rotate 0.3s ease-in-out;
         }

.ui-page-left .ui-el-fix-menu button .ui-btn-label {
            transition: opacity 0.2s ease-in-out;
         }

.ui-page-left .ui-el-fix-menu button:hover {
            background-color: var(--menu-background);
            color: var(--blue-text);
         }

.ui-page-left.ui-page-left-fixed {
      position: static;
   }

.ui-page-left.ui-page-left-fixed .ui-el-fix-menu button {
            color: var(--blue-text);
         }

.ui-page-left.ui-page-left-fixed .ui-el-fix-menu button i {
               rotate: y 180deg;
            }

.ui-page-left.ui-page-left-hidden {
      opacity: 0;

      transition: opacity 0.2s ease-in-out !important;
   }

.ui-page-left.ui-page-left-hidden:hover {
         opacity: 1;
      }

.ui-page-left {

   overflow: hidden;
   width: 50px;
}

.ui-page-left.ui-page-left-expanded:not(:has(.dragging)) {
      transition: width 0.2s ease-out;
      width: 220px;
   }

.ui-page-left > .ui-page-menu {
      overflow: auto;
      position: relative;
   }

.ui-page-left > .ui-page-menu::-webkit-scrollbar {
         width: 5px;
      }

.ui-page-left > .ui-page-menu {

      width: 100%;
      padding: 15px 0px;
}

.ui-page-left > .ui-page-menu.ui-page-favorites {
         border-top: 1px solid var(--container-border-color);

         flex: 1 1 auto;
      }

.ui-page-left > .ui-page-menu.ui-page-favorites .menu-favorite i.star {
               width: 18px;
               font-size: 2.2rem;
               color: #ffd643;
               filter: drop-shadow(1px 0px 0 #1d1e20) drop-shadow(0px 1px 0 #1d1e20) drop-shadow(-1px 0px 0 #1d1e20) drop-shadow(0px -1px 0 #1d1e20);
            }

.ui-page-left .ui-menu-item.ui-menu-disabled {
      filter: grayscale(1);
      cursor: default;
   }

.ui-page-left .ui-menu-item.ui-menu-disabled > a {
         pointer-events: none;
         opacity: 0.35;
      }

.ui-page-left .ui-menu-item-container {
      transition: all 0.2s ease-out;
   }

.ui-page-left .ui-menu-item-container .ui-menu-item-label-name {
         transition: all 0.2s ease-out;
      }

.ui-page-left:not(.ui-page-left-expanded) {
      transition: width 0.2s ease-out;
   }

.ui-page-left:not(.ui-page-left-expanded) > .ui-page-menu::-webkit-scrollbar {
         width: 0 !important;
      }

.ui-page-left:not(.ui-page-left-expanded) .ui-el-fix-menu button .ui-btn-label {
               opacity: 0;
            }

.ui-page-left:not(.ui-page-left-expanded) .ui-menu-item-icon {
         color: var(--blue-text);
      }

.ui-page-left:not(.ui-page-left-expanded) .ui-menu-item-children-container .ui-menu-item-icon {
            color: var(--text);
         }

.ui-page-left:not(.ui-page-left-expanded) .ui-menu-item-act {
         opacity: 0;
      }

.ui-page-left:not(.ui-page-left-expanded) .ui-menu-item-close {
         opacity: 0;
      }

.ui-page-left:not(.ui-page-left-expanded) .ui-menu-item-container .ui-menu-item-label-name {
            opacity: 0;
         }

.ui-page-right {
   display: contents;
   /* flex: 0 1 100%; */
   /* flex: none; */
}

.ui-page-content:has(.ui-resizer) {
   padding-bottom: 0 !important;
}

.ui-page-top {
   position: absolute;
   background: var(--page-frame);
   border-bottom: 1px solid var(--container-border-color);
   top: 0;
   left: 0;
   right: 0;
   z-index: 9;
   height: var(--top-menu-height);
}

.ui-page-area {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
}

.ui-page-top-logo button {
   height: 100%;
   width: 210px;
   margin: 0px 5px;
   display: flex;
   justify-content: center;
   /* Centraliza horizontalmente */
   align-items: center;

   border-radius: 4px !important;

   transition: background-color 0.1s ease-in-out;
}

.ui-page-top-logo button:hover {
   background-color: var(--menu-background);
   border: 1px solid var(--background-blue-500);
}

.ui-page-top .ui-avatar img {
   border-radius: 100%;
   width: var(--button-medium);
   height: var(--button-medium);
}

@media (min-width: 1681px) {
      .ui-page-center:has(.ui-page-left-fixed) .ui-type-footer {
         left: calc(100vw - 50px);
      }
   .ui-page-content {
      padding: 30px 50px;
      padding-top: 10px;
      margin: auto;
      max-width: calc(100% - 10px);
   }
      .ui-page:not(:has(.ui-page-left)) .ui-page-content {
         padding-left: 80px;
      }
}

@media (max-width: 1680px) {
      .ui-page-center:has(.ui-page-left-fixed) .ui-type-footer {
         left: calc(100vw - 50px);
      }

      .ui-page-center:has(.ui-page-left-fixed) .ui-page-content {
         padding: 15px 0px;
      }

         .ui-page-center:has(.ui-page-left-fixed) .ui-page-content:has(.ui-type-footer) {
            padding-right: 40px;
         }
   .ui-page-content {
      padding: 15px 0px !important;
      margin: auto;
      max-width: calc(100% - 10px);
   }

   .ui-type-footer {
      left: calc(100dvw - 50px) !important;
   }
}

@media not all and (min-width: 1536px) {
      .ui-page-top .ui-page-top-inner {
         column-gap: 0.5em !important;
      }
}

.ui-page-top {
   display: flex;
   width: 100%;
   justify-content: center;
}

.ui-page-top .ui-page-top-inner {
      display: flex;
      align-items: center;
      height: 100%;
      column-gap: 2.5em;
      width: 100%;
   }

.ui-page-scroll {
   overflow: auto;
   height: 100%;
   width: 100%;
}

.ui-page-top-inner > .ui-page-top-left {
   display: flex;
   flex: 1 0 auto;
}

.ui-page-top-inner > .ui-page-top-left .ui-variant-menu > .ui-container {
   margin: 0 !important;
}

.ui-page-top-right {
   margin-left: auto;
}

.ui-page-top-left {
   padding: 0;
   gap: 1em;
}

.ui-page-top-right {
   text-align: right;
   padding-right: 50px;
   flex-shrink: 0;

   padding: 0;
   padding-right: 1.25em;
}

.ui-page-top-right .ui-page-top-right-inner {
      display: flex;
      align-items: center;
      gap: 1.25em;
   }

.ui-page-top-right .notifications-button {
      flex-shrink: 0;
   }

.ui-page-menu {
   font-size: 1.4rem !important;
   width: 100%;
}

.ui-page-menu i.material-symbols {
   font-size: 1.8rem;
}

.ui-page-menu .ui-menu-item-icon > i {
   font-weight: 500;
}

.ui-page-top .ui-type-button.ui-selected button {
   color: var(--blue-text);
   border: 1px solid var(--background-blue-500);
   background-color: var(--pageBackground);
   font-weight: 700;
   transition: all cubic-bezier(1, 0, 0, 1) 0.1s;
}

.ui-page-top .ui-type-button button:active {
   transform: scale(0.985);
   filter: brightness(0.9);
}

.ui-page-top-right img {
   height: 28px !important;
   max-height: 28px !important;

   width: 28px !important;
   max-width: 28px !important;

   vertical-align: middle;
}

.ui-page-top-right .ui-table-cell:last-child img {
   border-radius: 100%;
}

.ui-page-loading i {
   font-size: 4rem;
}

.ui-page-menu-off .ui-page-center {
   width: 100%;
}

.ui-page-menu-off .ui-page-right {
   max-width: 100%;
}

.ui-page-content {
   max-width: 100%;
}

.ui-page-content > div {
      max-width: 100%;
   }

body [aria-hidden='true'] .MuiTouchRipple-root {
      display: none;
   }

.ui-page-loading {
   background-color: #0406186b;
}

.ui-el-profile.ui-loading button {
      position: relative;
   }

.ui-el-profile.ui-loading img {
      filter: grayscale(1);
      opacity: 0.4;
   }

.ui-el-profile.ui-loading .ui-btn-icon:has(.animate-spin) svg {
         color: var(--blue-text);
      }

.ui-el-profile.ui-loading .ui-btn-icon:has(.animate-spin) {

      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
}

.crud-prototype h1 {
      font-size: 2.6rem;
   }

.crud-prototype {

   padding: 10px;
   margin: 5px;
}

.crud-prototype button {
      background-color: rgb(218, 218, 218);
      padding: 10px;
   }

.ui-skeleton-child {
   /*  display: block;
   width: 100%; */
   overflow: hidden;
   border-radius: 10px;
}

.ui-skeleton-child > .ui-skeleton {
   min-height: 100px;
   display: block;
   width: 100%;
   padding: 10px;
   border-radius: 10px;
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   align-items: center;
   justify-content: center;
}

.ui-container-type-crud > .ui-skeleton-child > div {
   min-height: 100%;
}

.ui-s-card {
   border-radius: 3px;
   border: 1px solid var(--container-border-color);
}

.blink {
   animation: blink 1s steps(1, end) infinite;
}

@keyframes blink {
   0% {
      opacity: 1;
   }
   50% {
      opacity: 0.5;
   }
   100% {
      opacity: 1;
   }
}

* {
   scrollbar-color: var(--background-iris-200) !important;
}

*::-webkit-scrollbar {
   width: 5px; /* width of the entire scrollbar */
   height: 5px;
}

*::-webkit-scrollbar-track {
   /* color of the tracking area */
   background-color: #e6e8fb;
}

*::-webkit-scrollbar-thumb {
   background-color: rgb(183, 185, 227); /* roundness of the scroll thumb */
}

*::-webkit-scrollbar-thumb:hover {
      background-color: rgb(183, 185, 227);
   }

*::-webkit-scrollbar-thumb {
   border-radius: 0px;
}

.ui-page-content > .ui-type-crud > .ui-container > .ui-view-label {
   position: -webkit-sticky;
   position: sticky;
   top: -17px;
   background: var(--pageBackground);
   z-index: 15;
   padding: 0 10px;
}

.ui-type-crud > .ui-container > .ui-view-label .ui-label {
   font-weight: 600;
   align-items: center;
   margin-bottom: 5px;
   font-size: 1.6rem;
   padding: 5px 0 !important;
}

/* Os botões já aumentam o tamanho do label compensando o papel do padding/margin */

.ui-type-crud > .ui-container > .ui-view-label .ui-label:has(.ui-label-right .ui-type-button) {
      /* padding: 0 !important; */
      margin-bottom: 0;
   }

.ui-type-crud > .ui-container > .ui-view-label .ui-label-input {
   font-size: 1.2rem;
   font-weight: 500;
   margin-bottom: 0 !important;
}

.ui-type-crud > .ui-container > .ui-view-label i {
   vertical-align: middle;
   margin-right: 0px;
   /* padding-right: 5px; */
}

.ui-menu-icon img {
   width: 26px;
   height: 26px;
   min-width: 26px;
}

@media (min-width: 1200px) {
   .ui-split-screen > .ui-container {
      height: calc(100dvh - 170px);
   }

   .ui-split-left > .ui-container > .ui-child {
      height: calc(100dvh - 140px);
      overflow-y: auto;
   }

   .ui-split-right > .ui-container > .ui-child {
      height: calc(100dvh - 140px);
      overflow-y: auto;
      -ms-overflow-style: none;
   }
}

.ui-el-fix-menu-options {
   position: absolute;

   top: 50%;
   right: 5%;

   transform: translateY(-50%);
}

.ui-el-fix-menu-options button {
      width: 22px !important;
      height: 22px !important;
   }

.ui-page-menu-options {
   width: 100%;

   position: relative;
}

.ui-page-resize-relative {
   overflow: visible;
   margin-left: auto;
   position: relative;
}

.ui-page-resize-relative.dragging .ui-page-resize-bar {
         background-color: var(--container-border-color);
         width: 4px;
      }

.ui-page-resize-relative.collapsed .ui-page-resize-bar {
         display: none;
      }

.ui-page-resize-relative .ui-page-resize-bar {
      width: 2px;
      height: calc(100dvh - 77px);

      cursor: col-resize;
      z-index: 9;
      pointer-events: all;
   }

.ui-page-resize-relative .ui-page-resize-bar:hover {
         width: 4px;
         background-color: var(--container-border-color);
      }

.ui-page-resize-relative .ui-page-resize-bar {

      position: absolute;
      top: 0;
      right: 0;
}

body:has(.dragging) * {
      -webkit-user-select: none !important;
              user-select: none !important;
   }

.ui-btn-home > div {
      height: unset !important;
   }

.ui-btn-home > div img {
         height: unset !important;
      }

.navigate-wiki {
   /* background-color: red; */
   width: 28px;
   height: 28px;
}

.navigate-wiki button {
      width: 28px;
      height: 28px;

      transform: none !important;

      border: 1px solid var(--gray-400);
   }

.navigate-wiki button:hover {
         background-color: var(--blue-100);
      }

.navigate-wiki button i {
         font-size: 2rem !important;
      }

.navigate-wiki .ui-user-data {
      display: flex;
      align-items: center;
      justify-content: center;
   }

.ui-el-hub-chat button {
      width: 28px;
      height: 28px;

      border: 1px solid var(--fieldset-border-color) !important;
   }

.ui-el-hub-chat button i {
         font-size: 1.8rem !important;
      }

.ui-page-content:has(.ui-el-chat-diagram) {
   padding: 0 !important;
}

.ui-el-chat-diagram > .ui-container > .ui-label {
         position: absolute;
         background-color: transparent;
      }

.ui-el-chat-diagram > .ui-container > .ui-child {
         height: 100%;
      }

.ui-page-content:has(.ui-type-crud.no-padding) {
   padding: 0 !important;
}
.ui-menu-item {
   display: block;
   width: 100%;
   position: relative;
}

   .ui-menu-item.menu-favorite .ui-menu-item-container-0:hover {
            background-color: var(--background-yellow-50);
         }

   .ui-menu-item.menu-favorite .ui-menu-item-container-0.ui-menu-selected {
            background-color: var(--background-yellow-50);
         }

   .ui-menu-item.menu-favorite .ui-menu-item-container:not(.ui-menu-item-container-0):hover {
            background-color: var(--background-yellow-50);
         }

   .ui-menu-item.menu-favorite .ui-menu-item-container:not(.ui-menu-item-container-0).ui-menu-selected {
            background-color: var(--background-yellow-50);
         }

   .ui-menu-item .ui-menu-item-container:hover {
         background-color: var(--menu-background);
         color: var(--blue-text);
      }

   .ui-menu-item .ui-menu-item-container:hover i {
            color: var(--blue-text);
         }

   .ui-menu-item .ui-menu-item-container.ui-menu-selected:not(.ui-menu-edit) {
         background-color: var(--menu-background);
      }

   .ui-menu-item .ui-menu-item-container.ui-menu-selected:not(.ui-menu-edit) > .ui-menu-item-label {
            color: var(--blue-text);
         }

   .ui-menu-item .ui-menu-item-container.ui-menu-selected:not(.ui-menu-edit) {
         border-color: var(--blue-text);
}

   .ui-menu-item div.ui-menu-item-container:not(.ui-menu-item-container-0):hover {
         background-color: rgba(238, 240, 250, 0.529);
         color: var(--blue-text);
      }

   .ui-menu-item div.ui-menu-item-container:not(.ui-menu-item-container-0).ui-menu-selected {
         background-color: rgba(238, 240, 250, 0.529);
         color: var(--blue-text);
         border-color: var(--blue-text);
      }

   .ui-menu-item .ui-menu-item-icon i {
         font-weight: 400;
      }

   .ui-menu-item .ui-menu-edit {
      color: var(--menu-edit-label) !important;
   }

   .ui-menu-item .ui-menu-edit:hover,
      .ui-menu-item .ui-menu-edit.ui-menu-selected {
         background-color: var(--menu-edit-background) !important;
      }

   .ui-menu-item .ui-menu-edit:hover i, .ui-menu-item .ui-menu-edit.ui-menu-selected i {
            color: var(--menu-edit-label) !important;
         }

   .ui-menu-item .ui-menu-edit.ui-menu-selected {
         border-color: var(--menu-edit-label) !important;
      }

   .ui-menu-item .ui-menu-item-container-0:not(.ui-menu-selected, :hover) > .ui-menu-item-label {
            color: var(--menu-label);
         }

   .ui-menu-item .ui-menu-item-container-0 > .ui-menu-item-label .ui-menu-item-label-name {
            font-size: 1.4rem;
            font-weight: 600;
         }

   .ui-menu-item .ui-menu-item-container:not(.ui-menu-item-container-0) > .ui-menu-item-label .ui-menu-item-label-name {
         font-size: 1.2rem;
         font-weight: 500;
      }

   .ui-menu-item .ui-menu-item-container:not(.ui-menu-item-container-0) > .ui-menu-item-label .ui-menu-item-icon i {
            font-weight: 300;
         }

   .ui-menu-item:not(.menu-favorite) .ui-menu-item-children-container {
         background-color: var(--background-gray-50);
      }

   .ui-menu-item:not(.menu-favorite) .ui-menu-item-container:not(:hover).ui-menu-expanded:not(.ui-menu-selected),
         .ui-menu-item:not(.menu-favorite) .ui-menu-item-container:not(:hover).ui-menu-selected-within {
            background-color: var(--background-gray-50);
         }

   .ui-menu-item.menu-favorite > .ui-menu-item-container.ui-menu-selected-within:not(.ui-menu-expanded) {
            background-color: var(--background-yellow-50) !important;
         }

   .ui-menu-item .ui-menu-item-container {
      display: flex;
      position: relative;

      padding: 8px 0px;

      border-right: 2px solid transparent;
   }

   .ui-menu-item .ui-menu-item-container:hover .ui-menu-item-close, .ui-menu-item .ui-menu-item-container.ui-menu-selected .ui-menu-item-close {
            display: flex;
         }

   .ui-menu-item .ui-menu-item-container.ui-menu-selected-within:not(.ui-menu-expanded) {
         background-color: var(--menu-background) !important;
      }

   .ui-menu-item .ui-menu-item-container.ui-menu-selected-within:not(.ui-menu-expanded) .ui-menu-item-label {
            color: var(--blue-text) !important;
         }

   .ui-menu-item .ui-menu-item-container .ui-menu-item-icon {
         margin-right: 5px;
         height: -webkit-fit-content;
         height: fit-content;
         display: flex;
         width: -webkit-fit-content;
         width: fit-content;
      }

   .ui-menu-item .ui-menu-item-container .ui-menu-item-label {
         display: flex;
         text-transform: capitalize;
         width: calc(100% - 20px);

         align-items: center;
      }

   .ui-menu-item .ui-menu-item-container .ui-menu-item-label .ui-menu-item-label-name {
            text-wrap: nowrap;

            width: 100%;
            display: block;
            text-overflow: ellipsis;
            overflow: hidden;
         }

   .ui-menu-item .ui-menu-item-container.ui-menu-expanded .ui-menu-item-act.ui-menu-item-open i {
         transform: rotate(90deg);
         transition: all 0.2s ease-in-out;
      }

   .ui-menu-item .ui-menu-item-container .ui-menu-item-close {
         display: none;
      }

   .ui-menu-item .ui-menu-item-container .ui-menu-item-close span {
            display: flex;
            align-items: center;
            justify-content: center;
         }

   .ui-menu-item .ui-menu-item-container .ui-menu-item-close i {
            font-size: 1.6rem;
            margin-left: 1px;
         }

   .ui-menu-item .ui-menu-item-container .ui-menu-item-open i {
         transition: transform 0.2s ease-in-out;
      }

   .ui-menu-item .ui-menu-item-container .ui-menu-item-act {
         position: absolute;

         z-index: 2;

         width: 20px;
         height: 20px;

         display: flex;
         justify-content: center;
         align-items: center;

         top: 50%;
         transform: translateY(-50%);
         right: 5px;
      }

.ui-variant-menu button {
      transition:
         border 0.1s ease-in-out,
         background-color 0.1s ease-in-out;
   }
div.ui-space-0.ui-type-switch {
   width: -webkit-fit-content !important;
   width: fit-content !important;
}

.ui-input-error {
   margin-bottom: 0;
}

.ui-input-error ~ .ui-type-switch {
   height: 76px;
}

.ui-input-error ~ .ui-type-switch .ui-container {
      align-self: flex-end;
   }

:is(.ui-type-switch, .ui-type-checkbox) {
   display: flex;
   align-items: flex-end;
}

:is(.ui-type-switch, .ui-type-checkbox) .ui-error-message {
      white-space: nowrap;
   }

:is(.ui-type-switch, .ui-type-checkbox).ui-disabled .MuiSwitch-track {
         opacity: 1 !important;
         background-color: rgb(231, 231, 231) !important;
      }

:is(.ui-type-switch, .ui-type-checkbox) > .ui-container.ui-container-read-only > .ui-inner {
         height: unset;
      }

:is(.ui-type-switch, .ui-type-checkbox) > .ui-container:not(.ui-container-read-only) {
      background-color: var(--background-iris-300);
      border-radius: 4px;
      display: flex;
      align-items: center;
      padding: 0px 7.5px;
      min-height: var(--button-medium);
      margin-top: auto;
   }

:is(.ui-type-switch, .ui-type-checkbox) > .ui-container:not(.ui-container-read-only) > .ui-label {
         padding-left: 5px;
      }

:is(.ui-type-switch, .ui-type-checkbox) > .ui-container:not(.ui-container-read-only) > .ui-inner {
         width: -webkit-fit-content;
         width: fit-content;
      }

:is(.ui-type-switch, .ui-type-checkbox) > .ui-container:not(.ui-container-read-only) .MuiSwitch-thumb {
         color: var(--text);
      }

:is(.ui-type-switch, .ui-type-checkbox) > .ui-container:not(.ui-container-read-only) .MuiSwitch-track {
         opacity: 1;
         display: flex;
         height: 14px;
         left: 12px;
         width: calc(100% - 20px);
         position: absolute;
         background-color: var(--white);
      }

:is(.ui-type-switch, .ui-type-checkbox) > .ui-container:not(.ui-container-read-only) .Mui-checked .MuiSwitch-thumb {
            color: var(--blue-text);
         }

:is(.ui-type-switch, .ui-type-checkbox) > .ui-container:not(.ui-container-read-only) .Mui-checked + .MuiSwitch-track {
            background-color: var(--background-blue-200);
         }

.ui-user-data:has(.ui-sub-label) {
   display: flex;
   align-items: center;
}
.ui-type-editor .ql-toolbar {
   border-radius: 0 !important;
   border-bottom: none !important;
   background-color: var(--background-iris-300);
}

.ui-type-editor .ql-container {
   border-radius: 0px 0px 4px 4px !important;
   background-color: var(--container-gray-background);
   border-top: none !important;
   min-height: 6rem;
}

.ui-type-editor .ui-inner-read-only > span p:empty {
            min-height: 24px;
         }

.ql-toolbar.ql-snow .ql-picker-options {
      background-color: var(--white);
   }

.ql-toolbar.ql-snow .ql-fill,
   .ql-toolbar.ql-snow .ql-picker {
      color: var(--text);
      fill: var(--text);
   }

.ql-snow .ql-stroke {
   stroke: var(--text);
}

@media (max-height: 720px) {
      .ql-toolbar button {
         width: 24px !important;
         height: 20px !important;
      }
}

:is(span, a).mention {
   font-weight: 600;
   line-height: 20px;
   border-radius: 4px;
   padding: 1px 3px;
}

:is(span, a).mention:is(a):hover {
      text-decoration: underline;
   }

:is(span, a)[data-denotation-char='@'] {
   color: var(--blue-800);
   background-color: var(--blue-100);
   opacity: 0.7;
}

:is(span, a)[data-denotation-char='#'] {
   color: var(--yellow-800);
   background-color: var(--yellow-100);
}

.ql-mention-list-container {
   background-color: #f6f7ff;
   font-size: 1.6rem;
   border-radius: 4px;
   border: 1px solid var(--container-border-color);
   overflow: auto;
   z-index: 5;

   max-height: calc(100% - 40px);
}

.ql-mention-list-container .ql-mention-list-item {
      padding: 5px 10px;
   }

.ql-mention-list-container .ql-mention-list-item.selected {
         background-color: rgba(25, 118, 210, 0.08);
      }

.ql-emoji i {
      font-size: 2.0rem;
   }

.mention-item {
   display: flex;
   gap: 5px;
   align-items: center;
}

.mention-item > img {
      border-radius: 100%;
      object-fit: cover;
      height: 30px;
      width: 30px;
      margin: 0;
   }
div:is(.ui-type-dropzone, .ui-type-upload, .ui-type-file).ui-loading .ui-dropzone-text {
   visibility: hidden;
}

div:is(.ui-type-dropzone, .ui-type-upload, .ui-type-file) .ui-dropzone-content {
   border: 1px solid var(--fieldset-border-color) !important;
   background-color: var(--container-gray-background);
   border-radius: 10px;
   padding: 20px;
}

.ui-dropzone-container {
   position: relative;
   width: 100%;
}

.ui-dropzone-icon i {
   font-size: 4.2rem;
}

.ui-dropzone-placeholder {
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 25px;
   text-align: center;
}

.ui-dropzone-icon.ui-icon {
   margin: 0 !important;
}

.ui-dropzone-icon.ui-icon i {
      font-size: 3.2rem !important;
   }

.ui-dropzone-text {
   z-index: 1;
   width: 100%;
   height: 100%;

   pointer-events: none;

   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;

   gap: 10px;
}

.ui-dropzone-subtext {
   font-size: 1.2rem;
   font-weight: 400;
   line-height: 19px;
   text-align: center;
}

.ui-dropzone-button {
   margin: auto;
   width: -webkit-fit-content;
   width: fit-content;

   padding: 6px 30px;
   border-radius: 4px;
   border: 1px solid var(--fieldset-border-color);

   background-color: var(--white);

   font-size: 1.2rem;
   font-weight: 500;
   line-height: 16px;
   letter-spacing: 0em;
   text-align: center;
}

.ui-dropzone-preview {
   display: flex;
   gap: 15px;
   align-items: flex-start;
   justify-content: flex-start;
   flex-direction: row;
   flex-basis: auto;
   flex-wrap: wrap;
}

.ui-dropzone-preview-item {
   width: 100px;
   height: 100px;
}

.ui-dropzone-preview-item > img {
   width: 100px;
   height: 100%;
}

.ui-dropzone-footer:empty {
   display: none;
}

.ui-dropzone-disabled-placeholder {
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 25px;
   letter-spacing: 0em;
   text-align: center;
}

.ui-dropzone-save {
   padding-top: 15px;
}

.ui-dropzone-save .ui-type-button button {
   margin: auto;
}

.ui-dropzone-input {
   /*background-color: rgba(255, 0, 0, 0.2);*/
   opacity: 0;

   cursor: pointer;
}

.ui-dropzone-core {
   top: 0;
   position: absolute;

   width: 100%;
   height: 100%;
}

.ui-dropzone-core .ui-dropzone-input {
      width: 100%;
      height: 100%;
   }

.ui-dropzone-loaded {
   background-color: var(--white);

   position: relative;

   margin: 20px;

   border-radius: 10px;

   border: 1px solid var(--fieldset-border-color);

   padding: 15px;

   transition: background-color 0.1s ease-in-out;

   pointer-events: none;
}

.ui-dropzone-list {
   display: flex;

   grid-auto-flow: column;

   gap: 20px;

   flex-wrap: wrap;

   transition: opacity 0.3s ease-in-out;
}

.ui-dropzone-image {
   position: relative;

   display: flex;

   align-items: center;

   pointer-events: all;

   transition: background-color 0.2s ease-in-out;

   border-radius: 4px;
}

.ui-dropzone-image:not(:hover) .ui-dropzone-delete {
         display: none;
      }

.ui-dropzone-image img {
      object-fit: scale-down;

      background-position: center;
      background-color: var(--white);

      border-radius: 4px;

      width: 130px;
      aspect-ratio: 16 / 9;

      /* background-color: rgba(0, 0, 0, 0.1); */

      transition: filter 0.2s ease-in-out;
   }

.ui-dropzone-image:hover .ui-dropzone-actions > div {
         opacity: 1;
         cursor: pointer;
      }

.ui-dropzone-image:hover {

      background-color: rgba(0, 0, 0, 0.1);
}

.ui-dropzone-image:hover img {
         filter: brightness(0.95);
      }

.ui-dropzone-image:hover .ui-dropzone-actions {
         background-color: rgba(255, 255, 255, 0.4);
      }

.ui-dropzone-image .ui-dropzone-actions {
      display: flex;
      position: absolute;
      top: 0;
      right: 0;

      z-index: 2;
   }

.ui-dropzone-image .ui-dropzone-actions > div {
         opacity: 0;

         transition: all 0.2s ease-in-out;

         height: -webkit-fit-content;

         height: fit-content;

         display: flex;
      }

.ui-dropzone-image .ui-dropzone-actions > div i {
            margin: 3px 5px;
            font-size: 1.8rem;

            transition: transform 0.2s ease-in-out;

            -webkit-user-select: none;

                    user-select: none;
         }

.ui-dropzone-image .ui-dropzone-actions > div:hover i {
               transform: scale(1.1);
            }

.ui-dropzone-image .ui-dropzone-actions > div:last-child {
         border-top-right-radius: 4px;
      }

.ui-dropzone-image .ui-dropzone-actions .ui-dropzone-delete:hover {
            background-color: red;
         }

.ui-dropzone-image .ui-dropzone-actions .ui-dropzone-favorite .ui-no-label {
            display: none;
         }

.ui-dropzone-image .ui-dropzone-actions .ui-dropzone-favorite.favorite {
            opacity: 1;
            color: #ff6b6b;
         }

.ui-dropzone-image .ui-dropzone-actions .ui-dropzone-favorite.favorite.filled {
               display: block;
            }

.ui-dropzone-image .ui-dropzone-actions .ui-dropzone-favorite i {
            font-weight: 500;
         }

.ui-dropzone-image .ui-dropzone-actions .ui-dropzone-favorite:hover {
         }

.ui-dropzone-image div:is(.ui-type-dropzone, .ui-type-upload, .ui-type-file).ui-disabled input {
      pointer-events: none;
   }

.ui-dropzone-image div:is(.ui-type-dropzone, .ui-type-upload, .ui-type-file).ui-disabled .ui-dropzone-placeholder {
      padding: 20px;
   }

.ui-dropzone-footer {
   display: flex;

   flex-wrap: wrap;

   gap: 10px;

   margin-top: 20px;
}

.ui-dropzone-warning {
   position: absolute;

   display: flex;
   align-items: center;
   justify-content: center;

   width: calc(100% - 30px);
   height: calc(100% - 30px);

   font-size: 2.5rem;
   font-weight: 700;
   line-height: 25px;
   text-align: center;

   pointer-events: none;

   transition: opacity 0.3s ease-in-out;

   opacity: 0;
}

.ui-dropzone-dragover .ui-dropzone-loaded {
      background-color: #aeffd3;
   }

.ui-dropzone-dragover .ui-dropzone-image {
      pointer-events: none;
   }

.ui-dropzone-dragover.ui-dropzone-error .ui-dropzone-loaded {
         background-color: #ffaeae;
      }

.ui-dropzone-dragover.ui-dropzone-error .ui-dropzone-warning {
         opacity: 1;
      }

.ui-dropzone-dragover.ui-dropzone-error .ui-dropzone-list {
         opacity: 0;
      }

.ui-dropzone-delete {
   cursor: pointer;
}

.ui-dropzone-bottom {
   position: absolute;
   bottom: 0;
   display: flex;
   width: 100%;
}

.ui-dropzone-bottom > div {
   width: 100%;
   display: flex;
}

.ui-dropzone-right {
   justify-content: flex-end;
}

.ui-dropzone-bottom button {
   width: 30px !important;
   height: 30px !important;
}
:is(.ui-el.ui-input, .ui-type-button) {
   vertical-align: top;
}

.MuiOutlinedInput-root .Mui-disabled {
   -webkit-text-fill-color: unset !important;
}

:is(.ui-grid, .ui-type-footer, .ui-page-top-inner) :is(.ui-el.ui-input, .ui-type-button) {
   padding: 0;
}

.disabled-true {
   color: rgba(0, 0, 0, 0.38);
}

.ui-container-type-password .MuiOutlinedInput-root {
      padding-right: 0;
   }

.ui-input .MuiFormGroup-root {
   gap: 12px;
}

.ui-grid-col .ui-type-input .ui-inner {
   width: 100%;
}

.ui-type-input.ui-input-error .ui-user-data fieldset {
         border: 1px solid #d24835 !important;
      }

.ui-input.blue-label .ui-container-read-only .ui-label-class-blue-label .ui-label-inner,
.ui-read-only .ui-container-read-only .ui-label-inner.ui-label-inner-type-entity {
   color: var(--blue-text);
}

.ui-type-color.ui-type-input .ui-inner.ui-inner-type-color {
      width: unset;
      align-items: center;
      display: flex;
      aspect-ratio: 1/1;

      width: var(--button-medium);
      height: var(--button-medium);
      border: 1px solid var(--fieldset-border-color);
   }

.ui-type-color.ui-type-input .ui-inner.ui-inner-type-color:focus-within {
         border-color: #0020d2;
         outline: 1px solid #0020d2;
      }

.ui-type-color.ui-type-input .ui-inner.ui-inner-type-color {

      border-radius: 4px;
      padding: 0;
      overflow: hidden !important;
}

.ui-type-color.ui-type-input > .ui-container {
   justify-content: center;
}

.ui-type-color.ui-type-input > .ui-container > .ui-label > .ui-label-inner {
   width: -webkit-fit-content;
   width: fit-content;
   text-align: right;
}

.ui-type-color.ui-type-input input {
   outline: none;
   height: 60px;
   margin: 0px -10px;
   cursor: pointer;
}

.ui-type-color.ui-type-input.ui-label-pos-left .ui-label-right {
   display: none;
}

.ui-type-input .ui-icon i {
   font-size: 1.6rem;
}

.ui-label-layout-adornment {
   font-size: 1.2rem;
   font-weight: 600 !important;
   padding-bottom: 0 !important;
}

.ui-child-layout-adornment > .ui-el:first-child .MuiInputBase-root {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-right: 0 !important;
}

.ui-child-layout-adornment > .ui-el:first-child .MuiInputBase-root fieldset {
   border-right: 0 !important;
}

.ui-child-layout-adornment > .ui-el:last-child .MuiInputBase-root {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

.ui-child-layout-adornment > .ui-el:first-child .ui-container {
   padding-right: 0 !important;
   margin-right: 0 !important;
   width: calc(100% - 7.5px) !important;
}

.ui-child-layout-adornment > .ui-el:last-child .ui-container {
   padding-left: 0 !important;
   margin-left: 0 !important;
   width: calc(100% - 7.5px) !important;
}

.ui-type-input .ui-label {
   padding: 0px 0px 0px 0px;
   font-size: 1.2rem;
   font-weight: 600;
   flex: none;
}

.ui-type-input.ui-label-pos-right .ui-label {
   padding: 0px 5px 0px 0px;
}

.ui-input-with-button > .ui-container > .ui-inner {
   display: flex;
}

.ui-input-with-button .ui-type-button {
   max-width: 110px;
}

.ui-input-with-button .ui-type-button .ui-inner {
   padding: 0px 5px;
}

.ui-adornment .ui-type-input .ui-inner {
   padding: 0 !important;
   border-radius: 0;
}

.ui-adornment .ui-type-input fieldset {
   border-radius: 0;
}

.ui-adornment .ui-type-input:first-child fieldset {
   border-radius: 3px 0 0 3px;
   border-right-width: 0 !important;
}

.ui-adornment .ui-type-input:last-child fieldset {
   border-radius: 0 3px 3px 0;
   border-left-width: 0 !important;
}

.x-ui-label-inner {
   min-height: 18px;
}

.ui-type-input .ui-label > div {
   display: flex;
   width: 100%;
   align-items: center;
}

.ui-type-input .ui-label > .ui-icon {
   width: 40px;
}

.ui-input-adornment fieldset {
   border-radius: 4px 0px 0px 4px !important;
}

.ui-input-adornment .ui-inner {
   padding: 0;
}

.ui-input-adornment {
   width: 60% !important;
}

.ui-input-adornment svg {
   right: 2px !important;
}

.ui-input-adornment .MuiSelect-select {
   justify-content: center;
}

.ui-input-with-adornment > .ui-container > .ui-inner {
   display: flex;
}

.ui-input-adornment-div {
   display: flex;
   align-items: center;
   justify-content: center;

   font-family: DM Sans;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 20px;
   letter-spacing: 0em;
   text-align: left;

   color: #0020d2;
   background-color: #f0f1ff;
   border: 1px solid var(--fieldset-border-color);
   border-radius: 4px 0px 0px 4px;
   padding: 5px 10px;
   min-width: 50px;
}

.ui-label-pos-inner.ui-type-input > .ui-container {
   display: flex;
}

.ui-inner-type-select .MuiOutlinedInput-root .MuiSelect-select {
   border-color: var(--fieldset-border-color);
}

.ui-label-pos-inner.ui-type-input > .ui-container .ui-label-inner {
   height: calc(100% - 10px);
   display: flex;
   align-items: center;
   margin-right: -5px;
   border-radius: 3px 0px 0px 3px;
   border: 1px solid var(--fieldset-border-color);
   border-right: none;
   padding-left: 10px;
}

.ui-type-input > .ui-container > .ui-inner {
   width: 100%;
}

.ui-variant-query .MuiInputBase-input {
      background-color: var(--white);
   }

.ui-label-pos-inner.ui-type-input > .ui-container > .ui-inner .MuiFormControl-root > .MuiInputBase-root > fieldset {
   border-left: none;
   border-radius: 0px 3px 3px 0px;
}

.ui-container-add-product-vitrine .ui-type-input {
      margin: 10px 5px;
   }

.ui-container-add-product-vitrine .ui-type-input > .ui-container {
         width: 100%;
      }

.ui-inner-tipo-exibicao .ui-user-data {
      padding: 0;
   }

.ui-type-toggle:not(.ui-variant) .ui-toggle-elements {
      display: flex;
      width: 100%;
   }

.ui-type-toggle:not(.ui-variant) .ui-has-child button {
      padding: 0;
   }

.ui-type-toggle:not(.ui-variant) .ui-toggle-elements > div {
      display: flex;
      align-items: center;
   }

.ui-type-toggle:not(.ui-variant) .ui-toggle-elements > div > div {
      padding: 2px;
   }

.ui-type-toggle:not(.ui-variant) .ui-toggle-elements .ui-label {
      padding: 0;
   }

.ui-type-toggle:not(.ui-variant) .ui-toggle-elements .ui-icon {
      margin: 0;
      padding: 0;
      width: 30px;
   }

.ui-placeholder {
   color: #a8a8a8;
}

.ui-type-input:not(.ui-type-dropzone, .ui-type-upload, .ui-type-editor) img {
   width: 30px;
}

.ui-type-input > .ui-container:not(.ui-container-type-toggle) {
   margin: 7.5px;
   width: calc(100% - 15px);
}

.ui-input.ui-type-switch > .ui-container-type-switch {
   /* width: auto; */
}

.ui-type-input:not(.ui-label-pos-left) .ui-label > div > span {
   max-width: 100%;
   overflow: hidden;
   text-wrap: nowrap;
   text-overflow: ellipsis;
}

.ui-user-data .MuiSwitch-root {
      padding: 12px 5px;
   }

.ui-type-color.ui-label-pos-left .ui-label {
      margin-right: 5px;
   }

.ui-type-color.ui-label-pos-left .ui-container {
      margin-top: 29.5px;
   }

.ui-grid-filters :is(.ui-type-range, .ui-type-date, .ui-type-datetime) .MuiInputBase-root button {
      height: 36px;
   }

.ui-grid-filters :is(.ui-type-range, .ui-type-date, .ui-type-datetime) > div :is(input, button) {
      border-color: var(--container-border-color) !important;
   }

:is(.ui-type-range, .ui-type-date, .ui-type-datetime) .MuiInputBase-root button :is(i, svg) {
   fill: var(--fieldset-border-color);
}

:is(.ui-type-range, .ui-type-date, .ui-type-datetime) .MuiInputBase-root button.Mui-disabled {
   background-color: var(--background-gray-50);
   cursor: not-allowed;
   pointer-events: all;
}

:is(.ui-type-range, .ui-type-date, .ui-type-datetime) .MuiInputBase-root button.Mui-disabled :is(i, svg) {
   fill: #808080;
   opacity: 0.4;
}

:is(.ui-el-edit_dados_pf, .ui-el-edit_dados_pj) > .ui-container > .ui-label {
   padding: 5px 28px;
}

.ui-input.ui-variant-big .MuiOutlinedInput-root {
   max-height: 52px;
   height: 52px;
   padding: 8px;
}

.MuiPickersCalendarHeader-label,
.MuiDayCalendar-weekDayLabel {
   text-transform: capitalize;
}

.ui-type-select .MuiSelect-select div {
      overflow: hidden;
      text-overflow: ellipsis;
      width: calc(100% + 5px);
   }

.ui-container-type-code.ui-container-has-copy {
   position: relative;
}

.ui-container-type-code.ui-container-has-copy:hover .ui-copy-button {
         opacity: 1;
      }

.ui-container-type-code.ui-container-has-copy .ui-copy-button {
      width: 24px !important;
      top: 25px !important;
      right: 10px !important;
      z-index: 1;
   }

.ui-container-type-code.ui-container-has-copy:has(.ui-label) .ui-copy-button {
         top: 50px !important;
      }

.ui-input.ui-variant-borderless fieldset {
   border: none !important;
}

.ui-type-select .MuiInputBase-root:focus-within fieldset {
         border-color: #0020d2 !important;
      }

.ui-type-range .ui-inner {
   display: flex;
}

.ui-type-toggle {
   display: flex;
   align-items: flex-end;
}

.ui-type-slider .ui-label > div {
   text-align: center;
   align-items: center;
   justify-content: center;
   display: flex;
}

.ui-type-slider .ui-label > div,
.ui-slider-feedback {
   font-size: 1.3rem;
   font-weight: 500;
   color: var(--text) !important;
}

.ui-type-file button {
      position: relative;
      overflow: hidden;

      width: 100%;
   }

.ui-type-file button input[type='file'] {
         position: absolute;
         top: 0;
         left: -100px;
         height: 100%;

         width: calc(100% + 100px);

         cursor: pointer;
         opacity: 0;
      }

.ui-code-tools {
   border-bottom: 1px dashed var(--container-border-color);
   margin-bottom: 10px;
   padding-bottom: 5px;
}

.ui-code-tools .ui-align-left .ui-label {
   font-size: 1.5rem;
}

.ui-code-tools .ui-align-left,
.ui-code-tools .ui-align-left > .ui-container {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   text-align: center;
   vertical-align: middle;
}

.ui-code-tools .ui-align-left > .ui-container .ui-element {
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.ui-el-code_result > div {
   padding: 0 !important;
   margin: 10px 0 !important;
}

.ui-child-code_tools_right > div {
   width: auto !important;
}

.ui-child-code_tools_right .ui-container-type-button {
   align-items: flex-end !important;
   padding-bottom: 7px !important;
}

.ui-variant-query .ui-container {
      margin-right: 0 !important;
      width: 100% !important;
   }

.ui-variant-query fieldset {
      border-right-width: 0px !important;
      border-radius: 50px 0px 0px 50px;
      border-color: var(--container-border-color) !important;
   }

.ui-inner-type-map {
   border: 1px solid;
   border-radius: 5px;
   overflow: hidden;
}

.MuiAutocomplete-option {
   white-space: nowrap;
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
}

.ui-type-input > .ui-container > .ui-inner {
   display: flex;
}

.ui-user-data {
   width: 100%;
}

.ui-grid-filter-inputs .ui-user-data {
      position: relative;
   }

.ui-input .ui-part {
   display: flex;
   flex-wrap: nowrap;
   margin-right: 5px;
   margin-left: 5px;
}

.ui-input .ui-part > div {
   display: flex;
}

.ui-user-data {
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
}

.ui-user-data > span:not(.MuiSwitch-root) {
      max-width: 100%;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      padding-right: 1px;
   }

.ui-user-data .ui-lnk-label {
      color: rgb(0, 90, 172);
      text-decoration: underline;
   }

.ui-input .ui-part {
   display: flex;
   flex-wrap: nowrap;
   margin-right: 5px;
   margin-left: 5px;
}

.ui-input .ui-part > div {
   display: flex;
}

.ui-read-only.ui-has-child .ui-child:not(.ui-child-class-service-row, .ui-child-variant-row) > .ui-input.ui-read-only:not(.ui-type-editor, .ui-variant-title) {
      border-bottom: 1px solid var(--container-border-color);
      margin-bottom: -1px;
      min-height: 75px;
   }

.ui-read-only.ui-has-child .ui-child:not(.ui-child-class-service-row, .ui-child-variant-row) > .ui-input.ui-read-only:not(.ui-type-editor, .ui-variant-title) > .ui-container {
         margin-top: 10px;
         margin-bottom: 10px;
      }

.ui-read-only.ui-has-child .ui-child:not(.ui-child-class-service-row, .ui-child-variant-row) > .ui-input.ui-read-only:not(.ui-type-editor, .ui-variant-title) > .ui-container > .ui-label span {
               color: var(--blue-text);
            }

.ui-read-only.ui-type-switch {
   padding: 0;
}

.ui-read-only.ui-type-switch .ui-label {
      padding: 0;
   }

.ui-read-only.ui-type-switch .ui-container-type-switch {
      padding-top: 0;
      background-color: unset;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
   }

/* margin: 0; */

.ui-read-only.ui-type-switch .ui-container-type-switch .ui-label span {
            color: var(--blue-text);
         }

.ui-inner-vitrineAutomatica .ui-user-data .MuiFormGroup-root.MuiRadioGroup-root {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
      }

.ui-inner-vitrineAutomatica .ui-user-data .MuiFormGroup-root.MuiRadioGroup-root > div {
            width: calc(50% - 12px);
            margin-bottom: 10px;
         }

.ui-inner-vitrineAutomatica .ui-user-data .MuiFormGroup-root.MuiRadioGroup-root > div .MuiFormControlLabel-root {
               display: flex;
               height: auto !important;
               min-height: 60px;
            }

.ui-type-input .ui-user-data > div {
      width: 100%;
   }

.ui-type-input .ui-label-inner:not(.ui-label-left-switch) {
      line-height: 25px;
   }

.ui-date-ranger-area {
   position: fixed;
   width: auto !important;
   z-index: 9999;
   top: 0;
}

.ui-type-range .MuiGrid-root.MuiGrid-container.MuiGrid-wrap-xs-nowrap {
   margin: 10px;
   width: auto;
   gap: 5px;
}

.ui-label-inner .ui-input .ui-container {
   margin: 0 7.5px;
}

.ui-entity-area {
   display: flex;
   /* background: red; */
   max-width: 100%;
}

.ui-entity-area .ui-entity-select {
      width: 100%;
   }

.ui-entity-area .ui-entity-select fieldset {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
      }

.ui-entity-area .ui-entity-act span.entity_action button {
            height: var(--button-medium);
            width: var(--button-medium);
            border: 0.5px solid var(--fieldset-border-color);
            background-color: var(--background-iris-200);
            border-radius: 0;
         }

.ui-entity-area .ui-entity-act span.entity_action button:hover {
               background-color: var(--background-iris-400);
            }

.ui-entity-area .ui-entity-act span.entity_action button:disabled {
               border-top: 1px solid var(--fieldset-border-color-disabled);
               border-right: 1px solid var(--fieldset-border-color-disabled);
               border-bottom: 1px solid var(--fieldset-border-color-disabled);
            }

.ui-entity-area .ui-entity-act span.entity_action button:disabled :is(i, svg) {
                  fill: #808080;
                  opacity: 0.4;
               }

.ui-entity-area .ui-entity-act span.entity_action button {
            border-left-width: 0.5px !important;
         }

.ui-entity-area .ui-entity-act span.entity_action:last-child button {
               border-radius: 0px 4px 4px 0px !important;
            }

.ui-entity-area {

   height: -webkit-fit-content;

   height: fit-content;
}

.ui-inner-disable-data-cadastro-prod .MuiInputBase-root input {
         cursor: default !important;
         border: none;
         padding: 0;
         opacity: 1;
         color: rgba(0, 0, 0, 0.87);
         -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
         height: 16px;
      }

.ui-inner-disable-data-cadastro-prod .MuiInputBase-root .MuiInputAdornment-root {
         display: none;
      }

.ui-container-type-editor .ui-error-message {
      padding-left: 20px;
   }

svg.MuiSvgIcon-root {
   color: var(--text);
}

.ui-inner-tipo-exibicao.ui-inner-type-select {
   width: 100%;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset !important;
   -webkit-text-fill-color: var(--text) !important;
   -webkit-transition: background-color 5000s ease-in-out 0s !important;
   transition: background-color 5000s ease-in-out 0s !important;
   caret-color: black;
}

.MuiInputBase-input {
   caret-color: black !important;
}

.ui-password-meter .ui-container-type-password .ui-inner-type-password {
         flex-direction: column;
      }

.password-strength-meter {
   display: flex;
   flex: none;
   height: 0.5rem;
   background-color: lightgrey;
   border-radius: 3px;
   margin: 1.5rem 0 0.5rem;
}

.ui-option-icon {
   margin-right: 10px;
   overflow: hidden;
}

.MuiDayCalendar-root :is(button, span) {
   color: var(--text);
   font-size: 1.3rem;
   border-color: var(--fieldset-border-color) !important;
}

.ui-v2 .ui-inner-type-editor > .ql-editor,
.ui-type-editor.ql-editor {
   padding: 0;
}

.ui-type-range .MuiPaper-root > .MuiGrid-root {
         font-size: 1.3rem;
         gap: 0 !important;
         margin: 0 !important;
      }

/* background-color: red; */

.ui-type-range .MuiPaper-root > .MuiGrid-root p,
         .ui-type-range .MuiPaper-root > .MuiGrid-root span,
         .ui-type-range .MuiPaper-root > .MuiGrid-root .MuiSelect-select {
            color: var(--text);
            font-size: 1.3rem;
         }

.ui-type-range .MuiPaper-root > .MuiGrid-root button:disabled p {
               color: var(--gray-text);
            }

.ui-type-range .MuiPaper-root > .MuiGrid-root:first-child {
            background-color: var(--white);
         }

.ui-type-range .MuiPaper-root .MuiGrid-root:last-child > .MuiGrid-root:last-child {
            background-color: var(--container-gray-background);
         }

.ui-type-range .MuiPaper-root .MuiGrid-root:last-child .MuiGrid-root > .MuiGrid-root:first-child {
               background-color: var(--white);
            }

.ui-type-range .MuiPaper-root .MuiGrid-root:last-child .MuiGrid-root .MuiGrid-root > .MuiPaper-root {
                  border-color: var(--container-border-color);
               }

.ui-type-range .MuiPaper-root .MuiGrid-root:last-child .MuiGrid-root .MuiGrid-root > .MuiPaper-root > .MuiGrid-root {
                     border-radius: 4px;
                  }

.ui-type-range .MuiPaper-root .MuiGrid-root:last-child .MuiGrid-root .MuiGrid-root .MuiGrid-root.MuiGrid-container {
                  background-color: var(--white);
               }

.ui-type-input.ui-type-file:not(.ui-el-interacao_anexos) button {
      background-color: var(--blue-400);
      color: var(--white);
   }

.ui-type-input.ui-type-file:not(.ui-el-interacao_anexos) button:hover,
      .ui-type-input.ui-type-file:not(.ui-el-interacao_anexos) button:focus {
         background-color: var(--blue-500);
      }

.ui-input.ui-disabled.ui-type-switch > .ui-container > .ui-inner {
      border-color: var(--fieldset-border-color-disabled);
      background-color: var(--fieldset-background-disabled);
   }

.ui-input.ui-disabled div.Mui-disabled *, .ui-input.ui-disabled .ui-container-type-switch *, .ui-input.ui-disabled .ui-container-type-checkbox *, .ui-input.ui-disabled button * {
         cursor: not-allowed;
      }

.ui-input.ui-disabled div.Mui-disabled,
   .ui-input.ui-disabled .ui-container-type-switch,
   .ui-input.ui-disabled .ui-container-type-checkbox,
   .ui-input.ui-disabled button {
      cursor: not-allowed;
      pointer-events: auto;
      background-color: var(--fieldset-background-disabled);
}

.ui-input.ui-disabled textarea {
      overflow: auto !important;
   }

.ui-input.ui-disabled *::placeholder {
      opacity: 1;
   }

.ui-input.ui-disabled:is(.ui-type-range, .ui-type-date, .ui-type-datetime) button,
      .ui-input.ui-disabled:is(.ui-type-range, .ui-type-date, .ui-type-datetime) fieldset {
         border-color: var(--fieldset-border-color-disabled);
      }

.ui-input.ui-disabled:is(.ui-type-range, .ui-type-date, .ui-type-datetime) button {
         background-color: var(--fieldset-background-disabled);
      }

.ui-input.ui-disabled .ui-user-data .Mui-disabled fieldset,
   .ui-input.ui-disabled .ui-entity-area .ui-entity-act button:disabled {
      border-color: var(--fieldset-border-color-disabled);
   }

.ui-input.ui-disabled .ui-entity-area .ui-entity-act button:disabled {
      background-color: var(--fieldset-background-disabled);
   }

.ui-input.ui-disabled:is(.ui-type-switch, .ui-type-checkbox) .MuiSwitch-root .MuiSwitch-thumb {
            color: #808080;
         }

.ui-input.ui-disabled:is(.ui-type-switch, .ui-type-checkbox) .MuiSwitch-root span.MuiSwitch-track {
            /* background-color: red; */
            opacity: 0.8;
         }

.ui-input .MuiInputBase-input {
      border-radius: 4px;
   }

.ui-input .MuiInputBase-root {
      background-color: var(--white);
   }

.ui-input.ui-error .MuiInputBase-root {
      background-color: var(--background-red-50);
   }

:is(.ui-type-range, .ui-type-date, .ui-type-datetime) .MuiOutlinedInput-root {
      padding-right: 0;
   }

:is(.ui-type-range, .ui-type-date, .ui-type-datetime) .MuiIconButton-edgeEnd {
      border-radius: 0 4px 4px 0;
      border-left: 1px solid var(--fieldset-border-color);
      padding: 6px;
      height: 36px;
   }

:is(.ui-type-range, .ui-type-date, .ui-type-datetime) .MuiIconButton-edgeEnd:hover {
         background-color: var(--background-lead-500);
      }

:is(.ui-type-range, .ui-type-date, .ui-type-datetime) .MuiIconButton-edgeEnd {

      background-color: var(--background-iris-200);
}

.ui-type-file.ui-disabled button {
      /* filter: grayscale(1); */
      background-color: #c5c5c5 !important;
   }

.ui-type-file.ui-disabled * {
      cursor: not-allowed !important;
   }

.ui-label-pos-right.ui-type-switch .ui-label {
   padding-left: 10px;
}

.ui-child-class-toggle-align .ui-container-type-toggle .ui-inner .MuiToggleButtonGroup-root {
            justify-content: flex-start;
         }

.ui-entity-act.ui-entity-hub {
   display: flex;
}

.ui-entity-act.ui-entity-hub > button {
      width: 35px;
   }

.ui-entity-act.ui-entity-hub > button:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
   }

@media (prefers-color-scheme: dark) {
         body[data-theme='dark'] .ui-input input::placeholder,
         body[data-theme='dark'] .ui-input textarea::placeholder {
            color: var(--gray-text);
         }
}

.ui-constant-adornment {
   height: -webkit-fit-content;
   height: fit-content;
   line-height: 0;
}

.ui-constant-adornment button {
      padding: 1px;

      border-radius: 4px;

      transition: all 0.2s ease-in-out;
   }

.ui-constant-adornment button:not(:disabled):hover {
         cursor: pointer;
         background-color: var(--blue-100);
      }

.ui-constant-adornment button:not(:disabled):hover:active {
            background-color: var(--blue-300);
         }

.ui-constant-adornment button:disabled {
         color: var(--gray-200);
      }

.ui-constant-adornment button i {
         font-size: 2rem !important;
         transform: translateY(1px);
      }

.ui-input.ui-variant-title .ui-user-data,
   .ui-input.ui-variant-title input {
      color: var(--blue-text);
      font-weight: 600;
      font-size: 1.8rem;
   }

.ui-hub-popper {
   z-index: 9999; /* Garante que o popper fique acima de outros elementos */
   width: 100%;
}

.ui-hub-popper .MuiAutocomplete-listbox {
      display: block;
      max-height: 220px;
      overflow-y: auto;
   }

.ui-hub-popper .MuiAutocomplete-listbox .MuiAutocomplete-option {
         font-size: 0.875rem;
         display: inline-block;
         width: 100%;
         padding: 5px 10px;
         overflow: hidden !important;
         text-overflow: ellipsis !important;
         white-space: nowrap;
         margin-bottom: -3px;
      }

.ui-mentions-menu {
   position: fixed;
   background-color: var(--background-lead-300);

   overflow: hidden;
   z-index: 5;
}

.ui-mentions-menu li {
      cursor: pointer;
      padding: 5px 10px;
      font-size: 1.4rem;

      display: flex;
      align-items: center;
   }

.ui-mentions-menu li.ui-mentions-li-selected {
      background-color: var(--background-blue-100);
      outline: none;
   }

.ui-mentions-menu {

   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.ui-mentions-menu .ui-mentions-ul {
      height: auto;
   }

.ui-inner-pontos-retirada-first-tipo-logradouro .ui-element-type-select {
      height: 3.9rem;
   }

/** Não remover **/

.ui-input textarea.MuiInputBase-input {
   overflow: initial !important;
}

.notistack-SnackbarContainer:has(.infinity) {
   z-index: 2147483647 !important;
}

.ui-editor-fullscreen {
   position: fixed !important;
   top: 0 !important;
   left: 0 !important;
   width: 100dvw !important;
   height: 100dvh !important;
   z-index: 9999;
}
.ui-type-stacker > .ui-container {
   margin: 10px;
   display: flex;
   align-items: center;

   flex-direction: column;
}

.ui-stacker-main-buttons {
   background-color: var(--container-gray-background);
   border-radius: 10px;
   border: 1px solid var(--container-border-color);
   width: -webkit-fit-content;
   width: fit-content;
   padding: 15px;
   height: 100%;
}

.ui-stacker-main-buttons .ui-stacker-buttons-label {
   text-align: center;
   font-size: 1.2rem;
   font-weight: 700;
   padding-bottom: 8px;
}

.ui-stacker-main-buttons:not(.ui-stacker-extra-container) .ui-stacker-buttons-container {
   padding-top: 8px;
   display: flex;
   justify-content: space-between;
}

.ui-stacker-main-buttons .ui-stacker-buttons-container .ui-type-button {
   margin: 0px 5px;
}

.ui-type-stacker {
   width: calc(100% - 20px);
}

.ui-stacker-extra-container {
   margin-left: 12px;
}

.ui-type-stacker > .ui-container > .ui-label > .ui-label {
   font-weight: 600;
   font-size: 1.4rem;
   padding: 5px 10px;
}

.stacker-button-active .ui-btn-shadow button {
   opacity: 1;
   border: none;
   background-color: #dbdcff !important;
}

.stacker-button-active .ui-btn-shadow {
   padding: 2px;
}

.stacker-button-active .ui-btn-shadow:active {
   padding: 3px 2px 1px 2px;
}

.ui-stacker-top {
   display: flex;
}

.ui-stacker-content {
   display: flex;
}

.ui-stacker-switches {
   width: 100%;
   display: flex;
   justify-content: center;
   margin: 15px;
}

.ui-stacker-switches > div {
   width: -webkit-fit-content !important;
   width: fit-content !important;
   margin-right: 40px;
}

.ui-stacker-content .ui-type-radio {
   background-color: var(--container-gray-background);
   border: 1px solid #dad9da;
   border-radius: 4px;
   padding: 15px 10px;
}

.ui-stacker-content .ui-type-radio .ui-label {
   display: flex;
   justify-content: center;
}

.ui-stacker-content .ui-inner {
   padding: 0;
}

.ui-stacker-content .ui-type-adder > .ui-container {
   margin: 0;
   background-color: var(--container-gray-background);
}

.ui-stacker-content > div {
   margin: 0px 8px !important;
   max-height: 100%;
}

.ui-stacker-content > div > .ui-container {
   min-height: 100%;
   height: 100%;
}

.ui-stacker-content .MuiTypography-root {
   font-size: 1.2rem;
   font-weight: 400;
   line-height: 16px;
}

.ui-stacker-content .ui-type-radio .ui-inner > div > div {
   display: flex;
   flex-direction: row;
   justify-content: center;
   margin-top: 10px;
}

.ui-stacker-content .ui-type-dropzone .MuiDropzoneArea-root {
   background-color: var(--container-gray-background);
   min-width: 500px;
   min-height: unset !important;
   border: 1px solid #dad9da !important;
   border-radius: 4px;
}

.ui-stacker-content .ui-type-dropzone .ui-dropzone-button {
   top: 5px !important;
}

.ui-stacker-content .ui-type-dropzone .dropzone-withButton .dropzone-empty .MuiDropzoneArea-root {
   padding-top: 10px;
}

.ui-stacker-content .ui-type-dropzone .dropzone-withButton .ui-dropzone-subtext {
   top: 60px;
   font-size: 1.0rem;
   font-weight: 400;
   line-height: 14px;
   letter-spacing: 0em;
   text-align: center;
}

.ui-stacker-content.switches-content {
   flex-wrap: wrap;
}

.ui-stacker-content.switches-content .dropzone-subtext {
   font-size: 1.0rem;
   font-weight: 400;
   line-height: 14px;
   letter-spacing: 0em;
   text-align: center;

   margin-top: 0;
}

.ui-stacker-content.switches-content .dropzone-placeholder {
   font-size: 1.4rem;
   font-weight: 700;
   line-height: 25px;
   text-align: center;

   margin-top: 0;
}

.ui-stacker-content.switches-content .dropzone-fake-button {
   margin-top: 0;
   padding: 2px 30px;
}

.ui-stacker-content.switches-content .dropzone-container img {
   object-fit: contain;
}

.ui-stacker-content.switches-content .dropzone-front {
   padding-top: 10px;
}

.ui-stacker-content.switches-content > div {
   flex-shrink: 0;
   width: 100%;
}

.switches-content > .ui-type-card > .ui-child {
   background-color: var(--container-gray-background);
   border: 1px solid #dad9da;
   border-radius: 4px;
   padding: 25px 20px;
   flex-wrap: nowrap;
   min-width: 580px;
}

.switches-content > .ui-type-card > .ui-child > .ui-type-input {
   margin-right: 15px;
   max-width: 140px;
}

.switches-content > .ui-type-card > .ui-child > .ui-type-input input {
   background-color: white;
}

.flex-child > .ui-child {
   display: flex;
   flex-wrap: nowrap;
}

.flex-child span {
   display: block;
}

.ui-stacker-content.switches-content {
   align-items: center;
}

.ui-stacker-content.switches-content > div {
   margin: 7px !important;
   flex-basis: max-content;
}

.switches-content > .ui-type-card.column > .ui-child {
   flex-direction: column;
   padding: 0px 15px;
   padding-bottom: 30px;
}

.switches-content > .ui-type-card.column > .ui-child .ui-type-input {
   max-width: 110px;
   margin: 0px 10px;
}

.switches-content > .ui-type-card.column > .ui-child .ui-type-input input {
   background-color: white;
}

.switches-content > .ui-type-card.column .flex-child > .ui-child {
   justify-content: center;
}

.card-estoque-label {
   text-align: center;
   width: 100%;

   font-size: 1.2rem;
   font-weight: 700;
   line-height: 25px;

   margin-top: 5px;
   margin-bottom: 10px;
}

.card-estoque {
   margin: -24px 0px 2px 0px;
}

.card-estoque > .ui-child {
   justify-content: center;
}

.card-estoque .ui-type-input {
   max-width: 100px;
}

.card-estoque .ui-type-input input {
   background-color: white;
}

.ui-stacker-content .ui-type-dropzone .MuiGrid-item img {
   width: 33px;
   height: 33px;
}

.ui-stacker-content {
   width: 100%;
   flex-wrap: wrap;
}

.ui-stacker-content > div {
   flex-basis: max-content;
   margin: 5px !important;
}

.ui-stacker-content .ui-type-dropzone .MuiGrid-item .MuiDropzonePreviewList-removeButton {
   width: 10px;
   height: 10px;
   min-height: 20px;
   min-width: 20px;
}

.ui-stacker-content .ui-type-dropzone .MuiGrid-item svg {
   font-size: 1.4rem;
}

.ui-stacker-content .ui-type-dropzone .MuiDropzonePreviewList-imageContainer {
   padding: 10px !important;
}

.stacker-fadein {
   animation: fadein 0.5s forwards;
}

.stacker-fadeout {
   animation: fadeout 1s forwards;
}

@keyframes fadein {
   from {
      opacity: 0;
   }
   to {
      opacity: 1;
   }
}

@keyframes fadeout {
   0% {
      opacity: 1;
   }
   25% {
      opacity: 0;
      visibility: hidden;
   }
   100% {
      position: absolute;
      visibility: hidden;
      pointer-events: none;
   }
}
.ui-type-adder > .ui-container {
   margin: 10px;
   border-radius: 4px;
   border: 1px solid #dad9da;
   background-color: var(--container-gray-background);
   padding: 7px 15px;
}

.ui-type-adder input {
   background-color: white;
}

.ui-type-adder {
   max-width: 100% !important;
   flex-shrink: 0;
}

.ui-adder-direction-column .adder-container {
   flex-direction: column;
}

.ui-adder-direction-column .adder-content {
   margin-top: 10px;
}

.adder-value {
   overflow: hidden;
   flex-shrink: 0;
}

.ui-type-adder > .ui-container > .ui-label {
   font-size: 1.2rem;
   font-weight: 700;
   text-align: center;

   line-height: 16px;

   display: flex;
   align-items: center;
   justify-content: center;
}

.ui-type-adder > .ui-container > .ui-label > .ui-label {
   padding: 0 5px;
   display: flex;
   align-items: center;
}

.ui-type-adder > .ui-container > .ui-label > .ui-icon {
   height: 16px;
   display: flex;
   align-items: center;
}

.ui-type-adder > .ui-container > .ui-label i {
   font-size: 1.6rem;
}

.add-button {
   width: 40px;
   height: 40px;
   margin-left: 5px;
}

.add-button .ui-btn-shadow {
   width: 40px;
   height: 40px;
   border-radius: 8px;
}

.add-button .ui-btn-shadow button {
   min-width: unset;
   border-radius: 8px;
}

.add-button i {
   font-weight: 1000;
   font-size: 2.1rem;
}

.input-adder-container {
   display: flex;
   align-items: center;
   margin: auto;
}

.adder-container {
   display: flex;
}

.adder-content {
   display: flex;
   margin-left: 5px;
   flex-wrap: wrap;
}

.ui-type-adder.ui-format-color .input-adder-container {
   height: 40px;
   width: 50px;
}

.adder-value {
   height: 40px;
   min-width: 40px;
   border-radius: 4px;
   background-color: #f0f1ff;

   margin: 2px 5px;
   padding: 5px;

   display: flex;
   align-items: center;
   justify-content: center;

   font-size: 1.5rem;
   font-weight: 700;
   line-height: 20px;
}

.ui-type-adder > .ui-container {
   margin: 10px;
   border: 1px solid var(--container-border-color);
   background-color: white;
}

.ui-type-adder > .ui-container > .ui-label {
   font-size: 1.2rem;
   font-weight: 700;
   text-align: center;
   padding: 12px;
   line-height: 16px;

   display: flex;
   align-items: center;
}

.ui-type-adder > .ui-container > .ui-label > .ui-label {
   padding: 0 5px;
   display: flex;
   align-items: center;
}

.ui-type-adder > .ui-container > .ui-label > .ui-icon {
   height: 16px;
   display: flex;
   align-items: center;
}

.ui-type-adder > .ui-container > .ui-label i {
   font-size: 1.6rem;
}

.ui-type-adder .ui-type-color {
   min-width: 45px;
   min-height: 45px;
}

.ui-type-adder .ui-label i {
   margin-right: 0;
}

.ui-type-adder .adder-content {
   flex-wrap: nowrap;
}
.azul {
   background-color: #609af8;
   color: #609af8;
}

.azul-claro {
   background-color: #d0e1fd;
   color: #d0e1fd;
}

.azul-escuro {
   background-color: #204887;
   color: #204887;
}

.verde {
   background-color: #4cd07d;
   color: #4cd07d;
}

.verde-claro {
   background-color: #caf1d8;
   color: #caf1d8;
}

.verde-escuro {
   background-color: #136c34;
   color: #136c34;
}

.amarelo {
   background-color: #eec137;
   color: #eec137;
}

.amarelo-claro {
   background-color: #faedc4;
   color: #faedc4;
}

.amarelo-escuro {
   background-color: #816204;
   color: #816204;
}

.ciano {
   background-color: #35c4dc;
   color: #35c4dc;
}

.ciano-claro {
   background-color: #c3edf5;
   color: #c3edf5;
}

.ciano-escuro {
   background-color: #036475;
   color: #036475;
}

.rosa {
   background-color: #f06bac;
   color: #f06bac;
}

.rosa-claro {
   background-color: #fad3e7;
   color: #fad3e7;
}

.rosa-escuro {
   background-color: #822854;
   color: #822854;
}

.anil {
   background-color: #8183f4;
   color: #8183f4;
}

.anil-claro {
   background-color: #dadafc;
   color: #dadafc;
}

.anil-escuro {
   background-color: #363885;
   color: #363885;
}

.laranja {
   background-color: #fa8e42;
   color: #fa8e42;
}

.laranja-claro {
   background-color: #feddc7;
   color: #feddc7;
}

.laranja-escuro {
   background-color: #893f0c;
   color: #893f0c;
}

.roxo {
   background-color: #b975f9;
   color: #b975f9;
}

.roxo-claro {
   background-color: #ead6fd;
   color: #ead6fd;
}

.roxo-escuro {
   background-color: #5c2f88;
   color: #5c2f88;
}

.vermelho {
   background-color: #ff3d32;
   color: #ff3d32;
}

.vermelho-claro {
   background-color: #ffd0ce;
   color: #ffd0ce;
}

.vermelho-escuro {
   background-color: #8c221c;
   color: #8c221c;
}

.cinza {
   background-color: #9ca3af;
   color: #9ca3af;
}

.cinza-claro {
   background-color: #e5e7eb;
   color: #e5e7eb;
}

.cinza-escuro {
   background-color: #374151;
   color: #374151;
}

.preto {
   background-color: #000000;
   color: #000000;
}

.marrom {
   background-color: #9c6644;
   color: #9c6644;
}

.marrom-claro {
   background-color: #dfb793;
   color: #dfb793;
}

.marrom-escuro {
   background-color: #7e553a;
   color: #7e553a;
}

.branco {
   background-color: #ffffff;
   color: #ffffff;
}
.color-display {
   min-width: 40px;
   min-height: 40px;
   cursor: pointer;
   transition: all 0.1s ease-out;
}

.color-display:hover {
   transform: scale(1.3);
   border-radius: 4px;
}

.color-display.selected {
   transform: scale(1.2);
   border: 2px solid black;
   border-radius: 4px;
}

.ui-type-colorpicker {
   width: 300px;
}

.ui-type-colorpicker > .ui-container {
   padding: 10px;
}

.colors-container {
   margin: 10px;
   display: grid;
   grid-template-columns: repeat(6, minmax(0%, 1fr));
}

.ui-type-colorpicker .ui-type-input {
   margin: 0px 5px;
   width: calc(100% - 10px) !important;
}

.ui-type-colorpicker .add-button .ui-btn-shadow {
   height: 40px !important;
}
.client-photo,
.client-level {
   width: 50px;
   height: 50px;
   margin: 5px 15px 5px 0px;
}

.ui-el-card-client {
   width: 100%;
}

.client-id {
   font-style: italic;
   margin-bottom: 10px;
}

.client-rg,
.client-cpf {
   margin: 5px 0px;
}

.ui-type-clientCard .ui-grid {
   padding: 10px 20px 10px 20px;
}

.ui-type-clientCard .ui-grid .ui-grid-area,
.ui-type-clientCard .ui-grid .ui-grid-area span {
   padding: 0px;
}

.status-shipping-wrapper {
   width: 100%;
}

.ui-type-clientCard .ui-grid .ui-grid-col {
   min-height: 28px !important;
}

.list-address .ui-column {
   white-space: normal;
}

.ui-type-clientCard .ui-slider {
   padding: 0px 20px;
   min-height: 63px;
   display: flex;
   align-items: center;
   justify-content: center;
   column-gap: 5px;
}

.ui-type-clientCard .ui-type-carousel {
   height: 80px;

   font-size: 1.2rem;
   font-weight: 700;
   line-height: 16px;
   letter-spacing: 0em;
   color: blue;

   align-self: flex-start;
}

.ui-type-clientCard .ui-type-carousel .ui-label {
   padding: 0;
}

.ui-type-clientCard .ui-type-group > .ui-container > .ui-child {
   justify-content: flex-end;
}

@media (max-width: 1400px) {
   .ui-type-clientCard .ui-type-output > .ui-container > .ui-child,
   .ui-type-clientCard .ui-type-output > .ui-container > .ui-inner,
   .ui-type-clientCard .ui-type-output {
      display: contents !important;
   }

   .ui-type-clientCard .ui-type-output > .ui-container {
      display: flex;
      flex-direction: column;
      width: 100%;
      border-radius: 0 !important;
   }
}
.ui-type-productCard .group-border>.ui-container {
      border: 1px solid var(--container-border-color);
      border-radius: 10px;
      margin: 10px;

      background-color: var(--container-gray-background);
   }
   .ui-type-productCard .group-border>.ui-container>.ui-child {
      border-radius: 10px;
      padding: 10px;
   }
   .ui-type-productCard .ui-el-produto-precos {
      display: flex;
      align-items: flex-end;
   }
   .ui-type-productCard .ui-el-produto-descricao>.ui-container>.ui-child {
      height: 100%;
   }
   .ui-type-productCard .ui-el-produto-precos .ui-child {
      display: flex;
      flex-direction: column;
   }
   .ui-type-productCard .ui-el-produto-principal>.ui-container,
   .ui-type-productCard .ui-el-produto-detalhamento>.ui-container {
      margin: 10px;
   }
   .ui-type-productCard >.ui-container {
      border-radius: 9px;
      border: 1px solid var(--container-border-color);
      background-color: #fff;
      min-height: unset;
      margin: 10px;
   }
   .ui-type-productCard .ui-type-carousel>.ui-container {
      margin-right: 10px;
   }
   .ui-type-productCard .ui-type-carousel>.ui-container>.ui-carousel-main {
      width: 100%;
   }
   .ui-type-productCard >.ui-container>.ui-inner {
      padding: 10px;
   }
   .ui-type-productCard >.ui-container>.ui-label {
      padding: 6px 25px;
      line-height: 1.25;
      border-bottom: 1px solid var(--container-border-color);
      min-height: 46px;
      width: 100%;

      font-weight: 500;
      font-size: 1.4rem;

      background-color: #fff;

      border-radius: 10px 10px 0px 0px;
   }
   .ui-type-productCard >.ui-container>.ui-label i {
      font-size: 2.4rem;
      margin-top: 2px;
   }
   .ui-type-productCard >.ui-container>.ui-label>.ui-icon {
      line-height: 0;
   }
   .ui-type-productCard .ui-el-produto-descricao>.ui-child {
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
   }
   .ui-type-productCard .ui-el-produto-entidades>.ui-child>.ui-type-output {
      background-color: #ffffff;
   }
   .ui-type-productCard .ui-el-produto-nome {
      margin-top: 5px;
   }
   .ui-type-productCard .ui-el-produto-nome span {
      font-size: 1.6rem;
      font-weight: 700;
      color: #0020d2;
      line-height: 18px;
   }
   .ui-type-productCard .ui-label-pos-left .ui-label {
      padding: 0px;
      margin-right: 5px;
   }
   .ui-type-productCard .ui-el-produto-codigo .ui-label {
      font-weight: 500;
   }
   .ui-type-productCard .ui-el-produto-codigo .ui-type-output .ui-inner {
      font-weight: 600;
   }
   .ui-type-productCard .ui-el-produto-codigo>.ui-child {
      gap: 10px;
   }
   .ui-type-productCard .ui-el-produto-precos>.ui-child {
      flex-direction: column;
   }
   .ui-type-productCard .ui-el-produto-precos .ui-label span {
      font-size: 1.2rem;
      font-weight: 600;
   }
   .ui-type-productCard .ui-el-produto-custo span {
      font-size: 1.2rem;
      font-weight: 500;
   }
   .ui-type-productCard .ui-el-produto-venda .ui-inner span {
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 21px;
      letter-spacing: 0em;
      text-align: left;
      color: #0020d2;
   }
   .ui-type-productCard .ui-el-produto-venda .ui-container {
      align-items: baseline;
   }
   .ui-type-productCard .ui-el-produto-entidades>.ui-container>.ui-child {
      gap: 15px;
   }
   .ui-type-productCard .ui-el-produto-descricao>.ui-container {
      height: 100%;
      margin: 0;
   }
   .ui-type-productCard .ui-el-produto-entidades .ui-type-output {
      border: 1px solid #d6d6d6;
      border-radius: 4px;

      background-color: white;
   }
   .ui-type-productCard .ui-el-produto-entidades .ui-type-output>.ui-container {
      margin: 7px 12px;
   }
   .ui-type-productCard .ui-el-produto-entidades .ui-type-output .ui-inner,
   .ui-type-productCard .ui-el-produto-canais .ui-inner {
      font-weight: 600;
   }
   .ui-type-productCard .ui-el-produto-detalhamento .ui-label {
      color: #0020d2;
   }
   .ui-type-productCard .ui-el-produto-canais {
      border-top: 1px solid var(--container-border-color);
      margin-top: 12px;
      padding: 12px 0px;
      width: 100%;
   }
   .ui-type-productCard .ui-carousel-container {
      width: 100%;
   }
   .ui-type-productCard .ui-carousel-list {
      width: calc(100% - 55px);
   }
   .ui-type-productCard .ui-carousel-container img {
      width: 35px !important;
      height: 35px !important;
   }
   .ui-type-productCard .ui-carousel-main img {
      position: unset;
      aspect-ratio: 4/3;
      object-fit: contain;
   }
   .ui-type-productCard .ui-carousel-main {
      padding-bottom: 0;
      height: 100%;
   }
   .ui-type-productCard .ui-carousel-container .ui-carousel-miniature {
      width: calc(100% / 4);
      margin: 5px 0px;
      min-width: 35px;
   }
   .ui-type-productCard .ui-el-produto-fotos {
      min-height: 205px;
   }
   .ui-type-productCard .ui-el-produto-detalhamento {
      margin-top: 20px;
      font-size: 1.2rem;
   }
   .ui-type-productCard .ui-el-produto-codigo>.ui-container>.ui-child {
      gap: 10px;
   }.status-order-details .ui-child-type-card > .ui-type-output > .ui-container img {
               margin-right: 10px;
            }
            .status-order-details .ui-child-type-card > .ui-type-output > .ui-container {
            margin: 7.5px;
}
            .status-order-details .ui-child-type-card > .ui-type-output > .ui-container .ui-inner {
               padding: 0;
            }
   .status-order-details .ui-label {
      padding: 0;
   }

.pedidos-integracoes button i {
      color: var(--blue-500) !important;
   }

@media (max-width: 1400px) {
   .order-details-parent {
      flex-wrap: wrap;
   }
      .order-details-parent > div.ui-space-6 {
         width: 100% !important;
      }
}

.order-payment-head > .ui-container > .ui-child {
         flex-wrap: nowrap;
         align-items: center;
      }

.order-payment-head > .ui-container > .ui-child .order-details-image-payment img {
            margin-right: 0.7rem;
            width: 6.5rem;
            height: 4.2rem;
            background: #fff;
            border: 1px solid #cdcdcd;
            border-radius: 0.4rem;
            object-fit: scale-down;
            padding: 0.5rem;
         }

.order-payment-head {
   margin-bottom: 5px;
}

.order-details-line2-payment-value > .ui-container > .ui-label {
         padding: 0;
         /* color: var(--text); */
         font-weight: 600;
      }

.ui-dialog-ajustar .ui-child-buttons {
      justify-content: space-between;
   }

.ui-el-order-main-info > .ui-container {
   margin-left: 10px;
}

.ui-el-order-main-info > .ui-container > .ui-child {
   align-items: center;
}

.ui-type-output.ui-variant-table > .ui-container {
      margin: 10px;
   }

.ui-type-output.ui-variant-table > .ui-container > .ui-label {
         padding: 5px 30px;
         font-size: 1.6rem;
         font-weight: 700;
         border-bottom: 1px solid var(--container-border-color);
      }

.ui-type-output.ui-variant-table > .ui-container > .ui-child {
         display: flex;
         flex-direction: column;
      }

.ui-type-output.ui-variant-table > .ui-container > .ui-child > .ui-type-output {
            height: 30px;
         }

.ui-type-output.ui-variant-table > .ui-container > .ui-child > .ui-type-output:not(:last-child) {
               border-bottom: 1px solid var(--container-border-color);
            }

.ui-type-output.ui-variant-table > .ui-container > .ui-child > .ui-type-output {

            white-space: nowrap;
}

.ui-type-output.ui-variant-table > .ui-container > .ui-child > .ui-type-output.total {
               color: var(--blue-text);
            }

.ui-type-output.ui-variant-table > .ui-container > .ui-child > .ui-type-output.receiving_total {
               color: #33c300;
            }

.ui-type-output.ui-variant-table > .ui-container > .ui-child > .ui-type-output.receiving_total > .ui-container span {
                     font-size: 1.8rem;
                     font-weight: 700;
                  }

.ui-type-output.ui-variant-table > .ui-container > .ui-child > .ui-type-output > .ui-container {
               padding: 0px 20px;
               display: flex;
               justify-content: space-between;
            }

.ui-type-output.ui-variant-table > .ui-container > .ui-child > .ui-type-output > .ui-container > .ui-label {
                  font-size: 1.2rem;
                  font-weight: 500;
               }

.ui-type-output.ui-variant-table > .ui-container > .ui-child > .ui-type-output > .ui-container > .ui-inner {
                  /* width: 120px; */
               }

.order-details-dates .ui-label {
      padding: 0;
      padding-right: 5px;
   }

.order-details-container .details {
      align-items: last baseline;
   }

.order-details-container .details > .ui-type-output > .ui-container > .ui-label {
               padding: 0;
               font-weight: 600;
               margin-right: 5px;
            }

.order-details-container .details > .ui-type-output {

         width: -webkit-fit-content;

         width: fit-content;
}

.order-details-container .description > .ui-type-output > .ui-container > .ui-label {
               padding: 0;
               font-weight: 600;
               margin-right: 5px;
            }

.order-details-container .description .blue-span .ui-user-data {
         color: var(--blue-text);
      }

.order-details-container {

   width: 100%;
}

.order-details-container img {
      width: 60px;
      height: 60px;
      border-radius: 100%;
   }

.order-details-container span {
      color: var(--text);
   }

.order-details-container .ui-inner span {
      white-space: normal !important;
   }

.order-details-wrapper {
   width: 100%;
}

.order-details-wrapper .ui-el {
   display: block;
}

.order-details-wrapper .ui-el:is(.order-details-line2-payment-value, .order-details-image-payment) {
      min-width: auto;
   }

.order-details-container-item {
   display: flex;
   flex-direction: row;
   gap: 16px;
   flex: 1;
   border-bottom: 1px solid var(--container-border-color);
   background: var(--container-gray-background);
   padding: 18px 18px;
}

.order-details-container-item .ui-solid-image {
      width: 60px !important;
      height: 60px !important;
      margin: 0px !important;
   }

.order-details-container-item .image .image {
   width: 130px;
}

.order-details-container-item .image img {
   width: 130px;
   height: auto;
}

.order-details-container-item .description {
   flex: 1 0 33%;
   display: flex;
   flex-direction: column;
}

.order-details-container-item .description .text {
   margin-left: 10px;
}

.order-details-container-item .details {
   flex: 1 0 auto;
   display: flex;
   flex-direction: column;
   flex: auto;
}

/* .order-details-container-item .details .ui-container {
   line-height: 0;
} */

.order-details-container .btn-collapse {
   border-top: 3px solid var(--container-border-color);
}

.order-details-container .btn-collapse > div {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 8px;
   justify-content: center;
}

.order-details-container .btn-collapse .MuiButtonBase-root-MuiButton-root,
.order-details-container .btn-collapse .MuiButtonBase-root {
   border: 0;
   color: var(--text);
}

.ui-el-order-info-details .ui-container .ui-child {
   padding: 1px 0px;
}

.order-details-parent > div {
   height: 100%;
   min-height: 125px;
}

:is(.order-details-line2, .order-details-line3, .order-details-line4) > .ui-container {
   border-radius: 10px;
   border: 1px solid var(--container-border-color);

   background: var(--container-gray-background);

   min-height: inherit;
}

.order-details-line4 > .ui-container {
   padding: 10px 10px;
}

.order-details-dates .ui-container {
   font-size: 1rem;
   text-align: right;
}

.order-details-dates .ui-container .ui-child {
   /* justify-content: flex-end; */
   flex-direction: column;
   align-items: flex-end;
   padding-right: 10px;
}

.order-details-detalhar-view {
   width: 100%;
}

.ui-el-order-details-itens-list {
   width: 100%;
}

.ui-el-order-details-itens-list .ui-child,
   .ui-el-order-details-itens-list .ui-child .ui-container {
      width: 100%;
   }

.ui-el-order-details-itens-list .ui-child .ui-el-order-details-tablelist {
      display: flex;
      width: 100%;
   }

.person-card-info > .ui-container {
      padding-bottom: 5px;
   }

.person-card-info > .ui-container > .ui-label {
         font-size: 1rem;
         padding-bottom: 0;
      }

.person-card-shared .ui-type-card > .ui-container > .ui-child {
            height: 100%;
         }

.person-card-shared .ui-type-card > .ui-container .ui-type-repeat {
            height: 100%;
         }

.person-card-shared .ui-type-card > .ui-container .ui-type-repeat .ui-grid-empty-label {
               margin: 15px auto;
               margin-top: 10px;
            }

.person-card-shared .clear-sale > .ui-container > .ui-label {
            padding-left: 10px;
            padding-bottom: 0px;
            min-height: unset;
         }

.person-card-shared .clear-sale > .ui-container > .ui-label .ui-label-inner {
               color: var(--blue-text);
               font-weight: 600;
            }

.person-card-shared .clear-sale .ui-toggle-collapsed {
         display: none;
      }

.person-card-shared .clear-sale .ui-grid-row-repeat .ui-label {
            /* background-color: red !important; */
            padding-bottom: 0px;
            font-weight: 500;
         }

.person-card-shared .clear-sale .ui-child {
         padding: 0px !important;
      }

.ui-label-class-clear-sale {
   padding-bottom: 0 !important;
}

.ui-child-class-clear-sale {
   padding-top: 0 !important;
}

.ui-child-class-clear-sale .ui-child-layout-card {
      padding: 0;
   }
/* @media (max-width: 1400px) {
   .ui-input,
   .ui-type-card,
   .ui-grid {
      min-width: 33.33% !important;
   }
}

@media (max-width: 1000px) {
   .ui-input,
   .ui-type-card,
   .ui-grid {
      min-width: 50% !important;
   }
}

@media (max-width: 800px) {
   .ui-input,
   .ui-type-card,
   .ui-grid {
      min-width: 100% !important;
   }
} */

.row-title-product {
   width: 300px;
}

@media (max-width: 1000px) {
   .ui-page-content {
      max-width: 100%;
   }
         .ui-page-content .ui-type-crud > .ui-container > .ui-child > .ui-space {
            width: 100% !important;
         }

         .ui-page-content .ui-type-crud > .ui-container > .ui-child > .MuiMasonry-root > .ui-space {
            width: 100% !important;
         }

   .ui-page-top-logo {
      width: 170px;
   }
      .ui-page-top-logo img {
         max-width: 90%;
      }

   .ui-type-input .ui-label,
   .ui-type-footer {
      top: 99px;
      right: 75px;
      left: auto;
   }

   .row-title-product {
      width: 150px;
   }
}

.animated-logo rect {
   animation: rotate-animation 10s infinite linear;
}

@keyframes rotate-animation {
   0% {
      transform: rotate(0deg);
   }
   50% {
      transform: rotate(180deg);
   }
   100% {
      transform: rotate(360deg);
   }
}
.ui-page.ui-mobile .ui-page-content {
   padding: 10px 5px !important;
}
   /* padding-top: 0 !important; */

   .ui-page.ui-mobile .ui-page-content .ui-label-inner {
      flex-wrap: wrap;
   }

.ui-page.ui-mobile .ui-type-chart {
   width: 100% !important;
}

.ui-mobile .ui-chart-card-item {
   width: 100% !important;
}

.ui-mobile .ui-type-toggle {
   width: 100% !important;
}

.ui-mobile .ui-label {
   overflow: hidden;
}

.ui-mobile .ui-page-top-left {
   padding-left: 15px !important;
   margin-left: 0 !important;
}

.ui-mobile-menu {
   width: calc(100% - 30px);
   margin: auto;
   background: var(--white);
   border: 1px solid var(--container-border-color);
   border-radius: 3px;
}

.ui-mobile-menu button {
   max-width: 100%;
   width: 100%;
   justify-content: flex-start;
   padding: 10px 10px;
   min-height: 50px !important;
   background: var(--white);
   margin-bottom: 5px;
}

.ui-mobile .ui-user-data img {
      margin: initial;
   }

.ui-mobile .recent-card {
   width: 100% !important;
}

.ui-mobile .ui-type-card {
   width: 100% !important;
}

.ui-mobile #welcome {
   background: #fff;
   padding: 20px;
   opacity: 0.7;
   border-radius: 10px;
   margin: 10px;
}

.ui-mobile .ui-space {
   width: 100% !important;
}

@media (max-width: 1000px) {
      .ui-page .ui-space,
      .ui-page .ui-dash-total,
      .ui-page .ui-type-input,
      .ui-page .ui-has-child:not(.ui-type-div) {
         width: 100% !important;
      }
      .ui-dash-total .ui-container {
         width: 100%;
      }
      .ui-page-menu-options .ui-el-fix-menu-options {
         width: -webkit-min-content !important;
         width: min-content !important;
      }

   .ui-child-ui-filter-option {
      display: flex !important;
   }
      .ui-child-ui-filter-option .ui-filter-option-operator {
         width: 140px !important;
      }
      .ui-child-ui-filter-option .ui-filter-option-value {
         width: calc(100% - 140px) !important;
      }
      .ui-v2 .ui-resizer {
         display: block !important;
         overflow: auto !important;
      }
         .ui-v2 .ui-resizer > div {
            width: 100% !important;
            display: block !important;
            max-width: calc(100% - 15px) !important;
            min-width: calc(100% - 15px) !important;
         }
         .ui-v2 .ui-resizer .ui-resizer-resize {
            display: none;
         }

      .ui-v2 .ui-label-left-crud > span {
         max-width: 150px;
         text-wrap: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
      }

      .ui-v2 .ui-type-button.ui-with-icon.ui-with-label .ui-btn-label {
         display: none;
      }

   .ui-top-type-list {
      display: flex !important;
      flex-wrap: nowrap !important;
   }

   .ui-paginate-list {
      justify-content: center;
   }

      .ui-paginate-list .ui-child {
         flex-wrap: nowrap;
         justify-content: center;
      }

      .ui-paginate-list .ui-type-input {
         width: auto !important;
      }

      .ui-paginate-list .ui-list-page-resume,
      .ui-paginate-list .ui-el-totalizar {
         display: none !important;
      }
      .ui-type-toggle .MuiToggleButtonGroup-root {
         justify-content: center;
      }
   .ui-child-ui-dash-total {
      gap: 10px;
   }

   .ui-child {
      width: 100%;
      gap: 1rem;
   }

   .ui-space.ui-space-0 {
      width: auto !important;
   }

   .ui-type-form > .ui-child {
      padding: 0;
   }

   .ui-v2.ui-type-list .ui-query {
      min-width: 200px !important;
   }
   .ui-v2 .ui-top-list {
      flex-wrap: wrap !important;
      align-items: center;
      justify-content: center;
      gap: 5px;
      padding: 15px;
   }
   .ui-resposive.ui-space,
   .ui-type-card.ui-space {
      width: 100% !important;
   }

   .interacao-container .interacao-head > .ui-container > .ui-child > .ui-el-icon {
      flex-shrink: initial !important;
      width: auto !important;
   }
}

.ui-mobile .ui-page-top .ui-page-top-left > div {
         margin: 0;
      }
.notification-menu {
   overflow: hidden;
   max-height: calc(100dvh - 100px);
}

   .notification-menu .notifications-content {
      width: 100%;
      max-height: calc(100dvh - 175px);
      overflow: auto;
   }

   .notification-menu .notification-tabs {
      background: var(--container-gray-background);
   }

   .notification-menu .notification-tabs > nav {
         display: flex;
      }

   .notification-menu .notification-tabs .notification-tabs-track {
         background-color: var(--container-border-color);
         position: relative;
         z-index: 2;
         margin-top: -1px;
         height: 1px;
         overflow: visible;
      }

   .notification-menu .notification-tabs .notification-tabs-track .notification-tabs-thumb {
            position: absolute;
            top: -2px;
            left: 0;
            background-color: blue;
            height: 3px;
            width: 50px;
         }

   .notification-menu .notification-tabs .notification-tab-button {
         font-weight: 500;
         width: 100%;
         padding: 6px 12px;

         transition: background-color 0.2s ease-in-out;

         border-top: 1px solid var(--container-border-color);
      }

   .notification-menu .notification-tabs .notification-tab-button span {
            position: relative;
            padding: 0px 10px;
         }

   .notification-menu .notification-tabs .notification-tab-button .notification-tab-unread {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(calc(-50% + 1px));
            background-color: #e85848;
            width: 6px;
            height: 6px;
            border-radius: 100%;
         }

   .notification-menu .notification-tabs .notification-tab-button:not(:disabled) {
            background-color: var(--background-blue-50);
            color: var(--text);
         }

   .notification-menu .notification-tabs .notification-tab-button:not(:disabled):hover {
               background-color: var(--background-blue-100);
            }

   .notification-menu .notification-tabs .notification-tab-button:disabled {
            background-color: var(--white);
            color: var(--blue-text);
         }

.MuiPaper-root.notification-paper {
   max-width: 370px;

   background-color: var(--white);
   position: relative;

   overflow: visible;
   margin-top: 10px;
}

.MuiPaper-root.notification-paper::before {
      content: ' ';
      border-top: 1px solid var(--container-border-color);
      border-left: 1px solid var(--container-border-color);
      background-color: var(--white);
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      width: 10px;
      height: 10px;
      transform: translate(-50%, -50%) rotate(45deg);
      z-index: 1;
   }

.MuiPaper-root.notification-paper .MuiList-root {
      padding-top: 0;
      padding-bottom: 0;
   }

.MuiPaper-root.notification-paper .no-notifications {
      padding: 50px;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

.MuiPaper-root.notification-paper .no-notifications h1 {
         font-size: 1.6rem;
         font-weight: 500;
         color: var(--text);
         opacity: 0.7;
      }

.MuiPaper-root.notification-paper .no-notifications img {
         opacity: 0.5;
      }

.notification-main {
   font-size: 1.8rem;
   font-weight: 500;
   line-height: 31.66px;

   background-color: var(--container-gray-background);

   border-top-left-radius: 4px;
   border-top-right-radius: 4px;

   position: -webkit-sticky;

   position: sticky;
   top: 0;

   z-index: 1;

   width: 100%;
   gap: 30px;

   display: flex;
   align-items: center;

   justify-content: space-between;

   padding: 5px 15px;

   color: var(--text);
}

.notification-main button {
      padding: 2px;
   }

.notification-main button i {
         margin: auto;
         font-size: 2.0rem;
      }

.notification-item {
   padding: 7px 10px;
   overflow: hidden;
   display: flex;
   align-items: baseline;
   cursor: default;
}

.notification-item.no-notifications {
      pointer-events: none;

      padding: 10px;
   }

.notification-item.no-notifications .notification-text {
         text-align: center;
         color: #7b7b7b;
      }

.notification-item .notification-container {
      display: flex;
      flex-direction: column;

      min-width: 160px;
      max-width: 100%;
      width: 100%;

      cursor: default;
   }

.notification-item .notification-container .notification-title {
         font-size: 1.2rem;
         font-weight: 600;

         text-overflow: ellipsis;
         overflow: hidden;

         width: 100%;

         line-height: 20px;
      }

.notification-item .notification-container .notification-text {
         font-size: 1.1rem;

         margin: 5px 0px;

         font-weight: 300;

         line-height: 14px;

         max-height: 200px;
         overflow: auto;
      }

.notification-item .notification-container .notification-text a {
            color: var(--blue-text);
            font-weight: 400;
         }

.notification-item .notification-container .notification-text a:hover {
               text-decoration: underline;
            }

.notification-item .notification-container .notification-text {

         text-wrap: wrap;
         word-break: break-word;

         max-width: 100%;
}

.notification-item .notification-container .notification-date {
         font-size: 8.3px;
         font-weight: 500;

         line-height: 10px;

         width: 50%;
         text-align: right;

         display: flex;
         align-items: center;
         justify-content: flex-end;
      }

.notification-item .notification-container .notification-date button {
            margin-left: 4px;
            border-radius: 100%;
            padding: 2px;

            width: 16px;
            height: 16px;
         }

.notification-item .notification-container .notification-date button i {
               font-size: 1.8rem;
            }

.notification-item .notification-container .notification-date button i.delete {
                  font-size: 1.4rem;
               }

.notification-item .notification-container .notification-date {

         color: #7b7b7b;
}

button.notifications-button {
   border-radius: 100%;
   padding: 0;
   border: 1px solid;

   position: relative;
}

button.notifications-button .ping {
      pointer-events: none;
      background-color: #e85848;

      width: 16px;
      height: 16px;

      border-radius: 100%;

      position: absolute;

      right: -20px;
      transform: translate(-50%, -50%);

      font-size: 1.0rem;

      color: var(--background-iris-200);
      line-height: 16px;
      font-weight: 800;
   }

button.notifications-button .ping-heartbeat {
      pointer-events: none;

      position: absolute;
      width: -webkit-fit-content;
      width: fit-content;
      background-color: #e85848;
      border-radius: 100%;
      width: 16px;
      height: 16px;
      opacity: 0.75;
      animation: ping 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
   }

button.notifications-button .notification-loading {
      position: absolute;
   }

@keyframes ping {
   75%,
   100% {
      transform: scale(1.9);
      opacity: 0;
   }
}

.notification-ping {
   background-color: #e85848;

   width: 7px;
   height: 7px;

   border-radius: 100%;

   position: absolute;

   top: 50%;
   right: 0;
   transform: translate(0%, -50%);
}

.notification-head-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.notification-title-container {
   position: relative;
   overflow: hidden;
   padding-right: 10px;
}

.notification-avatar {
   width: var(--button-medium);
   height: var(--button-medium);
   border-radius: 100%;
   margin-right: 8px;

   float: left;
}
.icon-picker-cell button {
      display: flex;
      flex-direction: column;
      align-items: center;
      border-radius: 8px;
      width: 70px;
      height: 70px;
      margin: 5px;
      padding: 5px;
      justify-content: center;
      transition: background-color ease-in-out 0.15s;
      color: var(--text);
   }

      .icon-picker-cell button i {
         margin: auto;
      }

      .icon-picker-cell button:hover {
         background: var(--background-blue-100);
      }

      .icon-picker-cell button span {
         margin-top: -5px;
         /* background: red; */
         height: 24px;
         line-height: 1em;
         font-weight: 500;
      }

button.icon-picker-button {
   padding: 0;
   height: var(--button-medium);
   width: var(--button-medium);
   border-left: 1px solid;
   border-radius: 0px;

   background-color: var(--background-iris-200);
}

button.icon-picker-button:hover {
      background-color: #dedfe7;
   }

.ui-type-iconpicker .MuiInputBase-root {
      padding-right: 0;
      padding-left: 5px;
   }

.ui-type-iconpicker i {
      font-size: 2.4rem !important;
   }

.ui-type-iconpicker input {
      padding-left: 5px;
   }

.ui-type-iconpicker .icon-picker-not-found {
      opacity: 0.2;
   }

.ui-type-iconpicker .icon-picker-loading {
      width: 24px;
      height: 24px;

      min-width: 24px;

      display: flex;
      align-items: center;
      justify-content: center;
   }

.icon-picker-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
}

.icon-picker-container .icon-picker-controls {
      width: calc(100% - 15px);
      display: flex;
      justify-content: space-between;
      overflow: hidden;
      padding: 5px;
   }

.icon-picker-container .icon-picker-controls .icon-picker-query fieldset {
            border-radius: 18px;
            border-color: var(--container-border-color);
         }

.icon-picker-container .icon-picker-controls {

      align-items: center;
}

.icon-picker-container .icon-picker-controls .icon-picker-flip {
         height: var(--button-medium) !important;
         background-color: var(--background-iris-300);
         border-radius: 4px;
         padding: 0px 10px;

         display: flex;
         align-items: center;
         gap: 5px;

         font-weight: 500;

         color: var(--text);
      }

.icon-picker-container .icon-picker-controls .icon-picker-flip .icon-picker-flip-buttons {
            display: flex;

            -webkit-user-select: none;

                    user-select: none;

            border-radius: 4px;
         }

.icon-picker-container .icon-picker-controls .icon-picker-flip .icon-picker-flip-buttons .icon-picker-flip-button {
               display: flex;
               padding: 2px;

               border: 1px solid var(--container-border-color);

               transition: background 0.1s ease-in-out;
            }

.icon-picker-container .icon-picker-controls .icon-picker-flip .icon-picker-flip-buttons .icon-picker-flip-button:hover {
                  background-color: var(--background-blue-200);
                  border-color: var(--background-blue-200);
               }

.icon-picker-container .icon-picker-controls .icon-picker-flip .icon-picker-flip-buttons .icon-picker-flip-button.flipped {
                  background-color: var(--background-blue-500);
                  border-color: var(--background-blue-500);
               }

.icon-picker-container .icon-picker-controls .icon-picker-flip .icon-picker-flip-buttons .icon-picker-flip-button.flipped i {
                     color: var(--white);
                  }

.icon-picker-container .icon-picker-controls .icon-picker-flip .icon-picker-flip-buttons .icon-picker-flip-button:first-child {
                  border-top-left-radius: 4px;
                  border-bottom-left-radius: 4px;
                  border-right: 0;
               }

.icon-picker-container .icon-picker-controls .icon-picker-flip .icon-picker-flip-buttons .icon-picker-flip-button:last-child {
                  border-top-right-radius: 4px;
                  border-bottom-right-radius: 4px;
               }

.icon-picker-container .icon-picker-controls .icon-picker-flip .icon-picker-flip-buttons i {
               font-size: 1.8rem;
            }

.icon-picker-container .icon-picker-empty {
      width: 360px;
      height: 360px;
      margin: 5px;

      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

.icon-picker-container .icon-picker-empty p {
         font-size: 7.0rem;
         opacity: 0.3;
         color: var(--gray-text);
      }

.icon-picker-container .icon-picker-empty h1 {
         font-size: 3.0rem;
         color: var(--gray-text);
      }

.icon-picker-container .icon-picker-emoticon {
      font-style: normal !important;
   }

.icon-picker-container.icon-picker-page {
   width: calc(100% - 20px);
   height: calc(100dvh - 180px);
   margin: 10px;
   background-color: var(--white);
   border: 1px solid var(--container-border-color);
   border-radius: 10px;
   padding: 10px;
}

.icon-picker-container.icon-picker-page .icon-picker-controls {
      justify-content: flex-start;
      gap: 20px;
   }

.icon-picker-container.icon-picker-page .icon-picker-controls .icon-picker-query {
         max-width: 30%;
      }

.icon-picker-container.icon-picker-page .icon-picker-controls .icon-picker-query > div {
            height: var(--button-big);
         }

.icon-picker-container.icon-picker-page .icon-picker-controls .icon-picker-query > div fieldset {
               border-radius: calc(var(--button-big) / 2);
            }

.icon-picker-container.icon-picker-page .icon-picker-empty {
      width: 500px;
      height: 500px;
      margin: auto;
   }

.icon-picker-container.icon-picker-page .icon-picker-empty p {
         font-size: 160px;
      }

.icon-picker-container.icon-picker-page .icon-picker-empty h1 {
         font-size: 5.0rem;
      }

.icon-picker-container.icon-picker-page .icon-picker-cell button:active {
            transform: scale(0.98);
         }

.icon-picker-container.icon-picker-page .icon-picker-cell button {

         margin: 10px;
         width: calc(100% - 20px);
         height: calc(100% - 20px);
}

.icon-picker-container.icon-picker-page .icon-picker-cell button i {
            font-size: 3.0rem;
         }

.icon-picker-menu > div > ul {
         background-color: var(--white);
      }
/*Compatibilidade*/
:root {
   --blue: #007bff;
   --indigo: #6610f2;
   --purple: #6f42c1;
   --pink: #e83e8c;
   --red: #eb4c4c;
   --orange: #fd7e14;
   --yellow: #ffc107;
   --green: #48bd00;
   --teal: #20c997;
   --cyan: #17a2b8;
   --white: #fff;
   --gray: #6c757d;
   --gray-dark: #343a40;
   --primary: #007bff;
   --secondary: #6c757d;
   --success: #28a745;
   --info: #17a2b8;
   --warning: #ffc107;
   --danger: #dc3545;
   --light: #f8f9fa;
   --dark: #343a40;
   --dark-light: #f0f0f0;
   color-scheme: light dark;

   --text: #1d1e20;

   --themeBackground: #37744a;
   --themeBackground: #0020d2;
   --themeColor: #1d1e20;
   --pageBackground: var(--blue-50, #f4f5ff);

   --menu-background: #ebedff;
   --menu-label: #5b5881;

   --menu-edit-background: var(--purple-50, #f4e8ff);
   --menu-edit-label: var(--text-purple-700, #6100c1);

   --menu-active-background: rgb(53, 41, 0);

   --black-text: #1d1e20;
   --blue-text: var(--blue-600, #0020d2);
   --gray-text: var(--text-lead-700, #727987);

   --container-background: #fff;
   --container-gray-background: #fafaff;
   --container-border-radius: 10px;
   --container-margin: 10px;
   --container-border-width: 1px;
   --container-border-color: #d6d6d6;

   --fieldset-background-disabled: #fafafa;
   --fieldset-border-color: #1d1e20;
   --fieldset-border-color-disabled: #f0f0f0;
   --fieldset-border-color-active: #1d1e20;
   --inner-margin: 0.75rem;

   --button-tiny: 1.6rem;
   --button-small: 2.6rem;
   --button-medium: 3.6rem;
   --button-big: 4.6rem;
   --button-huge: 5.6rem;

   --top-menu-height: 7.7rem;

   --page-frame: #fff;
}
:root input[type='number'] {
      color-scheme: light;
   }
@media (max-height: 800px) {
   :root {
      --top-menu-height: 6.0rem;
   }
}
:root {
   --iris-50: #fdfdff;
   --iris-100: #f8f9ff;
   --iris-200: #f3f4ff;
   --iris-300: #eef0ff;
   --iris-400: #e9ebff;
   --iris-500: #e4e7ff;
   --iris-600: #b2b7df;
   --iris-700: #7579af;
   --iris-800: #3c3c7d;
   --iris-900: #15004f;

   --background-iris-50: #fdfdff;
   --background-iris-100: #f8f9ff;
   --background-iris-200: #f3f4ff;
   --background-iris-300: #eef0ff;
   --background-iris-400: #e9ebff;
   --background-iris-500: #e4e7ff;
   --background-iris-600: #b2b7df;
   --background-iris-700: #7579af;
   --background-iris-800: #3c3c7d;
   --background-iris-900: #15004f;

   --text-iris-50: #fdfdff;
   --text-iris-100: #f8f9ff;
   --text-iris-200: #f3f4ff;
   --text-iris-300: #eef0ff;
   --text-iris-400: #e9ebff;
   --text-iris-500: #e4e7ff;
   --text-iris-600: #b2b7df;
   --text-iris-700: #7579af;
   --text-iris-800: #3c3c7d;
   --text-iris-900: #15004f;
   --blue-50: #f1f5ff;
   --blue-100: #cedbff;
   --blue-200: #abc0ff;
   --blue-300: #88a4ff;
   --blue-400: #6786ff;
   --blue-500: #4a65fe;
   --blue-600: #3644f2;
   --blue-700: #2600d5;
   --blue-800: #16008f;
   --blue-900: #090056;

   --background-blue-50: var(--blue-50);
   --background-blue-100: var(--blue-100);
   --background-blue-200: var(--blue-200);
   --background-blue-300: var(--blue-300);
   --background-blue-400: var(--blue-400);
   --background-blue-500: var(--blue-500);
   --background-blue-600: var(--blue-600);
   --background-blue-700: var(--blue-700);
   --background-blue-800: var(--blue-800);
   --background-blue-900: var(--blue-900);

   --text-blue-50: var(--blue-50);
   --text-blue-100: var(--blue-100);
   --text-blue-200: var(--blue-200);
   --text-blue-300: var(--blue-300);
   --text-blue-400: var(--blue-400);
   --text-blue-500: var(--blue-500);
   --text-blue-600: var(--blue-600);
   --text-blue-700: var(--blue-700);
   --text-blue-800: var(--blue-800);
   --text-blue-900: var(--blue-900);
   --indigo-50: #f6f3ff;
   --indigo-100: #eae5ff;
   --indigo-200: #dfd6ff;
   --indigo-300: #d3c7ff;
   --indigo-400: #c9b8ff;
   --indigo-500: #bea8ff;
   --indigo-600: #9c80e5;
   --indigo-700: #714bbe;
   --indigo-800: #490092;
   --indigo-900: #1f0046;

   --background-indigo-50: var(--indigo-50);
   --background-indigo-100: var(--indigo-100);
   --background-indigo-200: var(--indigo-200);
   --background-indigo-300: var(--indigo-300);
   --background-indigo-400: var(--indigo-400);
   --background-indigo-500: var(--indigo-500);
   --background-indigo-600: var(--indigo-600);
   --background-indigo-700: var(--indigo-700);
   --background-indigo-800: var(--indigo-800);
   --background-indigo-900: var(--indigo-900);

   --text-indigo-50: var(--indigo-50);
   --text-indigo-100: var(--indigo-100);
   --text-indigo-200: var(--indigo-200);
   --text-indigo-300: var(--indigo-300);
   --text-indigo-400: var(--indigo-400);
   --text-indigo-500: var(--indigo-500);
   --text-indigo-600: var(--indigo-600);
   --text-indigo-700: var(--indigo-700);
   --text-indigo-800: var(--indigo-800);
   --text-indigo-900: var(--indigo-900);
   --purple-50: #f6f3ff;
   --purple-100: #e1d8ff;
   --purple-200: #cdbcff;
   --purple-300: #b9a0ff;
   --purple-400: #a782fd;
   --purple-500: #936ce7;
   --purple-600: #7d4ad7;
   --purple-700: #610dbc;
   --purple-800: #3d007c;
   --purple-900: #1f0045;

   --background-purple-50: var(--purple-50);
   --background-purple-100: var(--purple-100);
   --background-purple-200: var(--purple-200);
   --background-purple-300: var(--purple-300);
   --background-purple-400: var(--purple-400);
   --background-purple-500: var(--purple-500);
   --background-purple-600: var(--purple-600);
   --background-purple-700: var(--purple-700);
   --background-purple-800: var(--purple-800);
   --background-purple-900: var(--purple-900);

   --text-purple-50: var(--purple-50);
   --text-purple-100: var(--purple-100);
   --text-purple-200: var(--purple-200);
   --text-purple-300: var(--purple-300);
   --text-purple-400: var(--purple-400);
   --text-purple-500: var(--purple-500);
   --text-purple-600: var(--purple-600);
   --text-purple-700: var(--purple-700);
   --text-purple-800: var(--purple-800);
   --text-purple-900: var(--purple-900);
   --lime-50: #e3ffda;
   --lime-100: #a5ff89;
   --lime-200: #81f25a;
   --lime-300: #6fe046;
   --lime-400: #5dce2f;
   --lime-500: #48bd01;
   --lime-600: #399a00;
   --lime-700: #266d00;
   --lime-800: #144200;
   --lime-900: #061f00;

   --background-lime-50: var(--lime-50);
   --background-lime-100: var(--lime-100);
   --background-lime-200: var(--lime-200);
   --background-lime-300: var(--lime-300);
   --background-lime-400: var(--lime-400);
   --background-lime-500: var(--lime-500);
   --background-lime-600: var(--lime-600);
   --background-lime-700: var(--lime-700);
   --background-lime-800: var(--lime-800);
   --background-lime-900: var(--lime-900);

   --text-lime-50: var(--lime-50);
   --text-lime-100: var(--lime-100);
   --text-lime-200: var(--lime-200);
   --text-lime-300: var(--lime-300);
   --text-lime-400: var(--lime-400);
   --text-lime-500: var(--lime-500);
   --text-lime-600: var(--lime-600);
   --text-lime-700: var(--lime-700);
   --text-lime-800: var(--lime-800);
   --text-lime-900: var(--lime-900);
   --green-50: #fafffb;
   --green-100: #e6ffed;
   --green-200: #d0ffdf;
   --green-300: #b7ffd0;
   --green-400: #9bffc1;
   --green-500: #78ffb0;
   --green-600: #00d47d;
   --green-700: #009254;
   --green-800: #00512c;
   --green-900: #001f0d;

   --background-green-50: var(--green-50);
   --background-green-100: var(--green-100);
   --background-green-200: var(--green-200);
   --background-green-300: var(--green-300);
   --background-green-400: var(--green-400);
   --background-green-500: var(--green-500);
   --background-green-600: var(--green-600);
   --background-green-700: var(--green-700);
   --background-green-800: var(--green-800);
   --background-green-900: var(--green-900);

   --text-green-50: var(--green-50);
   --text-green-100: var(--green-100);
   --text-green-200: var(--green-200);
   --text-green-300: var(--green-300);
   --text-green-400: var(--green-400);
   --text-green-500: var(--green-500);
   --text-green-600: var(--green-600);
   --text-green-700: var(--green-700);
   --text-green-800: var(--green-800);
   --text-green-900: var(--green-900);
   --tea-50: #fafffb;
   --tea-100: #ebfff2;
   --tea-200: #dcffe9;
   --tea-300: #ccffe0;
   --tea-400: #bbffd6;
   --tea-500: #a8ffcc;
   --tea-600: #64d398;
   --tea-700: #00965c;
   --tea-800: #005331;
   --tea-900: #001f0f;

   --background-tea-50: var(--tea-50);
   --background-tea-100: var(--tea-100);
   --background-tea-200: var(--tea-200);
   --background-tea-300: var(--tea-300);
   --background-tea-400: var(--tea-400);
   --background-tea-500: var(--tea-500);
   --background-tea-600: var(--tea-600);
   --background-tea-700: var(--tea-700);
   --background-tea-800: var(--tea-800);
   --background-tea-900: var(--tea-900);

   --text-tea-50: var(--tea-50);
   --text-tea-100: var(--tea-100);
   --text-tea-200: var(--tea-200);
   --text-tea-300: var(--tea-300);
   --text-tea-400: var(--tea-400);
   --text-tea-500: var(--tea-500);
   --text-tea-600: var(--tea-600);
   --text-tea-700: var(--tea-700);
   --text-tea-800: var(--tea-800);
   --text-tea-900: var(--tea-900);
   --yellow-50: #fff4db;
   --yellow-100: #ffedc4;
   --yellow-200: #ffe6ad;
   --yellow-300: #ffdf93;
   --yellow-400: #ffd877;
   --yellow-500: #ffd057;
   --yellow-600: #d4a400;
   --yellow-700: #927000;
   --yellow-800: #533e00;
   --yellow-900: #211700;

   --background-yellow-50: var(--yellow-50);
   --background-yellow-100: var(--yellow-100);
   --background-yellow-200: var(--yellow-200);
   --background-yellow-300: var(--yellow-300);
   --background-yellow-400: var(--yellow-400);
   --background-yellow-500: var(--yellow-500);
   --background-yellow-600: var(--yellow-600);
   --background-yellow-700: var(--yellow-700);
   --background-yellow-800: var(--yellow-800);
   --background-yellow-900: var(--yellow-900);

   --text-yellow-50: var(--yellow-50);
   --text-yellow-100: var(--yellow-100);
   --text-yellow-200: var(--yellow-200);
   --text-yellow-300: var(--yellow-300);
   --text-yellow-400: var(--yellow-400);
   --text-yellow-500: var(--yellow-500);
   --text-yellow-600: var(--yellow-600);
   --text-yellow-700: var(--yellow-700);
   --text-yellow-800: var(--yellow-800);
   --text-yellow-900: var(--yellow-900);
   --orange-50: #fff2eb;
   --orange-100: #ffddca;
   --orange-200: #ffc7a7;
   --orange-300: #ffb182;
   --orange-400: #ff9856;
   --orange-500: #fd7e14;
   --orange-600: #d06400;
   --orange-700: #944500;
   --orange-800: #5a2700;
   --orange-900: #2b0f00;

   --background-orange-50: var(--orange-50);
   --background-orange-100: var(--orange-100);
   --background-orange-200: var(--orange-200);
   --background-orange-300: var(--orange-300);
   --background-orange-400: var(--orange-400);
   --background-orange-500: var(--orange-500);
   --background-orange-600: var(--orange-600);
   --background-orange-700: var(--orange-700);
   --background-orange-800: var(--orange-800);
   --background-orange-900: var(--orange-900);

   --text-orange-50: var(--orange-50);
   --text-orange-100: var(--orange-100);
   --text-orange-200: var(--orange-200);
   --text-orange-300: var(--orange-300);
   --text-orange-400: var(--orange-400);
   --text-orange-500: var(--orange-500);
   --text-orange-600: var(--orange-600);
   --text-orange-700: var(--orange-700);
   --text-orange-800: var(--orange-800);
   --text-orange-900: var(--orange-900);
   --red-50: #fff2f0;
   --red-100: #ffd7d4;
   --red-200: #ffbcb6;
   --red-300: #ff9f98;
   --red-400: #ff7e78;
   --red-500: #ff5656;
   --red-600: #e6172e;
   --red-700: #a8001b;
   --red-800: #69000d;
   --red-900: #360003;

   --background-red-50: var(--red-50);
   --background-red-100: var(--red-100);
   --background-red-200: var(--red-200);
   --background-red-300: var(--red-300);
   --background-red-400: var(--red-400);
   --background-red-500: var(--red-500);
   --background-red-600: var(--red-600);
   --background-red-700: var(--red-700);
   --background-red-800: var(--red-800);
   --background-red-900: var(--red-900);

   --text-red-50: var(--red-50);
   --text-red-100: var(--red-100);
   --text-red-200: var(--red-200);
   --text-red-300: var(--red-300);
   --text-red-400: var(--red-400);
   --text-red-500: var(--red-500);
   --text-red-600: var(--red-600);
   --text-red-700: var(--red-700);
   --text-red-800: var(--red-800);
   --text-red-900: var(--red-900);
   --rose-50: #fffdfd;
   --rose-100: #fff6f9;
   --rose-200: #fff0f5;
   --rose-300: #faebf0;
   --rose-400: #f5e7eb;
   --rose-500: #f3e1e7;
   --rose-600: #d2adb9;
   --rose-700: #a06c7f;
   --rose-800: #6b2b47;
   --rose-900: #33001a;

   --background-rose-50: var(--rose-50);
   --background-rose-100: var(--rose-100);
   --background-rose-200: var(--rose-200);
   --background-rose-300: var(--rose-300);
   --background-rose-400: var(--rose-400);
   --background-rose-500: var(--rose-500);
   --background-rose-600: var(--rose-600);
   --background-rose-700: var(--rose-700);
   --background-rose-800: var(--rose-800);
   --background-rose-900: var(--rose-900);

   --text-rose-50: var(--rose-50);
   --text-rose-100: var(--rose-100);
   --text-rose-200: var(--rose-200);
   --text-rose-300: var(--rose-300);
   --text-rose-400: var(--rose-400);
   --text-rose-500: var(--rose-500);
   --text-rose-600: var(--rose-600);
   --text-rose-700: var(--rose-700);
   --text-rose-800: var(--rose-800);
   --text-rose-900: var(--rose-900);
   --gray-50: #f5f5f5;
   --gray-100: #c8c8c8;
   --gray-200: #9d9d9e;
   --gray-300: #757575;
   --gray-400: #4e4e4e;
   --gray-500: #2a2b2d;
   --gray-600: #161d2b;
   --gray-700: #030a22;
   --gray-800: #00000d;
   --gray-900: #000000;

   --background-gray-50: var(--gray-50);
   --background-gray-100: var(--gray-100);
   --background-gray-200: var(--gray-200);
   --background-gray-300: var(--gray-300);
   --background-gray-400: var(--gray-400);
   --background-gray-500: var(--gray-500);
   --background-gray-600: var(--gray-600);
   --background-gray-700: var(--gray-700);
   --background-gray-800: var(--gray-800);
   --background-gray-900: var(--gray-900);

   --text-gray-50: var(--gray-50);
   --text-gray-100: var(--gray-100);
   --text-gray-200: var(--gray-200);
   --text-gray-300: var(--gray-300);
   --text-gray-400: var(--gray-400);
   --text-gray-500: var(--gray-500);
   --text-gray-600: var(--gray-600);
   --text-gray-700: var(--gray-700);
   --text-gray-800: var(--gray-800);
   --text-gray-900: var(--gray-900);
   --lead-50: #fefdfd;
   --lead-100: #fafaf9;
   --lead-200: #f6f6f5;
   --lead-300: #f3f2f2;
   --lead-400: #efefee;
   --lead-500: #eaebed;
   --lead-600: #b3bcce;
   --lead-700: #7080a0;
   --lead-800: #30446f;
   --lead-900: #021046;

   --background-lead-50: var(--lead-50);
   --background-lead-100: var(--lead-100);
   --background-lead-200: var(--lead-200);
   --background-lead-300: var(--lead-300);
   --background-lead-400: var(--lead-400);
   --background-lead-500: var(--lead-500);
   --background-lead-600: var(--lead-600);
   --background-lead-700: var(--lead-700);
   --background-lead-800: var(--lead-800);
   --background-lead-900: var(--lead-900);

   --text-lead-50: var(--lead-50);
   --text-lead-100: var(--lead-100);
   --text-lead-200: var(--lead-200);
   --text-lead-300: var(--lead-300);
   --text-lead-400: var(--lead-400);
   --text-lead-500: var(--lead-500);
   --text-lead-600: var(--lead-600);
   --text-lead-700: var(--lead-700);
   --text-lead-800: var(--lead-800);
   --text-lead-900: var(--lead-900);
}
@media (prefers-color-scheme: dark), (prefers-color-scheme: light) {
   body[data-theme='dark'] {
      --background-blue-50: #1c1e1f;
      --background-blue-100: #001762;
      --background-blue-200: #00196b;
      --background-blue-300: #001d7a;
      --background-blue-400: #001d8e;
      --background-blue-500: #01199f;
      --background-blue-600: #0b17a9;
      --background-blue-700: #1e00aa;
      --background-blue-800: #120072;
      --background-blue-900: #070045;

      --text-blue-500: #4e98fe;
      --text-blue-600: #4288f3;
      --text-blue-800: #7f68ff;
      --text-blue-900: #cdc8c2;
      --background-iris-50: #191b1c;
      --background-iris-100: #1a1c1d;
      --background-iris-200: #1b1e1f;
      --background-iris-300: #1d1f20;
      --background-iris-400: #1e2122;
      --background-iris-500: #202224;
      --background-iris-600: #222852;
      --background-iris-700: #434673;
      --background-iris-800: #303064;
      --background-iris-900: #11003f;

      --text-iris-900: #cfcbc5;
      --background-green: #3a9700;
      --background-green-50: #003616;
      --background-green-100: #00421e;
      --background-green-200: #004f27;
      --background-green-300: #005e30;
      --background-green-400: #006f3b;
      --background-green-500: #00844a;
      --background-green-600: #00aa64;
      --background-green-700: #007543;
      --background-green-800: #004123;
      --background-green-900: #00190a;

      --text-green-900: #dedbd7;
      --background-indigo-50: #1b1e1f;
      --background-indigo-100: #23173c;
      --background-indigo-200: #2a1b49;
      --background-indigo-300: #312055;
      --background-indigo-400: #382460;
      --background-indigo-500: #40296d;
      --background-indigo-600: #482e7c;
      --background-indigo-700: #533591;
      --background-indigo-800: #3a0075;
      --background-indigo-900: #190038;

      --text-indigo-900: #d2cec8;
      --background-gray-50: #1e2021;
      --background-gray-100: #373c3e;
      --background-gray-200: #4f5659;
      --background-gray-300: #585f63;
      --background-gray-400: #3b4042;
      --background-gray-500: #212325;
      --background-gray-600: #121722;
      --background-gray-700: #02081b;
      --background-gray-800: #00000a;
      --background-gray-900: #000000;

      --text-gray-100: #c5c0b9;
      --text-gray-200: #aaa398;
      --text-gray-300: #9e9689;
      --text-gray-400: #b7b0a7;
      --text-gray-500: #cdc8c2;
      --text-gray-600: #d3d0ca;
      --text-gray-900: #e8e6e3;
      --border-gray-100: #404547;
      --border-gray-200: #4c5255;
      --border-gray-400: #726a5e;
      --background-lead-50: #1a1c1d;
      --background-lead-100: #1b1d1e;
      --background-lead-200: #1d2021;
      --background-lead-300: #1f2223;
      --background-lead-400: #212425;
      --background-lead-500: #232627;
      --background-lead-600: #313a4d;
      --background-lead-700: #4d5a74;
      --background-lead-800: #263659;
      --background-lead-900: #020d38;

      --text-lead-600: #c1bbb3;
      --text-lead-900: #d1cdc7;
      --background-lime-50: #204900;
      --background-lime-100: #347a00;
      --background-lime-200: #47920c;
      --background-lime-300: #549b1a;
      --background-lime-400: #4aa526;
      --background-lime-500: #3a9701;
      --background-lime-600: #2e7b00;
      --background-lime-700: #1e5700;
      --background-lime-800: #103500;
      --background-lime-900: #051900;

      --text-lime-500: #8dfe48;
      --text-lime-900: #dedbd7;
      --background-orange-100: #531e00;
      --background-orange-200: #682600;
      --background-orange-300: #7e2f00;
      --background-orange-400: #983c00;
      --background-orange-50: #3f1600;
      --background-orange-500: #c05802;
      --background-orange-600: #a65000;
      --background-orange-700: #763700;
      --background-orange-800: #481f00;
      --background-orange-900: #220c00;

      --text-orange-900: #dad7d2;
      --background-purple-50: #1b1e1f;
      --background-purple-100: #240e55;
      --background-purple-200: #291060;
      --background-purple-300: #2c1167;
      --background-purple-400: #2f126e;
      --background-purple-500: #391684;
      --background-purple-600: #4c2196;
      --background-purple-700: #4e0a96;
      --background-purple-800: #310063;
      --background-purple-900: #190037;

      --text-purple-900: #d2cec8;
      --background-yellow-100: #412d00;
      --background-yellow-200: #4b3400;
      --background-yellow-300: #573d00;
      --background-yellow-400: #634700;
      --background-yellow-50: #362600;
      --background-yellow-500: #725200;
      --background-yellow-600: #aa8300;
      --background-yellow-700: #755a00;
      --background-yellow-800: #423200;
      --background-yellow-900: #1a1200;

      --text-yellow-100: #ffe3a3;
      --text-yellow-800: #cecac3;
      --text-yellow-900: #dedbd6;
      --background-red-100: #4d0500;
      --background-red-200: #5f0800;
      --background-red-300: #710800;
      --background-red-400: #840600;
      --background-red-50: #3c0800;
      --background-red-500: #980000;
      --background-red-600: #b81225;
      --background-red-700: #860016;
      --background-red-800: #54000a;
      --background-red-900: #2b0002;

      --text-red-600: #ea3044;
      --text-red-900: #d7d3ce;
      --pageBackground: hsl(220, 10%, 8%);
      --container-background: rgb(24, 26, 27);

      /* --container-background: rgb(27, 29, 30); */
      --container-gray-background: rgb(25, 28, 29);

      --menu-background: rgb(30, 32, 33);
      --menu-label: rgb(163, 156, 144);

      --menu-edit-background: var(--background-purple-900);
      --menu-edit-label: var(--text-purple-200);

      --container-border-color: rgb(60, 65, 67);
      --text: #e8e6e3de;
      --white: rgb(24, 26, 27);

      --page-frame: rgb(24, 26, 27);

      --fieldset-background-disabled: rgb(27, 29, 30);
      --fieldset-border-color: rgb(130, 121, 107);
      --fieldset-border-color-active: rgba(232, 230, 227, 0.87);
      --fieldset-border-color-disabled: rgb(52, 57, 59);

      --blue-text: var(--text-blue-600, #4e99ff);
   }

      body[data-theme='dark'] .MuiInputBase-input {
         caret-color: #e8e6e3de !important;
         /* &[type='number'] { */
         color-scheme: dark;
         /* } */
      }

      body[data-theme='dark'] input {
         caret-color: #e8e6e3de !important;
         /* &[type='number'] { */
         color-scheme: dark;
         /* } */
      }
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}
.ui-custom-tabs {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  column-gap: 1.25rem;
  row-gap: 0.625rem;
  background-color: var(--white);
}
.skeleton-animate {
  margin-bottom: 0.5rem;
  width: 100%;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.skeleton-animate {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  border-radius: 4px;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #EBEBEB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(235 235 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #e3e3e3 var(--tw-gradient-to-position);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.pointer-events-none {
  pointer-events: none;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.\!fixed {
  position: fixed !important;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.-right-0\.5 {
  right: -0.125rem;
}
.-right-1\.5 {
  right: -0.375rem;
}
.-top-\[2px\] {
  top: -2px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.left-\[43px\] {
  left: 43px;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-1\/2 {
  right: 50%;
}
.right-2 {
  right: 0.5rem;
}
.right-5 {
  right: 1.25rem;
}
.top-0 {
  top: 0px;
}
.top-4 {
  top: 1rem;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[68px\] {
  top: 68px;
}
.z-10 {
  z-index: 10;
}
.z-\[1\] {
  z-index: 1;
}
.m-4 {
  margin: 1rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-6 {
  margin: 1.5rem;
}
.m-\[10px\] {
  margin: 10px;
}
.m-\[20px\] {
  margin: 20px;
}
.m-\[7\.5px\] {
  margin: 7.5px;
}
.m-auto {
  margin: auto;
}
.mx-\[5px\] {
  margin-left: 5px;
  margin-right: 5px;
}
.mx-\[auto\] {
  margin-left: auto;
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-2\.5 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.\!ml-1 {
  margin-left: 0.25rem !important;
}
.\!mr-2 {
  margin-right: 0.5rem !important;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[0px\] {
  margin-bottom: 0px;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[15px\] {
  margin-bottom: 15px;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-\[-10px\] {
  margin-left: -10px;
}
.ml-\[10px\] {
  margin-left: 10px;
}
.ml-\[15px\] {
  margin-left: 15px;
}
.ml-\[5px\] {
  margin-left: 5px;
}
.ml-\[auto\] {
  margin-left: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-\[10px\] {
  margin-right: 10px;
}
.mr-auto {
  margin-right: auto;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-17px\] {
  margin-top: -17px;
}
.mt-\[1\.4rem\] {
  margin-top: 1.4rem;
}
.mt-\[1rem\] {
  margin-top: 1rem;
}
.mt-\[20px\] {
  margin-top: 20px;
}
.mt-\[27px\] {
  margin-top: 27px;
}
.mt-\[30px\] {
  margin-top: 30px;
}
.mt-auto {
  margin-top: auto;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.\!grid {
  display: grid !important;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.\!hidden {
  display: none !important;
}
.hidden {
  display: none;
}
.size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.\!h-6 {
  height: 1.5rem !important;
}
.\!h-\[14px\] {
  height: 14px !important;
}
.\!h-\[22px\] {
  height: 22px !important;
}
.\!h-fit {
  height: -webkit-fit-content !important;
  height: fit-content !important;
}
.h-1 {
  height: 0.25rem;
}
.h-32 {
  height: 8rem;
}
.h-5 {
  height: 1.25rem;
}
.h-\[10\%\] {
  height: 10%;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[197px\] {
  height: 197px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[40\%\] {
  height: 40%;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[43px\] {
  height: 43px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[47px\] {
  height: 47px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[55px\] {
  height: 55px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[65px\] {
  height: 65px;
}
.h-\[6px\] {
  height: 6px;
}
.h-\[70\%\] {
  height: 70%;
}
.h-\[70px\] {
  height: 70px;
}
.h-\[77px\] {
  height: 77px;
}
.h-\[860px\] {
  height: 860px;
}
.h-fit {
  height: -webkit-fit-content;
  height: fit-content;
}
.h-full {
  height: 100%;
}
.max-h-\[290px\] {
  max-height: 290px;
}
.max-h-\[calc\(100dvh_-_280px\)\] {
  max-height: calc(100dvh - 280px);
}
.max-h-full {
  max-height: 100%;
}
.\!min-h-\[220px\] {
  min-height: 220px !important;
}
.min-h-16 {
  min-height: 4rem;
}
.min-h-\[34px\] {
  min-height: 34px;
}
.min-h-\[470px\] {
  min-height: 470px;
}
.min-h-\[47px\] {
  min-height: 47px;
}
.min-h-fit {
  min-height: -webkit-fit-content;
  min-height: fit-content;
}
.\!w-6 {
  width: 1.5rem !important;
}
.\!w-\[22px\] {
  width: 22px !important;
}
.\!w-fit {
  width: -webkit-fit-content !important;
  width: fit-content !important;
}
.\!w-full {
  width: 100% !important;
}
.w-1 {
  width: 0.25rem;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-10\/12 {
  width: 83.333333%;
}
.w-12 {
  width: 3rem;
}
.w-3\/5 {
  width: 60%;
}
.w-4\/12 {
  width: 33.333333%;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[1100px\] {
  width: 1100px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[190px\] {
  width: 190px;
}
.w-\[20\%\] {
  width: 20%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[250px\] {
  width: 250px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[273px\] {
  width: 273px;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[33\%\] {
  width: 33%;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[59\%\] {
  width: 59%;
}
.w-\[63px\] {
  width: 63px;
}
.w-\[65px\] {
  width: 65px;
}
.w-\[70px\] {
  width: 70px;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[95\%\] {
  width: 95%;
}
.w-\[calc\(100\%_-_15px\)\] {
  width: calc(100% - 15px);
}
.w-\[calc\(100\%_-_25px\)\] {
  width: calc(100% - 25px);
}
.w-\[fit-content\] {
  width: -webkit-fit-content;
  width: fit-content;
}
.w-fit {
  width: -webkit-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.\!min-w-0 {
  min-width: 0px !important;
}
.\!min-w-6 {
  min-width: 1.5rem !important;
}
.\!min-w-\[1px\] {
  min-width: 1px !important;
}
.\!min-w-\[210px\] {
  min-width: 210px !important;
}
.max-w-6 {
  max-width: 1.5rem;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[495px\] {
  max-width: 495px;
}
.max-w-\[calc\(100\%_-_155px\)\] {
  max-width: calc(100% - 155px);
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[0\.5\] {
  flex: 0.5;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.table-fixed {
  table-layout: fixed;
}
.origin-left {
  transform-origin: left;
}
.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes expanding {

  0% {
    transform: scaleX(0);
    opacity: 0;
  }

  100% {
    transform: scaleX(1);
    opacity: 100%;
  }
}
@keyframes moving {

  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -200% 0;
  }
}
.animate-loading {
  animation: expanding 0.4s 0.7s forwards linear, moving 1s 1s infinite forwards linear;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.\!cursor-grab {
  cursor: grab !important;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.\!select-none {
  -webkit-user-select: none !important;
          user-select: none !important;
}
.\!resize {
  resize: both !important;
}
.resize {
  resize: both;
}
.list-disc {
  list-style-type: disc;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[15px\] {
  gap: 15px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-x-1 {
  column-gap: 0.25rem;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-3\.5 {
  column-gap: 0.875rem;
}
.gap-x-\[10px\] {
  column-gap: 10px;
}
.gap-y-\[10px\] {
  row-gap: 10px;
}
.gap-y-\[5px\] {
  row-gap: 5px;
}
.self-start {
  align-self: flex-start;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-break-spaces {
  white-space: break-spaces;
}
.text-nowrap {
  text-wrap: nowrap;
}
.\!rounded-\[8px\] {
  border-radius: 8px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[13px\] {
  border-radius: 13px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[50px\] {
  border-radius: 50px;
}
.rounded-\[55px\] {
  border-radius: 55px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-t-\[10px\] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.border {
  border-width: 1px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-\[3px\] {
  border-width: 3px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-\[1px\] {
  border-bottom-width: 1px;
}
.border-l-\[1px\] {
  border-left-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid;
}
.\!border-none {
  border-style: none !important;
}
.\!border-blueMaker {
  border-color: var(--blue-text) !important;
}
.border-\[\#000\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-\[\#D6D6D6\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
}
.border-\[\#DAD9DA\] {
  --tw-border-opacity: 1;
  border-color: rgb(218 217 218 / var(--tw-border-opacity, 1));
}
.border-\[\#d6d6d6\] {
  --tw-border-opacity: 1;
  border-color: rgb(214 214 214 / var(--tw-border-opacity, 1));
}
.border-\[\#f3f4f5\] {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 245 / var(--tw-border-opacity, 1));
}
.border-\[blue\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 255 / var(--tw-border-opacity, 1));
}
.border-\[color\:--container-border-color\] {
  border-color: var(--container-border-color);
}
.border-\[var\(--container-border-color\)\] {
  border-color: var(--container-border-color);
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}
.\!bg-\[var\(--container-gray-background\)\] {
  background-color: var(--container-gray-background) !important;
}
.\!bg-red-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-yellow-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#73B9B9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(115 185 185 / var(--tw-bg-opacity, 1));
}
.bg-\[\#8172C1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(129 114 193 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3F4FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F6F6FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#a0b973\] {
  --tw-bg-opacity: 1;
  background-color: rgb(160 185 115 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d9dae3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(217 218 227 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f3f4f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 245 / var(--tw-bg-opacity, 1));
}
.bg-\[color\:--white\] {
  background-color: var(--white);
}
.bg-\[inherit\] {
  background-color: inherit;
}
.bg-\[var\(--background-iris-200\)\] {
  background-color: var(--background-iris-200);
}
.bg-\[var\(--container-gray-background\)\] {
  background-color: var(--container-gray-background);
}
.bg-\[var\(--orange\)\] {
  background-color: var(--orange);
}
.bg-\[var\(--primary\)\] {
  background-color: var(--primary);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-blueMaker {
  background-color: var(--blue-text);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-blue-50 {
  --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500\/60 {
  --tw-gradient-from: rgb(59 130 246 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-30\% {
  --tw-gradient-from-position: 30%;
}
.from-40\% {
  --tw-gradient-from-position: 40%;
}
.via-blue-500\/60 {
  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-blue-600\/60 {
  --tw-gradient-to: rgb(37 99 235 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(37 99 235 / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-slate-100 {
  --tw-gradient-to: rgb(241 245 249 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f1f5f9 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-30\% {
  --tw-gradient-via-position: 30%;
}
.to-blue-50 {
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-500\/60 {
  --tw-gradient-to: rgb(59 130 246 / 0.6) var(--tw-gradient-to-position);
}
.to-60\% {
  --tw-gradient-to-position: 60%;
}
.to-70\% {
  --tw-gradient-to-position: 70%;
}
.bg-\[length\:200\%\] {
  background-size: 200%;
}
.object-cover {
  object-fit: cover;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-1 {
  padding: 0.25rem !important;
}
.\!p-2 {
  padding: 0.5rem !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[25px\] {
  padding: 25px;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[39px\] {
  padding-left: 39px;
  padding-right: 39px;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}
.py-\[0\] {
  padding-top: 0;
  padding-bottom: 0;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.\!pb-\[10px\] {
  padding-bottom: 10px !important;
}
.\!pl-4 {
  padding-left: 1rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-\[15px\] {
  padding-bottom: 15px;
}
.pb-\[5px\] {
  padding-bottom: 5px;
}
.pl-0\.5 {
  padding-left: 0.125rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-\[0\] {
  padding-left: 0;
}
.pl-\[10px\] {
  padding-left: 10px;
}
.pl-\[15px\] {
  padding-left: 15px;
}
.pl-\[20px\] {
  padding-left: 20px;
}
.pl-\[4px\] {
  padding-left: 4px;
}
.pl-\[5px\] {
  padding-left: 5px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-\[10px\] {
  padding-right: 10px;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.pt-\[15px\] {
  padding-top: 15px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.\!text-\[18px\] {
  font-size: 18px !important;
}
.\!text-\[26px\] {
  font-size: 26px !important;
}
.\!text-\[9px\] {
  font-size: 9px !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-black {
  font-weight: 900 !important;
}
.\!font-bold {
  font-weight: 700 !important;
}
.\!font-normal {
  font-weight: 400 !important;
}
.\!font-semibold {
  font-weight: 600 !important;
}
.font-\[500\] {
  font-weight: 500;
}
.font-\[700\] {
  font-weight: 700;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-3 {
  line-height: .75rem;
}
.leading-\[6px\] {
  line-height: 6px;
}
.\!text-green-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1)) !important;
}
.\!text-red-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1)) !important;
}
.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#0020D2\] {
  --tw-text-opacity: 1;
  color: rgb(0 32 210 / var(--tw-text-opacity, 1));
}
.text-\[\#002458\] {
  --tw-text-opacity: 1;
  color: rgb(0 36 88 / var(--tw-text-opacity, 1));
}
.text-\[\#00D12D\] {
  --tw-text-opacity: 1;
  color: rgb(0 209 45 / var(--tw-text-opacity, 1));
}
.text-\[\#656971\] {
  --tw-text-opacity: 1;
  color: rgb(101 105 113 / var(--tw-text-opacity, 1));
}
.text-\[\#73B9B9\] {
  --tw-text-opacity: 1;
  color: rgb(115 185 185 / var(--tw-text-opacity, 1));
}
.text-\[\#7B7B7B\] {
  --tw-text-opacity: 1;
  color: rgb(123 123 123 / var(--tw-text-opacity, 1));
}
.text-\[\#8172C1\] {
  --tw-text-opacity: 1;
  color: rgb(129 114 193 / var(--tw-text-opacity, 1));
}
.text-\[\#F14040\] {
  --tw-text-opacity: 1;
  color: rgb(241 64 64 / var(--tw-text-opacity, 1));
}
.text-\[\#a0b973\] {
  --tw-text-opacity: 1;
  color: rgb(160 185 115 / var(--tw-text-opacity, 1));
}
.text-\[\#d24835\] {
  --tw-text-opacity: 1;
  color: rgb(210 72 53 / var(--tw-text-opacity, 1));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-\[\] {
  color: ;
}
.text-\[color\:var\(--blue-dark\)\] {
  color: var(--blue-dark);
}
.text-blueMaker {
  color: var(--blue-text);
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-0 {
  transition-delay: 0s;
}
.duration-75 {
  transition-duration: 75ms;
}
* {
   outline: none;
}
.hover\:cursor-default:hover {
  cursor: default;
}
.hover\:cursor-pointer:hover {
  cursor: pointer;
}
.hover\:bg-\[\#fafdff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 253 255 / var(--tw-bg-opacity, 1));
}
.hover\:\!opacity-100:hover {
  opacity: 1 !important;
}
.active\:\!cursor-grabbing:active {
  cursor: grabbing !important;
}
.group:hover .group-hover\:flex {
  display: flex;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
@media not all and (min-width: 1280px) {

  .max-xl\:\!mr-0 {
    margin-right: 0px !important;
  }

  .max-xl\:\!w-full {
    width: 100% !important;
  }
}
@media (min-width: 768px) {

  .md\:gap-6 {
    gap: 1.5rem;
  }
}
@media (min-width: 1024px) {

  .lg\:max-w-\[40vw\] {
    max-width: 40vw;
  }

  .lg\:max-w-\[60vh\] {
    max-width: 60vh;
  }

  .lg\:max-w-\[60vw\] {
    max-width: 60vw;
  }
}
@media (min-width: 1280px) {

  .xl\:w-\[100\%\] {
    width: 100%;
  }
}
@media (min-width: 1536px) {

  .\32xl\:h-\[calc\(100\%_\+_25px\)\] {
    height: calc(100% + 25px);
  }

  .\32xl\:w-\[72\%\] {
    width: 72%;
  }
}
.ui-page-content:has(.ui-el-flow-integra) {
   padding: 0 !important;
   transition: none;
}

   .ui-page-content:has(.ui-el-flow-integra) .ui-view-label {
      position: absolute !important;
      background-color: transparent !important;
   }

   .ui-page-content:has(.ui-el-flow-integra) .ui-view-label .ui-view-gradient {
         display: none;
      }

   .ui-page-content:has(.ui-el-flow-integra) .ui-view-label {

      padding-left: 20px !important;
      padding-top: 10px !important;
}

.ui-label-crud.ui-label-flow-integra {
   background-color: transparent !important;
   box-shadow: none !important;
   padding: 0;
   width: -webkit-fit-content;
   width: fit-content;

   position: absolute !important;
   top: 10px !important;
   left: 20px !important;
}

.integ-edit-button button:disabled {
      cursor: pointer !important;
   }

.ui-child:has(.integ-empty) {
   position: static !important;
   /* background-color: red !important; */
}

.integ-transform .ui-btn-inner {
      max-width: unset !important;
   }

.integ-transform button {
      border: 1px solid var(--fieldset-border-color);
   }

.integ-transform button:disabled {
         background-color: var(--background-yellow-300) !important;
         color: unset !important;
         cursor: pointer !important;
      }

.integ-transform .ui-btn-label {
      letter-spacing: 0px;
      font-size: 1.2rem;
   }

.integ-empty {
   font-weight: 500;
   font-size: 2.2rem;

   position: absolute !important;

   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.ui-el-flow-container {
   height: calc(100dvh - 77px);
   width: 100dvw;
}

.ui-dialog .ui-el-flow-container {
      height: 100%;
   }

.integ-node {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   padding: 10px;
   height: 100%;
   background-color: var(--white);

   border: 2px solid var(--container-border-color);

   border-radius: 8px;
}

.integ-node .integ-nome-sis {
      font-size: 1rem;
   }

.integ-node .integ-nome-sis-end {
      font-weight: 500;
      font-size: 1.4rem;
   }

.flow-integra-form {
   position: absolute !important;
   z-index: 99;
   padding: 30px 15px;
   padding-bottom: 0;
   padding-top: 0;
   top: 3.5rem;
   max-width: 32.5rem;
}

.flow-integra-form .ui-type-switch .ui-container-type-switch {
         background-color: var(--white);
      }

.flow-integra-form .ui-inner-type-switch {
      margin-left: auto;
   }

.react-flow .react-flow__edge-path {
      stroke: var(--text);
   }

.react-flow:has(.integ-hovering-true) .integ-hovering-false,
   .react-flow:has(.integ-hovering-true) .react-flow__edge-path {
      opacity: 0.1;
      animation-play-state: paused;
   }

.react-flow:has(.integ-hovering-true) .integ-hovering-false .integ-transform button, .react-flow:has(.integ-hovering-true) .react-flow__edge-path .integ-transform button {
         border-color: var(--background-yellow-300);
      }

.ui-dialog:has(.flow-integracao) .ui-dialog-content {
      padding: 0;
   }

.ui-dialog:has(.flow-integracao) .ui-dialog-container {
      overflow: hidden;
   }

.ui-dialog:has(.flow-integracao) .ui-dialog-buttons {
      display: none;
   }

.ui-dialog:has(.flow-integracao) .ui-chart-data {
      /* height: calc(100dvh - 290px) !important; */
   }
.ui-container-margin-none .ui-container {
   margin: 0;
}

.ui-el-filters > .ui-container {
   padding: 0 5px;
}

.ui-no-padding-container .ui-container,
.ui-no-padding-container + .ui-child,
.ui-no-padding-container-child > .ui-container > .ui-child {
   padding: 0 !important;
}

.ui-no-margin-container .ui-container,
.ui-no-margin-container + .ui-child,
.ui-no-margin-container-child .ui-container .ui-child {
   margin: 0 !important;
}

.ui-no-border-container .ui-container,
.ui-no-border-container + .ui-child,
.ui-no-border-container-child .ui-container .ui-child {
   border: none !important;
}

.ui-w-full-container .ui-container,
.ui-w-full-container .ui-child,
.ui-w-full-container-child .ui-container .ui-child {
   width: -webkit-max-content !important;
   width: max-content !important;
}

.ui-el .ui-vertical-middle,
.ui-vertical-middle .ui-container,
.ui-vertical-middle .ui-child,
.ui-vertical-middle-child .ui-container .ui-child {
   vertical-align: middle !important;
}

/* :is(.ui-el-salvar, .ui-el-create) :is(.MuiButtonBase-root, .MuiButtonBase-root:hover) {
   border-radius: 4px;
   border-top: 1px solid #00230c;
   border-right: 3px solid #00230c;
   border-bottom: 3px solid #00230c;
   border-left: 1px solid #00230c;
   background: #aeffd3 !important;
   opacity: 1 !important;

   color: #00230c;
   font-family: DM Sans;
   font-size: 1.3rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;

   display: flex;
   min-height: 56px;
   padding: 10px 29px;
   justify-content: center;
   align-items: center;
   gap: 10px;
   flex-shrink: 0;
} */

.ui-custom-map {
   height: 461px;
}

.ui-user-data textarea {
   overflow-y: auto !important;
}

.tradutor-container {
   display: flex;
   flex-direction: column;
   align-items: center;

   gap: 30px;
}

.tradutor-container textarea {
   width: 900px;
   height: 300px;
}

.ui-type-toggle .MuiToggleButtonGroup-root {
   /* background: #fff; */
}

.progressBar .light-grey {
      background-color: var(--container-border-color);
      width: 100%;
      text-align: center;
      border: 1px solid #1d1e20;
      border-radius: 4px;
      margin-right: 15px;
      height: 29px;
      overflow: hidden;
   }

.progressBar .light-grey div:last-child {
         position: relative;
         margin-top: -23px;
         font-size: 1.4rem;
         font-weight: 700;
      }

.progressBar .light-grey .bg-porcentagem {
         color: #000 !important;
         text-align: center;
         height: 100%;
         background-color: #838fff !important;
      }

.progressBar .status {
      width: 100%;
      text-align: center;
      font-weight: 500;
   }

.progressBar .container-cancelar-ativar #cancelar-ativar {
         margin-top: 10px;
         margin-left: 73px;
      }

.title_page .ui-container {
      display: flex;
      flex-direction: row;
   }

.title_page .ui-container .ui-label {
         padding: 0;
      }

.title_page .ui-container .ui-icon i {
         font-size: 2.6rem;
      }

.title_page .ui-container .ui-inner {
         margin-top: 4px;
      }

.title_page .ui-container .ui-inner span {
            font-size: 1.8rem;
            font-weight: 700;
         }

.status_descricao .ui-inner span {
         font-weight: 700;
      }

.ui-grid-top-left .ui-type-input > .ui-container {
   margin: 0;
}

.ui-mkt-select {
   border: 3px solid #838fff !important;
}

#meus_marketplaces .ui-grid-row > div:last-child {
      padding-right: 0 !important;
   }

.img-avatar-conta .ui-format-img .ui-inner img {
      height: 100% !important;
   }

.ui-variant-default_purple .ui-tabs .ui-tabs-inner, .ui-variant-default_purple .ui-tabs .ui-tab-nav, .ui-variant-default_purple .ui-container-tabs .ui-tabs-inner, .ui-variant-default_purple .ui-container-tabs .ui-tab-nav {
         border-bottom: 0;
         background: transparent;
      }

.ui-variant-default_purple .ui-tabs .ui-tabs-inner > .ui-type-label,
         .ui-variant-default_purple .ui-tabs .ui-tabs-inner .ui-tab-item,
         .ui-variant-default_purple .ui-tabs .ui-tab-nav > .ui-type-label,
         .ui-variant-default_purple .ui-tabs .ui-tab-nav .ui-tab-item,
         .ui-variant-default_purple .ui-container-tabs .ui-tabs-inner > .ui-type-label,
         .ui-variant-default_purple .ui-container-tabs .ui-tabs-inner .ui-tab-item,
         .ui-variant-default_purple .ui-container-tabs .ui-tab-nav > .ui-type-label,
         .ui-variant-default_purple .ui-container-tabs .ui-tab-nav .ui-tab-item {
            display: inline-flex;
            margin-right: 15px;
            border-radius: 4px;
            border-top: 1px solid #10244b;
            border-right: 3px solid #10244b;
            border-bottom: 3px solid #10244b;
            border-left: 1px solid #10244b;
            background: #ede8ff;
            min-height: 53px;
            padding: 17px 25px;
         }

.ui-variant-default_purple .ui-tabs .ui-tabs-inner .ui-tab-item:hover, .ui-variant-default_purple .ui-tabs .ui-tab-nav .ui-tab-item:hover, .ui-variant-default_purple .ui-container-tabs .ui-tabs-inner .ui-tab-item:hover, .ui-variant-default_purple .ui-container-tabs .ui-tab-nav .ui-tab-item:hover {
            background: #0ec2b3;
         }

.ui-variant-default_purple .ui-tabs .ui-tabs-inner >.ui-type-label.ui-selected,
         .ui-variant-default_purple .ui-tabs .ui-tabs-inner .ui-tab-item-selected,
         .ui-variant-default_purple .ui-tabs .ui-tab-nav >.ui-type-label.ui-selected,
         .ui-variant-default_purple .ui-tabs .ui-tab-nav .ui-tab-item-selected,
         .ui-variant-default_purple .ui-container-tabs .ui-tabs-inner >.ui-type-label.ui-selected,
         .ui-variant-default_purple .ui-container-tabs .ui-tabs-inner .ui-tab-item-selected,
         .ui-variant-default_purple .ui-container-tabs .ui-tab-nav >.ui-type-label.ui-selected,
         .ui-variant-default_purple .ui-container-tabs .ui-tab-nav .ui-tab-item-selected {
            color: #000;
            background: #a487ff;
         }

.ui-variant-default_purple .ui-container {
      border: none;
      border-radius: 0px;
   }

.ui-variant-default_purple .ui-container .ui-child .ui-tab-data {
            padding: 0;
            margin: 0;
         }

.switch-not-border .ui-type-switch > .ui-container > .ui-inner {
      border: none !important;
   }

.switch-not-border .ui-input .ui-container {
         border: 1px solid var(--container-border-color) !important;
         padding-left: 8px;
         padding-right: 8px;
         border-radius: 4px;
      }

#dados .ui-container .ui-label span, #configuracoes_seller .ui-container .ui-label span {
            font-weight: bold;
         }

.ui-custom-map .gm-style-mtc-bbw,
   .ui-custom-map .gm-fullscreen-control {
      top: 38px !important;
   }

.ui-custom-map .gm-style-mtc button {
         font-size: 1.2rem !important;
      }

.ui-map-search {
   position: absolute;
   padding-top: 5px;
   z-index: 1000;
   width: 100% !important;
}

.ui-map-search .MuiInputBase-root {
      background-color: #fff;
      border-radius: 50px !important;
   }

.ui-map-search .MuiButton-root {
      position: absolute;
      background-color: transparent !important;
      box-shadow: none;
      margin-top: 5px !important;
      margin-left: 40px;
   }

.ui-map-search .MuiButton-root .fa {
         font-size: 1.5rem !important;
      }

#vigencia .ui-child #periodo {
   width: 100% !important;
}

.ui-inner-type-help {
   font-style: italic;
}

.ui-grid-top-options .ui-type-switch > .ui-container > .ui-inner {
      border: none !important;
   }

.ui-grid-top-left .ui-container .ui-child {
      justify-content: flex-start !important;
   }

.ui-grid-top-left .MuiSelect-select {
      padding: 14px 14px !important;
      border-right: 1px solid #d6d6d6;
   }

.switch-select-columns .ui-type-switch > .ui-container > .ui-inner {
      border: none !important;
   }

.validation-for-grid input,
   .validation-for-grid .ui-label,
   .validation-for-grid .ui-inner-type-hidden {
      display: none;
   }

.remove-border-steps .ui-type-tabs > .ui-container {
      border: 0px !important;
   }

.status-autocomplete {
   color: #007bff;
   font-size: 1.0rem;
   font-weight: 700;
   margin-left: 10px;
}
@media (max-width: 1280px) {
      .ui-v2 .ui-type-list .ui-row-layout-card {
         width: calc(33% - 2rem) !important;
      }
   }
   .ui-v2 .ui-title:not([title='']) {
      position: relative;
   }
   .ui-v2 .ui-type-button img {
      height: 35px;
   }
   .ui-v2 .ui-title:not([title='']):hover::after {
      content: attr(data-title);
      /* Usa o conteúdo do atributo title */
      position: absolute;
      background: #333;
      color: #fff;
      padding: 0.5rem 1rem;
      border-radius: 0.5rem;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap;
      opacity: 1;
      visibility: visible;
      transition: opacity 0.3s ease-in-out;
      z-index: 99999;
   }
   /* Garante que o tooltip não apareça até o hover */
   .ui-v2 .ui-title:not([title=''])::after {
      opacity: 1;
      visibility: visible;
   }
   .ui-v2 a {
      color: var(--text-blue-600);
   }
   .ui-v2 button a {
      color: inherit;
   }
   .ui-v2 .ui-type-editor.ui-disabled .ql-toolbar {
      display: none !important;
   }
   .ui-v2 .ui-type-editor.ui-disabled .ql-container {
      border-top: 0.1rem solid !important;
   }
   .ui-v2 .ui-layout-info .default-info .ui-label {
      color: #6c6767 !important;
      font-weight: 600;
   }
   .ui-v2 td {
      display: table-cell !important;
   }
   .ui-v2 .ui-dialog-container {
      min-width: 70rem;
   }
   .ui-v2 .ui-child-column.ui-child-actions {
      justify-content: center;
      align-items: center;
   }
   .ui-v2 .ui-type-toggle .ui-counter {
      position: absolute;
      top: -9px;
      right: -0.3rem;
      background: #9090db;
      font-size: 0.9rem;
      min-width: 1.5rem;
      padding: 0 0.3rem;
      height: 1.5rem;
      line-height: 1.5rem;
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      justify-items: center;
      border-radius: 50%;
      color: #fff;
      font-weight: 500;
   }
   .ui-v2 .ui-child-type-repeat.ui-child-layout-list {
      display: block;
      list-style: disc;
      margin: 0.5rem 2rem;
   }
   .ui-v2 .ui-child-type-buttons {
      flex-wrap: nowrap;
   }
   .ui-v2 .ui-type-multicheck .ui-item-type-multicheck {
         display: flex;
         flex-wrap: nowrap;
         align-items: center;
         justify-content: center;
      }
   .ui-v2 .ui-type-multicheck .ui-inner-multicheck {
         flex-wrap: wrap;
         justify-content: flex-start;
         border: 0.1rem solid #dedede;
         border-radius: 0.3rem;
      }
   .ui-v2 .ui-label-right-card button {
      padding: 0 !important;
      height: var(--button-small) !important;
      width: var(--button-small) !important;
   }
   .ui-v2 .ui-grid-row .ui-type-card {
      overflow: auto;
   }
   .ui-v2 .ui-container-ui-dash-total {
      height: 100%;
   }
   .ui-v2 .ui-type-calendar .react-calendar {
         width: 100%;
      }
   .ui-v2 .ui-container-set-of-status .ui-top-left-list,
      .ui-v2 .ui-container-set-of-status .ui-top-center-list {
         display: none !important;
      }
   .ui-v2 .ui-container-set-of-status .ui-top-right-list {
         display: flex !important;
         width: 100% !important;
         justify-content: center !important;
         margin-bottom: 1.5rem;
      }
   .ui-v2 .ui-top-list.ui-top-set-of-status {
      width: 100%;
      display: flex !important;
      justify-content: center;
      align-items: center;
      justify-items: center;
      text-align: center;
      margin: auto;
      border: 0 !important;
   }
   .ui-v2 .ui-top-list.ui-top-set-of-status button {
         height: 3.6rem;
         width: 25rem;
      }
   .ui-v2 .ui-chart-type-card.ui-no-label {
      background: transparent !important;
      border: 0 !important;
   }
   .ui-v2 .ui-chart-type-card.ui-no-label .ui-chart-type-card {
         padding-bottom: 0;
         margin-bottom: 0;
      }
   .ui-v2 .ui-chart-type-card.ui-no-label .ui-chart-card {
         margin: 0 !important;
         padding: 0;
      }
   .ui-v2 .ui-chart-type-card.ui-no-label .ui-label-type-chart {
         padding-left: 1rem;
         padding-right: 1rem;
      }
   .ui-v2 .ui-col,
   .ui-v2 .ui-read-only,
   .ui-v2 .ui-copy-button,
   .ui-v2 .ui-type-output {
      position: relative;
   }
   .ui-v2 .ui-layout-icon-right .ui-btn-inner {
         justify-content: space-evenly;
         flex-direction: row-reverse;
      }
   .ui-v2 .react-flow__panel .ui-type-button {
      margin-bottom: 1rem;
   }
   .ui-v2 :is(.ui-copy-button, .ui-type-output, .ui-col):hover > .ui-copy, .ui-v2 .ui-:hover > .ui-copy {
      opacity: 1;
      display: flex;
   }
   .ui-v2 .ui-list-top-toggle.list-layout-toggle {
      display: flex;
   }
   .ui-v2 .ui-copy {
      position: absolute;
      right: 0.4rem;
      background: #fff;
      width: 1.7rem;
      height: 1.7rem;
      font-size: 1.6rem !important;
      border: 0.1rem solid #dedede;
      z-index: 5;
      border-radius: 0.4rem;
      padding: 0.2rem;
      color: #000;
      opacity: 0;
      bottom: 1rem;
      display: none;
      align-items: center;
      justify-content: center;
      cursor: pointer;
   }
   .ui-v2 .ui-copy:hover {
         background-color: var(--background-blue-300);
         color: var(--text-blue-900);
      }
   .ui-v2 .ui-type-tab-list {
      padding: 0 !important;
   }
   .ui-v2 .ui-type-tab-list .ui-type-list > .ui-container {
         margin: 0 !important;
      }
   .ui-v2 .ui-type-tab-list .ui-type-list > .ui-container .ui-grid {
            border: 0;
            border-radius: 0;
         }
   .ui-v2 .ui-type-tab-list .ui-form {
         padding: 10px;
         border-bottom: 1px solid #dedede;
      }
   .ui-v2 .ui-workflow-item-title {
      display: flex;
      align-items: center;
   }
   .ui-v2 .ui-workflow-item-title button {
         padding: 0 2px !important;
      }
   .ui-v2 .ui-label-workflow-title {
      padding: 0 !important;
      justify-content: center;
      align-items: center;
   }
   .ui-v2 .ui-el-workflow-title {
      display: flex;
      line-height: 1.5rem;
   }
   .ui-v2 .ui-el-workflow-title .ui-copy {
         position: relative;
         bottom: 0;
         right: 0;
         left: 0;
         top: 0;
         margin-left: 0.5rem;
      }
   .ui-v2 .opacity-transition {
      transition: opacity 0.1s ease-in-out;
   }
   .ui-v2 .visivel {
      opacity: 1;
   }
   .ui-v2 .invisivel {
      opacity: 0;
   }
   .ui-v2 .ui-type-output.ui-variant-row > .ui-container > .ui-child {
      padding: 0;
   }
   .ui-v2 .ui-read-only-edit .ui-type-output.ui-variant-row {
         border: 0 !important;
      }
   .ui-v2 .ui-no-label .ui-label-inner-type-code {
      text-align: right;
      justify-content: flex-end;
      padding: 1rem;
   }
   .ui-v2 .ui-container-type-buttons {
      margin: 0 auto;
      width: calc(100% - 2rem);
   }
   .ui-v2 .ui-container-type-buttons .MuiButtonBase-root:not(.ui-button-color) {
         background-color: var(--background-blue-100);
      }
   .ui-v2 .ui-container-type-buttons .ui-child {
         gap: 1rem;
      }
   .ui-v2 .ui-read-only.ui-has-child
      .ui-child:not(.ui-child-class-service-row, .ui-child-variant-row)
      > .ui-input.ui-read-only:not(.ui-type-editor, .ui-variant-title) {
      border-bottom: 0.1rem solid var(--container-border-color);
      min-height: 7.5rem;
   }
   .ui-v2 .ui-th-resizer {
      position: absolute;
      top: 0;
      right: -0.5rem;
      width: 0.5rem;
      cursor: col-resize;
      -webkit-user-select: none;
              user-select: none;
      bottom: 0;
      transform: translateX(-0.5rem);
   }
   .ui-v2 .ui-th-resizer:hover,
   .ui-v2 .resizing {
      border-right: 0.2rem solid blue;
   }
   .ui-v2 .ui-container-counter {
      position: relative !important;
   }
   .ui-v2 .ui-counter-type-column,
   .ui-v2 .ui-counter-type-button {
      position: absolute !important;
      top: 0.4rem;
      right: -2rem;
      border-radius: 2rem;
      background: var(--blue-text) !important;
      color: #fff;
      padding: 0 0.5rem;
      font-size: 0.9rem;
      line-height: 1.4rem;
      z-index: 999;
   }
   .ui-v2 .ui-counter-type-button {
      right: -0.5rem;
      top: 0px;
      background: var(--red);
   }
   .ui-v2 .ui-inner-type-editor {
      white-space: pre-wrap;
      word-wrap: break-word;
   }
   .ui-v2 .ui-user-data-format-tag {
      padding: 0 8px !important;
      font-weight: 600;
      border-radius: 5rem;
      text-align: center;
      background-color: #e5e8ff;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: -webkit-fit-content;
      max-width: fit-content;
      color: #1d1e20;
   }
   .ui-v2 .ui-has-help {
      align-items: flex-end !important;
      display: flex;
   }
   .ui-v2 .ui-has-help > .ui-container,
      .ui-v2 .ui-has-help > .ui-help {
         width: calc(100% - 1.5rem);
      }
   .ui-v2 .ui-has-help > .ui-help {
         background-color: var(--background-lead-200);
         padding: 1rem;
         margin: 0.75rem;
         border-radius: 0.5rem;
         color: #565252;
      }
   .ui-v2 .ui-has-help:not(.ui-space-12):not(.ui-type-upload) {
      align-items: flex-start !important;
      flex-wrap: wrap;
   }
   .ui-v2 .ui-has-help.ui-type-upload {
      display: block;
   }
   .ui-v2 .ui-has-help.ui-space-12 > .ui-container:not(.ui-container-type-upload),
      .ui-v2 .ui-has-help.ui-space-12 > .ui-help:not(.ui-help-upload) {
         width: calc(50% - 1.5rem) !important;
      }
   .ui-v2 .ui-has-help.ui-space-12 > .ui-container:not(.ui-container-type-upload) {
         height: calc(100% - 1.5rem);
      }
   .ui-v2 .ui-label-pos-left .ui-container-type-switch {
      flex-direction: row-reverse !important;
      display: flex;
      justify-content: flex-end !important;
   }
   .ui-v2 .ui-read-only .ui-element-type-select:not(.ui-changed).MuiInputBase-root {
         background-color: var(--background-iris-300);
      }
   .ui-v2 .ui-read-only .ui-element-type-select:not(.ui-changed).MuiOutlinedInput-root .MuiSelect-select {
         border: 0 !important;
      }
   .ui-v2 .ui-read-only .ui-element-type-select:not(.ui-changed) fieldset {
         border: 0 !important;
      }
   .ui-v2 .ui-input .ui-right,
   .ui-v2 .ui-input .ui-left {
      display: flex;
   }
   .ui-v2 .ui-inner-actions-column {
      display: flex;
      gap: 0;
   }
   .ui-v2 .ui-click.ui-disabled {
      opacity: 0.5 !important;
      cursor: initial !important;
   }
   .ui-v2 .ui-col-format-status {
      width: -webkit-fit-content;
      width: fit-content;
      margin: auto;
   }
   .ui-v2 .ui-type-button buttonx {
      width: 100%;
   }
   .ui-v2 .ui-type-input .ui-right .ui-type-button button {
      height: 3.6rem !important;
   }
   .ui-v2 .ui-xinner-markdown li,
   .ui-v2 .ui-xinner-markdown p {
      overflow: hidden;
      border-right: 0.15em solid orange;
      animation:
         typing 3.5s steps(40, end),
         blink-caret 0.75s step-end infinite;
   }
   .ui-v2 .ui-child-layout-flex {
      display: flex;
      width: 100%;
   }
   .ui-v2 .ui-container-fit button {
      width: 100% !important;
   }
   @keyframes typing {
      from {
         width: 0;
      }

      to {
         width: 100%;
      }
   }
   @keyframes blink-caret {
      from,
      to {
         border-color: transparent;
      }

      50% {
         border-color: orange;
      }
   }
   @media (max-width: 1000px) {
      .ui-v2 .ui-type-list .ui-row-layout-card {
         width: calc(50% - 2rem) !important;
      }
   }
   @keyframes load {
      from {
         opacity: 0;
      }

      to {
         opacity: 1;
      }
   }
   .ui-v2 .ui-filter-counter .ui-btn-label {
      top: 1.5rem;
      bottom: initial !important;
      right: 0px !important;
   }
   .ui-v2 img.ui-element-avatar {
      object-fit: cover;
   }
   .ui-v2 .list-counter .ui-btn-label {
         font-size: 1.2rem;
         font-weight: 400;
      }
   .ui-v2 .ui-entity-area > .MuiAutocomplete-root {
         min-width: 0px;
      }
   .ui-v2 img.ui-element-avatar {
      object-fit: cover;
   }
   .ui-v2 .list-counter .ui-btn-label {
         font-size: 1.2rem;
         font-weight: 400;
      }
   .ui-v2 td .ui-user-data-has-click {
      color: var(--blue-text);
   }
   .ui-v2 .ui-inner-format-column .ui-user-data {
         margin: 0 0.5rem;
         width: auto;
         overflow: hidden;
         text-overflow: ellipsis;
      }
   .ui-v2 .ui-list-header-multiple {
      display: flex;
      gap: 1rem;
      align-items: center;
   }
   .ui-v2 .ui-list-header-multiple button {
         height: 2.2rem !important;
      }
   .ui-v2 .ui-list-header-multiple button i {
            font-size: 1.6rem !important;
         }
   .ui-v2 .ui-list-header-multiple button .ui-btn-label {
            font-size: 1.2rem !important;
         }
   .ui-v2 .ui-list-total-selecteds {
      background: blue !important;
      display: inline;
      padding: 0 0.8rem;
      color: #fff;
      border-radius: 0.5rem;
      line-height: 2.2rem;
   }
   .ui-v2 td.ui-col.ui-el-actions {
      border-left: 1px solid #dedede;
      box-shadow: -4px 0 4px -2px #dedede;
   }
   .ui-v2 .ui-top-right-list .ui-type-button.ui-icon-only {
         padding: 0;
      }
   .ui-v2 .ui-filter-option .ui-label,
      .ui-v2 .ui-filter-option .ui-container {
         padding: 0;
         margin: 0;
         width: 100%;
      }
   .ui-v2 .ui-filter-option .ui-label *, .ui-v2 .ui-filter-option .ui-container * {
            border: 0;
            border-radius: 0;
         }
   .ui-v2 .ui-filter-option .ui-label {
         font-weight: 600;
         font-size: 1.1rem;
      }
   .ui-v2 .ui-filter-option .ui-child-ui-filter-option {
         border: 1px solid #b0b0b0;
         overflow: hidden;
         border-radius: 3px;
      }
   .ui-v2 .ui-filter-option :hover .ui-child-ui-filter-option {
            border-color: blue;
         }
   .ui-v2 .ui-filter-option .ui-container-class-ui-filter-option-operator {
         border-right: 1px solid #dedede;
      }
   .ui-v2 .ui-filter-option .MuiInputBase-root,
      .ui-v2 .ui-filter-option .MuiInputBase-root:hover * {
         border: 0;
      }
   .ui-v2 .ui-list-btn-filter i {
         font-size: 1.5rem;
      }
   .ui-v2 .ui-list-btn-filter .ui-counter-button {
         position: absolute;
         top: -0.7rem;
         right: -0.7rem;
         line-height: 0.75rem;
         display: flex;
         justify-content: center;
         align-items: center;
         color: #fff;
         background-color: var(--blue-600);
         border-radius: 50%;
         font-size: 1rem;
         font-weight: 900;
         height: 16px !important;
         width: 16px !important;
         z-index: 1;
      }
   .ui-v2 .ui-list-btn-filter .ui-btn-label {
         font-size: 1.2rem !important;
      }
   .ui-v2 .ui-list-btn-filter .ui-btn-inner {
         gap: 0.2rem !important;
      }
   .ui-v2 .ui-list-page-resume {
      justify-content: center;
      display: flex;
      align-items: center;
   }
   .ui-v2 .ui-list-top-selected-count {
      display: flex;
      align-items: center;
      color: #888;
      font-size: 1.1rem;
      text-wrap: nowrap;
   }
   .ui-v2 .ui-list-page-resume b {
      color: var(--blue-text);
   }
   @keyframes append-animate {
      from {
         transform: scaleY(0);
         opacity: 0;
      }

      to {
         transform: scaleY(1);
         opacity: 1;
      }
   }
   .ui-v2 .ui-container-ui-dialog-buttons {
      width: 100%;
   }
   .ui-v2 .ui-animatex .ui-data-list {
      transform-origin: 50% 0;
      animation: append-animate 0.3s linear;
   }
   .ui-v2 .ui-th-label {
      display: flex;
   }
   .ui-v2 .ui-th-label-inner {
      max-width: 30rem;
      overflow: hidden;
      text-overflow: ellipsis;
   }
   .ui-v2 .ui-layout-left .ui-type-button .ui-inner, .ui-v2 .ui-layout-right .ui-type-button .ui-inner {
         width: auto;
      }
   .ui-v2 .ui-layout-right .ui-container {
      justify-content: flex-end;
      text-align: right;
   }
   .ui-v2 .ui-layout-left .ui-container {
      justify-content: flex-start;
      text-align: left;
   }
   .ui-v2 .ui-container-type-timeline.ui-container-layout-card {
      width: auto;
   }
   .ui-v2 .ui-container-type-editor.ui-container-read-only {
      border: 0.1rem solid var(--container-border-color);
      padding: 1rem 1.5rem;
      border-radius: 1rem;
      background: var(--container-gray-background);
   }
   .ui-v2 .ui-label:not(.ui-label-card) {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      gap: 0.5rem;
   }
   .ui-v2 .ui-label:not(.ui-label-card) .ui-fragment-part {
         align-items: center;
      }
   .ui-v2 .ui-label-card .ui-fragment-part.ui-fragment-icon {
         padding-right: 0.5rem;
      }
   .ui-v2 .ui-type-input .ui.ui-label-left {
      padding-right: 1rem;
   }
   .ui-v2 .ui-type-input.ui-type-switch .ui.ui-label-left {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      line-height: 1.2rem;
   }
   .ui-v2 .ui-child-multiple.ui-grid-flex {
      gap: 1rem;
      padding: 1rem;
      align-items: center;
      justify-content: center;
   }
   .ui-v2 .ui-child-multiple.ui-grid-flex .ui-grid-row {
         display: flex;
         gap: 0.5rem;
         justify-content: center;
      }
   .ui-v2 .ui-label-type-crud .ui-input .MuiInputBase-root {
         /* background-color: #e4e7ff; */
         background-color: var(--background-iris-500);
      }
   .ui-v2 .default-info span {
      font-size: 1.3rem;
   }
   .ui-v2 .ui-label-right-crud .ui-child {
      gap: 1rem;
   }
   .ui-v2 .ui-type-card:not(.ui-layout-gray) .ui-type-card .ui-container-type-card {
      background: var(--container-gray-background);
   }
   .ui-v2 .ui-transient.ui-layout-flex {
      display: flex;
      gap: 1rem;
   }
   .ui-v2 .ui-tab-data .ui-layout-flexs {
      justify-content: center;
   }
   .ui-v2 .ui-tab-nav > .ui-type-label:hover {
      background-color: var(--background-blue-100);
   }
   .ui-v2 .ui-label {
      height: -webkit-fit-content;
      height: fit-content;
   }
   .ui-v2 .ui-label > div {
      vertical-align: middle;
      display: flex;
   }
   .ui-v2 .ui-label-icon {
      width: auto !important;
   }
   .ui-v2 .ui-label-left {
      display: flex;
      justify-content: flex-start;
   }
   .ui-v2 .ui-label-right {
      display: flex;
      justify-content: flex-end;
      width: auto !important;
      margin-left: initial;
   }
   .ui-v2 .ui-inner-type-code {
      display: block !important;
   }
   .ui-v2 .ui-label-left-align-center {
      text-align: center;
      justify-content: center !important;
      align-items: center;
      justify-items: center;
   }
   .ui-v2 .ui-type-input .ui-label-right .ui-inner {
      padding-left: 0 !important;
   }
   /* .ui-type-input .ui-label-right button {
      height: 1.5rem !important;
      margin-top: -.5rem;
   } */
   .ui-v2 .ui-type-input.ui-collapsed > .ui-container > .ui-inner {
      margin-bottom: 1rem !important;
      /* overflow: hidden;
      text-overflow: ellipsis; */
   }
   .ui-v2 .ui-collapsed .ui-user-data {
         display: -webkit-box;
         -webkit-line-clamp: 3;
         line-clamp: 3;
         -webkit-box-orient: vertical;
         max-height: 80px;
      }
   .ui-v2 .ui-child-recent-card {
      overflow: hidden;
   }
   .ui-v2 .ui-inner {
      gap: 1rem;
   }
   .ui-v2 .ui-inner > .ui-fragment-part {
         flex-wrap: wrap;
         display: flex;
         width: 100%;
      }
   .ui-v2 .ui-layout-card .ui-container-enderecos {
         align-items: flex-start !important;
      }
   .ui-v2 .ui-layout-card .ui-grid-row-list .ui-label {
            padding: 0;
            padding-right: 0.5rem;
         }
   .ui-v2 .ui-layout-card .ui-grid-row-list .ui-container {
            padding-bottom: 0.5rem;
         }
   .ui-v2 .ui-layout-card .ui-grid-row-list .ui-inner-emails {
            text-wrap: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
         }
   .ui-v2 .ui-layout-card .ui-grid-row-list .ui-user-data-enderecos {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            line-clamp: 1;
            -webkit-box-orient: vertical;
         }
   .ui-v2 .ui-input > .ui-container > .ui-inner,
   .ui-v2 .ui-input > .ui-inner {
      gap: 0 !important;
   }
   .ui-v2 .MuiInputBase-root {
      flex: 1;
   }
   .ui-v2 table.ui-data {
      display: table;
      table-layout: auto;
      width: 100%;
      font-size: 1.2rem;
   }
   .ui-v2 .ui-row td {
      border-bottom: 0.1rem solid var(--container-border-color);
   }
   .ui-v2 .ui-row td:not(.ui-format-img, .ui-col-format-img) {
         padding: 0.5rem 0.5rem;
      }
   .ui-v2 .ui-row th {
      font-weight: 500;
      padding: 0.5rem 0.5rem;

      color: var(--text-gray-300);
      text-wrap: nowrap;
   }
   .ui-v2 .ui-row th:not(:last-child) .ui-th-label {
      border-right: 0.1rem solid var(--container-border-color);
   }
   .ui-v2 tbody tr.ui-row-list {
      height: 3.6rem;
   }
   .ui-v2 th .ui-child-column {
      justify-content: flex-start;
   }
   .ui-v2 td.ui-expanded {
      background: var(--background-iris-500) !important;
   }
   .ui-v2 .ui-type-tabs .ui-grid .ui-expanded {
      padding: 0.5rem !important;
      background-color: #f5f5f5;
   }
   .ui-v2 td.ui-expanded .ui-type-list .ui-grid {
      margin: 1rem;
   }
   .ui-v2 tbody > .ui-row:last-child > td {
      border-bottom: none;
   }
   .ui-v2 .ui-row td i, .ui-v2 .ui-row th i {
            font-size: 2rem;
         }
   .ui-v2 .ui-row th:last-child {
      border-right: none;
   }
   .ui-v2 .ui-label-type-crud {
      font-size: 1.6rem;
   }
   .ui-v2 .ui-label-type-crud i {
      font-size: 2.4rem;
      padding-bottom: 0 !important;
   }
   .ui-v2 .ui-col {
      text-align: left;
   }
   .ui-v2 .ui-col-number,
   .ui-v2 .ui-col-integer,
   .ui-v2 .ui-col-money {
      text-align: right;
   }
   .ui-v2 .ui-col-date,
   .ui-v2 .ui-col-datetime {
      text-align: left;
   }
   .ui-v2 .ui-required-mark {
      color: red;
      margin-left: 0.3rem;
   }
   .ui-v2 .ui-fragment-center {
      align-items: center;
      justify-content: center;
      display: flex;
   }
   .ui-v2 .ui-empty {
      padding: 1.5rem;
      width: 100%;
   }
   .ui-v2 .ui-label-list {
      font-size: 1.4rem;
      padding: 1rem 1.5rem;
   }
   .ui-v2 .ui-tab-nav {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      background: var(--menu-background);
      border-bottom: 0.1rem solid var(--container-border-color);
   }
   .ui-v2 .ui-error-message {
      color: #d24835;
      padding-left: 1rem !important;
   }
   .ui-v2 .ui-type-card .ui-error-message {
      color: #d24835;
      padding-left: 0 !important;
   }
   .ui-v2 .ui-tab-nav > .ui-type-label {
      display: flex;
      flex: 1 1 auto;
      width: 100%;
      min-width: 1.5rem;
      max-width: -webkit-fit-content;
      max-width: fit-content;
      text-align: left;
      font-weight: 500;
      height: 100%;
      border-bottom: 0.3rem solid transparent;
      border-top: 0.3rem solid transparent;
      padding: 1rem;
      white-space: nowrap;

      justify-content: center;
      align-items: center;
   }
   .ui-v2 .ui-tab-nav > .ui-type-label .ui-label {
         padding: 0;
         line-height: 1.6rem;
      }
   .ui-v2 .ui-tab-nav > .ui-type-label.ui-selected {
      font-weight: 500;
      color: var(--blue-text);
      background: var(--white);
      border-bottom-color: var(--blue-text);
   }
   .ui-v2 .ui-input .MuiInputBase-root,
   .ui-v2 .ui-input .MuiAutocomplete-root,
   .ui-v2 .ui-input .MuiFormControl-root {
      width: 100%;
   }
   .ui-v2 .ui-input .MuiAutocomplete-root .MuiAutocomplete-input {
         display: inline-block;
         /*quando tem dois botões, clear e a seta pra baixo, em alguns caso a letra do selecionado fica em cima, isso resolve o problema*/
         padding-right: 1rem;
      }
   .ui-v2 .MuiAutocomplete-endAdornment button {
      background: var(--white);
      width: 2rem;
      height: 2rem;
      font-size: 1rem;
   }
   .ui-v2 .MuiAutocomplete-endAdornment button svg {
         font-size: 1.5rem;
      }
   .ui-v2 .MuiFormControl-root .MuiFormControl-root {
      max-width: 12rem;
   }
   .ui-v2 .ui-tab-data {
      height: calc(100% - 40px);
      padding: 1rem;
   }
   .ui-v2 .ui-tab-data:has(.transient-grid) {
      padding: 0;
   }
   .ui-v2 .ui-container-layout-flex > div {
      gap: initial;
   }
   .ui-v2 .ui-type-list .ui-child-list .ui-loader {
         position: absolute;
         top: 0;
         left: 0;
      }
   /* height: calc(100% - 2rem); */
   .ui-v2 .ui-type-list .ui-container-type-list .ui-child-type-list {
            width: 100%;
            overflow: auto;
            display: block;
         }
   .ui-v2 .ui-type-list .ui-container-type-list .ui-grid {
            height: 100%;
         }
   .ui-v2 .ui-type-list .ui-container-type-list .ui-container-form-actions .ui-type-button.ui-with-label button {
               min-width: 23rem;
            }
   .ui-v2 .ui-type-list .ui-container-type-list .ui-formx {
            background: var(--background-blue-50);
            padding: 0.5rem 1rem;
            margin-bottom: 1rem;
            border-radius: 8px;
         }
   .ui-v2 .list-layout-toggle .ui-list-top-toggle {
         display: flex;
         gap: 0.2rem;
      }
   .ui-v2 .list-layout-toggle {

      background-color: var(--container-gray-background);
      border-left: 0.1rem solid var(--container-border-color);

      height: 100%;
}
   .ui-v2 .list-layout-toggle *:not(i) {
         height: 100%;
      }
   .ui-v2 .list-layout-toggle button {
         border-radius: 0;
         width: 3.1rem !important;
      }
   .ui-v2 .list-layout-toggle button > div {
            padding: 0 !important;
         }
   .ui-v2 .list-layout-toggle {

      margin-right: -1rem;
}
   .ui-v2 .list-layout-toggle > .ui-container > .ui-child {
            padding-left: 0.5rem;

            gap: 0.2rem;
         }
   .ui-v2 .list-layout-toggle .ui-disabled {
         opacity: 1 !important;
      }
   .ui-v2 .list-layout-toggle .ui-disabled button {
            background-color: var(--background-blue-500) !important;
            color: white !important;
         }
   .ui-v2 .ui-container-class-ui-big-toggle .MuiToggleButtonGroup-root {
         column-gap: 1rem;
      }
   .ui-v2 .ui-container-class-ui-big-toggle .MuiToggleButtonGroup-root .MuiButtonBase-root {
            height: 46px;
            border-radius: 0.5rem !important;
            border-color: inherit;
            padding: 0.4rem !important;
         }
   .ui-v2 .ui-container-class-ui-big-toggle .MuiToggleButtonGroup-root .MuiButtonBase-root img {
               width: 3.6rem;
               height: 3.6rem;
               object-fit: contain;
               border-radius: 0.4rem !important;
               overflow: hidden;
               margin: 0;
            }
   .ui-v2 .ui-grid-card {
      overflow: auto;
      display: flex !important;
      flex-shrink: initial !important;
      flex-wrap: wrap !important;
      justify-content: center;
      padding: 1.5rem 0px;
      gap: 1.5rem;
   }
   .ui-v2 .ui-grid.ui-layout-card > .ui-grid-card {
      margin: 0 !important;
   }
   .ui-v2 .ui-col-actions .ui-child-column {
      align-items: center;
      display: flex;
      text-align: right;
      justify-content: flex-start;
      height: 2rem;
   }
   .ui-v2 .ui-type-editor.ui-layout-card .ui-label {
         color: var(--blue-text);
      }
   .ui-v2 .ui-type-editor.ui-layout-card:not(.ui-read-only) > .ui-container {
         background-color: var(--container-gray-background);
         overflow: hidden;
      }
   .ui-v2 .ui-type-editor.ui-layout-card:not(.ui-read-only) > .ui-container .ui-editor-text {
            display: flex;
            flex-direction: column-reverse;
         }
   .ui-v2 .ui-type-editor.ui-layout-card:not(.ui-read-only) > .ui-container .ui-label {
            padding: 1rem 1.5rem;
            padding-bottom: 0;
            color: var(--blue-text);
         }
   .ui-v2 .ui-type-editor.ui-layout-card:not(.ui-read-only) > .ui-container .ql-container {
            border: none;
            max-height: 30rem;
            overflow: auto;
         }
   .ui-v2 .ui-type-editor.ui-layout-card:not(.ui-read-only) > .ui-container .ql-toolbar {
            border: none;
         }
   .ui-v2 .ui-type-code.ui-format-html .ui-editor-area {
         display: flex;
      }
   .ui-v2 .ui-type-code.ui-format-html .ui-editor-area iframe {
            width: 100%;
         }
   .ui-v2 .ui-type-upload input,
   .ui-v2 .ui-type-file input {
      width: 100% !important;
      padding: 0;
      border: 0 !important;
      border-color: transparent;
   }
   .ui-v2 .ui-type-upload .ui-inner,
   .ui-v2 .ui-type-file .ui-inner {
      align-items: center;
   }
   .ui-v2 .ui-type-upload .ui-inner .MuiButton-root, .ui-v2 .ui-type-file .ui-inner .MuiButton-root {
         width: 100%;
         justify-content: flex-start;
      }
   .ui-v2 .ui-inner-slider > div {
      width: 100%;
   }
   .ui-v2 .ui-type-upload .ui-inner-upload,
   .ui-v2 .ui-type-file .ui-inner-file {
      justify-content: left;
      align-items: center;
      justify-items: center;
      border: 0;
      margin: auto 0;
      font-weight: 500;
      font-size: 1.6rem;
      background-color: var(--background-lead-200);
      width: 100%;
      border-radius: 0.5rem;
      gap: 0;
      padding: 7px;
   }
   .ui-v2 .ui-inner-type-carousel {
      display: contents;
   }
   .ui-v2 .ui-type-list .ui-row-layout-card {
      display: flex;
      flex-direction: column;
      border-radius: 6px;
      border: 0.1rem solid var(--container-border-color);
      background-color: var(--container-gray-background);
      transition: background-color 0.3s ease-in-out;
      overflow: hidden;
   }
   .ui-v2 .ui-type-list .ui-row-layout-card .ui-type-list .ui-row-layout-card {
         width: 100%;
      }
   .ui-v2 td.ui-bool .ui-user-data {
      width: -webkit-fit-content;
      width: fit-content;
      padding: 0.2rem 1rem;
   }
   .ui-v2 .ui-view-list,
   .ui-v2 .ui-view-edit {
      width: calc(100% - 2rem);
   }
   .ui-v2 .ui-grid-data .ui-layout-info {
      flex-grow: 1;
   }
   .ui-v2 .ui-row-card-body {
      padding: 0 1rem;
   }
   .ui-v2 .ui-format-tag .ui-label-format-tag {
         justify-content: center;
      }
   .ui-v2 .ui-format-tag .ui-user-data {
         background-color: #e5e8ff;
         color: #000;
         padding: 0.2rem 1rem !important;
         font-size: 1.2rem;
         text-align: center;
         border-radius: 5rem;
         max-width: 180px !important;
         text-overflow: ellipsis;
         overflow: hidden;
         font-weight: 600;
         width: -webkit-fit-content;
         width: fit-content;
      }
   .ui-v2 .ui-user-data-text {
      overflow: hidden;
      text-overflow: ellipsis;
   }
   /**Nao voltar**/
   .ui-v2 .ui-col .ui-user-data {
      /*margin: auto;*/
   }
   .ui-v2 .ui-tag .ui-user-data {
      background: var(--dark-light);
      color: #000;
      width: -webkit-fit-content;
      width: fit-content;
      max-width: 100%;
      padding: 0px 0.5rem;
      text-align: center !important;
   }
   .ui-v2 .ui-child-column {
      gap: 1rem;
      flex-wrap: nowrap;
   }
   .ui-v2 td:not(.ui-format-img) {
      word-break: break-word;
   }
   .ui-v2 td.ui-icon-only {
      width: 40px;
   }
   .ui-v2 td:is(.ui-format-img, .ui-col-format-img) {
      width: 40px;
   }
   .ui-v2 td:not(.ui-format-img):not(.ui-expanded) > div {
      white-space: nowrap;
      max-width: 600px;
      overflow: hidden;
      text-overflow: ellipsis;
   }
   .ui-v2 td img {
      margin: auto;
   }
   .ui-v2 div.ui-grid-row {
      display: initial;
   }
   .ui-v2 td.ui-col-format-img img {
      max-width: 3rem !important;
      width: 3rem !important;
      height: 3rem !important;
      min-width: initial !important;
      object-fit: cover;
      border-radius: 10rem;
   }
   .ui-v2 .ui-fragment.ui-bottom-type-list {
      display: flex;
      width: 100%;
   }
   .ui-v2 .ui-type-button.ui-space-auto button {
         width: -webkit-fit-content;
         width: fit-content;
      }
   .ui-v2 .ui-fragment.ui-top-type-list {
      display: flex;
   }
   .ui-v2 .ui-fragment.ui-top-type-list > div {
         padding: 0px 1rem;
         width: 100%;
      }
   .ui-v2 .ui-center-only .ui-fragment.ui-top.ui-top-type-list {
      grid-template-columns: auto;
   }
   .ui-v2 .ui-top-type-list .ui-inner-query .MuiInputBase-root {
      padding-right: 0px;
      padding-left: 0;
   }
   .ui-v2 .ui-top-type-list .MuiInputBase-root {
         border-radius: 2rem !important;
      }
   .ui-v2 .ui-top-type-list .ui-inner-query fieldset {
         border-radius: 2rem !important;
         border-color: var(--container-border-color);
      }
   .ui-v2 .ui-top-type-list .ui-inner-query .Mui-Focused fieldset {
      border-color: blue !important;
   }
   .ui-v2 .ui-filter-type-list,
   .ui-v2 .ui-top-type-list {
      border-bottom: 0.1rem solid var(--container-border-color);
   }
   .ui-v2 .ui-top-type-list .ui-fragment-right.ui-top-right {
      display: flex;
      gap: 0.5rem;
      align-items: center;
      justify-content: flex-end;
      color: var(--blue-600);
   }
   .ui-v2 .ui-top-search-right {
      display: flex;
      justify-content: center;
   }
   .ui-v2 .ui-top-search-right > div {
      display: flex;
      justify-content: center;
   }
   .ui-v2 .ui-top-search-type-list {
      align-items: center;
   }
   .ui-v2 .ui-avatar {
      width: 40px !important;
   }
   .ui-v2 .ui-avatar img {
         border-radius: 50%;
         height: 40px !important;
         width: 40px !important;
         object-fit: cover;
      }
   .ui-v2 .ui-top-search-right-list,
   .ui-v2 .ui-top-search-left-list {
      display: flex;
      gap: 1rem;
   }
   .ui-v2 table thead {
      margin: 0;
   }
   .ui-v2 .ui-row:is(:hover, .ui-selected, .ui-row-expanded):not(.ui-row-skeleton, .ui-grid-row-repeat) {
      background: var(--background-iris-200);
   }
   .ui-v2 .ui-grid-header th {
      line-height: 1.2rem;
   }
   .ui-v2 .ui-grid-header {
      overflow: hidden !important;
   }
   .ui-v2 .ui-row-expanded .ui-el-expansion i {
         background-color: var(--background-blue-100);
      }
   .ui-v2 .ui-el-expansion {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: initial;
   }
   .ui-v2 .ui-el-expansion > .ui-inner i {
            border-radius: 0.4rem;
            transition: background-color 0.1s ease-in-out;
         }
   .ui-v2 .ui-el-expansion > .ui-inner i:hover {
               background-color: var(--background-blue-100);
            }
   .ui-v2 .ui-el-expansion > .ui-inner {

         transform: translate(0.1rem, 0.1rem);

         height: -webkit-fit-content;

         height: fit-content;
         width: -webkit-fit-content;
         width: fit-content;
}
   .ui-v2 .thead-sort {
      margin: 0 0.5rem;

      font-size: 1.6rem !important;
      transition: background-color 0.2s ease-in-out;
      border-radius: 0.4rem;
   }
   .ui-v2 .thead-sort:hover {
         background-color: #eef0ff;
      }
   .ui-v2 .ui-simple-skeleton {
      background-color: rgba(0, 0, 0, 0.11);
      height: 18px;

      animation: simple-skeleton 2s ease-in-out infinite;

      border-radius: 0.4rem;
   }
   .ui-v2 .ui-simple-skeleton.ui-skeleton-type-img {
         width: 3rem;
         height: 3rem;
         border-radius: 100%;
      }
   .ui-v2 .ui-col-format-money .ui-user-data {
         text-align: right;
      }
   .ui-v2 tbody .ui-skeleton-type-tag {
         width: 100%;
         margin: auto;
         height: 2.2rem;
         border-radius: 1.1rem;
      }
   .ui-v2 tbody .ui-skeleton-type-money {
         width: 100%;
         margin-left: auto;
      }
   .ui-v2 tbody .ui-col-skeleton.ui-col-actions > .ui-actions-skeleton {
            display: flex;
            gap: 1rem;
         }
   .ui-v2 tbody .ui-col-skeleton.ui-col-actions > .ui-actions-skeleton div {
               width: 2rem;
               height: 2rem;
               flex-shrink: 0;
            }
   .ui-v2 tbody .ui-col-skeleton.ui-col-actions > .ui-actions-skeleton div:not(.ui-skeleton-multiple) {
                  border-radius: 0.4rem;
               }
   .ui-v2 tbody .ui-col-skeleton.ui-col-actions > .ui-actions-skeleton div.ui-skeleton-multiple {
                  border-radius: 2rem;
               }
   .ui-v2 .ui-type-select .ui-inner-size {
         width: -webkit-fit-content;
         width: fit-content;
         margin: 0 auto;
      }
   .ui-v2 .ui-grid-header table {
      table-layout: auto;
   }
   .ui-v2 .ui-grid {
      max-height: initial;
   }
   .ui-v2 .ui-grid > .ui-child {
         max-height: calc(100dvh - 280px);
         flex-shrink: 1;
         /*rolagem de 1 px na grid, sem necessidade, isso fixa isso*/
         position: initial;
      }
   .ui-v2 .ui-grid .ui-col-format-number {
         max-width: 10rem;
      }
   .ui-v2 .ui-child-type-list {
      max-height: calc(-30rem + 100dvh);
   }
   .ui-v2 .ui-type-tab .ui-child-type-list {
      max-height: -webkit-fit-content;
      max-height: fit-content;
   }
   .ui-v2 .ui-type-tabs {
      height: 100%;
      position: relative;
   }
   .ui-v2 .ui-list-query .ui-child {
      flex-wrap: nowrap !important;
      align-items: center;
      justify-content: center;
      max-width: 80%;
   }
   .ui-v2 .ui-type-list .ui-el-query {
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .ui-v2 .ui-right .ui-child-buttons {
      justify-content: flex-end;
   }
   .ui-v2 .ui-loader {
      display: flex;
      width: 100%;
      justify-content: center;
      align-content: center;
      vertical-align: middle;
      align-items: center;
      height: 100%;
   }
   .ui-v2 .ui-input {
      position: relative;
   }
   .ui-v2 .ui-loader-input {
      position: absolute;
      bottom: 0;
      top: 0;
      margin: auto;
      background: var(--white);
      z-index: 2;
      opacity: 0.5;
   }
   .ui-v2 .ui-type-input .ui-simple-loader {
      padding-right: 1rem;
   }
   .ui-v2 .ui-label-right .ui-label-off button {
      padding: 0.5rem;
   }
   .ui-v2 .ui-readonly-controls {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      flex-wrap: nowrap;
      gap: 1rem;
      margin: 1rem;
   }
   .ui-v2 .ui-readonly-controls .ui-el {
      display: flex;
      justify-content: flex-end;
      width: auto;
      flex-grow: 0;
   }
   .ui-v2 .ui-editor-text {
      width: 100%;
   }
   .ui-v2 .ui-inner-type-editor {
      height: -webkit-fit-content;
      height: fit-content;
      display: block !important;
   }
   .ui-v2 .ui-label-left-crud {
      font-weight: 500;
   }
   .ui-v2 .ui-type-list .ui-grid {
      background: var(--white);
      border: 0.1rem solid var(--container-border-color);
      border-radius: 1rem;
   }
   .ui-v2 .ui-type-button .ui-container .ui-button-variant-row_action {
      width: 2rem !important;
      height: 2rem !important;
   }
   .ui-v2 .ui-type-button .ui-container .ui-button-variant-row_action > .ui-element-delete-ressarcimento {
         width: 40px !important;
         height: 40px !important;
      }
   .ui-v2 .ui-grid-left-label {
      display: flex;
      gap: 0.5rem;
      align-items: center;
      text-wrap: nowrap;
      font-size: 1.2rem;
      font-weight: 500;
      padding: 0px 0.5rem;
   }
   .ui-v2 .ui-grid-left-label i {
         font-size: 2rem;
      }
   .ui-v2 .ui-grid > .ui-grid-left-label {
      padding: 10px 10px 10px 20px;
      font-weight: 600;
      font-size: 12px;
      border-bottom: 1px solid var(--container-border-color);
   }
   .ui-v2 .ui-grid > .ui-grid-left-label i {
         font-size: 14px;
      }
   .ui-v2 .ui-type-list .ui-top-type-list > div {
      display: flex;
      gap: 1rem;
   }
   .ui-v2 .ui-list-query {
      width: 100%;
      display: flex;
   }
   .ui-v2 .ui-top-left-list {
      min-width: 70px;
   }
   .ui-v2 .ui-list-query > .ui-container {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
   }
   /* position: relative; */
   .ui-v2 .ui-grid-data th {
         position: -webkit-sticky;
         position: sticky;
         top: 0;
         background-color: var(--white);
         z-index: 2;
         border-bottom: 0.1rem solid var(--container-border-color);
         padding-right: 0;
      }
   .ui-v2 .ui-inner-type-map {
      display: block !important;
   }
   .ui-v2 .ui-label-switch,
   .ui-v2 .ui-label-checkbox {
      width: auto !important;
      display: block !important;
   }
   .ui-v2 .ui-inner-switch,
   .ui-v2 .ui-inner-checkbox {
      width: auto !important;
   }
   .ui-v2 .ui-type-switch,
   .ui-v2 .ui-type-checkbox {
      padding: initial;
      justify-content: center;
      align-items: flex-end;
      display: flex;
   }
   .ui-v2 .ui-inner-type-arrow {
      height: calc(100% - 2.5rem);
   }
   .ui-v2 .ui-element-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.8rem;
      font-weight: 700;
      line-height: 3.562rem;
      height: 100%;
   }
   .ui-v2 .ui-type-arrow {
      width: 10rem;
      min-width: 10rem;
   }
   .ui-v2 .ui-paginate-list .ui-container-button {
      margin: 0;
   }
   .ui-v2 .ui-read-only-edit.ui-type-card > .ui-container {
      border-color: blue;
   }
   .ui-v2 .ui-container-layout-flow {
      margin: 0 1rem;
   }
   .ui-v2 .ui-row-layout-flow .ui-type-card > div {
      margin: 0;
      justify-content: center;
   }
   .ui-v2 .ui-layout-flow .ui-type-list > .ui-container {
      padding: 0 !important;
      margin: 0 !important;
      border-radius: 0 !important;
   }
   .ui-v2 .ui-layout-flow .ui-type-list > .ui-container > .ui-grid {
      border-radius: 0 !important;
      border-left: 0;
      border-right: 0;
      border-bottom: 0;
   }
   .ui-v2 .MuiMenuItem-root .ui-type-button button {
      width: 100%;
   }
   .ui-v2 .ui-layout-full .ui-container-type-tab {
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      height: 100%;
      width: 100%;
   }
   .ui-v2 .ui-bottom-type-tab {
      flex: none;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: var(--white);
      border-top: 0.1rem solid var(--container-border-color);
      border-bottom: 0.1rem solid transparent;
      z-index: 20;
      max-height: 100%;
      display: block !important;
      overflow: auto;
   }
   .ui-v2 .ui-type-overlay {
      z-index: 10;
   }
   .ui-v2 .ui-fix-bottom .ui-child-type-tab {
      /* height: calc(100% - 7.5rem); */
      position: relative;
   }
   .ui-v2 .ui-tab-overlay {
      position: absolute;
      background: #888;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
      opacity: 0.6;
   }
   .ui-v2 .ui-child-type-tab {
      height: 100%;
      overflow: auto;
   }
   .ui-v2 .ui-type-tab {
      display: flex;
      width: 100%;
      height: 100%;
      flex-wrap: wrap;
   }
   .ui-v2 .ui-type-tab > div {
      display: flex;
      flex-wrap: nowrap;
      width: 100%;
      height: 100%;
      margin: 0;
   }
   .ui-v2 .ui-child-type-tabs {
      display: block;
      height: 100%;
   }
   .ui-v2 .ui-container > .ui-bottom {
      width: 100%;
      display: flex;
      height: auto;
      align-items: flex-end;
   }
   .ui-v2 .ui-list-top-actions {
      display: flex;
   }
   .ui-v2 .ui-list-top-actions .ui-type-button > .ui-container {
            margin: 0px 0.25rem;
         }
   .ui-v2 .ui-list-top-actions {

      border-right: 0.1rem solid var(--container-border-color);
      padding-right: 0.5rem;
}
   .ui-v2 .ui-layout-full .ui-tab-data {
      padding: 0;
   }
   .ui-v2 .ui-label-left-crud {
      font-weight: bold;
   }
   .ui-v2 .ui-container-type-repeat.ui-container-layout-flex {
      display: flex !important;
      flex-wrap: wrap;
   }
   .ui-v2 .ui-grid-cols .ui-grid-data.ui-grid-repeat {
      display: flex !important;
      flex-wrap: wrap;
      width: 100%;
   }
   .ui-v2 .ui-child-tab {
      width: 100%;
   }
   .ui-v2 .ui-layout-info:not(.ui-with-label):not(.ui-input) > .ui-container:not(.ui-container-type-button), .ui-v2 .ui-with-label.ui-layout-info:not(.ui-container-read-only):not(.ui-input):not(.ui-type-button):not(.ui-type-card):not(.ui-type-list):not(
         .ui-type-repeat
      ) > .ui-container:not(.ui-container-type-button) {
         padding-left: 1rem;
      }
   .ui-v2 .ui-layout-info:not(.ui-with-label):not(.ui-input) > .ui-container:not(.ui-container-type-button) > .ui-label, .ui-v2 .ui-with-label.ui-layout-info:not(.ui-container-read-only):not(.ui-input):not(.ui-type-button):not(.ui-type-card):not(.ui-type-list):not(
         .ui-type-repeat
      ) > .ui-container:not(.ui-container-type-button) > .ui-label {
            font-weight: bold;
         }
   .ui-v2 .ui-element-type-color .MuiInputBase-root {
         padding-right: 0;
      }
   .ui-v2 .ui-layout-info.ui-type-repeat .ui-layout-info .ui-container, .ui-v2 .ui-layout-info.ui-type-list .ui-layout-info .ui-container {
            padding-left: initial !important;
         }
   .ui-v2 .ui-layout-info:not(.ui-type-card):not(.ui-type-list) .ui-label {
      padding: 0;
   }
   .ui-v2 .ui-with-label.ui-layout-info > .ui-container > .ui-inner {
      padding: initial;
   }
   .ui-v2 .ui-inner-type-preview {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }
   .ui-v2 .ui-preview-picture img {
      object-fit: contain;
      height: 100%;
      width: auto;
   }
   .ui-v2 .ui-preview-area {
      width: 90px;
      display: flex;
      overflow: hidden;
      position: relative;
      flex-wrap: wrap;
      margin: 0.5rem;
      border: 0.1rem solid var(--container-border-color);
      border-radius: 8px;
      background-color: #f6f6ff;
      cursor: pointer;
      justify-content: center;
   }
   .ui-v2 .ui-preview-overlay {
      transition: opacity 0.15s ease-in-out;
      position: absolute;
      top: 0;
      bottom: 0;
      opacity: 0;
   }
   .ui-v2 .ui-preview-filter {
      background: #888;
      opacity: 0.5;
      width: 100%;
      height: 100%;
   }
   .ui-v2 .ui-preview-open .ui-btn-inner {
         width: 100%;
      }
   .ui-v2 .ui-preview-open .ui-btn-inner i {
            font-size: 3rem !important;
            font-weight: bold;
            margin: auto !important;
         }
   .ui-v2 .ui-preview-open {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      text-align: center;
      bottom: 0;
      left: 0;
      display: flex;
      right: 0;
      z-index: 9;
      margin: auto;
      justify-content: center;
      align-items: center;
      font-size: 3rem;
   }
   .ui-v2 .ui-type-color input {
         height: 3.6rem !important;
         margin: 0px !important;
         padding: 0px !important;
      }
   .ui-v2 .ui-preview-area:hover .ui-preview-overlay {
      opacity: 1;
   }
   .ui-v2 .ui-child-ui-split-screen {
      flex-wrap: nowrap;
   }
   .ui-v2 .ui-split-right,
   .ui-v2 .ui-split-left {
      width: auto;
   }
   .ui-v2 .ui-split-right {
      flex: 1;
   }
   .ui-v2 .ui-split-left {
      resize: horizontal;
      overflow: auto;
   }
   .ui-v2 .ui-cut .ui-user-data {
      overflow: hidden;
      text-overflow: ellipsis;
   }
   .ui-v2 .ui-child-ui-split-left {
      position: relative;
   }
   .ui-v2 .ui-split-resize {
      position: absolute;
      right: 0;
      bottom: 0;
      top: 0;
      width: 0.2rem;
      background: var(--container-border-color);
   }
   .ui-v2 .ui-default-edit {

      /* > .ui-container {
         margin: auto;
         margin-top: .3rem;
      }  */
   }
   /* background-color: red; */
   .ui-v2 .ui-default-edit i {
         margin-top: 0.2rem;
      }
   /*usar o name action_fixed no elemento (btn, icone etc) para ignorar o hover */
   .ui-v2 .ui-DESATIVADO-grid-row:not(:hover) .ui-el-actions .ui-child-actions
               > div:not(.ui-el-multiple, .ui-el-select, .ui-el-expansion, .ui-list-selected-counter, .ui-el-action_fixed)
               .ui-element:not(.ui-button-open) {
               visibility: hidden;
               opacity: 0;
            }
   /* .ui-grid-row:not(:hover) {
      .ui-col {
         .ui-inner-edit {
            opacity: 0;
         }
      }
   } */
   .ui-v2 .ui-preview-name {
      text-wrap: nowrap;
      max-width: 100%;
      width: auto;
      overflow: hidden;
      padding: 0.5rem;
      font-size: 1rem;
      text-overflow: ellipsis;
      border-top: 0.1rem solid var(--container-border-color);
   }
   .ui-v2 .ui-preview-picture {
      background-color: #fff;
      height: 6rem;
      overflow: hidden;
      justify-content: center;
      display: flex;
   }
   .ui-v2 .ui-preview-area > div {
      width: 100%;
   }
   .ui-v2 .ui-grid .ui-container-layout-info > .ui-label,
      .ui-v2 .ui-grid .ui-container-layout-info > .ui-inner {
         padding-left: initial;
      }
   .ui-v2 .ui-grid .ui-input .ui-container-read-only {
         margin: inherit !important;
      }
   .ui-v2 div.ui-grid-row.ui-grid-row-layout-card {
      display: initial;
   }
   .ui-v2 .ui-bold {
      font-weight: bold;
   }
   .ui-v2 .ui-type-list .ui-grid-card {
      display: flex !important;
   }
   .ui-v2 .ui-input .ui-input * {
      border: 0 !important;
   }
   .ui-v2 .ui-el-list-workflow .ui-grid-row-repeat {
      gap: 1rem;
   }
   .ui-v2 .ui-grid-multiple {
      gap: 1rem;
      justify-content: center;
      align-items: center;
      padding: 1rem;
   }
   .ui-v2 .ui-grid-row-layout-multiple,
   .ui-v2 .ui-grid-row-layout-multiple * {
      display: flex;
      align-items: center;
   }
   .ui-v2 .ui-grid-row .ui-col-hover .ui-inner {
         visibility: hidden !important;
         opacity: 0 !important;
      }
   .ui-v2 .ui-grid-row:hover .ui-col-hover .ui-inner {
         visibility: visible !important;
         opacity: 1 !important;
      }
   .ui-v2 th.ui-col-id {
      width: 10rem;
   }
   .ui-v2 .ui-dng-start {
      background-color: var(--blue-200) !important;
      color: #fff;
      cursor: grab !important;
   }
   .ui-v2 td.ui-grid-row:hover {
      background-color: var(--background-iris-200);
   }
   .ui-v2 .ui-draggable,
   .ui-v2 .ui-draggable * {
      cursor: move !important;
   }
   .ui-v2 .ui-col-avatar img {
      border-radius: 50%;
   }
   .ui-v2 .ui-timeline {
      padding: 2rem;
   }
   .ui-v2 .ui-child-card .ui-timeline.flex-nowrap {
      padding: 0;
      line-height: 1.2rem;
   }
   .ui-v2 .ui-child-card .ui-timeline.flex-nowrap .ui-timeline-item-label {
         font-weight: 600;
      }
   .ui-v2 .ui-timeline .flex-nowrap i {
         font-size: 2.5rem !important;
      }
   .ui-v2 .ui-timeline .ui-timeline-item-bar {
         height: 3rem;
      }
   .ui-v2 .ui-timeline .ui-timeline-item-stage {
         background: var(--container-gray-background);
         border: 0.1rem solid var(--container-border-color);
         padding: 1rem;
         margin: 0.2rem;
         border-radius: 0.5rem;
         align-items: center;
      }
   .ui-v2 .ui-timeline .ui-timeline-item-bar-inner {
         border-radius: 2rem;
         border: 0.3rem solid #ffff;
         height: 2.5rem;
         left: 0;
         right: -1.5rem;
         position: absolute;
      }
   .ui-v2 .ui-timeline .ui-timeline-item-cancelled i,
         .ui-v2 .ui-timeline .ui-timeline-item-cancelled span {
            color: var(--background-red-500);
         }
   .ui-v2 .ui-timeline .ui-timeline-item-cancelled .ui-timeline-item-bar-inner {
            background-color: var(--background-red-500);
         }
   .ui-v2 .ui-el-etapas div.ui-element-arrow {
         min-height: 4.5rem;
         height: 100%;
      }
   .ui-v2 .ui-entity-area {
      border: 0.1rem solid var(--fieldset-border-color);
      border-radius: 0.5rem;
   }
   .ui-v2 .ui-entity-area *:not(.ui-element-type-button) {
         border: 0 !important;
      }
   .ui-v2 .ui-entity-area .ui-type-button button {
         width: 2.5rem;
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
         border-left: 0.1rem solid var(--fieldset-border-color) !important;
      }
   .ui-v2 .ui-entity-area .ui-type-button button i {
            font-size: 1.5rem !important;
         }
   .ui-v2 .ui-paginate-list .ui-el-size > .ui-container {
            margin-left: 0.5rem;
            margin-right: 0.5rem;
         }
   .ui-v2 .ui-paginate-list .MuiInputBase-root {
         height: var(--button-small);
      }
   .ui-v2 td .ui-inner-column-problema {
         display: inline-grid;
      }
   .ui-v2 td .ui-child.ui-col-actions > .ui-el {
         max-height: 100%;
      }
   .ui-v2 td .ui-child.ui-col-actions > .ui-el.ui-el-expansion {
            transition: background 0.2s ease-in-out;
         }
   .ui-v2 td .ui-child.ui-col-actions > .ui-el.ui-el-expansion .ui-inner {
               line-height: 0;
            }
   .ui-v2 td .ui-child.ui-col-actions > .ui-el.ui-el-expansion:hover {
               background-color: var(--blue-100);
            }
   .ui-v2 td .ui-child.ui-col-actions > .ui-el.ui-el-expansion:active {
               background-color: var(--blue-300);
            }
   .ui-v2 tr.ui-row-expanded td .ui-child.ui-col-actions .ui-el-expansion {
            background-color: var(--blue-200);
         }
   .ui-v2 tr.ui-row-expanded td .ui-child.ui-col-actions .ui-el-expansion:hover {
               background-color: var(--blue-300);
            }
   .ui-v2 tr > td.ui-col.ui-click.ui-el-edit > .ui-inner {
         width: -webkit-fit-content;
         width: fit-content;
         height: -webkit-fit-content;
         height: fit-content;

         display: flex;
         align-items: center;
         justify-content: center;

         border-radius: 0.4rem;

         transition: background-color 0.2s ease-in-out;
      }
   .ui-v2 tr > td.ui-col.ui-click.ui-el-edit > .ui-inner:hover {
            background-color: var(--blue-100);
         }
   .ui-v2 tr > td.ui-col.ui-click.ui-el-edit > .ui-inner:active {
            background-color: var(--blue-300);
         }
   .ui-v2 tr > td.ui-col.ui-click.ui-el-edit > .ui-inner i {
            margin-top: 0;
         }
   .ui-v2 .ui-grid-row-card {
      padding: 1.5rem;
      width: calc(20% - 2rem) !important;
   }
   .ui-v2 .ui-el-sem-autenticador .ui-label-left {
         padding: 0 !important;
      }
   .ui-v2 *:has(.ui-row-dragging-true) {
      cursor: grabbing;
      -webkit-user-select: none !important;
              user-select: none !important;
   }
   .ui-v2 .ui-row-draggable {
      transition:
         box-shadow 0.2s ease-out,
         scale 0.2s ease-in-out;
   }
   .ui-v2 .ui-row-draggable:has(.ui-row-dragging-true) {
         scale: 1.025;
         background-color: var(--background-iris-200);
         z-index: 99;
         position: relative;

         box-shadow: 0px 0.5rem 1rem var(--background-gray-100);
      }
   .ui-v2 .ui-row-draggable .ui-row-dragging-icon {
         -webkit-user-select: none;
                 user-select: none;
         display: flex;
         justify-content: center;
         align-items: center;
         width: -webkit-fit-content;
         width: fit-content;
         cursor: grab;
      }
   .ui-v2 .ui-row-draggable .ui-row-dragging-icon:active {
            cursor: grabbing;
         }
   /*ESTILO REPRODUTOR DE AUDIO PADRÃO DO NAVEGADOR*/
   .ui-v2 audio::-webkit-media-controls-play-button,
   .ui-v2 audio::-webkit-media-controls-panel {
      background-color: var(--gray-text);
   }
   .ui-v2 .ui-filter-list > .ui-container > .ui-child {
         padding: 0.5rem !important;
      }
   .ui-v2 .ui-filter-list .MuiToggleButtonGroup-root {
         gap: 0.5rem;
         flex-wrap: wrap;
         justify-content: center;
      }
   .ui-v2 .ui-filter-list .MuiToggleButtonGroup-root button {
            width: auto;
            text-wrap: nowrap;
            color: var(--text);
            font-size: 1.2rem;
            padding: 1rem;

            /* background: #edefff; */
            background-color: var(--background-blue-50);

            height: 2rem !important;
            border: none !important;

            border-radius: 1rem !important;
            font-weight: 400 !important;
         }
   .ui-v2 .ui-filter-list .MuiToggleButtonGroup-root button:disabled {
               /* background: #c2c9ff !important; */
               background: var(--blue-200) !important;
               opacity: 1;
               color: #000 !important;
            }
   .ui-v2.ui-variant-transparent-blue button {
      color: var(--blue-400) !important;
      font-weight: bold;
      font-size: 1.3rem;
   }
   .ui-v2div:not(.ui-tab-data) .ui-load-conecteme-skeleton {
      padding-top: 15%;
   }
   .ui-v2 .ui-el-form-grid .ui-load-conecteme-skeleton {
         padding-top: 0;
         margin: auto;
      }

thead .ui-col .ui-click.ui-el-multiple {
      margin-right: auto;
   }

.ui-col .ui-click.ui-el-multiple {
   height: 2rem;
   margin-right: auto;
}

.ui-col .ui-click.ui-el-multiple i {
      transform: translate(0px, -0.05rem);
   }

.ui-col .ui-click.ui-el-multiple .ui-empty-type-list {
      width: 100%;
   }

.ui-dialog-choice {
   background: var(--white) !important;
}

.ui-dialog-choice .ui-dialog-label {
      border: 0;
      background: transparent;
   }

.ui-dialog-choice .ui-grid {
      border: 0 !important;
   }

.ui-dialog-choice .ui-child-type-list {
      max-height: calc(-31rem + 100dvh) !important;
   }

.ui-dialog-choice .ui-container-list {
      margin: 0;
      padding: 0;
   }

.ui-dialog-choice .ui-dialog-content {
      padding: 0;
      max-height: initial;
   }

.ui-dialog-choice .ui-label .MuiInputBase-root,
   .ui-dialog-choice .ui-label .ui-input .ui-container {
      padding: 0 !important;
      margin: 0 !important;
   }

.ui-dialog-choice .ui-label-pos-right.ui-type-switch .ui-label {
      padding-left: 1rem;
   }

.MuiList-root .ui-v2 button {
      width: 100%;
      border-radius: 0;
      text-align: left;
      justify-content: flex-start;
   }

.MuiList-root .ui-v2 button i {
         padding-right: 1rem;
      }

.MuiList-root .ui-v2 .ui-btn-label {
      text-overflow: initial;
   }

.ui-queue-item-detail {
   font-size: 1.2rem;
   font-style: italic;
   color: #888;
}

.compact-sheet .ui-child-type-card > .ui-variant-row {
         border-bottom: 0 !important;
      }

.compact-sheet .ui-child-type-card > .ui-variant-row > .ui-container > .ui-child {
            padding: 0;
         }

.compact-sheet .ui-child-type-card > .ui-variant-row .ui-child-variant-row > .ui-el {
               width: 100% !important;
               border-bottom: 0.1rem solid var(--container-border-color);
            }

.ui-custom-nav-tabs {
   display: flex;
   flex-direction: row-reverse;
   margin: auto 0px auto 1.5rem;
   height: 100%;
   gap: 1rem;
}

.ui-workflow-template > .ui-container {
      height: 100%;
   }

.ui-page-content > .ui-with-label > .ui-container {
         min-height: 47px;
      }

.ui-page-content > .ui-with-label > .ui-container > .ui-label {
            position: -webkit-sticky;
            position: sticky;
            top: -1.2rem;
            z-index: 11;
            background-color: var(--pageBackground);
            box-shadow: 0.1rem 0.1rem 8px 0.1rem var(--pageBackground);
         }

@media screen and (max-width: 1440px) {
            .ui-page-content > .ui-with-label > .ui-container > .ui-label {
               top: -1.5rem;
            }
         }

@keyframes simple-skeleton {
   0% {
      opacity: 100%;
   }

   50% {
      opacity: 50%;
   }

   100% {
      opacity: 100%;
   }
}

.ui-child-interacoes .ui-inner-observacao * {
   color: #000 !important;
}

.ui-grid-row-etapas-board > div {
   height: calc(100% + 3rem);
   background-color: #fdfdfd;
   padding: 0.75rem 0.5rem 5rem 0.75rem;
   border-radius: 1.3rem 1.3rem 0 0;
}

.ui-v2.ui-el-public .ui-inner-type-file .MuiButtonBase-root {
         justify-content: center;
      }

.ui-hover-buttons button {
   visibility: hidden;
}

.ui-hover-buttons:hover button {
   visibility: visible;
}

.ui-hover-links:hover .ui-label-type-link span {
   text-decoration: underline;
   color: #2d31a6;
}

.ui-dialog-crud.ui-dialog-top-off .ui-label-crud {
   padding-top: 1.5rem;
}

.ui-dialog-crud .ui-type-crud {
      width: 100%;
   }

.ui-dialog-crud .ui-child-ui-dialog-buttons {
      justify-content: flex-end;
   }

.ui-repeat-paginate {
   width: 100%;
}
.ui-help,
.ui-help-input {
   font-weight: 500;
   font-size: 1.3rem;
   color: #888;
   font-style: italic;
}

.ui-type-text .ui-help {
      padding: 0 10px;
   }

.ui-help-left > .ui-container {
   display: flex;
}

.ui-type-slider .ui-help {
   text-align: center;
   padding: 20px;
}
.ui-type-import .ui-type-button button {
   /* background: #e5edff; */
   margin-left: 15px;
}
.ui-type-import .ui-dropzone-content,
   .ui-type-import .ui-dropzone-container {
      height: 100%;
   }
.ui-label {
   display: flex;
   /* white-space: nowrap; */
   align-items: center;
   text-overflow: ellipsis;
   font-weight: 500;
}

.ui-label-actions > .ui-container > .ui-child {
         gap: 10px;
      }

.ui-label i {
   font-size: 2.4rem;
}

.ui-label-right {
   display: flex;
   flex: none;
   margin-left: auto;
}

.ui-toggle-collapsed {
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 4px;
   padding: 0px 5px;
}

.ui-toggle-collapsed i {
   font-size: 2.0rem;
   margin: unset;
   color: var(--text);
}

.ui-label-right i.fa.fa-refresh {
   font-size: 1.2rem;
}

.ui-type-repeat .ui-label-type-repeat {
      padding: 0px 0px 5px 0px;
   }

.ui-view-gradient {
   width: 100%;
   height: 10px;
   position: absolute;
   left: 0;
   bottom: -10px;
   background: linear-gradient(180deg, var(--pageBackground) 0%, rgba(0, 0, 0, 0) 100%);

   z-index: 1;
   pointer-events: none;
}

.ui-dialog .ui-view-gradient {
      display: none;
   }

/* 
.ui-label {
   color: var(--text);
   i {
      color: var(--text);
   }
} */
.ui-type-flow > .ui-container {
   min-height: 300px;
}

.ui-type-flow .ui-chart-data {
   height: 100%;
   position: relative;
}

.ui-diagram table {
   table-layout: fixed;
   text-align: left;
   word-wrap: break-word;
}

.ui-diagram table td {
   font-size: 1.0rem;
   border-top: 1px solid var(--container-border-color);
   padding: 0px 5px;
}

.ui-diagram table td:first-child {
      border-right: 1px solid var(--container-border-color);
   }

.ui-flow-node {
   padding: 10px 20px;
   background: var(--white);
   border-radius: 10px;
   border-width: 2px;
   border-color: #1687ef;
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   align-items: center;
   justify-content: center;
}

.ui-flow-node-item {
   padding: 5px 15px;
   border-radius: 5px;
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: center;
}

.react-flow__handle {
   width: 15px;
   height: 15px;
   background: #1687ef;
}

.react-flow__handle-top {
   top: -8px;
}

.react-flow__handle-bottom {
   bottom: -8px;
}

.flow-edge {
   min-width: 40px;
   min-height: 40px;
   z-index: 99999;
   pointer-events: all;
}

.ui-flow-query {
   display: flex;
   align-items: center;
   justify-content: space-between;

   gap: 10px;

   padding: 10px;

   background-color: var(--white);
   border-radius: 10px;
   border: 1px solid var(--container-border-color);
}

.ui-flow-query .ui-flow-query-input fieldset {
         border-radius: 18px;
         border-color: var(--gray-200);
      }

.ui-flow-query .ui-flow-query-close {
      width: 21px;
      height: 21px;
      display: flex;
      align-items: center;
      justify-content: center;
      /* background-color: red; */
      border-radius: 4px;
      transition: background-color 0.2s ease-in-out;
   }

.ui-flow-query .ui-flow-query-close:hover {
         background-color: var(--background-red-200);
      }

.ui-flow-query .ui-flow-query-close i {
         transform: translate(0px, 1px);
         font-size: 2.0rem;
      }

.ui-flow-query .ui-flow-query-options {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0px 10px;
      gap: 10px;
   }

.ui-flow-query .ui-flow-query-options .ui-flow-query-match {
         margin-right: 0px;
         margin-left: 0px;
      }

.ui-flow-query .ui-flow-query-options .ui-flow-query-match .MuiFormControlLabel-label {
            font-size: 1.4rem;
         }

.ui-flow-query .ui-flow-query-paginate {
      /* background-color: blue; */
      display: flex;
      align-items: center;
      gap: 5px;
   }

.ui-flow-query .ui-flow-query-paginate button {
         width: 22px;
         height: 22px;

         border-radius: 4px;

         display: flex;
         justify-content: center;
         align-items: center;

         font-size: 1.8rem;
         font-weight: 500;

         transition: all 0.2s ease-in-out;
      }

.ui-flow-query .ui-flow-query-paginate button:disabled {
            /* color: var(--container-border-color); */
            opacity: 0.5;
            background-color: var(--lead-400);
            color: var(--lead-600);
         }

.ui-flow-query .ui-flow-query-paginate button:not(:disabled):hover {
            background-color: var(--background-blue-100);
         }

.ui-flow-query .ui-flow-query-paginate button:not(:disabled):hover:active {
               background-color: var(--background-blue-200);
            }

.ui-flow-query .ui-flow-query-paginate button {

         background-color: var(--background-blue-50);
}

.diagram-hub-central {
   background-color: var(--white);
   width: 500px;
   height: 500px;
   border-radius: 10px;
   border: 1px solid var(--container-border-color);

   display: flex;
   align-items: center;
   justify-content: center;
}

.diagram-hub-central img {
      width: 80%;
   }

.ui-type-flow.flow-disable-all,
   .ui-type-flow.flow-disable-all * {
      pointer-events: none !important;
   }

.ui-type-flow.flow-disable-all .react-flow__controls,
   .ui-type-flow.flow-disable-all .react-flow__minimap {
      display: none;
   }

.ui-el .react-flow__attribution {
      background-color: var(--white);
   }
.ui-v2 .ui-filter-list {
      border-bottom: 1px solid var(--container-border-color);
      background-color: var(--container-gray-background);
   }

      .ui-v2 .ui-filter-list .ui-el-filter_options .ui-type-input > .ui-container {
         padding: 0;
         margin: 1rem 0;
         width: 100%;
      }

      .ui-v2 .ui-filter-list .ui-el-filter_options .ui-type-input > .ui-container .MuiInputBase-root,
         .ui-v2 .ui-filter-list .ui-el-filter_options .ui-type-input > .ui-container .ui-container-switch,
         .ui-v2 .ui-filter-list .ui-el-filter_options .ui-type-input > .ui-container fieldset {
            border: 0 !important;
            border-radius: 0;
         }

      .ui-v2 .ui-filter-list .ui-el-filter_options .ui-type-input > .ui-container .MuiInputBase-root {
            color: var(--blue-text);
         }

      .ui-v2 .ui-filter-list .ui-el-filter_options .ui-type-input > .ui-container .MuiIconButton-edgeEnd:not(.Mui-disabled) {
            border-left: inherit;
         }

      .ui-v2 .ui-filter-list .ui-el-filter_options .ui-type-input > .ui-container {

         border: 1px solid var(--container-border-color);
         overflow: hidden;
         height: 38px !important;
         background-color: var(--white);
}

      .ui-v2 .ui-filter-list .ui-container-option {
         border-left: none;
         border-right: none;
      }

      .ui-v2 .ui-filter-list .ui-filter-actions {
         display: flex;
         width: 100%;
         flex-wrap: nowrap;
      }

      .ui-v2 .ui-filter-list .ui-filter-center,
      .ui-v2 .ui-filter-list .ui-filter-left,
      .ui-v2 .ui-filter-list .ui-filter-right {
         display: flex;
         gap: 1rem;
         padding: 1rem 3rem;
      }

      .ui-v2 .ui-filter-list .ui-filter-right {
         justify-content: flex-end;
      }

      .ui-v2 .ui-filter-list .ui-filter-center {
         justify-content: center;
         width: 100%;
      }

      .ui-v2 .ui-filter-list .ui-filter-left {
         justify-content: flex-start;
      }

      .ui-v2 .ui-filter-list .ui-filter-buffer {
         padding: 1.2rem 3rem;
         display: flex;
         width: 100%;
      }

      .ui-v2 .ui-filter-list .ui-filter-item {
         /* background-color: #efefff; */
         background-color: var(--background-iris-300);
         border-radius: 0.4rem;
         height: 3rem;
         padding-inline: 1rem;
         font-size: 1.3rem;
         color: var(--blue-text);
         display: flex;
         align-items: center;
      }

      .ui-v2 .ui-filter-list .ui-filter-buffer .ui-container-type-repeat .ui-grid,
         .ui-v2 .ui-filter-list .ui-filter-buffer .ui-container-type-repeat .ui-grid-repeat {
            display: flex !important;
            width: 100%;
         }

      .ui-v2 .ui-filter-list .ui-filter-buffer .ui-container-type-repeat .ui-grid-repeat {
            gap: 1rem;
         }

      .ui-v2 .ui-filter-list .ui-filter-buffer .ui-container-type-repeat {
         width: 100%;
      }

      .ui-v2 .ui-filter-list .ui-filter-buffer .ui-grid-data {
         height: auto;
         flex-wrap: wrap;
         overflow: hidden;
      }
   .ui-v2 .ui-filter-center .ui-type-button {
      position: relative;
      height: 2.5rem;
      width: 3.5rem;
   }
   .ui-v2 .ui-el-filter_actions:has(.ui-filter-center):not(:has(.ui-ui-filter-right)) .ui-filter-center .ui-type-button {
         margin-left: 0 auto;
      }
   .ui-v2 .ui-el-filter_actions:has(.ui-filter-center):has(.ui-ui-filter-right) .ui-filter-center {
         margin-left: 20rem;
      }
   .ui-v2 .ui-filter-center .ui-type-button .ui-container {
      position: absolute;
      bottom: -1.3rem;
      left: 0;
   }
   .ui-v2 .ui-filter-center .ui-type-button button {
      background: var(--white);
      border: 1px solid var(--container-border-color);
      border-bottom: 1px solid var(--white);
   }
   .ui-v2 .ui-filter-item {
      gap: 0.5rem;
   }
   .ui-v2 .ui-child-filter-options {
      flex-wrap: nowrap;
   }
   .ui-v2 .ui-child-filter-options > .ui-input:first-child :is(.MuiInputBase-root) {
            border-top-left-radius: 0.4rem;
         }
   .ui-v2 .ui-child-filter-options .ui-entity-area {
         border: 0 !important;
      }
   .ui-v2 .ui-child-filter-options .ui-entity-area .ui-type-button button {
            border-left-color: var(--container-border-color) !important;
         }
   .ui-v2 .ui-child-filter-options > .ui-type-button {
         margin-left: 1rem;
      }
   .ui-v2 .ui-el .ui-child-buffer {
      gap: 1rem;
      display: flex;
   }
.ui-v2 .ui-resizer {
      flex-wrap: nowrap;

      display: flex;
      width: 100%;
      position: relative;
      overflow: hidden;
   }

      .ui-v2 .ui-resizer > div {
         width: 100%;
      }

      .ui-v2 .ui-resizer .ui-resizer-right {
         flex: 1;
         position: relative;
      }

      .ui-v2 .ui-resizer .ui-resizer-left {
         overflow-y: auto;
         overflow-x: hidden;
      }

      .ui-v2 .ui-resizer .ui-resizer-resize {
         flex-shrink: 0;
         position: absolute;
         top: 0;
         left: 0;
         z-index: 10;
         background-color: #efefef;

         /* A cor acima é um tanto difícil de enxergar */
         /* Com a variável, fica no padrão e responsivo com modo escuro */
         background-color: var(--container-border-color);
         /* Qualquer coisa só voltar */

         width: 2px;
         height: calc(100% - 34px);
      }

      .ui-v2 .ui-resizer .ui-resizer-resize:hover {
            background-color: #dedede;
         }

      .ui-v2 .ui-resizer .ui-resizer-resize.dragging {
            background-color: #517ea5;
         }

      .ui-v2 .ui-resizer .ui-resizer-resize:is(:hover, .dragging) {
            width: 4px;
            cursor: col-resize;
         }

      .ui-v2 .ui-resizer .ui-resizer-mobile .ui-type-input,
         .ui-v2 .ui-resizer .ui-resizer-mobile .ui-responsive,
         .ui-v2 .ui-resizer .ui-resizer-mobile .ui-layout-info:not(.ui-type-button) {
            width: 100% !important;
            margin-bottom: 5px;
            justify-content: center;
         }

      .ui-v2 .ui-resizer .ui-resizer-mobile .ui-container:not(.ui-container-type-card, .ui-container-type-list) {
               padding-left: 0 !important;
               padding-right: 0 !important;
               margin-left: 0 !important;
               margin-right: 0 !important;
            }

      .ui-v2 .ui-resizer .ui-resizer-mobile .ui-container .ui-read-only.ui-has-child {
               margin: 5px 0;
            }

      .ui-v2 .ui-resizer .ui-resizer-mobile .ui-container > .ui-read-only {
               margin: 0 !important;
            }

      .ui-v2 .ui-resizer .ui-resizer-mobile .ui-container:not(.ui-container-button),
         .ui-v2 .ui-resizer .ui-resizer-mobile .ui-child {
            justify-content: center;
         }
   .ui-v2 .ui-type-resizer.ui-el-integradorcliente-resize .ui-resizer-mobile .ui-container-format-datetime {
         flex-direction: column;
      }
.ui-v2 .ui-tab-nav .ui-type-label:has(.ui-tab-actions) {
         overflow: hidden;
         text-overflow: ellipsis;
      }
         .ui-v2 .ui-tab-nav .ui-type-label:has(.ui-tab-actions) .ui-label > .ui-label-left {
               flex-shrink: 1;
               min-width: none;

               min-width: 50%;
            }
         .ui-v2 .ui-tab-nav .ui-type-label:has(.ui-tab-actions) .ui-label > .ui-label-right {
               width: 50%;

               flex-shrink: 0;
               flex-grow: 1;
            }
         .ui-v2 .ui-tab-nav .ui-type-label:has(.ui-tab-actions) .ui-tab-actions {
            display: flex;
            gap: 5px;
         }
         .ui-v2 .ui-tab-nav .ui-type-label:has(.ui-tab-actions):not(:hover) .edit-tab-label {
               opacity: 0;
            }
         .ui-v2 .ui-tab-nav .ui-type-label:has(.ui-tab-actions) .edit-tab-label {
            transition: opacity 0.1s ease-in-out;
         }
   .ui-v2 .ui-layout-wizard .ui-tab-data {
         margin: 0;
      }
   .ui-v2 .ui-layout-wizard .ui-container .ui-child-type-tabs .ui-tab-data {
         max-height: 70vh;
         overflow: auto;
      }
   .ui-v2 .ui-layout-wizard .ui-child-type-tab {
         margin: 20px 30px;
      }
   .ui-v2 .ui-layout-wizard .ui-tab-label {
         text-align: center;
         font-size: 1.6rem;
         color: var(--themeBackground);
         margin: 10px;
         font-weight: 600;
      }
   .ui-v2 .ui-layout-wizard .ui-tab-actions {
         display: flex;
         width: 100%;
         gap: 10px;
         padding: 10px 25px;
         justify-content: flex-end;
      }
   .ui-v2 .ui-layout-wizard .ui-tab-data {
         padding: 0;
      }
   .ui-v2 .ui-layout-wizard .ui-tab-nav {
         background: #fff;
         justify-content: center;
         align-items: center;
         font-size: 2rem;
         margin-top: 20px;
         border: 0;
      }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-label {
            align-items: center;
            justify-content: center;
         }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-label,
            .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-label span {
               text-align: center;
            }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-label > div {
               justify-content: center;
            }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-container-type-label {
            height: 36px;
            width: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
         }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-container-type-label .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-container-type-label i {
               font-size: 2.4rem;
            }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-type-label {
            border: 2px solid #000;
            border-radius: 50%;
         }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-type-label.ui-selected,
            .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-type-label.ui-tabs-item-selected {
               border-color: var(--themeBackground);
            }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-wizard-divisor {
            margin-top: 0;
         }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-tabs-item-selected {
            background-color: var(--themeBackground);
         }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-tabs-item-selected + .ui-wizard-divisor {
               border-top: 3px solid var(--themeBackground);
            }
   .ui-v2 .ui-layout-wizard .ui-tab-nav .ui-tabs-item-selected > i {
               color: #fff;
            }
   .ui-v2 .ui-type-tabs:not(.ui-layout-wizard) .ui-tab-nav .ui-type-label > .ui-container {
               max-width: 100%;
            }
   .ui-v2 .ui-type-tabs:not(.ui-layout-wizard) .ui-tab-nav .ui-type-label > .ui-container span {
                  overflow: hidden;
                  text-overflow: ellipsis;
               }
   .ui-v2 .ui-tab-nav .ui-tab-nav-toggle {
         margin: auto 0 auto auto;
      }
   .ui-v2 .ui-type-tabs.ui-nav-pos-left {
      display: flex;
   }
   .ui-v2 .ui-type-tabs.ui-nav-pos-left > .ui-tab-nav {
         width: 4.8rem;
         padding: 0.25rem 0px;
         flex-direction: column;
         border-bottom: 0px;
         border-right: 1px solid var(--container-border-color);
      }
   .ui-v2 .ui-type-tabs.ui-nav-pos-left > .ui-tab-nav > .ui-type-label {
            border-bottom-width: 0;
            border-top-width: 0;
            border-right: 3px solid transparent;
            border-left: 3px transparent;
         }
   .ui-v2 .ui-type-tabs.ui-nav-pos-left > .ui-tab-nav > .ui-type-label.ui-selected {
               border-right-color: var(--blue-text);
            }
   .ui-v2 .ui-type-tabs.ui-layout-nav-shrink > .ui-tab-nav > .ui-type-label {
         flex: 0 1 fit-content;
      }
   .ui-v2 .ui-type-tabs.ui-layout-nav-rounded > .ui-tab-nav > .ui-type-label {
         padding: 6px;
         margin: 4px;

         border-bottom-width: 0;
         border-top-width: 0;
         border-right-width: 0;
         border-left-width: 0;

         border-radius: 100%;
      }
.order-details-id {
   background-color: #4a65fe;
   padding: 0 10px;
   height: 34px;
   border-radius: 86px;
   color: #fff;
   font-size: 1.6rem;
}

   .order-details-id > .ui-container {
      width: 100%;
   }

.order-details-id .ui-container {
   align-items: center !important;
}

.order-details-value {
   background-color: #48bd00;
   padding: 5px 10px;

   border-radius: 86px;
   color: #fff;
   font-size: 1.6rem;
}

.order-details-value .ui-container {
   text-align: center;
}

.order-details-line1-all {
   align-items: center;
}

.order-details-line1-all > .ui-container {
      margin-left: 10px;
      width: calc(100% - 20px);
   }

.order-details-line1-all .ui-child {
   align-items: center;
}

.order-details-line1 .order-details-id {
   margin-right: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.order-details-line2-payment .ui-container {
   align-items: start;
}

.order-details-image-payment img {
   display: inline;
   height: 30px;
}

.order-details-line2-payment .ui-container:nth-child(1) {
   /* line-height: 0;
   margin-bottom: 7px; */
}

.order-details-line2-payment-value {
   color: var(--blue-text);
   font-size: 1.4rem;
   font-weight: 700;
   /* margin: 5px; */
}

.order-details-line3-faturamento {
   padding-right: 15px;
   text-align: right;
}

.order-details-line3-faturamento-status {
   color: var(--blue-text);
   font-weight: 700;
}

.order-flow .ui-container {
   border-radius: 98px;
}

.filial-product .ui-child {
   align-items: center;
   line-height: 15px;
}

.ui-container-type-card .status-description {
      margin-left: 10px;
   }

.ui-el-order-details-detalhar-view img {
   max-width: 80px !important;
}

.img-integradorSistema img {
      width: 40px;
      height: 40px !important;
      border-radius: 4px;
      margin-right: 5px;
      object-fit: cover;
   }
.ui-chart-loading.ui-has-label {
   padding-top: 40px;
}
.ui-type-calendar .ui-container {
      border: 1px solid #e4e4e4;
      border-radius: 8px;

      margin: 10px;

      background-color: white;
   }
   .ui-type-calendar * {
      -webkit-user-select: none;
              user-select: none;
   }
   .ui-type-calendar .react-calendar__month-view__days,
   .ui-type-calendar .react-calendar__month-view__weekdays {
      display: grid !important;
      grid-template-columns: repeat(7, 1fr);
      gap: 8px;
   }
   .ui-type-calendar .react-calendar__decade-view__years {
      display: grid !important;
      grid-template-columns: repeat(5, 1fr);
      gap: 8px;
   }
   .ui-type-calendar .react-calendar__year-view__months {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px;
   }
   .ui-type-calendar .react-calendar__year-view__months abbr {
         border-color: transparent;
      }
   .ui-type-calendar .react-calendar__century-view__decades {
      display: grid !important;
      grid-template-columns: repeat(5, 1fr);
      gap: 8px;
   }
   .ui-type-calendar .react-calendar__viewContainer {
      padding: 10px;
      padding-top: 0;
   }
   .ui-type-calendar .react-calendar.view-year .react-calendar__navigation__label {
         pointer-events: none;
      }
   .ui-type-calendar .react-calendar__navigation {
      padding: 10px 8px;

      display: flex;
   }
   .ui-type-calendar .react-calendar__navigation .react-calendar__navigation__prev2-button,
      .ui-type-calendar .react-calendar__navigation .react-calendar__navigation__next2-button {
         display: none;
      }
   .ui-type-calendar .react-calendar__navigation .react-calendar__navigation__arrow {
         border-radius: 4px;
         padding: 5px;

         transition: all 0.2s;
      }
   .ui-type-calendar .react-calendar__navigation .react-calendar__navigation__arrow:hover {
            background-color: #e8edff;
            color: #0020d2;
         }
   .ui-type-calendar .react-calendar__navigation .react-calendar__navigation__arrow i {
            font-size: 2.0rem;
         }
   .ui-type-calendar .react-calendar__navigation {

      justify-content: space-between;
}
   .ui-type-calendar .react-calendar__navigation .react-calendar__navigation__label {
         width: -webkit-fit-content;
         width: fit-content;
         flex-grow: unset !important;

         border-radius: 8px;
         transition: all 0.2s;
      }
   .ui-type-calendar .react-calendar__navigation .react-calendar__navigation__label:hover {
            color: #0020d2;
            background-color: #c3d1ff;
         }
   .ui-type-calendar .react-calendar__navigation .react-calendar__navigation__label span {
            margin: auto;

            font-size: 1.6rem;
            font-weight: 600;

            padding: 8px;

            display: flex;
            justify-content: center;
         }
   .ui-type-calendar .react-calendar__navigation .react-calendar__navigation__label {

         text-transform: capitalize;
}
   .ui-type-calendar .react-calendar__tile {
      aspect-ratio: 1/1;
      cursor: pointer;
   }
   .ui-type-calendar .react-calendar__tile:disabled {
         pointer-events: none;
      }
   .ui-type-calendar .react-calendar__tile:disabled div {
            pointer-events: all;
            cursor: default;
         }
   .ui-type-calendar .react-calendar__tile,
      .ui-type-calendar .react-calendar__tile * {
         transition: all 0.2s;
      }
   .ui-type-calendar .react-calendar__tile {

      position: relative;

      border: 1px solid;
}
   .ui-type-calendar .react-calendar__tile i {
         width: 100%;
         font-size: 110%;
      }
   .ui-type-calendar .react-calendar__tile {

      display: flex;
      flex-direction: column;

      justify-content: space-around;
      align-items: center;

      font-size: 1.2rem;
      font-weight: 700;

      padding: 1px;

      border-radius: 4px;
}
   .ui-type-calendar .react-calendar__tile abbr {
         aspect-ratio: 1/1;

         margin: 0 auto;

         display: flex;
         align-items: center;
         justify-content: center;
      }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth) abbr {
            border: 1px solid;
            border-radius: 100%;

            height: 50%;
         }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth) {

         border: 1px solid;
}
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth):not(.react-calendar__tile--active, .react-calendar__tile--now) abbr {
               border: 1px solid;
               border-radius: 100%;

               border-color: #818181;

               height: 50%;
            }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth):not(.react-calendar__tile--active, .react-calendar__tile--now) i {
               color: #a09a9a;
            }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth):not(.react-calendar__tile--active, .react-calendar__tile--now):not(:disabled):hover {
               border-color: #1087ff;
            }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth):not(.react-calendar__tile--active, .react-calendar__tile--now):not(:disabled):hover abbr,
               .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth):not(.react-calendar__tile--active, .react-calendar__tile--now):not(:disabled):hover span {
                  border-color: #1087ff;
                  color: #1087ff;
               }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth):not(.react-calendar__tile--active, .react-calendar__tile--now):not(:disabled):hover i {
                  color: #1087ff;
               }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth):not(.react-calendar__tile--active, .react-calendar__tile--now) {

            border-color: #e4e4e4;
}
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--now {
            background-color: #ecd8ff;
            color: #6e00dc;

            cursor: pointer !important;

            border-color: #6e00dc !important;
         }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--now i {
               color: #6e00dc;
            }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--now abbr {
               background-color: #d3a7ff;
               border-color: #d3a7ff;
            }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--now {

            border-color: #0020d2;
}
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--now:not(:disabled):hover {
               background-color: var(--menu-background);
               border-color: #1087ff !important;
            }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--now:not(:disabled):hover abbr {
                  border-color: #9bb2ff;
                  color: #0020d2;
                  background-color: #9bb2ff;
               }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--now:not(:disabled):hover i {
                  color: #9bb2ff;
               }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--now.react-calendar__tile--active {
               border-color: #0020d2 !important;
            }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--active {
            background: var(--menu-background);
            color: #0020d2;

            cursor: default;
         }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--active i {
               color: #9bb2ff;
            }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--active abbr {
               background-color: #9bb2ff;
               border-color: #9bb2ff;
            }
   .ui-type-calendar .react-calendar__tile:not(.react-calendar__month-view__days__day--neighboringMonth).react-calendar__tile--active {

            border-color: #0020d2;
}
   .ui-type-calendar .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth {
         border-color: transparent;
         color: #d2d2d2;
      }
   .ui-type-calendar .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth i {
            color: #d2d2d2;
         }
   .ui-type-calendar .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth:hover {
            border: 1px solid #e7e7e7;
         }

.react-calendar__tile--hasActive {
   border-color: #0020d2 !important;
   color: #0020d2 !important;
   background-color: var(--menu-background) !important;
}

.react-calendar__year-view__months__month abbr {
      border: 0 !important;
      background-color: transparent !important;
   }

.react-calendar__month-view__weekdays__weekday {
   font-weight: 500;
   font-size: 1.1rem;

   text-transform: uppercase;
   display: flex;

   padding: 5px;
   padding-top: 0;
}

.react-calendar__month-view__weekdays__weekday abbr {
      margin: auto;
      text-decoration: none;
   }

.calendar-total {
   font-size: 80%;
}

.calendar-total.no-services {
      filter: opacity(0.2);
   }

.totalizador-atendimentos .ui-chart-element {
      padding: 0 !important;
      flex-direction: column;

      gap: 20px;
   }

.totalizador-atendimentos .ui-chart-element .ui-chart-card-item .ui-font-icon {
            display: none;
         }

.totalizador-atendimentos .ui-chart-element .ui-chart-card-item {

         padding: 0;
         width: 100% !important;
}

.totalizador-atendimentos .ui-chart-element .ui-chart-card-item .flex.flex-col {
            flex-direction: row;

            padding: 0 25px;
         }

.totalizador-atendimentos .ui-chart-element .ui-chart-card-item .flex.flex-col .ui-chart-card-label,
            .totalizador-atendimentos .ui-chart-element .ui-chart-card-item .flex.flex-col .ui-chart-card-value {
               font-size: 1.6rem;
               font-weight: 700;
            }

.totalizador-atendimentos .ui-chart-element .ui-chart-card-item .flex.flex-col {

            width: 100%;
            justify-content: space-between;
            align-items: center;
}
.timeline-container {
   display: flex;
   flex-direction: row-reverse;

   margin: 0 auto;
}

   .timeline-container .timeline-item-container:not(:last-child) {
      transform: translateX(15px);
   }

   .timeline-container .timeline-item-container {
      width: 100%;
   }

   .timeline-container .timeline-item-container > div {
         width: 100%;
         margin: auto;
         margin-bottom: 8px;
      }

   .timeline-container .timeline-item-container .timeline-container-step {
         height: 25px;
         border-radius: 90px;
         border: 2px solid var(--white);
      }

   .timeline-container .timeline-item-container .timeline-container-step.timeline-notcompleted {
            background-color: #c8c8c8;
         }

   .timeline-container .timeline-item-container .timeline-container-step.timeline-completed {
            background-color: var(--background-lime-500);
         }

   .timeline-container .timeline-item-container .timeline-container-step.timeline-canceled {
            background-color: #dc3545;
         }

   .timeline-container .timeline-item-container .timeline-container-label {
         text-align: center;
         max-width: 80%;
         line-height: 12px;
         font-size: 1.2rem;
         font-weight: 400;
      }

   .timeline-container .timeline-item-container .timeline-container-label.timeline-notcompleted {
            color: #a3a3a3;
         }

   .timeline-container .timeline-item-container .timeline-container-label.timeline-completed {
            color: var(--lime-500);
            font-weight: 700;
         }

   .timeline-container .timeline-item-container .timeline-container-label.timeline-canceled {
            color: #dc3545;
            font-weight: 700;
         }

   .timeline-container .timeline-item-container .timeline-container-icon {
         display: flex;
         justify-content: center;
         align-items: baseline;
      }

   .timeline-container .timeline-item-container .timeline-container-icon i {
            font-size: 2.4rem;
         }

   .timeline-container .timeline-item-container .timeline-container-icon:not(.timeline-notcompleted) i {
               font-weight: 900;
            }

   .timeline-container .timeline-item-container .timeline-container-icon.timeline-completed .ui-font-icon {
            color: var(--lime-500);
         }

   .timeline-container .timeline-item-container .timeline-container-icon.timeline-canceled .ui-font-icon {
            color: #dc3545;
         }

   .timeline-container .timeline-item-container .timeline-container-icon.timeline-notcompleted .ui-font-icon {
            color: #a3a3a3;
         }
table.ui-table {
   width: 100%;
   table-layout: auto;
}

tr.ui-table-row {
   border-bottom: 1px solid var(--container-border-color);
}

.ui-table-col {
   padding: 5px 10px;
}

.ui-table-col.ui-icon-only {
   width: 30px;
}

.ui-table-col .ui-label {
   padding: 0;
}

.ui-table-row-expanded .ui-el-expansion i {
   transform: rotate(90deg);
   transition: transform 0.2s ease-in-out;
}

.ui-table-col.ui-type-text,
.ui-table-col.ui-type-column,
.ui-table-col.ui-type-text *,
.ui-table-col.ui-type-column * {
   text-align: left;
   justify-content: flex-start;
}

.ui-table-col.ui-type-number.ui-table-th-inner,
.ui-table-col.ui-type-integer .ui-table-th-inner,
.ui-table-col.ui-type-number,
.ui-table-col.ui-type-integer {
   text-align: right;
   justify-content: flex-end;
}

.ui-table-col .ui-label,
.ui-table-col .ui-label .ui-label-inner {
   display: inline;
}

.ui-layout-table .ui-grid {
   overflow: auto;
}

.ui-cut .ui-column {
   max-width: 200px;
   overflow: hidden;
   max-height: 53px;
}

.ui-cut .ui-column span {
   text-overflow: ellipsis;
   width: 95%;
   display: block;
   overflow: hidden;
}

th.ui-table-col > div {
   display: inline-block;
   vertical-align: middle;
}

th.ui-table-col i {
   font-size: 1.6rem;
}

.ui-table-th-inner {
   display: flex !important;
   flex-wrap: nowrap;
   align-items: center;
}

.ui-table-th-inner > div {
   display: flex;
}

.ui-table-col.ui-type-number,
.ui-table-col.ui-type-datetime {
   text-align: right;
}
.ui-auth {
   width: 100vw;
   height: 100vh;
   font-weight: 500;
}

.ui-auth .ui-page-full {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.ui-auth .ui-page {
   width: 100vw;
   height: 100vh;
   background-image: url('/assets/login-background-DWjyVui_.webp');
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: center;
}

@keyframes points {
   0% {
      background-position: 0 -80px;
   }
   100% {
      background-position: 0 0px;
   }
}

@media (prefers-color-scheme: dark) {
      body[data-theme='dark'] .conecteme-points {
         background-color: rgb(17, 24, 47) !important;
      }
}

.conecteme-points {
   width: 100vw;
   height: 100vh;
   background: url('/assets/conecteme-points-CprnizBa.png') center fixed;
   z-index: 0;
   background-repeat: none;
   background-size: cover;

   background-position: 0px 10px;

   background-color: rgb(69, 98, 202);

   animation-name: points;
   animation: points 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
   /* zoom: unset; */
}

.ui-login .ui-el-login > .ui-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;

   position: relative;
   z-index: 3;
   color: var(--text);
}

.ui-login .ui-el-login .ui-variant-default_white_big > .ui-container {
   margin: 10px 6px;
   margin-bottom: 17px;
}

.ui-login .ui-el-login .ui-variant-default_white_big > .ui-container > .ui-inner {
      width: 100%;
   }

.ui-login .ui-el-esqueci span {
   font-size: 1.2rem;
   font-weight: 400;
   line-height: 16px;
   letter-spacing: 0em;
   text-align: left;
}

.ui-login .ui-el-login .ui-variant-default_white_big > .ui-container button {
   font-family: DM Sans;
   font-size: 1.2rem;
   font-weight: 500;
   line-height: 16px;
   letter-spacing: 0em;
   text-align: center;
}

.ui-login .ui-el-login > .ui-container > .ui-child {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   padding: 45px 90px;
}

.ui-el-login .ui-container .login-with {
   width: 100%;
   height: 82px;
   border-radius: 8px;
   border: 1px solid #dad9da;
   display: flex;
   align-items: center;
   justify-content: center;
}

.ui-el-login .login-logo {
   width: 200px;
   height: 68px;
   margin: 0px 0px 14px 0px;
}

.ui-el-login .ui-child > span {
   font-size: 1.4rem;
   font-weight: 500;
   line-height: 20px;
   margin-bottom: 21px;
   text-align: center;
}

.ui-login-bottom {
   display: flex;
   flex-direction: column;
   width: 100%;
   align-items: center;
   font-size: 1.2rem;
}

.ui-login-bottom button {
   height: 45px;
}

.ui-login-bottom .ui-type-button {
   margin-bottom: 22px;
   width: 100%;
}

.ui-login-bottom .sem-cadastro {
   margin-top: 21px;
}

.ui-login-bottom .sem-cadastro p {
   text-align: center;
   font-weight: 700;
}

.ui-login-bottom span,
.ui-login-bottom .sem-cadastro a {
   font-weight: 700;
   color: var(--blue-text);
   cursor: pointer;
   transition: all 0.1s ease-in-out;
}

.ui-login-bottom .sem-cadastro a {
   margin-right: -3px;
}

.ui-login-bottom span,
.ui-login-bottom .sem-cadastro a {
   padding: 0px 3px;
   border-radius: 4px;
}

.ui-login-bottom span:hover,
.ui-login-bottom .sem-cadastro a:hover {
   background-color: var(--background-blue-500);
   color: #fff;
   cursor: 'pointer';
}

img.powered-by-maker {
   position: absolute;
   bottom: 50px;
   left: 50%;
   width: 144px;

   z-index: 0;

   transform: translateX(-50%);
}

.ui-el-twofactor .twofactor-logo {
   margin-bottom: 7px;
}

.ui-el-twofactor > .ui-container {
   border-radius: 16px;
   background-color: var(--background-iris-200);
}

.ui-el-twofactor > .ui-container > .ui-child {
   padding: 61px 78px;
}

.autenticacao {
   display: block;
   font-size: 1.4rem;
   color: #1d1e20;
   font-weight: 600;
}

.twofactor-qr-code-container {
   width: 100%;
   display: flex;
   margin-top: 40px;
   width: 434px !important;
   justify-content: space-between;
}

.twofactor-qr-code-container img {
   width: 211px;
}

.twofactor-input-container .MuiFormLabel-root:not(.MuiInputLabel-shrink) {
   top: 1px !important;
}

.sem-autenticador {
   margin-top: 24px;
   font-size: 1.2rem !important;
}

.sem-autenticador span {
   display: block;
   margin-bottom: 8px;
}

.sem-autenticador span:first-child {
   color: var(--blue-text);
   font-weight: 600;
}

.sem-autenticador span:last-child {
   line-height: 15px !important;
}

.ui-el-twofactor {
   margin: auto;
   display: flex;
   align-items: center;
   flex-direction: column;
}

.ui-el-twofactor .ui-el-confirmar-token {
   width: 100%;
}

.ui-el-twofactor .ui-el-confirmar-token > .ui-container {
   margin: 0px 5px;
}

.ui-el-twofactor .ui-el-confirmar-token > .ui-container button {
   width: 100%;

   font-size: 1.2rem;
   font-weight: 500;
   line-height: 16px;
   letter-spacing: 0em;
   text-align: center;
}

.ui-el-twofactor .ui-type-output > .ui-container,
.ui-el-twofactor .ui-type-img > .ui-container {
   display: flex;
   justify-content: center;
}

.ui-el-twofactor .ui-type-group > .ui-container > .ui-label > .ui-label-inner {
   justify-content: center;

   font-family: DM Sans;
   font-size: 1.4rem;
   font-weight: 700;
   line-height: 20px;
   letter-spacing: 0em;
   text-align: center;
}

.ui-el-qr-group > .ui-container > .ui-child {
   padding-top: 35px;
   gap: 35px;
   flex-wrap: nowrap;
}

.ui-el-qr-group .ui-type-img {
   max-width: 211px;
}

.ui-el-qr-group .MuiInputBase-root {
   height: 52px;
}

.ui-el-qr-group .ui-type-input {
   margin-bottom: 10px;
}

.ui-el-qr-group button {
   height: 45px;

   font-family: DM Sans;
   font-size: 1.2rem;
   font-weight: 500;
   line-height: 16px;
   letter-spacing: 0em;
   text-align: center;
}

.ui-el-sem-autenticador > .ui-container {
   display: block !important;
}

.ui-el-sem-autenticador {
   margin-top: 20px;
}

.ui-el-sem-autenticador > .ui-container > .ui-label {
   color: var(--blue-text);

   padding: 5px;

   padding-bottom: 4px;

   font-family: DM Sans;
   font-size: 1.2rem;
   font-weight: 700;
   line-height: 16px;
   letter-spacing: 0em;
   text-align: left;
}

.ui-el-sem-autenticador {
   max-width: 190px;
}

.ui-el-sem-autenticador > .ui-container > .ui-inner {
   font-family: DM Sans;
   font-size: 1.2rem;
   font-weight: 400;
   line-height: 16px;
   letter-spacing: 0em;
   text-align: left;

   padding-left: 5px;
}

@media (max-width: 1680px) {
   .ui-login .ui-el-login > .ui-container > .ui-child {
      padding: 30px 50px;
   }
}

@media (max-width: 768px) {
   .ui-login .ui-el-login > .ui-container > .ui-child {
      padding: 20px 10px;
   }


      .ui-login .ui-el-login > .ui-container > .ui-child .login-logo {
         margin-bottom: 0.5rem;
      }

      .ui-login .ui-el-login > .ui-container > .ui-child > span {
         margin-bottom: 0.5rem;
      }

      .ui-login .ui-el-login > .ui-container > .ui-child .sem-cadastro {
         text-align: center;
         margin-top: 1rem;
      }
}
.modal-overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 999;
}

.modal-content {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   background: #f2f2f2;
   padding: 15px;
   border-radius: 7px;
   min-width: 150px;
   min-height: 150px;
}

.modal-content img {
      min-width: 100%;
      border-radius: 7px;
      overflow: hidden;
   }

.modal-image {
   max-width: 90vw;
   max-height: 90vh;
   border-radius: 5px;
}

.close-button {
   position: absolute;
   top: -15px;
   right: -15px;
   background: none;
   border: none;
   font-size: 2.0rem;
   cursor: pointer;
   width: 30px;
   height: 30px;
   border-radius: 3px;
   background-color: var(--background-red-500);
   color: white;
   transition: background-color 0.15s ease-in-out;
}

.close-button:hover {
      background-color: var(--background-red-600);
   }
:root {
   --chat-me-background: #dbbeff;
   --chat-other-background: #fff;
   --chat-teammate-background: #ebdffa;
   --chat-bot-background: #dbdeff;
   --chat-error-background: var(--background-red-100);
   --chat-width: 75rem;
   --chat-height: 65rem;
   --chat-side: 25rem;
   --chat-emoji-size: 2.2rem;
   --chat-sticker-size: 6.4rem;
   --chat-message-read: #0077ff;
}

@media (prefers-color-scheme: dark), (prefers-color-scheme: light) {
   body[data-theme='dark'] {
      --chat-me-background: var(--background-purple-300);
      --chat-teammate-background: var(--background-purple-900);
      --chat-bot-background: var(--background-blue-800);
      --chat-other-background: var(--background-lead-600);
      --chat-error-background: var(--background-red-800);
      --chat-message-read: #29f8ff;
   }

      body[data-theme='dark'] .ui-ch-area {
         background-color: var(--background-iris-300);
      }
}

@media (max-height: 700px) {
   :root {
      --chat-height: 600px;
      --chat-width: 700px;
   }
      .ui-chat-global .ui-ch-main {
         min-height: 100%;
      }
}

@media (max-height: 580px) {
   :root {
      --chat-height: 400px;
      --chat-width: 550px;
      --chat-side: 200px;
   }
      .ui-chat-global .ui-container-chat-users > .ui-grid > .ui-child-list .ui-row-chat-users td {
         max-width: 200px;
      }
}

@media (max-width: 1000px) {
      .ui-ch-main .ui-ch-left {
         width: var(--chat-side) !important;
      }
}

/* Mobile */

@media (max-width: 728px) {
   :root {
      --chat-width: 95dvw;
      --chat-height: calc(98dvh - var(--top-menu-height));
      --chat-side: 0px;
   }
      .ui-ch-main .ui-ch-left {
         width: 100% !important;
      }

   .ui-chat-global {
      width: 100dvw !important;
      height: 100dvh !important;

      background-color: rgba(0, 0, 0, 0.2);

      display: flex;
      justify-content: center;
      align-items: flex-end;
      padding: 10px;
   }

      .ui-chat-global .ui-container-type-img {
         width: 100% !important;
      }

      .ui-chat-global > .ui-ch-main {
         width: var(--chat-width) !important;
         height: var(--chat-height) !important;
         min-height: var(--chat-height);
      }

         .ui-chat-global > .ui-ch-main .ui-container-chat-users {
            width: 100%;
         }

         .ui-chat-global > .ui-ch-main div.ui-ch-history {
            padding-right: 20px;
         }
            .ui-chat-global > .ui-ch-main .ui-filter-list .ui-container {
               width: 100%;
            }

         .ui-chat-global > .ui-ch-main .ui-top-chat-users {
            padding: 0;
         }

      .ui-chat-global {
      left: 0;
      top: 0;
   }

      .ui-chat-global .ui-container-type-button {
         width: 100%;
      }
         .ui-chat-global .ui-ch-top img {
            width: 45px;
            height: 45px;
         }

      .ui-chat-global .ui-ch-top-left {
         flex-wrap: nowrap;
      }
         /* background-color: red; */
            .ui-chat-global .ui-ch-top-left .ui-ch-top-avatar .ui-container {
               width: 100%;
            }
            .ui-chat-global .ui-ch-top-left .ui-ch-top-avatar {
            width: -webkit-fit-content !important;
            width: fit-content !important;
            flex-shrink: 0 !important;
   }

      .ui-chat-global .ui-ch-main .ui-ch-top .ui-ch-top-actions {
         width: -webkit-fit-content !important;
         width: fit-content !important;
      }

         .ui-chat-global .ui-ch-main .ui-ch-top .ui-ch-top-actions button {
            width: var(--button-small);
            height: var(--button-small);
         }
}

.ui-ch-top-return {
   width: -webkit-fit-content !important;
   width: fit-content !important;
   flex-grow: 0;
}

.ui-ch-msg {
   display: flex !important;
   max-width: 100% !important;
}

.ui-ch-msg:has(.ui-ch-msg-files) .ui-ch-teammate {
         margin-bottom: 0.5rem;
      }

.ui-ch-msg .ui-ch-msg-box {
      margin: 3px;
      display: inline-flex;
      width: auto;
      min-width: 75px;
      max-width: clamp(200px, 90%, 500px);
      flex-direction: column;
   }

.ui-ch-msg .ui-ch-msg-box:has(audio) {
         min-width: 80%;
      }

.ui-ch-msg .ui-ch-msg-box:has(.ui-ch-reactions-ellipsis),
      .ui-ch-msg .ui-ch-msg-box:has(.expandable) {
         min-width: 120px;
      }

.ui-ch-msg .ui-ch-msg-box:has(.ui-ch-sticker):not(:has(.ui-ch-reply)) .ui-ch-speech {
            background-color: transparent !important;
         }

.ui-ch-msg .ui-ch-msg-box:has(.ui-ch-sticker):not(:has(.ui-ch-reply)) .ui-ch-msg-inner {
            background-color: transparent;
            padding: 10px 0px;
         }

.ui-ch-msg .ui-ch-msg-box:has(.ui-ch-sticker):not(:has(.ui-ch-reply)) .ui-ch-msg-bottom-right {
            padding-left: 0;
            margin-right: 5px;
         }

.ui-ch-msg .ui-ch-msg-box:has(.ui-ch-sticker):not(:has(.ui-ch-reply)) .ui-ch-msg-date {
            display: none;
         }

.ui-ch-msg .ui-ch-msg-box .ui-ch-msg-inner {
         position: relative;
         border-radius: 8px;
         padding: 10px;
         background: var(--chat-other-background);
         transition: background 0.2s ease-in-out;
      }

.ui-ch-msg .ui-ch-msg-box .ui-ch-msg-inner .ui-ch-msg-txt {
            display: flex;
            /* background-color: red !important; */

            justify-content: space-between;
         }

.ui-ch-msg .ui-ch-msg-box .ui-ch-msg-inner .ui-ch-msg-txt .ui-ch-msg-time {
               flex-shrink: 0;
               transform: translateY(50%);
            }

.ui-ch-msg .ui-ch-msg-box .ui-ch-msg-inner .ui-ch-msg-time {
            font-size: 1.2rem;
         }

.ui-ch-msg .ui-ch-msg-box .ui-ch-msg-inner,
         .ui-ch-msg .ui-ch-msg-box .ui-ch-msg-inner .ui-ch-speech {
            transition: background 0.2s ease-in-out;
            filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
            z-index: 1;
         }

.ui-ch-msg .ui-ch-msg-box .ui-preview-area {
         margin: 0;
         background-color: transparent;
      }

.ui-ch-msg .ui-ch-msg-box .ui-preview-area .ui-preview-picture {
            background-color: transparent;
         }

.ui-ch-msg.ui-ch-msg-me .ui-ch-msg-inner,
      .ui-ch-msg.ui-ch-msg-me .ui-ch-speech {
         background: var(--chat-me-background);
      }

.ui-ch-msg.ui-ch-msg-me.ui-ch-msg-teammate .ui-ch-msg-inner,
         .ui-ch-msg.ui-ch-msg-me.ui-ch-msg-teammate .ui-ch-speech {
            background: var(--chat-teammate-background);
         }

.ui-ch-msg.ui-ch-msg-me.ui-ch-msg-bot .ui-ch-msg-inner,
         .ui-ch-msg.ui-ch-msg-me.ui-ch-msg-bot .ui-ch-speech {
            background: var(--chat-bot-background);
         }

.ui-ch-msg .ui-ch-msg-opts {
      display: flex;
      flex-direction: column;
   }

.ui-ch-msg .ui-ch-msg-opts > .ui-ch-msg-opt {
         margin: 5px 0px;
      }

/* .ui-ch-m */

.ui-ch-msg.ui-ch-msg-other.ui-ch-msg-speech .ui-ch-msg-inner {
            border-top-left-radius: 0;
         }

.ui-ch-msg.ui-ch-msg-other .ui-ch-msg-time {
         color: var(--gray-text);
      }

.ui-ch-msg.ui-ch-msg-other .ui-ch-speech {
         background-color: var(--chat-other-background);

         left: 0;
         transform: translateX(-90%);
         -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
                 clip-path: polygon(100% 0, 0 0, 100% 100%);
      }

.ui-ch-msg.ui-ch-msg-me.ui-ch-msg-speech .ui-ch-msg-inner {
            border-top-right-radius: 0;
         }

.ui-ch-msg.ui-ch-msg-me .ui-ch-msg-time {
         color: var(--gray-text);
      }

.ui-ch-msg.ui-ch-msg-me li.ui-ch-msg-opt {
         pointer-events: none !important;
         /* color: var(--gray-text); */
      }

.ui-ch-msg.ui-ch-msg-me li.ui-ch-msg-opt,
         .ui-ch-msg.ui-ch-msg-me li.ui-ch-msg-opt:hover,
         .ui-ch-msg.ui-ch-msg-me li.ui-ch-msg-opt:active {
            background-color: var(--background-iris-600) !important;
            transform: none !important;
         }

.ui-ch-msg.ui-ch-msg-me .ui-ch-msg-files video,
         .ui-ch-msg.ui-ch-msg-me .ui-ch-msg-files audio {
            border-radius: 6px;
         }

.ui-ch-msg.ui-ch-msg-me .ui-ch-speech {
         right: 0;
         transform: translateX(90%);
         -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0% 0%);
                 clip-path: polygon(0 0, 100% 0, 0 100%, 0% 0%);
      }

.ui-ch-msg .ui-ch-speech {
      background: var(--chat-other-background);
      transition: background 0.2s ease-in-out;
      /* background-color: var(--background-purple-600); */
      width: 10px;
      height: 10px;
      display: block;

      position: absolute;
      top: 0;
   }

.ui-ch-msg.ui-ch-msg-error .ui-ch-msg-inner {
         background: var(--chat-error-background);
      }

.ui-ch-msg.ui-ch-msg-error .ui-ch-speech {
         background: var(--chat-error-background);
      }

.ui-ch-msg:not(:has(.ui-ch-msg-txt)) .ui-ch-msg-files {
         margin-bottom: -5px !important;
      }

.ui-ch-msg .ui-ch-msg-files {
      flex-wrap: wrap;
      gap: 10px;
      margin: -5px -5px 5px -5px;
   }

.ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file {
         flex: 1 1 auto;

         max-width: 350px;
         min-width: 100%;
      }

.ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio {
            border-radius: 6px;
            width: 100%;
         }

.ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-panel,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-timeline,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-enclosure,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-play-button,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-rewind-button,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-seek-back-button,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-fullscreen-button,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-timeline-container,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-seek-forward-button,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-current-time-display,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-time-remaining-display,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-return-to-realtime-button,
            .ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file audio::-webkit-media-controls-toggle-closed-captions-button {
               border-radius: 4px;
            }

.ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file .ui-preview-area {
            width: auto;
         }

.ui-ch-msg .ui-ch-msg-files > .ui-ch-msg-file .ui-preview-area .ui-preview-picture {
               height: auto;
            }

.ui-selected .ui-ch-user-avatar .ui-ch-user-status, .ui-row-chat-users:hover .ui-ch-user-avatar .ui-ch-user-status {
      border-color: var(--background-iris-200);
   }

.ui-chat-actions {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   background-color: var(--white);
   border-radius: 4px;
   border: 1px solid var(--container-border-color);

   padding: 2px;

   gap: 4px;

   transform: translateY(25%) !important;
}

.ui-chat-actions > button {
      padding: 5px;
      height: 16px;
      width: 16px;
   }

.ui-chat-actions > button i {
         font-size: 1.6rem !important;
      }

.ui-chat-actions > button > .MuiButton-icon {
         margin: 0;
      }

.ui-chat-actions > button:hover i {
            color: var(--blue-text);
         }

.ui-ch-reply {
   height: -webkit-fit-content;
   height: fit-content;
   max-width: calc(100% - 30px);

   margin: 10px 15px 0px 15px !important;
   background-color: var(--background-lead-50);
   border-left: 2px solid var(--chat-other-background);
   padding: 5px 15px;
   padding-right: 5px;
   border-radius: 4px;

   cursor: auto;
   box-shadow:
      rgba(17, 17, 26, 0.05) 0px 1px 0px,
      rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.ui-ch-reply .ui-ch-reply-user {
      font-size: 1.1rem;
      color: var(--gray-text);
   }

.ui-ch-reply .ui-ch-reply-message {
      padding-right: 15px;
   }

.ui-ch-reply .ui-ch-reply-cancel {
      float: right;
      margin-left: 25px;
   }

.ui-ch-reply .ui-ch-reply-files {
      display: flex;
      max-width: 100%;

      padding-right: 15px;

      gap: 10px;
   }

.ui-ch-reply .ui-ch-reply-files > div {
         width: 30% !important;
      }

.ui-ch-reply .ui-ch-reply-files .ui-preview-overlay {
         display: none !important;
      }

.ui-ch-reply .ui-ch-reply-files .ui-preview-area {
         width: 100% !important;
      }

.ui-ch-user-avatar {
   position: relative;
   overflow: visible;
}

.ui-ch-user-avatar .ui-ch-user-status {
      position: absolute;

      border: 2px solid;
      border-color: var(--white);
      box-sizing: content-box;
      width: 10px !important;
      height: 10px;
      display: block;
      border-radius: 100%;
      top: 0;
      right: 0;
      transform: translate(30%, -25%);
   }

.ui-ch-user-avatar .ui-ch-user-status.ui-ch-user-status-online {
         background-color: var(--background-lime-400);
      }

.ui-ch-user-avatar .ui-ch-user-status.ui-ch-user-status-offline {
         /* display: none; */
         background-color: var(--background-gray-100);
      }

.ui-ch-user-avatar,
   .ui-ch-user-avatar img {
      flex-shrink: 0;
      width: 35px;
      height: 35px;
   }

.ui-ch-preview .ui-inner-type-preview {
      width: -webkit-fit-content;
      width: fit-content;
   }

.ui-ch-preview .ui-preview-area {
      width: auto;
      margin: 0;
   }

.ui-ch-preview .ui-container-preview {
      position: relative;
   }

.ui-ch-preview .ui-container-preview .ui-ch-preview-delete {
         position: absolute;
         top: 0;
         right: 0;
         z-index: 99;
         pointer-events: all;

         transform: translate(25%, -25%);
      }

.ui-ch-preview .ui-container-preview .ui-ch-preview-delete.ui-type-button button {
               padding: 0;
               margin-top: 0;
               width: var(--button-small) !important;
               height: var(--button-small) !important;
            }

.ui-ch-preview .ui-container-preview .ui-ch-preview-delete.ui-type-button button i {
                  color: #fff;
               }

.ui-ch-msg.ui-ch-msg-other .ui-ch-msg-inner {
      background: var(--chat-other-background);
   }

.ui-ch-msg.ui-ch-msg-me {
   flex-direction: row-reverse;
}

.ui-child-current-chat {
   overflow: auto;
   height: 420px;
   display: flex;
   flex-direction: column-reverse;
}

.ui-ch-users .ui-grid-data {
   height: 500px;
   display: block;
}

.ui-ch-msg-opt {
   background: var(--background-lime-100);
   padding: 5px 10px;
   border-radius: 5px;
   /* color: #000; */
   cursor: pointer;
   margin: 10px 0;
   font-weight: 500;

   -webkit-user-select: none;

           user-select: none;

   transition: all 0.1s ease-in-out;
}

.ui-ch-msg-opt:hover {
      background: var(--background-lime-200);
   }

.ui-ch-msg-opt:hover:active {
         transform: scale(0.99);
         background: var(--background-lime-300);
      }

.ui-ch-msg-opts {
   margin-top: 10px;
   width: auto;
}

.ui-ch-in-transfer-area {
   display: block;
   height: 100%;
   width: 100%;
   margin: auto;
   text-align: center;
   font-size: 2rem;
   padding-top: 20%;
}

.ui-ch-in-transfer-area i {
   font-size: 3rem !important;
   padding-top: 10px;
}

.ui-ch-msg-files {
   display: flex;
}

.ui-ch-user-count {
   background: var(--red);
   color: #fff;
   font-size: 8px;
   width: 15px;
   display: block;
   height: 15px;
   line-height: 15px;
   text-align: center;
   border-radius: 50%;
   position: absolute;
   right: 1px;
   top: 0px;
}

.ui-ch-float-button {
   position: fixed;
   right: 20px;
   bottom: 20px;
}

.ui-ch-audio-visualizer {
   background-color: var(--background-iris-500);
   height: 37px;
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   padding: 5px;
   width: 100%;

   font-size: 1.6rem;
   font-weight: 500;
   position: relative;

   overflow: hidden;
}

.ui-ch-audio-visualizer .ui-ch-audio-progress {
      top: 0;
      left: 0;
      position: absolute;
      background-color: var(--background-blue-500);
      height: 37px;
   }

.ui-ch-audio-visualizer time {
      background-color: var(--white);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 4px;
      position: absolute;
      top: 50%;
      right: 5px;
      transform: translateY(-50%);
      z-index: 1;
      width: 55px;
   }

.ui-ch-audio-container {
   margin-bottom: 7.5px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
   width: 100%;
   margin-left: 10px;
   margin-right: 10px;
}

.ui-ch-audio-container audio {
      width: 100%;
      border-radius: 4px;
      height: 37px;
   }

.ui-ch-audio-container audio::-webkit-media-controls-panel,
      .ui-ch-audio-container audio::-webkit-media-controls-play-button,
      .ui-ch-audio-container audio::-webkit-media-controls-timeline-container,
      .ui-ch-audio-container audio::-webkit-media-controls-current-time-display,
      .ui-ch-audio-container audio::-webkit-media-controls-time-remaining-display,
      .ui-ch-audio-container audio::-webkit-media-controls-timeline,
      .ui-ch-audio-container audio::-webkit-media-controls-seek-back-button,
      .ui-ch-audio-container audio::-webkit-media-controls-seek-forward-button,
      .ui-ch-audio-container audio::-webkit-media-controls-fullscreen-button,
      .ui-ch-audio-container audio::-webkit-media-controls-rewind-button,
      .ui-ch-audio-container audio::-webkit-media-controls-return-to-realtime-button,
      .ui-ch-audio-container audio::-webkit-media-controls-toggle-closed-captions-button {
         background-color: var(--chat-other-background);
      }

.ui-ch-user-status.ui-user-off {
   color: #888;
}

.ui-ch-user-status .ui-tag {
   background: var(--blue);
   display: inline-block;
   color: #fff;
   border-radius: 20px;
   padding: 0 10px;
   font-size: 1rem;
}

.ui-ch-msg-date {
   font-style: italic;
   font-size: 1rem;
   color: #888;
   width: 100%;
}

.ui-ch-msg.ui-ch-msg-me .ui-ch-msg-date {
      padding-right: 5px;
   }

table.ui-data-chat-users {
   min-height: 50px !important;
}

.ui-ch-msg.ui-ch-msg-me .ui-ch-msg-date {
      text-align: right;
   }

.ui-ch-msg-txt {
   white-space: pre-wrap;
   word-break: break-word;
}

.ui-ch-msg-txt > video,
   .ui-ch-msg-txt audio {
      border-radius: 6px;
      margin: -5px;
   }

.ui-ch-msg-txt > video::-webkit-media-controls,
      .ui-ch-msg-txt > video::-webkit-media-controls-panel,
      .ui-ch-msg-txt > video::-webkit-media-controls-timeline,
      .ui-ch-msg-txt > video::-webkit-media-controls-enclosure,
      .ui-ch-msg-txt > video::-webkit-media-controls-play-button,
      .ui-ch-msg-txt > video::-webkit-media-controls-rewind-button,
      .ui-ch-msg-txt > video::-webkit-media-controls-seek-back-button,
      .ui-ch-msg-txt > video::-webkit-media-controls-fullscreen-button,
      .ui-ch-msg-txt > video::-webkit-media-controls-timeline-container,
      .ui-ch-msg-txt > video::-webkit-media-controls-seek-forward-button,
      .ui-ch-msg-txt > video::-webkit-media-controls-current-time-display,
      .ui-ch-msg-txt > video::-webkit-media-controls-time-remaining-display,
      .ui-ch-msg-txt > video::-webkit-media-controls-return-to-realtime-button,
      .ui-ch-msg-txt > video::-webkit-media-controls-toggle-closed-captions-button,
      .ui-ch-msg-txt audio::-webkit-media-controls,
      .ui-ch-msg-txt audio::-webkit-media-controls-panel,
      .ui-ch-msg-txt audio::-webkit-media-controls-timeline,
      .ui-ch-msg-txt audio::-webkit-media-controls-enclosure,
      .ui-ch-msg-txt audio::-webkit-media-controls-play-button,
      .ui-ch-msg-txt audio::-webkit-media-controls-rewind-button,
      .ui-ch-msg-txt audio::-webkit-media-controls-seek-back-button,
      .ui-ch-msg-txt audio::-webkit-media-controls-fullscreen-button,
      .ui-ch-msg-txt audio::-webkit-media-controls-timeline-container,
      .ui-ch-msg-txt audio::-webkit-media-controls-seek-forward-button,
      .ui-ch-msg-txt audio::-webkit-media-controls-current-time-display,
      .ui-ch-msg-txt audio::-webkit-media-controls-time-remaining-display,
      .ui-ch-msg-txt audio::-webkit-media-controls-return-to-realtime-button,
      .ui-ch-msg-txt audio::-webkit-media-controls-toggle-closed-captions-button {
         background-color: var(--white);
         border: none;
         outline: none;
      }

.ui-ch-msg-txt img {
      max-height: 400px;
      max-width: 350px;
   }

.ui-ch-users-multiple .ui-container-chat-users > .ui-grid > .ui-child-list .ui-row-chat-users td {
      max-width: calc(var(--chat-side) - 4.6rem);
   }

.ui-ch-users-multiple.ui-el-chat-users .ui-container-chat-users > .ui-grid > .ui-child-list .ui-row-chat-users td:first-child {
      padding: 0 !important;
      padding-left: 0.5rem !important;
      max-width: 2.5rem !important;
      width: 2.5rem !important;
   }

.ui-ch-users-multiple.ui-el-chat-users .ui-container-chat-users > .ui-grid > .ui-child-list .ui-row-chat-users td:first-child .ui-v2 .ui-child-column.ui-child-actions {
         justify-content: unset;
      }

.ui-container-chat-users > .ui-grid > .ui-child-list .ui-row-chat-users td {
   max-width: calc(var(--chat-side) - 0.6rem);
}

.ui-ch-user-name {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-height: 3.1rem;

   overflow: visible;
   max-width: 100%;
}

.ui-ch-user-name .ui-ch-name {
      font-size: 1.4rem;
      line-height: 1.6rem;
   }

.ui-ch-user-detail:has(.ui-ch-user-count) .ui-ch-user-last-message time {
      display: none;
   }

.ui-ch-user-detail:has(.ui-ch-user-count) .ui-ch-last-message {
      max-width: calc(100% - 25px);
   }

.ui-ch-writing {
   color: var(--text-lime-500);
   line-height: 14px;
}

.ui-ch-user-bottom .ui-ch-last-message-icon i {
      font-size: 1.4rem !important ;
      line-height: 14px;
      overflow: visible;
   }

.ui-ch-user-bottom .ui-ch-user-last-message {
      display: flex;
      gap: 2px;
      width: 100%;

      color: var(--gray-text);
   }

.ui-ch-user-bottom .ui-ch-user-last-message time {
         margin-left: auto;
         font-size: 1rem;
         text-align: right;
         flex-grow: 0;
      }

.ui-ch-user-bottom .ui-ch-user-last-message .ui-ch-last-message-you {
         flex-shrink: 0;

         font-weight: 400;
         font-size: 1.2rem;
         line-height: 14px;
      }

.ui-ch-user-bottom .ui-ch-user-last-message .ui-ch-last-message {
         flex-shrink: 1;

         font-weight: 400;
         font-size: 1.2rem;
         line-height: 14px;
      }

.ui-ch-user-bottom .ui-ch-writing {
      font-size: 1.2rem;
      font-weight: 600;
   }

.ui-ch-user-bottom span:not(.ui-ch-last-message-icon) {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
   }

.ui-ch-main {
   overflow: hidden;
   background: var(--white);
   border: 1px solid var(--container-border-color);
   border-radius: 5px;
   width: 100%;
   height: 100%;
   min-height: 500px;
   display: flex;
   flex-wrap: nowrap;
}

.ui-ch-main .ui-ch-top-name {
      line-height: 14px;
      font-weight: 600 !important;
   }

.ui-ch-main .ui-ui-ch-top-status {
      display: flex;
      gap: 10px;
   }

.ui-ch-main .ui-ui-ch-top-status span {
         font-style: normal;
         line-height: 14px;
      }

.ui-ch-main .ui-ui-ch-top-status .ui-ch-last-seen {
         color: var(--gray-text);
         font-size: 1.2rem;
      }

.ui-ch-main .ui-ch-user-detail:has(.ui-ch-origin) .ui-ch-user-name {
         max-width: calc(100% - 20px);
      }

.ui-ch-main .ui-ch-empty-user {
      text-align: center;
      display: flex;
      height: 100%;
      justify-content: center;
      align-items: center;
      font-size: 2.2rem;
   }

.ui-ch-main .ui-ch-empty-user .ui-child > div {
         padding: 0 1rem;
      }

.ui-ch-main .ui-ch-user-detail {
      display: flex;
      align-items: center;
      width: calc(100% - 45px);
   }

.ui-ch-main .ui-ch-user-detail > * {
         flex: 1 1 auto;
      }

.ui-ch-main .ui-ch-user-detail > img {
         flex: 0 0 20px;
         margin: 0 -5px;
      }

.ui-ch-main .ui-ch-user-detail {

      flex-wrap: nowrap;

      gap: 10px;
}

.ui-ch-main .ui-ch-user-detail .ui-ch-name {
         width: 100%;
      }

.ui-ch-main .ui-ch-user-detail .ui-ch-user-count {
         background: #b0b0d9;
         color: #000;
         width: 2.1rem !important;
         height: 2.1rem !important;
         line-height: 10px;
         vertical-align: middle;
         font-size: 1rem;
         padding: 5px;
         border-radius: 50%;
         top: 50%;
         transform: translateY(-50%);
      }

.ui-ch-main .ui-ch-faq-item {
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden;

      text-overflow: ellipsis;
   }

.ui-ch-main .ui-ch-faq-item .ui-ch-faq-item-hint {
         padding: 0px 5px;

         color: var(--gray-text);
         font-style: italic;
         font-size: 1.2rem;
      }

.ui-ch-main .ui-ch-user-status {
      font-size: 1.3rem;
      display: flex;
      width: 100%;
      align-items: center;
      gap: 10px;
      font-weight: 500;
      text-overflow: ellipsis;
   }

.ui-ch-main .ui-ch-name {
      max-width: 150px;
      text-overflow: ellipsis;
      overflow: hidden;
   }

.ui-ch-main .MuiInputBase-root {
      background-color: var(--background-lead-300) !important;
   }

.ui-ch-main .ui-top-list .ui-inner .MuiInputBase-root {
         border-radius: 3px !important;
         color: var(--text) !important;

         height: var(--button-medium) !important;
      }

.ui-ch-main .ui-top-list .ui-inner .MuiInputBase-root fieldset {
            border: 0 !important;
            border-radius: 3px !important;
         }

.ui-ch-main .ui-left-current-message.ui-left {
      margin: auto;
   }

.ui-ch-main .ui-ch-bottom .ui-inner .MuiInputBase-root {
         border-radius: 3px !important;
         color: var(--text) !important;
         padding-top: 10px !important;
         padding-bottom: 10px !important;
         max-height: 300px !important;
         overflow: auto;
      }

.ui-ch-main .ui-ch-bottom .ui-inner .MuiInputBase-root fieldset {
            border: 0 !important;
            border-radius: 3px !important;
         }

.ui-ch-main .ui-container-type-list {
      padding: 0;
      margin: 0;
      border: 0;
      border-radius: 0 !important;
   }

.ui-ch-main .ui-container-type-list .ui-top-type-list {
         border: 0;
      }

.ui-ch-main .ui-container-type-list .ui-top-center-list {
         padding: 0 !important;
      }

.ui-ch-main .ui-container-type-list .ui-child-list {
         padding: 0 5px;
      }

.ui-ch-main .ui-container-type-list .ui-grid {
         padding: 5px;
         margin: 0;
         border: 0 !important;
         border-radius: 0 !important;
      }

.ui-ch-main .ui-container-type-list .ui-grid td {
            border: 0;
            padding: 10px 5px;
         }

.ui-ch-main .ui-ch-top {
      display: flex;
      width: 100%;
      flex-wrap: nowrap;
      gap: 10px;
      border-bottom: 1px solid var(--container-border-color);
      padding: 10px;
      align-items: center;
      font-size: 1.4rem;
      height: auto;
   }

.ui-ch-main .ui-ch-top > div {
         align-items: center;
         width: 100%;
         gap: 10px;
         display: flex;
      }

.ui-ch-main .ui-ch-top > .ui-ch-top-left .ui-container-img {
            width: 100%;
         }

.ui-ch-main .ui-ch-top > .ui-ch-top-left {
         width: -webkit-fit-content !important;
         width: fit-content !important;
}

.ui-ch-main .ui-ch-top > .ui-ch-top-left .ui-ch-top-avatar {
            width: -webkit-fit-content !important;
            width: fit-content !important;
         }

.ui-ch-main .ui-ch-top > .ui-ch-top-actions {
         width: -webkit-fit-content !important;
         width: fit-content !important;
         margin-left: auto;
      }

.ui-ch-main .ui-ch-top .ui-ch-top-name {
         font-weight: 500;
         font-size: 1.5rem;
         padding-bottom: 5px;
      }

.ui-ch-main .ui-ch-top .ui-ch-top-status {
         font-style: italic;
      }

.ui-ch-main .ui-ch-top .ui-ch-top-status img {
            width: 20px;
            height: 20px;
         }

.ui-ch-main .ui-ch-top img {
         width: 50px;
         height: 50px;
         border-radius: 50%;
         overflow: hidden;
         padding: 0;
         margin: 0;
         border: 0;
         object-fit: cover;
      }

.ui-ch-main .ui-ch-top .ui-ch-top-actions {
         width: 30%;
         margin-left: auto;
         justify-content: flex-end;
      }

.ui-ch-main .ui-inner-current-message {
      align-items: flex-end;
   }

.ui-ch-main .ui-ch-origin {
      width: 20px;
      margin: 0;
   }

.ui-ch-main .ui-ch-area {
      width: 100%;
      height: calc(100% - 122px);
      background-color: #eef0ffd2;
      /* background-color: var(--background-iris-300); */
      overflow: auto;
      display: flex;
      flex-direction: column-reverse;
   }

.ui-ch-main .chat-anexo-button .ui-container {
         margin: 0 !important;
         width: 100% !important;
      }

.ui-ch-main .chat-anexo-button .ui-container .ui-inner-file {
            height: -webkit-fit-content;
            height: fit-content;
         }

.ui-ch-main .chat-anexo-button label {
         width: var(--button-medium) !important;
         height: var(--button-medium);
         padding: 0;
         display: flex;
      }

.ui-ch-main .chat-anexo-button label i {
            margin: auto !important;
         }

.ui-ch-main .ui-ch-bottom {
      border-top: 1px solid var(--container-border-color);
      display: flex;
      align-items: flex-end;
      width: 100%;
      padding-right: 10px;

      padding-top: 7.5px;
   }

.ui-ch-main .ui-ch-bottom .ui-container-textarea {
         margin-top: 0 !important;
      }

.ui-ch-main .ui-ch-preview {
      background-color: var(--background-lead-300) !important;
      height: -webkit-fit-content;
      height: fit-content;

      border-radius: 4px 4px 0px 0px;

      overflow: visible;
   }

.ui-ch-main .ui-ch-preview > .ui-ch-preview-animate {
         display: flex;
         flex-wrap: wrap;
      }

.ui-ch-main .ui-ch-preview > .ui-ch-preview-animate > div {
            margin: 5px;
         }

.ui-ch-main .ui-ch-left,
   .ui-ch-main .ui-ch-right,
   .ui-ch-main .ui-ch-center {
      height: 100%;
   }

.ui-ch-main .ui-ch-left,
   .ui-ch-main .ui-ch-right {
      padding: 5px;
      width: 30%;
      min-width: var(--chat-side);
   }

.ui-ch-main .ui-ch-left {
      border-right: 1px solid var(--container-border-color);
   }

.ui-ch-main .ui-ch-left .ui-load-conecteme-skeleton {
         display: none;
      }

.ui-ch-main .ui-ch-right {
      border-left: 1px solid var(--container-border-color);
   }

.ui-ch-main.ui-ch-render-left .ui-ch-center {
         max-width: calc(100% - var(--chat-side));
      }

.ui-ch-main .ui-ch-center {
      max-width: 100%;
      width: 100%;
      display: flex;

      flex-direction: column;
   }

.ui-ch-main .ui-ch-center .ui-ch-top {
         height: 70px;
      }

.ui-ch-main .ui-ch-center .ui-ch-history {
         padding: 20px;

         overflow: auto;
         display: block;
      }

.ui-ch-main .ui-ch-highlight {
      position: absolute;
      width: 100%;
      height: 20px;
      height: 100%;
      left: 0;
      background-color: var(--background-blue-200);
      opacity: 0.4;
      transform: translateY(-3px);
      animation: highlight-message 4s ease-out forwards;
   }

.ui-ch-main .ui-ch-msg-me .ui-ch-msg-status i {
         text-shadow: 1px 0px 0px var(--chat-me-background);
      }

.ui-ch-main .ui-ch-msg-status {
      -webkit-user-select: none;
              user-select: none;
      cursor: default;
      height: -webkit-fit-content;
      height: fit-content;
      margin-top: auto;
      line-height: 0;
      transform: translateY(50%);

      width: 1.6rem;
      display: flex;
      padding-right: 1.8rem;
      letter-spacing: 0;
      align-items: baseline;
   }

.ui-ch-main .ui-ch-msg-status.ui-ch-msg-status-pending {
         padding-left: 0.03rem;
      }

.ui-ch-main .ui-ch-msg-status i {
         margin-left: 0.3rem;
         font-size: 1.6rem;
         width: 2rem;
         height: 2rem;
         color: var(--gray-text);
      }

.ui-ch-main .ui-ch-msg-status svg {
         flex-shrink: 0;
      }

.ui-ch-main .ui-ch-area {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;

      background-blend-mode: overlay;
   }

.ui-ch-main .ui-ch-msg-files .ui-ch-msg-bottom-right {
         margin-left: auto;
         margin-right: 0;
      }

.ui-ch-main .ui-ch-msg-files .ui-ch-msg-bottom-right .ui-ch-msg-status {
            transform: translate(0%, -10%);
         }

.ui-ch-main .ui-ch-msg-bottom-right {
      width: -webkit-fit-content;
      width: fit-content;
      margin-top: auto;
      display: flex;
      flex-shrink: 0;
      padding-left: 0.8rem;
      margin-right: -0.2rem;

      align-items: end;
      gap: 0.25rem;
   }

.ui-ch-main .ui-ch-msg-error-controls {
      display: flex;
      gap: 0.02rem;

      justify-content: center;
      align-items: center;
   }

.ui-ch-main .ui-ch-msg-error-controls button.ui-ch-msg-cancel:hover {
               background-color: var(--background-red-100);
            }

.ui-ch-main .ui-ch-msg-error-controls button.ui-ch-msg-cancel i {
               color: var(--text-red-500);
            }

.ui-ch-main .ui-ch-msg-error-controls button.ui-ch-msg-retry:hover {
               background-color: var(--background-blue-100);
            }

.ui-ch-main .ui-ch-msg-error-controls button.ui-ch-msg-retry i {
               color: var(--text-blue-300);
            }

.ui-ch-main .ui-ch-msg-error-controls button {

         width: var(--button-small);
         height: var(--button-small);
         border-radius: 100%;
         padding: 0;
         display: flex;
         align-items: center;
         justify-content: center;
}

.ui-ch-main .ui-ch-msg-error-controls button i {
            font-size: 20px;
            color: var(--text-red-500);
         }

.ui-ch-main ul .ui-ch-msg-bottom-right {
         display: flex;
         transform: translateY(25%);
         margin-left: auto;
         margin-right: 0;
      }

.ui-ch-main ul .ui-ch-msg-bottom-right .ui-ch-msg-status {
            margin-right: 0;
            transform: none;
         }

@keyframes highlight-message {
   0% {
      opacity: 0.4;
   }
   50% {
      opacity: 0.4;
   }
   100% {
      opacity: 0;
   }
}

.ui-chat-global {
   position: fixed;
   bottom: 5px;
   right: 80px;
   z-index: 999;
   height: var(--chat-height);
   width: var(--chat-width);
}

.ui-chat-global > .ui-ch-main {
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
   }

.ui-chat-global .ui-container-channel.ui-container-type-toggle {
      margin: 0 auto;
   }

.ui-el-chat_public .ui-chat-global {
   width: 500px;
   height: 550px;
}

.ui-el-chat-emoji {
   margin-right: 5px;
   margin-top: auto;
   margin-bottom: 5px;
}

.ui-el-chat-emoji .ui-icon {
      margin: 0 !important;
   }

.ui-el-chat-emoji i {
      font-size: 2.2rem !important;
      transform: translateX(0px);
   }

.ui-el-chat-emoji button {
      /* background-color: var(--background-lead-600); */
      padding: 0 !important;
      height: var(--button-small);
      margin: -10px 5px -10px -5px;
   }

.ui-ch-user-avatar .ui-container-avatar {
      width: 100%;
   }

.ui-chat-area {
   position: fixed;
   bottom: 0;
   right: 20px;
   z-index: 999;
}

.ui-chat-area .ui-grid > .ui-child {
      max-height: calc(100dvh - 360px);
      flex-shrink: 1;
   }

.ui-chat-area .ui-chat-users .ui-inner-name {
      overflow: hidden;
      width: 130px;
   }

.ui-chat-area .ui-container-card > .ui-bottom {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      height: 70px !important;
   }

.ui-chat-area .ui-inner-current-chat {
      height: 100%;
   }

.ui-chat-area .ui-container-current-chat {
      display: block;
      width: 100%;
      background-color: #f0f2f5;
   }

.ui-chat-area .ui-container-current-chat .ui-label-card {
         background-color: #fff;
      }

.ui-ch-msg-file video {
      width: 100%;
   }

.ui-ch-left {
   padding: 0 !important;
}

.ui-ch-history .ui-ch-msg-timestamp {
      display: flex;
      justify-content: center;
      align-items: center;

      padding: 10px 0px;
   }

.ui-ch-history .ui-ch-msg-timestamp time {
         border-radius: 4px;
         border-bottom: 1px solid var(--container-border-color);
         font-weight: 400;
         padding: 2px 10px;
         background-color: var(--background-iris-50);
         background-color: var(--white);
      }

.ui-ch-history > .ui-ch-msg-timestamp:first-child {
      padding-top: 0;
   }

.ui-ch-top .ch-top-left {
      width: -webkit-fit-content !important;
      width: fit-content !important;
   }

.ui-el-chat-users {
   height: 100%;
}

.ui-el-chat-users .ui-container-chat-users {
      height: 100%;
      width: 100%;
   }

.ui-el-chat-users .ui-container-chat-users .ui-top-list .ui-type-button button {
         /* background-color: red !important; */
         border-top-right-radius: 4px;
         border-bottom-right-radius: 4px;
      }

.ui-el-chat-users .ui-container-chat-users .ui-top-list .ui-type-button button:hover {
            background-color: var(--background-lead-500) !important;
         }

.ui-el-chat-users .ui-container-chat-users > .ui-grid .ui-child-chat-users {
            max-height: 100%;
            flex: 1 1 auto;
         }

.ui-el-chat-users .ui-container-chat-users > .ui-grid {
         padding: 0 !important;
}

/* display: none; */

.ui-el-chat-users .ui-container-chat-users > .ui-grid > .ui-child-list .ui-row-chat-users td:first-child {
                  padding-left: 10px !important;
               }

.ui-el-chat-users .ui-container-chat-users > .ui-grid > .ui-child-list .ui-row-chat-users td:last-child {
                  padding-right: 10px !important;
               }

.ui-el-chat-users .ui-container-chat-users > .ui-grid > .ui-child-list .ui-row-chat-users {
               padding: 5px 10px !important;
}

.ui-el-chat-users .ui-container-chat-users > .ui-grid > .ui-child-list .ui-row-chat-users .ui-inner,
               .ui-el-chat-users .ui-container-chat-users > .ui-grid > .ui-child-list .ui-row-chat-users .ui-user-data {
                  overflow: visible !important;
               }

.ui-el-chat-users .ui-container-chat-users > .ui-grid > .ui-child-list {

            padding: 0 !important;
            padding-bottom: 10px !important;
}

.ui-chat-msg {
   display: flex !important;
   max-width: calc(100% - 10px) !important;
}

.ui-chat-msg .ui-chat-msg-box {
      margin: 5px;
      padding: 10px;
      border-radius: 8px;
      background: #d9fdd3;
      display: inline-block;
      width: auto;
      min-width: 100px;
   }

.ui-ch-top-avatar {
   flex-shrink: 0;
}

.ui-chat-msg-other .ui-chat-msg-box {
   background: #fff;
}

.ui-chat-msg.ui-chat-msg-me {
   flex-direction: row-reverse;
}

.ui-child-current-chat {
   overflow: auto;
   height: 420px;
   display: flex;
   flex-direction: column-reverse;
}

.ui-chat-users .ui-grid-data {
   height: 500px;
   display: block;
}

.ui-chat-writing {
   color: var(--green);
   font-size: 1rem;
}

.ui-chat-msg-opt {
   background: var(--background-blue-100);
   padding: 5px 10px;
   border-radius: 5px;
   color: #000;
   cursor: pointer;
}

.ui-chat-msg-opts {
   margin-top: 10px;
   width: auto;
}

.ui-chat-in-transfer-area {
   display: block;
   height: 100%;
   width: 100%;
   margin: auto;
   text-align: center;
   font-size: 2rem;
   padding-top: 20%;
}

.ui-chat-in-transfer-area i {
   font-size: 3rem !important;
   padding-top: 10px;
}

.ui-chat-msg-files {
   display: flex;
}

.ui-chat-user-count {
   background: var(--red);
   color: #fff;
   font-size: 8px;
   width: 15px;
   display: block;
   height: 15px;
   line-height: 15px;
   text-align: center;
   border-radius: 50%;
   position: absolute;
   right: 1px;
   top: 0px;
}

.ui-chat-float-button button {
      box-shadow:
         0 2px 4px rgba(0, 0, 0, 0.1),
         0 12px 28px rgba(0, 0, 0, 0.2);
   }

.ui-chat-float-button div.ui-counter {
      right: 0px;
      font-size: 1.2rem;
      font-weight: 500;
   }

.ui-chat-float-button {

   position: absolute;
   right: 20px;
   bottom: 20px;
   z-index: 1;
}

.ui-chat-user-status.ui-user-off {
   color: #888;
}

.ui-chat-user-status .ui-tag {
   background: var(--blue);
   display: inline-block;
   color: #fff;
   border-radius: 20px;
   padding: 0 10px;
   font-size: 1rem;
}

.ui-inner-toggle.ui-inner-channel > div {
   flex-wrap: wrap;
   justify-content: center;
}

.ui-el-chat_users .ui-filter-list {
      background-color: var(--white);
      bottom: 0 !important;
      padding-bottom: 5px;
   }

.ui-ch-current {
   position: relative;
   /* height: 100%; */
   width: 100%;
}

.ui-ch-warning {
   display: flex;
   align-items: center;

   top: 0;
   left: 0;
   width: 100%;
   margin-bottom: auto;

   padding: 10px 15px;
   gap: 10px;
}

.ui-ch-warning i {
      background-color: var(--white);
      border-radius: 100%;
      padding: 5px;
   }

.ui-ch-warning > p {
      margin-right: auto;
      font-size: 1.4rem;
      font-weight: 500;
   }

.ui-ch-empty-user .ui-ch-warning {
      border-radius: 8px;
   }

.ui-ch-reply-message {
   max-height: 100px;
   overflow: auto;
}

.ui-ch-msg-inner > .ui-ch-reply {
      margin: -5px -5px 5px -5px !important;
      max-width: unset;
   }

.ui-ch-msg-inner {
   scroll-margin: 30px;
}

.ui-ch-recent.MuiButtonBase-root {
   width: 22px;
   height: 22px;
   padding: 0;

   position: fixed;

   transform: translate(-20%, -30%);

   background-color: var(--white);
}

.ui-ch-right .ui-space-6 {
   width: 100% !important;
}

.ui-ch-msg-txt > p {
      font-size: 1.3rem;
      max-height: var(--chat-height);
      overflow: auto;
   }

.ui-ch-msg-txt > p.ui-ch-sticker > .ui-ch-emoji {
            height: var(--chat-sticker-size);
            width: var(--chat-sticker-size);
         }

.ui-ch-msg-txt > p .ui-ch-emoji {
         display: inline;
         font-size: var(--chat-emoji-size);
         line-height: var(--chat-emoji-size);
         height: var(--chat-emoji-size);
         width: var(--chat-emoji-size);
      }

.ui-ch-reactions {
   /* position: absolute; */

   border-radius: 12px;
   background-color: var(--chat-other-background);
   border: 1px solid var(--blue-text);
   padding: 2px 5px;
   width: -webkit-fit-content;
   width: fit-content;
   font-size: 1.3rem;
   margin-top: -10px;

   z-index: 1;

   -webkit-user-select: none;

           user-select: none;
   gap: 1px;
   display: flex;
   align-items: center;
   justify-content: center;

   overflow: hidden;
}

.ui-ch-reactions .ui-ch-reactions-ellipsis {
      font-weight: 500;
      transition: background 0.1s ease-in-out;
      flex-shrink: 0;
      text-align: center;
   }

/* background-color: red; */

.ui-ch-reactions .ui-ch-reactions-ellipsis:hover {
         background-color: var(--background-blue-100);
         cursor: pointer;
      }

.ui-ch-reactions .ui-ch-reactions-ellipsis {

      font-weight: 600;
      padding: 1px;
      border-radius: 100%;
      aspect-ratio: 1/1;
      line-height: 14px;
      height: 17px;
      width: 17px;
}

.ui-ch-reactions .ui-ch-reaction {
      display: flex;
   }

.ui-ch-reactions .ui-ch-reaction .ui-ch-reaction-count {
         background-color: var(--background-blue-500);
         color: white;
         border-radius: 100%;

         font-size: 1rem;
         line-height: 10px;
         font-weight: 600;
         padding: 1px;
         width: 13px;
         height: 13px;
         text-align: center;
         margin-left: -2px;
         margin-right: 4px;
         transform: translateY(50%);
      }

.chat-settings-dialog label {
      gap: 10px;
   }

.chat-settings-dialog label i {
         margin-left: 0 !important;
      }

.chat-anexo-button .ui-inner.ui-inner-type-file {
      padding: 0;
      padding-right: 5px;
   }

.ui-ch-transfer {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   justify-content: center;
   align-items: center;
}

.ui-ch-detail {
   position: relative;
}

.ui-ch-left:has(.ui-ch-mobile-actions) {
   position: relative;
}

.ui-ch-mobile-actions {
   position: absolute;
   bottom: 1rem;
   right: 1rem;

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   gap: 1rem;
}

.ui-ch-mobile-actions > .ui-type-output {
      width: -webkit-fit-content !important;
      width: fit-content !important;
   }

.ui-ch-mobile-actions .ui-child-type-output {
      width: -webkit-fit-content;
      width: fit-content;
   }

.ui-ch-left:has(.ui-ch-warning) {
   position: relative;
}

.ui-ch-left:has(.ui-ch-warning):has(.loading-svg) .ui-ch-warning {
         visibility: hidden;
      }

.ui-ch-left:has(.ui-ch-warning) .ui-ch-warning {
      position: absolute;
      z-index: 1;
      background-color: var(--white);
      top: 50px;
      border-bottom: 1px solid var(--container-border-color);
   }

.ui-ch-left:has(.ui-ch-warning) .ui-filter-list {
      /* display: none; */
      margin-bottom: 40px;
   }

.ui-ch-main .ui-chat-tabs {
      height: var(--chat-height);
   }

.ui-ch-main .ui-chat-tabs .ui-tab-data-chat-tabs {
         padding: 0px;
         height: var(--chat-height);
      }

.ui-ch-main .ui-chat-tabs .ui-tab-data-chat-tabs > div {
            width: 100%;
            display: flex;
            height: var(--chat-height);
         }

.ui-ch-main .ui-chat-tabs > .ui-tab-nav {
         padding-bottom: 0 !important;
      }

.ui-ch-main .ui-chat-tabs .ui-ch-tab-title {
         display: flex;
         align-items: center;
         justify-content: start;
         gap: 0.5rem;
         font-size: 3rem;
         font-weight: 500;

         padding: 1rem;
      }

.ui-ch-main .ui-chat-tabs .ui-ch-tab-title i {
            font-size: 4rem;
         }

.ui-ch-main .ui-chat-tabs .ui-ch-settings {
         padding: 2rem 1rem;
         display: flex;
         flex-direction: column;
      }

.ui-ch-main .ui-chat-tabs .ui-ch-settings .ui-type-file label {
               padding: 0;
               gap: 0.5rem;
            }

.ui-ch-main .ui-chat-tabs .ui-ch-settings .ui-type-switch .ui-inner-type-switch {
               margin-left: auto;
            }

.ui-ch-main .ui-chat-tabs .ui-ch-settings .ui-type-textarea .MuiInputBase-root {
            background-color: var(--white) !important;
         }

.ui-ch-main .ui-chat-tabs .ui-ch-pause-container {
         width: 100%;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         align-items: center;
         margin-bottom: 2rem;
      }

.ui-ch-main .ui-chat-tabs .ui-ch-pause-container .ui-ch-pause-timer {
            font-size: 6.4rem;
            font-family: 'Roboto Mono', monospace !important;
            font-weight: 400;
            font-style: normal;
            font-optical-sizing: auto;

            border: 1px solid var(--container-border-color);
            border-radius: 8px;
            margin: 0.5rem 0;
            padding: 0rem 3rem;
            background-color: var(--background-iris-100);
            margin-bottom: 1rem;

            text-align: center;
         }

.ui-ch-main .ui-chat-tabs .ui-ch-pause-container .ui-ch-pause-type {
            font-size: 5rem;
            font-weight: 500;
         }

.ui-ch-main .ui-chat-tabs .ui-ch-pause-container .ui-ch-pause-reason {
            font-size: 2rem;
            color: var(--gray-text);
         }

.ui-ch-main .ui-ch-teammate {
      display: flex;
      align-items: center;
      gap: 0.4rem;
   }

.ui-ch-main .ui-ch-teammate .ui-ch-teammate-login {
         font-weight: bold;
         color: var(--blue-text);
      }

.ui-ch-main .ui-ch-post {
      background-color: var(--white);
      border-radius: 1.8rem;
      border: 1px solid var(--container-border-color);

      padding: 1rem;
   }

.ui-ch-main .ui-ch-post img {
         border-radius: 0.8rem;
      }

.ui-ch-main .ui-ch-post .ui-ch-post-caption {
         font-size: 1.8rem;
         padding: 0.75rem 0 0;

         width: 100%;
         display: flex;

         word-break: break-word;
      }

.ui-ch-main .ui-ch-post .ui-ch-post-link {
         margin: auto;
         margin-right: 0;
         width: var(--button-small);
         height: var(--button-small);
         padding: 0;

         display: flex;
         justify-content: center;
         align-items: center;
      }

.ui-ch-main .ui-ch-post .ui-ch-post-link:hover {
            background-color: var(--background-blue-100);
         }

.ui-ch-main .ui-ch-post .ui-ch-post-link i {
            font-size: 2.4rem;
         }

.ui-ch-main.ui-ch-render-right .ui-chat-tabs {
         height: 100%;
      }

.ui-ch-main.ui-ch-render-right .ui-chat-tabs .ui-tab-data-chat-tabs {
            height: 100%;
         }

.ui-ch-main.ui-ch-render-right .ui-chat-tabs .ui-tab-data-chat-tabs > div {
               height: 100%;
            }

.ui-ch-main .ui-v2 .ui-list-query .ui-child {
      max-width: 100%;
   }

.ui-ch-main .ui-v2 .ui-list-query .ui-child .ui-type-input > .ui-container.ui-container-type-text {
            margin-left: 0;
            margin-right: 0;
            width: 100%;
         }
:is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-variant-questions_and_answers button {
         height: var(--button-medium);
         color: var(--blue-400) !important;
         font-weight: bold;
         font-size: 1.3rem;
      }

         :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-variant-questions_and_answers button:hover {
            background-color: var(--blue-100);
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data > .ui-container {
         min-height: auto;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-inner-type-editor {
         overflow: auto;
         max-height: 450px;
         border-bottom: none !important;
         min-height: auto !important;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-inner-type-editor .ql-picker:not(.ql-size).ql-expanded .ql-picker-options {
               top: unset;
               bottom: 100%;
               left: 50%;
               transform: translateX(-50%);
               max-width: unset;

               display: grid;
               grid-template-columns: repeat(7, auto);
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-inner-type-editor .ql-picker:not(.ql-size).ql-expanded .ql-picker-options * {
                  flex-shrink: 0;
               }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-inner-type-editor .ql-picker:not(.ql-size).ql-expanded .ql-picker-options {
               width: -webkit-fit-content;
               width: fit-content;
}
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-inner-type-editor .ql-picker.ql-size.ql-expanded .ql-picker-options {
               display: flex;
               flex-direction: column;
               top: unset;
               bottom: 100%;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-inner-type-editor .ql-toolbar {
            bottom: 0;
            z-index: 100;
            overflow: visible;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-container-type-card:has(.ui-el-status-control) {
         border-color: var(--blue-text);
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-inner-type-editor.ui-inner-can-edit > .ui-user-data > div {
               height: 100%;
               display: flex;
               flex-direction: column-reverse;
               min-height: 235px;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-readonly-controls {
         gap: 5px;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-el-status-control .ui-child-status-control .ui-user-data {
               display: flex;
               justify-content: center;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-el-status-control .ui-child-status-control button {
               width: calc(100% - 15px);
               padding-left: 0px;
               padding-right: 0px;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-el-status-control {
         margin: auto;
}
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-read-only.ui-has-child .ui-input.ui-read-only .ui-inner {
         border-bottom: unset;
         padding-bottom: unset;
         padding-top: unset;
         min-height: unset;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .title .ui-html {
         white-space: nowrap;
         overflow: hidden;
         display: block;
         text-overflow: ellipsis;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-label {
            overflow: hidden;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-label .ui-label-inner {
               width: -webkit-fit-content !important;
               width: fit-content !important;
               max-width: 100%;
               gap: 5px;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input input {
            height: 20px;
            padding: 0px 10px;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-disabled input {
               padding: 0;
               border: none;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-disabled fieldset,
            :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-disabled button {
               display: none;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-date input {
               border-color: #1d1e20;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-date button {
               border-color: #1d1e20;
               height: 20px;
               width: 20px;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-date button svg {
                  font-size: 1.4rem;
               }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-entity-area {
            border: 1px solid #1d1e20;
            max-height: 18px;

            border-radius: 4px;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-entity-area fieldset {
               border-right: 0;
               border: none;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-entity-area .ui-entity-select button {
                  display: none;
               }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-entity-area .ui-entity-select button svg {
                     font-size: 2.2rem;
                  }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-entity-area .ui-entity-select * {
                  max-height: 16px;
               }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-entity-area .MuiOutlinedInput-root {
               padding-right: 5px;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-entity-area .ui-entity-act {
               height: 16px;
               width: 16px !important;
               padding: 0 3px 0 0;
               display: flex;
               justify-content: center;
               align-items: center;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-entity-area .ui-entity-act button {
                  height: 16px;
                  width: 16px !important;
                  border: none;
                  background-color: transparent;
               }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .ui-entity-area .ui-entity-act button i {
                     font-size: 1.8rem;
                  }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .MuiSelect-select {
            padding: 0px 15px 0px 10px;

            height: 18px;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input .MuiSelect-select > div {
               overflow: hidden;
               text-overflow: ellipsis;
               display: block;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-select svg {
               top: 15%;

               height: 14px;
               width: -webkit-fit-content;
               width: fit-content;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-date button, :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-datetime button {
               margin-left: 0px;
               border-left: 0;
               background-color: transparent;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-date input, :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-datetime input {
               height: 18px;
               border-right: 0;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-date .MuiInputAdornment-positionEnd button, :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-datetime .MuiInputAdornment-positionEnd button {
                  width: 20px;
                  height: 18px;
                  border-right: 1px solid #1d1e20;
               }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-date .MuiInputAdornment-positionEnd button > svg, :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .ui-type-output .ui-input.ui-type-datetime .MuiInputAdornment-positionEnd button > svg {
                     width: 15px;
                     height: 15px;
                  }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data i.edit {
         color: #7b7b7b;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .obs > .ui-container .ui-container {
               margin: -10px 7.5px 15px 7.5px;
               /* margin-top: -10px; */
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .obs > .ui-container .ui-label {
               font-size: 1.2rem;
               padding: 10px 17px;

               min-height: 0px;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .obs:has(.ui-can-edit) > .ui-container > .ui-child {
               padding: 0;
               overflow: hidden;

               padding-left: 0 !important;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .obs:has(.ui-can-edit) > .ui-container > .ui-child .ui-container {
                  margin: 0;
                  width: 100%;
               }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .obs:has(.ui-can-edit) > .ui-container > .ui-child .ui-container .ql-toolbar {
                     border: none;
                  }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-data .obs:has(.ui-can-edit) > .ui-container > .ui-child .ui-container .ql-container {
                     border: none;
                     min-height: 0;
                  }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-el-left {
      display: flex;
      align-items: end;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat {
      display: flex;
      justify-content: flex-end;

      padding: 0px 7.5px;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat .anexo-item {
         display: flex;
         justify-content: space-between;
         align-items: center;

         width: 100%;

         background-color: #e4e7ff;
         border-radius: 2px;

         padding: 5px 10px;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat .anexo-item i {
            font-size: 1.8rem;
            cursor: pointer;

            transition: background-color 0.3s;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat .anexo-item i:hover {
               background-color: rgb(182, 190, 252);
               border-radius: 2px;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat .anexo-item p {
            text-align: left;
            white-space: nowrap;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat .anexo-item * {
            flex-shrink: 1;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat .anexo-item .anexo-name {
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;

            border-radius: 2px;

            background-color: transparent;
            border: 1px solid;
            border-color: transparent;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat .anexo-item .anexo-name:focus {
               border-color: black;
               background-color: white;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat .anexo-item .anexo-name {

            margin: 0px 5px;
}
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat .anexo-item .anexo-size {
            margin: 0px 3px;
            color: var(--gray-500);
            text-align: right;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat > .ui-container {
         width: 100%;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .anexo-repeat > .ui-container > .ui-child {
            display: grid !important;
            gap: 10px;

            grid-template-columns: repeat(3, minmax(0%, 1fr));
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list).ui-el-ficha-atendimento .ui-can-edit.ui-has-child > .ui-container-type-card {
      border-color: var(--blue-text);
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .person-card .ui-can-edit.ui-has-child > .ui-container-type-card {
      border-color: var(--container-border-color);
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .title {
      font-size: 1.8rem;
      font-weight: 700;

      color: var(--blue-text);
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .title .ui-html {
         padding-left: 10px;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .title input {
         font-size: 1.8rem;
         font-weight: 700;

         color: var(--blue-text);
         height: 36px;
         padding: 0px 10px;
         letter-spacing: normal;

         margin-top: -1px;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .title {

      margin: 10px;
}
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .blue-label > .ui-container > .ui-label {
      color: var(--blue-text);
      white-space: normal;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-el-atendimento_status.ui-disabled .Mui-disabled {
         -webkit-text-fill-color: var(--gray-900) !important;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-el-atendimento_status.ui-disabled .Mui-disabled.MuiSelect-icon {
            display: none;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-row {
      padding: 0px 10px 0 10px;

      font-size: 1.3rem;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .service-row input {
         font-size: 1.3rem;
         letter-spacing: normal;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-variant-service_redirect button {
         height: 20px;
         width: 20px !important;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-read-only.ui-has-child .ui-input.ui-read-only .ui-inner {
      min-height: -webkit-fit-content;
      min-height: fit-content;
      padding: 0;
      border-bottom: none;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .order-details-parent > div {
      min-height: 90px;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .order-details-id,
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .order-details-value {
      display: flex;
      align-items: center;
      justify-content: center;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .order-details-id > .ui-container > .ui-label, :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .order-details-value > .ui-container > .ui-label {
            padding-left: 0;
         }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .order-details-id > .ui-container, :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .order-details-value > .ui-container {

         width: -webkit-fit-content;

         width: fit-content;
}
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-status-inactive .ui-inner {
      background-color: #d93333;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-status-active .ui-inner {
      background-color: #48bd00;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-tab-data .ui-container-client-card .ui-type-slider .ui-label {
               padding-left: 25px;
            }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-tab-data .ui-container-client-card .ui-type-slider .ui-user-data .ui-slider-right {
                  margin-bottom: 1px;
               }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-tab-data .ui-container-client-card .ui-type-slider .ui-user-data .ui-slider-right > span {
                     display: none;
                  }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-tab-data .ui-container-client-card .ui-type-slider .ui-user-data {

               width: -webkit-fit-content;

               width: fit-content;
}
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-tab-data .ui-container-client-card .ui-type-slider .ui-user-data > div {
                  padding: 0;
               }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-tab-data .ui-container-client-card .ui-type-slider .ui-user-data > div > span {
                     padding-left: 25px;
                  }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-el-goto-product button,
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-el-goto-order button {
      text-transform: none;
      background-color: transparent !important;
      color: var(--blue-text);
      font-size: 1.2rem;
      font-weight: 700;
      line-height: 0em;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-el-goto-product,
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-el-goto-order {
      margin: 10px;
      margin-top: 5px;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-el-goto-product i,
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .ui-el-goto-order i {
      font-size: 1.5rem;
      margin-right: -5px !important;
   }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .tab-data-100 .ui-tab-data {
      width: 100%;
   }
   /* min-height: 710px; */
   /* min-height: 710px; */
   /* min-height: 710px; */
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .tab-data-100 .ui-tab-data > .ui-type-list > .ui-container > .ui-grid > .ui-grid-bottom {
                  margin-top: auto;
               }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .tab-entidades .ui-tab-data {
         justify-content: flex-end;
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .list-interacoes .ui-grid-top > div {
         flex: 0 1 calc(100% / 2);
      }
   :is(.ui-el-ficha-atendimento, .ui-el-public, .ui-el-support_list) .list-interacoes .ui-grid-top-left {
         display: none;
      }

.ui-page-content:has(.ui-el-ficha-atendimento) {
   padding-bottom: 0 !important;
}

.ui-container-all .ui-container-right {
      padding: 10px;
   }

.anexo-add {
   align-items: start;
   display: flex;
}

.anexo-add > .ui-container {
      margin: 0;
      margin-top: 7.5px;
   }

.anexo-add {

   min-width: unset !important;
}

.anexo-add i {
      font-size: 2.8rem !important;
   }

.anexo-add button {
      background-color: var(--blue-400);
      color: white;
   }

.anexo-add button:has(.file-icon) .add {
            display: none;
         }

.anexo-add button:has(img) .add {
            display: none;
         }

.anexo-add button:has(img) {

         padding: 0;
}

.anexo-add button:has(img) img {
            margin: 0;
            width: 48px !important;
            height: 48px;
            object-fit: cover;
         }

.anexo-add button:hover {
         background-color: var(--blue-500);
      }

.anexo-repeat {
   display: flex;
   justify-content: flex-end;

   padding: 0px 7.5px;
}

.anexo-repeat .anexo-item {
      display: flex;
      justify-content: space-between;
      align-items: center;

      width: 100%;

      background-color: #e4e7ff;
      border-radius: 2px;

      padding: 5px 10px;
   }

.anexo-repeat .anexo-item i {
         font-size: 1.8rem;
         cursor: pointer;

         transition: background-color 0.3s;
      }

.anexo-repeat .anexo-item i:hover {
            background-color: rgb(182, 190, 252);
            border-radius: 2px;
         }

.anexo-repeat .anexo-item p {
         text-align: left;
         white-space: nowrap;
      }

.anexo-repeat .anexo-item * {
         flex-shrink: 1;
      }

.anexo-repeat .anexo-item .anexo-name {
         width: 100%;
         text-overflow: ellipsis;
         overflow: hidden;

         border-radius: 2px;

         background-color: transparent;
         border: 1px solid;
         border-color: transparent;
      }

.anexo-repeat .anexo-item .anexo-name:focus {
            border-color: black;
            background-color: white;
         }

.anexo-repeat .anexo-item .anexo-name {

         margin: 0px 5px;
}

.anexo-repeat .anexo-item .anexo-size {
         margin: 0px 3px;
         color: var(--gray-500);
         text-align: right;
      }

.anexo-repeat > .ui-container {
      width: 100%;
   }

.anexo-repeat > .ui-container > .ui-child {
         display: grid !important;
         gap: 10px;

         grid-template-columns: repeat(3, minmax(0%, 1fr));
      }

.reembolso-anexo-repeat > .ui-container > .ui-label {
         color: var(--blue-text);
         margin-left: 10px;
         margin-top: 10px;
         font-size: 1.6rem;
         font-weight: 500;
         line-height: 25px;
      }

.service-footer-buttons {
   display: flex;
   justify-content: end;

   padding: 20px;
}

.service-footer-buttons > .ui-container > .ui-child {
         gap: 10px;
      }

.reembolso-item.reembolso-changed > .ui-container > .ui-child img {
         border-color: var(--blue-text);
      }

.reembolso-item.reembolso-changed > .ui-container > .ui-child .ui-input fieldset {
            border-color: var(--blue-text);
         }

.reembolso-item > .ui-container > .ui-child {
         padding: 0px 10px;
      }

.reembolso-item > .ui-container > .ui-child .anexo-act.ui-disabled {
               opacity: 0;
            }

.reembolso-item > .ui-container > .ui-child .anexo-act > .ui-container {
               align-items: start;
            }

.reembolso-item > .ui-container > .ui-child .anexo-act > .ui-container button {
                  margin: 0;
                  margin-top: 7.5px;
               }

.reembolso-item > .ui-container > .ui-child button {
            width: 48px;
            height: 48px;
         }

.reembolso-item > .ui-container > .ui-child {

         flex-wrap: nowrap;
}

.reembolso-item > .ui-container > .ui-child .ui-input.ui-type-select > .ui-container {
                  width: 100%;
               }

.reembolso-item > .ui-container > .ui-child .ui-input.ui-type-select > .ui-container fieldset {
                     border-top-right-radius: 0;
                     border-bottom-right-radius: 0;
                  }

.reembolso-item > .ui-container > .ui-child .ui-input .MuiSelect-select {
               background-color: unset;
            }

.reembolso-item > .ui-container > .ui-child .ui-input.ui-type-text > .ui-container {
                  margin-left: 6px;
               }

.reembolso-item > .ui-container > .ui-child .ui-input.ui-type-text > .ui-container fieldset {
                     border-top-left-radius: 0;
                     border-bottom-left-radius: 0;
                  }

.reembolso-item > .ui-container > .ui-child .ui-input fieldset {
               border-color: #d6d6d6;
            }

.reembolso-item > .ui-container > .ui-child .ui-input .MuiOutlinedInput-root {
               max-height: 48px;
               height: 48px;
               background-color: var(--container-gray-background);
            }

.reembolso-imagem {
   flex-shrink: 0;
}

.reembolso-imagem .ui-user-data {
      width: -webkit-fit-content !important;
      width: fit-content !important;
      height: 100%;
   }

.reembolso-imagem {

   min-width: unset !important;
   min-height: 0;

   margin-top: auto;
   margin-bottom: 7.5px;
}

.reembolso-imagem img {
      border: 1px solid #d6d6d6;
      border-radius: 4px;
      width: 48px !important;
      height: 48px !important;

      object-fit: cover;
   }

.importar-arquivos {
   margin: auto;
}

.importar-arquivos i {
      margin-right: 5px;
   }

.importar-arquivos button {
      background-color: var(--blue-200);
   }

.importar-arquivos button:hover {
         background-color: var(--blue-300);
      }

.select-transfer .MuiSelect-select > div {
      overflow: hidden;
      text-overflow: ellipsis;
   }

.vinculo-item .produto-observacao .ui-label-type-card {
      border-radius: 10px;
   }

.flow-status-total i {
      font-size: 2.2rem !important;
   }

.vinculo-item-label-inner i {
      font-size: 2.0rem;
   }

.vinculo-item-label-inner button {
      font-size: 1.4rem;
   }

.ui-el-interacoes_tabs:has(.lista-entidades .ui-empty) .ui-el-expand {
      display: none;
   }

.ui-container-add-reembolso button {
      width: 100%;
   }

.ui-tab-data:has(.ui-el-expand) .lista-entidades > .ui-container > .ui-child .ui-grid-row-repeat:last-child {
               margin-bottom: 40px;
               scroll-margin-block: 40px;
            }

.lista-entidades:not(.ui-el-client):has(.ui-empty) .ui-container {
      height: 100%;

      overflow: hidden;
   }

.lista-entidades:not(.ui-el-client):has(.ui-empty) .ui-container .ui-repeat-empty {
         height: 100%;
      }

.lista-entidades:not(.ui-el-client):has(.ui-empty) .ui-container .ui-repeat-empty > div {
            height: 100%;
         }

.lista-entidades:not(.ui-el-client):has(.ui-empty) .ui-container .ui-empty img {
         margin: auto;
      }

.ui-dialog-etiqueta-manual .ui-dialog-content {
      min-height: auto !important;
   }

.ui-el-list-ressarcimento .col-multiple .ui-icon {
         width: var(--button-small) !important;
         height: var(--button-small);

         border-radius: 4px;
         transition: background-color 0.2s ease-in-out;
      }

.ui-el-list-ressarcimento .col-multiple .ui-icon:hover {
            background-color: var(--blue-100);
         }

.ui-el-redirect-public button i {
      color: var(--blue-500) !important;
      font-weight: 600;
   }

button.expandir-vinculo {
   width: var(--button-small) !important;
   height: var(--button-small) !important;
   padding: 0;
   margin-right: 5px;
}

button.expandir-vinculo:is(:hover, :active, :focus) {
      background-color: var(--background-blue-100);
   }

.ui-el-ficha-atendimento .title {
   min-height: none !important;
   border-bottom: none !important;
}

.ui-el-atendimento_descricao span {
      max-width: 100%;
      max-height: 54px; /*2x tamanho da linha*/
      overflow: hidden;
      word-wrap: break-word;
      text-overflow: ellipsis;
   }

.ui-el-atendimento_observacao span {
      max-width: 100%;
   }

.ui-el-atendimento_observacao span p {
         overflow: hidden;
         word-wrap: break-word;
         text-overflow: ellipsis;
      }

.ui-container-atendimento-descricao .ui-label-inner > span {
         display: none;
      }

.ui-container-atendimento-descricao .ui-inner-atendimento-descricao {
      border-bottom: 0 !important;
   }

.service-sheet-gradient {
   position: -webkit-sticky;
   position: sticky;
   left: 0;
   top: 0;
   width: 100%;
   height: 10px;
   z-index: 1;
   background: linear-gradient(180deg, rgba(244, 245, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.ui-el-ficha-atendimento .title {
   margin-right: 0 !important;
}

.ui-el-ficha-atendimento .title.ui-can-edit {
      margin-left: 0 !important;
   }

.ui-el-dados-atendimento .ui-bottom.ui-part-bottom .ui-user-data {
         display: flex;
         justify-content: flex-end;
         padding-right: 15px;
         padding-bottom: 20px;
      }

.ui-el-dados-atendimento .ui-bottom.ui-readonly-controls .ui-part.ui-bottom.ui-part-bottom {
         padding-right: 0;
      }

.ui-el-dados-atendimento .ui-bottom.ui-readonly-controls .ui-user-data {
         padding-right: 0px;
         padding-bottom: 0px;
      }

.ui-service-vinculos .ui-type-card .ui-label-right {
         height: 30px;
      }

.ui-service-vinculos .ui-type-card .ui-label-actions {
         display: none;
      }

.ui-service-vinculos .ui-type-card :hover .ui-label-actions {
         display: initial;
      }

.service-sheet-sla {
   /* text-[11px] text-white rounded-[13px] flex justify-end items-center px-[10px] py-[4px] w-[fit-content] */
   font-size: 1.1rem;
   color: white;
   border-radius: 13px;
   display: flex;
   justify-content: end;
   align-items: center;
   padding: 4px 10px;
   width: -webkit-fit-content;
   width: fit-content;
}

.ui-el-sla:not(td) {
   display: flex;
   justify-content: center;
}

@media (max-width: 1517px) {
   .service-sheet-sla {
      line-height: 1em;
   }
}

@media (max-width: 1260px) {
   .service-sheet-sla {
      justify-content: end;
   }

      .service-sheet-sla span {
         width: -webkit-fit-content !important;
         width: fit-content !important;
         margin-right: 1px;
      }

         .service-sheet-sla span:last-child {
            text-overflow: ellipsis;
            overflow: hidden;
         }
}

@media (max-width: 1090px) {
   .service-sheet-sla {
      padding-left: 4px;
      padding-right: 4px;
   }
}

@media (max-width: 1000px) {
      .ui-el-status-control .ui-child .ui-type-button:first-child {
         margin-bottom: 7.5px;
      }
      .ui-el-sla > div {
         width: calc(100% - 15px);
         margin: auto;
      }

         .ui-el-sla > div .service-sheet-sla {
            width: 100%;

            justify-content: center;
            padding: 8px;
         }

            .ui-el-sla > div .service-sheet-sla span:first-child {
               margin-right: 5px;
            }

            .ui-el-sla > div .service-sheet-sla {

            border-radius: 4px;
         }

         .ui-el-sla > div span {
            overflow: visible !important;
            font-size: 1.4rem;
         }
}

.vinculo-date {
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
   margin-top: 10px;
}

.vinculo-date > .ui-container > .ui-child {
      padding-right: 10px;
      flex-direction: column;
      align-items: flex-end;
   }

.vinculo-date > .ui-container > .ui-child > .ui-el {
         font-style: italic;
         height: 14px;
      }

.vinculo-date > .ui-container > .ui-child > .ui-el .ui-label {
            color: var(--text);
         }

.vinculo-date > .ui-container > .ui-child > .ui-el .ui-user-data {
            color: var(--text);
            font-size: 1.1rem;
         }

.vinculo-date > .ui-container > .ui-child > .ui-el .ui-user-data span {
               overflow: visible;
            }

.vinculo-date > .ui-container > .ui-child > .ui-el .ui-label {
            padding-top: 0;
            padding-bottom: 0;
            font-weight: 400;
         }

.vinculo-item-descricao {
   font-size: 1.8rem;
   color: var(--blue-text);
   font-weight: 500;
   padding: 5px 10px;
   padding-top: 0;
}

.vinculo-item-descricao span {
      white-space: nowrap;
   }

.vinculo-preview > .ui-container {
      width: 72px;
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #e9e9e9;
      border: 1px solid #d6d6d6;
      border-radius: 10px;

      overflow: hidden;
   }

.vinculo-preview > .ui-container img {
         width: 72px;
         height: 72px;

         object-fit: cover;
         border-radius: 10px;
      }

.vinculo-preview + div {
      max-width: calc(100% - 72px);
   }

.feed-delete-button {
   margin: auto;
}

.feed-delete-button button {
      padding: 0;

      opacity: 0;
   }

.feed-delete-button button i {
         font-size: 2.0rem;
      }

.feed-container:hover .feed-delete-button button {
      opacity: 1;
   }

.ui-mobile .service-sheet-container {
      display: contents;
   }

.ui-mobile .service-sheet-container > div {
         width: 100% !important;
      }

.ui-mobile .service-sheet-container .service-sheet-resize {
         display: none !important;
      }

.service-mobile-layout > .ui-type-output > .ui-child > .ui-type-card .title, .compact-sheet > .ui-type-output > .ui-child > .ui-type-card .title {
               margin-left: 10px;
            }

.service-mobile-layout > .ui-type-output > .ui-child > .ui-type-card > .ui-container > .ui-child, .compact-sheet > .ui-type-output > .ui-child > .ui-type-card > .ui-container > .ui-child {
                  /* background-color: red; */
                  padding-left: 5px;
                  padding-right: 5px;
               }

.service-mobile-layout > .ui-type-output > .ui-child > .ui-type-card > .ui-container > .ui-child .service-row, .compact-sheet > .ui-type-output > .ui-child > .ui-type-card > .ui-container > .ui-child .service-row {
                     padding-left: 5px;
                     padding-right: 5px;
                  }

.service-mobile-layout > .ui-type-output > .ui-child > .ui-type-card > .ui-container > .ui-child .service-row > .ui-container > .ui-child > .ui-el, .compact-sheet > .ui-type-output > .ui-child > .ui-type-card > .ui-container > .ui-child .service-row > .ui-container > .ui-child > .ui-el {
                              border-bottom: 1px solid var(--container-border-color);
                           }

.service-mobile-layout .MuiDivider-root, .compact-sheet .MuiDivider-root {
      display: none;
   }

.service-mobile-layout .feed-label, .compact-sheet .feed-label {
      padding: 10px 2px;
      align-items: center;
   }

.service-mobile-layout .feed-label .feed-description-label, .compact-sheet .feed-label .feed-description-label {
         padding: 0 5px;

         height: 1.5em;
      }

.service-mobile-layout .feed-label .feed-description-label > span, .compact-sheet .feed-label .feed-description-label > span {
            width: 100%;
            display: flex;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis;

            gap: 2px;

            height: 1.5em;
         }

.service-mobile-layout .feed-label .feed-description-label > span meta, .compact-sheet .feed-label .feed-description-label > span meta {
               display: none;
            }

.service-mobile-layout .feed-label .feed-description-label > span, .compact-sheet .feed-label .feed-description-label > span {
            display: contents;
}

.service-mobile-layout .feed-label .feed-description-label > span *, .compact-sheet .feed-label .feed-description-label > span * {
               /* display: flex; */
               display: contents;
               display: inline;

               gap: 2px;

               white-space: nowrap;

               flex-shrink: 0;
               max-width: 100%;
               overflow: hidden;
               text-overflow: ellipsis;
            }

.service-mobile-layout .feed-label:not(:hover) .feed-label-right > div:has(.ui-type-button), .compact-sheet .feed-label:not(:hover) .feed-label-right > div:has(.ui-type-button) {
            display: none;
         }

.service-mobile-layout .feed-label:hover .feed-label-right > .feed-icons, .compact-sheet .feed-label:hover .feed-label-right > .feed-icons {
            display: none;
         }

.service-mobile-layout .feed-label .feed-label-right, .compact-sheet .feed-label .feed-label-right {
         gap: 1px;
      }

.service-mobile-layout .feed-label .feed-label-right .ui-type-button button, .compact-sheet .feed-label .feed-label-right .ui-type-button button {
               width: 22px !important;
               height: 22px !important;
            }

.service-mobile-layout .feed-label .feed-icons img, .compact-sheet .feed-label .feed-icons img {
            width: 22px;
            height: 22px;
         }

.service-mobile-layout .feed-label .feed-label-left, .compact-sheet .feed-label .feed-label-left {
         min-width: unset;
      }

.service-mobile-layout .feed-label .feed-label-left .feed-avatar, .compact-sheet .feed-label .feed-label-left .feed-avatar {
            width: 30px;
            height: 30px;
         }

.service-mobile-layout .feed-label .feed-label-left .MuiButton-root, .compact-sheet .feed-label .feed-label-left .MuiButton-root {
            width: 20px !important;
            height: 20px !important;
         }

.service-mobile-layout .ui-readonly-controls .ui-type-button button:not(:has(i.edit)) .ui-btn-icon, .compact-sheet .ui-readonly-controls .ui-type-button button:not(:has(i.edit)) .ui-btn-icon {
            display: none;
         }

.service-mobile-layout .vinculo-preview, .compact-sheet .vinculo-preview {
      justify-content: center;
      display: flex;
      margin-bottom: 10px;
   }

.service-mobile-layout .feed-container.expanded-false .feed-title, .compact-sheet .feed-container.expanded-false .feed-title {
         display: none !important;
      }

.service-mobile-layout .feed-login, .compact-sheet .feed-login {
      font-size: 1.1rem !important;
      line-height: 1em;
   }

.service-mobile-layout .feed-title span, .compact-sheet .feed-title span {
         font-size: 1.0rem;
      }

.service-mobile-layout .vinculo-item, .compact-sheet .vinculo-item {
      padding: 0;
   }

.service-mobile-layout .produto-informacoes > .ui-container, .compact-sheet .produto-informacoes > .ui-container {
         margin: 10px 0;
         border-radius: 0;
         border-left: 0;
         border-right: 0;
      }

.service-mobile-layout .produto-informacoes > .ui-container .ui-container-type-card, .compact-sheet .produto-informacoes > .ui-container .ui-container-type-card {
            margin: 10px 0;
         }

.service-mobile-layout .produto-detalhes .vinculo-item-descricao, .compact-sheet .produto-detalhes .vinculo-item-descricao {
         /* background-color: red; */
         padding-left: 0;
      }

.service-mobile-layout .produto-detalhes .produto-ref .ui-container, .compact-sheet .produto-detalhes .produto-ref .ui-container {
            display: flex;
         }

.service-mobile-layout .produto-detalhes .produto-ref .ui-container > .ui-label, .compact-sheet .produto-detalhes .produto-ref .ui-container > .ui-label {
               white-space: nowrap;
               padding-left: 0;
            }

.service-mobile-layout .produto-detalhes .produto-ref .ui-inner, .compact-sheet .produto-detalhes .produto-ref .ui-inner {
            width: 100%;
            padding: 0 !important;
         }

.service-mobile-layout .produto-detalhes > .ui-container > .ui-label button, .compact-sheet .produto-detalhes > .ui-container > .ui-label button {
               width: var(--button-small);
            }

.service-mobile-layout .produto-detalhes > .ui-container > .ui-label .ui-btn-label, .compact-sheet .produto-detalhes > .ui-container > .ui-label .ui-btn-label {
               display: none;
            }

.service-mobile-layout .produto-detalhes > .ui-container > .ui-child, .compact-sheet .produto-detalhes > .ui-container > .ui-child {
            padding: 0;
         }

.service-mobile-layout .produto-detalhes > .ui-container > .ui-child > .ui-type-output:first-child > .ui-container > .ui-child, .compact-sheet .produto-detalhes > .ui-container > .ui-child > .ui-type-output:first-child > .ui-container > .ui-child {
                     flex-direction: column;
                  }

.service-mobile-layout .produto-detalhes > .ui-container > .ui-child > .ui-type-output:first-child > .ui-container > .ui-child div, .compact-sheet .produto-detalhes > .ui-container > .ui-child > .ui-type-output:first-child > .ui-container > .ui-child div {
                        max-width: 100%;
                     }

.service-mobile-layout .ui-child > .ui-type-output.ui-variant-row:not(:last-child), .compact-sheet .ui-child > .ui-type-output.ui-variant-row:not(:last-child) {
         border-bottom: 0;
      }

.service-mobile-layout .ui-child > .ui-type-output.ui-variant-row > .ui-container > .ui-child, .compact-sheet .ui-child > .ui-type-output.ui-variant-row > .ui-container > .ui-child {
         padding: 0;
      }

.service-mobile-layout .ui-child > .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output, .compact-sheet .ui-child > .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output {
            padding: 10px 0px;
         }

.service-mobile-layout .ui-child > .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output:not(.last-form-field), .compact-sheet .ui-child > .ui-type-output.ui-variant-row > .ui-container > .ui-child > .ui-type-output:not(.last-form-field) {
               border-bottom: 1px solid var(--container-border-color);
            }

.service-mobile-layout .service-sheet-sla, .compact-sheet .service-sheet-sla {
      padding-left: 4px;
      padding-right: 4px;

      line-height: 1em;

      justify-content: end;
   }

.service-mobile-layout .service-sheet-sla span, .compact-sheet .service-sheet-sla span {
         width: -webkit-fit-content !important;
         width: fit-content !important;
         margin-right: 1px;
      }

.service-mobile-layout .service-sheet-sla span:last-child, .compact-sheet .service-sheet-sla span:last-child {
            text-overflow: ellipsis;
            overflow: hidden;
         }

.service-mobile-layout .ui-el-sla > div, .compact-sheet .ui-el-sla > div {
         width: calc(100% - 15px);
         margin: auto;
      }

.service-mobile-layout .ui-el-sla > div .service-sheet-sla, .compact-sheet .ui-el-sla > div .service-sheet-sla {
            width: 100%;

            justify-content: center;
            padding: 8px;
         }

.service-mobile-layout .ui-el-sla > div .service-sheet-sla span:first-child, .compact-sheet .ui-el-sla > div .service-sheet-sla span:first-child {
               margin-right: 5px;
            }

.service-mobile-layout .ui-el-sla > div .service-sheet-sla, .compact-sheet .ui-el-sla > div .service-sheet-sla {

            border-radius: 4px;
}

.service-mobile-layout .ui-el-sla > div span, .compact-sheet .ui-el-sla > div span {
            overflow: visible !important;
            font-size: 1.4rem;
         }

.service-sheet-container {
   display: flex;
   width: 100%;
   position: relative;
   overflow: hidden;
}

.service-sheet-container > div {
      width: 100%;
   }

.service-sheet-container .ui-el-services-right {
      height: 100%;
   }

.service-sheet-container .service-sheet-resize {
      flex-shrink: 0;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      background-color: var(--container-border-color);
      width: 2px;
      height: calc(100% - 34px);
   }

.service-sheet-container .service-sheet-resize:hover {
         background-color: var(--container-border-color);
      }

.service-sheet-container .service-sheet-resize.dragging {
         background-color: #517ea5;
      }

.service-sheet-container .service-sheet-resize:is(:hover, .dragging) {
         width: 4px;
         cursor: col-resize;
      }

@media (max-height: 720px) {
      .service-data .ui-inner-type-editor {
         max-height: 250px !important;
      }
}

.status-timeline-item {
   display: flex;
   align-items: center;
   gap: 10px;
   width: 100%;
}

.status-timeline-item i {
      font-size: 1.6rem;
   }

.status-timeline-item.completed-true:not(.current-true) p {
            font-weight: 500;
            font-size: 1.2rem;
            color: var(--gray-text);
         }

.status-timeline-item.current-true .status-timeline-body p {
            font-weight: 600;
            color: var(--blue-text);
         }

.status-timeline-item .flow-status-cor div {
         height: 34px;
      }

.status-timeline-item.completed-false .status-timeline-body p {
            color: #90949b;
         }

.status-timeline-item.completed-false i {
         color: #a0a0a0;
      }

.status-timeline-item .status-timeline-body {
      border: 1px solid var(--container-border-color);
      width: 100%;
      height: 46px;
      border-radius: 4px;

      transform: translateY(-2px);

      padding: 10px;

      display: flex;
      align-items: center;

      justify-content: space-between;

      background-color: var(--container-gray-background);
   }

.status-timeline-item .status-timeline-body p {
         line-height: normal;
      }

.ui-el-service .ui-bottom-tab {
      width: 100%;
      max-height: 70%;
      padding: 0;
   }

.ui-el-service .ui-bottom .ui-el-crud-interacoes {
   padding: 0;
}

.ui-el-service .ui-bottom .ui-el-crud-interacoes .ui-el-observacao > .ui-container {
         margin: 0;
         width: calc(100% + 1px);
      }

.ui-el-service .ui-bottom .ui-el-crud-interacoes .ui-el-observacao > .ui-container .ql-container,
         .ui-el-service .ui-bottom .ui-el-crud-interacoes .ui-el-observacao > .ui-container .ql-toolbar {
            border: 0;
         }

.ui-el-service .ui-bottom .ui-el-crud-interacoes .ui-el-observacao > .ui-container .ql-container {
            max-height: 300px;
            overflow: auto;
            background-color: var(--white);
         }

.ui-el-service .ui-bottom .ui-el-crud-interacoes .ui-el-observacao > .ui-container .ql-container .ql-editor {
               min-height: 150px;
            }

.ui-el-service .ui-bottom .ui-el-crud-interacoes .ui-el-observacao > .ui-container .ql-toolbar {
            border-top: 1px solid var(--fieldset-border-color);
         }

.intern-true {
   background-color: var(--background-gray-50);
}

.intern-true audio::-webkit-media-controls-enclosure {
      background-color: white;
   }

.intern-true .feed-label {
      background-color: var(--background-gray-50);
   }

.intern-false {
   background-color: var(--white);
}

.intern-false .feed-label {
      background-color: var(--white);
   }

.intern-false audio::-webkit-media-controls-enclosure {
      background-color: var(--background-gray-50);
   }

.automatic-true {
   background-color: var(--background-purple-50);
}

.automatic-true .feed-label {
      background-color: var(--background-purple-50);
   }

.interacao-container:not(:hover) .ui-el-deletar {
         visibility: hidden;
      }

.interacao-container {

   font-size: 1.2rem;
}

.interacao-container .ui-iteration-detail {
      font-style: italic;
      color: #888;
      display: flex;
      width: 100%;
      margin-bottom: -3px;
      align-items: center;
      justify-content: center;

      font-size: 1.0rem;
   }

.interacao-container .ui-iteration-detail i {
         font-size: 1.2rem;
         color: blue;
      }

.interacao-container .ui-iteration-detail > div {
         width: 50%;
      }

.interacao-container .ui-iteration-detail .left {
         text-align: left;
      }

.interacao-container .ui-iteration-detail .right {
         text-align: right;
         padding-right: 10px;
         display: flex;
         align-items: center;
         justify-content: flex-end;
         line-height: 20px;
      }

.interacao-container .ui-inner-observacao {
      white-space: break-spaces !important;
   }

.interacao-container .ui-el-observacao img {
         max-width: 100%;
      }

.interacao-container .ui-el-observacao ul li {
         list-style: disc;
      }

.interacao-container .ui-el-observacao ul,
      .interacao-container .ui-el-observacao ol {
         padding-left: 1.5rem;
      }

.interacao-container .ui-el-observacao li {
         padding: 0;
      }

.interacao-container .expanded-false .ui-el-observacao .ui-user-data {
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
      }

.interacao-container .expanded-false .ql-editor {
         padding: 0 10px 0;
      }

.interacao-container .interacao-head .ui-el-deletar > .ui-container {
            margin: 0px 3px;
         }

.interacao-container .interacao-head .ui-el-icon img {
            width: 30px;
            height: 30px;
         }

.interacao-container .interacao-head {

      width: 100%;
}

.interacao-container .interacao-head > .ui-container {
         margin: 5px 10px;
      }

.interacao-container .interacao-head > .ui-container > .ui-child {
            align-items: center;
            gap: 5px;
            max-height: 60px;
            line-height: 15.83px;
            overflow: hidden;
         }

.interacao-container .interacao-head > .ui-container > .ui-child .ui-el-avatar {
               max-height: 50px;
               max-width: 50px;
            }

.interacao-container .interacao-head > .ui-container > .ui-child .ui-el-avatar img {
                  width: 40px;
                  height: 40px;
                  max-width: unset;
               }

.interacao-container .interacao-head > .ui-container > .ui-child .ui-el-avatar > .ui-container {
                  margin: 5px;
               }

.interacao-container .interacao-head > .ui-container > .ui-child .interacao-icone-anexo {
               display: flex;
               align-items: center;
               justify-content: center;
               margin: 5px;
               color: var(--blue-text);

               position: absolute;
               font-size: 1.0rem !important;
               bottom: -6px;
               right: 55px;
            }

.interacao-container .interacao-head > .ui-container > .ui-child .interacao-icone-anexo i {
                  font-size: 1.8rem;
               }

.interacao-container .interacao-head > .ui-container > .ui-child > .ui-el-dh_registro {
               min-width: 120px;
            }

.interacao-container .interacao-head > .ui-container > .ui-child > .ui-el-dh_registro .ui-label {
                  color: var(--blue-text);
                  font-size: 1.2rem;
                  font-weight: 700;
               }

.interacao-container .interacao-head > .ui-container > .ui-child > .ui-el-dh_registro .ui-user-data {
                  font-size: 1.2rem;
                  font-style: italic;
                  font-weight: 400;
                  color: var(--text-lead-700);
               }

.interacao-container .interacao-head > .ui-container > .ui-child > .ui-el-icon {
               flex-shrink: 0;
            }

.interacao-container .interacao-head > .ui-container > .ui-child > .ui-el-observacao > .ui-container {
                  /* margin-top: 5px; */
               }

.interacao-container .interacao-head > .ui-container > .ui-child > .ui-el-observacao {
               align-self: first baseline;
               margin-top: auto;
               margin-bottom: auto;
}

.interacao-container .interacao-body > .ui-container {
         margin: 0px 10px;
         margin-bottom: 10px;
      }

.interacao-container .interacao-body > .ui-container > .ui-child {
            padding: 10px;
         }

.interacao-container .interacao-body > .ui-container > .ui-child > .ql-editor {
               padding: 0;
            }

.interacao-container .interacao-body > .ui-container .ui-user-data {
            line-height: 15.83px;
            font-size: 1.2rem;
         }

.interacao-container .interacao-body > .ui-container .ui-type-repeat > .ui-container > .ui-label {
                  padding-top: 20px;
                  font-weight: 700;
               }

.interacao-container .interacao-body > .ui-container .ui-type-repeat .ui-child-repeat {
               display: flex;
               align-items: center;

               gap: 10px;
            }

.interacao-container .interacao-body > .ui-container .ui-type-repeat .ui-child-repeat > .ui-row-type-repeat {
                  flex-basis: 110px;
               }

.interacao-container .interacao-body > .ui-container .ui-type-repeat .ui-child-repeat > .ui-row-type-repeat:has(audio) {
                     flex-basis: 100%;
                  }

.interacao-container .interacao-body > .ui-container .ui-type-repeat .ui-child-repeat > .ui-row-type-repeat > .ui-el {
                     height: 100%;
                  }

.interacao-container .interacao-body > .ui-container .ui-type-repeat .ui-child-repeat > .ui-row-type-repeat > .ui-el .interacao-icone-generico {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                     }

.interacao-container .interacao-body > .ui-container .ui-type-repeat .ui-child-repeat > .ui-row-type-repeat > .ui-el .interacao-icone-generico i {
                           font-size: 5.2rem;
                           color: var(--blue-text);
                        }

.ui-el-sheetservice .ui-resizer-right .ui-el-interacoes .ui-grid-row-interacoes > div {
               border-bottom: 1px solid var(--container-border-color) !important;
            }

:is(span, a).mention {
   display: inline-block;
}

.vinculo-item.loja.expanded-false .ui-format-img > .ui-container {
            width: 50px;
            display: flex;
            align-items: center;
            height: 50px;
         }

.vinculo-item.loja.expanded-true .ui-format-img {
         height: 100%;
      }

.vinculo-item.loja.expanded-true .ui-format-img > .ui-container {
            margin-right: 0;
            display: flex;
            align-items: center;
         }

.vinculo-item {
   padding: 0px 10px;

   width: 100%;
   flex-wrap: wrap;
   display: flex;
}

.vinculo-item .vinculo-crud > .ui-container {
         margin: 0px 10px;
      }

.vinculo-item .vinculo-crud > .ui-container > .ui-child {
            gap: 10px;
         }

.vinculo-item .vinculo-crud {
      opacity: 0;
      transition: opacity 0.2s ease-in;
   }

.vinculo-item:hover .vinculo-crud {
         opacity: 1;
      }

.vinculo-item .ui-variant-blue_slim button {
         padding: 5px 15px;
      }

.vinculo-item .ui-variant-blue_slim i {
         font-size: 1.8rem;
      }

.vinculo-item .status-description {
      margin-right: 10px;
   }

.vinculo-item .status-description > .ui-container {
         height: 100%;
         display: flex;
         align-items: center;
      }

.vinculo-item .status-description > .ui-container > .ui-child {
            flex-direction: column;
         }

.vinculo-item .status-description > .ui-container > .ui-child .ui-inner {
               justify-content: end;
               display: flex;
            }

.vinculo-item .status-img {
      width: 50px;
   }

.vinculo-item .produto-status > .ui-container .ui-inner {
         font-weight: 600;
         font-size: 1.3rem;
         padding: 3px 10px !important;
      }

.vinculo-item .produto-status > .ui-container {

      color: white;
      display: inline-block;
      width: auto;

      border-radius: 20px;
}

.vinculo-item .info-classificacao .ui-inner {
      font-size: 1.6rem;
      font-weight: 700;
   }

.vinculo-item.even {
      background-color: var(--container-gray-background);
   }

.vinculo-item.even .ui-format-img > .ui-container {
         background-color: white;
      }

.vinculo-item.even .ui-el-order-info-details > .ui-container > .ui-label {
            background-color: white !important;
         }

.vinculo-item.even .ui-el-order-info-details > .ui-container .order-details-container-item {
            background-color: white;
         }

.vinculo-item.even .ui-container-type-card {
         background-color: white;
      }

.vinculo-item.even .status-container > .ui-container {
         background-color: white;
      }

.vinculo-item.even .produto-observacao > .ui-container {
         background-color: var(--container-gray-background);
      }

.vinculo-item.odd .ui-format-img > .ui-container {
         background-color: var(--container-gray-background);
      }

.vinculo-item.odd .produto-detalhes > .ui-container {
         background-color: var(--container-gray-background);
      }

.vinculo-item.odd .status-container > .ui-container {
         background-color: var(--container-gray-background);
      }

.vinculo-item.odd .produto-informacoes > .ui-container {
         background-color: var(--container-gray-background);
      }

.vinculo-item .produto-informacoes .info-classificacao .ui-inner {
            margin-left: 10px;
         }

.vinculo-item .produto-informacoes .produto-observacao > .ui-container > .ui-label {
               min-height: 0;
               color: var(--blue-text);
               font-size: 1.3rem;

               padding-left: 15px;
            }

.vinculo-item .produto-informacoes .produto-observacao > .ui-container > .ui-child {
               padding-top: 0;
               padding-left: 15px;
               overflow: hidden;

               word-wrap: break-word;
            }

.vinculo-item.expanded-false .ui-type-carousel {
         width: -webkit-fit-content !important;
         width: fit-content !important;
      }

.vinculo-item.expanded-false .vinculo-shrinked {
         display: flex;
         align-items: first baseline;
         gap: 10px;
      }

.vinculo-item.expanded-false .ui-carousel-main img {
            max-height: 48px;
         }

.vinculo-item.expanded-false .ui-carousel-container {
         display: none;
      }

.vinculo-item .produto-precos {
      font-size: 1.5rem;
   }

.vinculo-item .produto-precos > .ui-container {
         padding-top: 15px;
      }

.vinculo-item .produto-ref {
      /* padding-left: 10px; */
      font-size: 1.2rem;
   }

.vinculo-item > .ui-container > .ui-label {
         color: var(--blue-text);
         font-weight: 700;
         font-size: 1.6rem;
      }

.vinculo-item-label {
   color: var(--blue-text);
   font-weight: 700;
   font-size: 1.6rem;

   display: flex;

   padding: 20px 20px;
   padding-bottom: 0;
   gap: 5px;

   width: 100%;
   align-items: center;
}

.vinculo-item-label.even {
      background-color: var(--container-gray-background);
   }

.vinculo-item-label .vinculo-item-label-inner {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

.entidade-vinculo-crud {
   transition: opacity 0.1s ease-in-out;
}

.entidade-vinculo-crud > .ui-container > .ui-child {
         gap: 10px;
      }

.ui-el-crud-entidades .ui-input > .ui-container {
         margin: 10px;
         width: calc(100% - 20px);
      }

.ui-el-crud-entidades .ui-el-observacao .ql-toolbar {
         border-radius: 10px 10px 0px 0px !important;
      }

.ui-el-crud-entidades .ui-el-observacao .ql-container {
         border-radius: 0px 0px 10px 10px !important;
      }

.service-edit-bottom {
   background-color: var(--white);
   position: -webkit-sticky;
   position: sticky;

   width: calc(100% + 5px) !important;
}

.vinculo-item .ui-format-datetime .ui-user-data {
         white-space: nowrap;
      }

.vinculo-item:not(:hover) .entidade-vinculo-crud {
      opacity: 0;
   }

.ui-el-service .ui-fix-bottom .ui-child-type-tab {
   height: calc(100% - 58px);
}

.compact-sheet .interacao-container:not(.expanded-true) .ui-el-dh_registro {
            display: none;
         }

.compact-sheet .interacao-container:not(:hover) .ui-el-deletar {
            display: none;
         }

.compact-sheet .interacao-container:hover .ui-el-icon img {
               display: none;
            }

.compact-sheet .interacao-container .interacao-body > .ui-container {
            margin: 5px;
            margin-top: 0;
         }

.compact-sheet .interacao-container.expanded-false .ui-el-observacao {
            line-height: 12px;
            font-size: 1.2rem;
         }

.compact-sheet .interacao-container .ui-container-interacao-head {
         margin-top: 0;
         margin-bottom: 0;
      }

.compact-sheet .interacao-container .ui-container-interacao-head > .ui-child {
            gap: 0;
         }

.compact-sheet .interacao-container .ui-container-interacao-head .ui-type-button:not(.ui-el-deletar) button {
               width: var(--button-tiny);
               height: var(--button-tiny);
            }

.compact-sheet .interacao-container .ui-container-interacao-head .ui-type-button:not(.ui-el-deletar) button i {
                  font-size: 1.6rem;
               }

.compact-sheet .interacao-container .ui-container-interacao-head .ui-el-avatar img {
               height: 28px !important;
               width: 28px !important;
            }

.ui-entity-select .MuiAutocomplete-root:hover .MuiAutocomplete-input {
            min-width: 100%;
         }
.ui-el-list-workflow > .ui-container > .ui-grid > .ui-grid-area > .ui-grid-table > .ui-grid-body > .ui-grid-row > .ui-grid-col {
   min-height: 56px;
   border: none;
}

.ui-user-data:has(.ui-btn-create-workflow) {
   display: flex;
   justify-content: center;
   align-items: center;
}

.ui-user-data:has(.ui-btn-create-workflow) .ui-btn-create-workflow {
      /* max-width: 300px; */
   }

.workflow-status-grid > .ui-container {
      margin: 0 !important;
   }

.workflow-status-grid > .ui-container .ui-grid {
         border-radius: 0 0 10px 10px !important;
         border-left: 0 !important;
         border-right: 0 !important;
         border-bottom: 0 !important;
      }

.ui-label-inner-workflow-sac > .ui-type-output {
      min-width: 0;
   }

.ui-label-inner-workflow-sac > .ui-type-output > .ui-container {
         max-width: 100%;
      }

.ui-label-inner-workflow-sac > .ui-type-output > .ui-container > .ui-child {
            flex-wrap: nowrap;
         }

/* padding-right: 10px; */

.ui-label-inner-workflow-sac > .ui-type-output > .ui-container > .ui-child > .select-workflow {
               flex: 0 1 100%;
               min-width: 220px;
            }

.ui-label-inner-workflow-sac > .ui-type-output > .ui-container > .ui-child .ui-container-template-workflow {
               max-width: 100%;
               margin-right: 0;
            }

.ui-label-inner-workflow-sac > .ui-type-output > .ui-container > .ui-child .ui-container-template-workflow .MuiSelect-select > div {
                  overflow: hidden;
                  text-overflow: ellipsis;
               }

.select-workflow > .ui-container {
   margin-left: 0;
   width: -webkit-fit-content;
   width: fit-content;
}

.select-workflow > .ui-container div.MuiSelect-select.MuiInputBase-input {
      font-size: 1.8rem;
   }

.select-workflow > .ui-container.ui-container-class-select-workflow {
   margin-left: 0;
}

.ui-el-add-flow-etapa {
   padding: 10px 0px;
}

.ui-dialog-edit-workflow.ui-dialog-container {
   width: 100% !important;
}

.ui-dialog-container:has(.edit-workflow-dialog) {
   width: 100% !important;
}

.workflow-actions-right {
   display: flex;
   justify-content: end;
   align-items: center;
}

.ui-el-list-workflow > .ui-container > .ui-grid > .ui-grid-area > .ui-grid-table > .ui-grid-body > .ui-grid-row > .ui-grid-col:first-child {
   padding: 0;
   padding-left: 0 !important;
}

.listar-meus-fluxos .ui-child-class-listar-meus-fluxos .ui-child {
         flex-wrap: nowrap;
      }

.listar-meus-fluxos .ui-child-class-listar-meus-fluxos > div:last-child * {
         flex-shrink: 0;
      }

.listar-meus-fluxos .ui-child-class-listar-meus-fluxos {
      flex-shrink: 0;
}

.listar-meus-fluxos .MuiSelect-select div {
      overflow: hidden;
      text-overflow: ellipsis;
   }

.listar-meus-fluxos .ui-container-refresh-workflow {
      max-width: 100% !important;
   }

.listar-meus-fluxos .ui-container {
      max-width: 100%;
   }

.listar-meus-fluxos .ui-container .ui-type-button {
         flex-shrink: 0;
      }

.listar-meus-fluxos .ui-container button {
         white-space: nowrap;
      }

/* .ui-container-templateWorkflow {
   max-width: 100%;
   .ui-child {


      .MuiSelect-select {
         background-color: red !important;
         display: none !important;
         overflow: hidden;
         text-overflow: ellipsis;
      }
   }
} */

.ui-el-list-workflow > .ui-container > .ui-grid > .ui-grid-area > .ui-grid-table > .ui-grid-body > .ui-grid-row {
   display: grid;
   grid-template-columns: 0fr -webkit-max-content 1fr -webkit-max-content;
   grid-template-columns: 0fr max-content 1fr max-content;
   max-height: none;
   background-color: white;
   margin-bottom: 5px;
   border: 1px solid var(--container-border-color);
   border-radius: 10px;
}

.workflow-skeleton {
   display: flex;
   width: 100%;
   gap: 20px;
}

.workflow-skeleton:not(:first-child) {
      margin-top: 5px;
   }

.workflow-skeleton {

   margin-bottom: 5px;
}

.workflow-skeleton .flow-status-total {
      height: 45px;
   }

.ui-el-list-workflow > .ui-container > .ui-grid > .ui-grid-area > .ui-grid-table > .ui-grid-body > .ui-grid-row-expanded {
   margin-bottom: 0px;
   border-bottom: none;
   border-radius: 10px 10px 0px 0px !important;
   overflow: hidden;
}

.ui-el-list-workflow > .ui-container > .ui-grid > .ui-grid-area > .ui-grid-table > .ui-grid-body > .ui-grid-row-expanded + .ui-grid-row {
   border-radius: 0px 0px 10px 10px;
   border-top: none;
}

.ui-el-list-workflow .ui-el-expansion {
   display: none !important;
}

.ui-el-list-workflow > .ui-container > .ui-grid > .ui-grid-area > .ui-grid-table > .ui-grid-body > .ui-grid-row:not(.ui-grid-row-expanded):hover {
   background-color: #f8f8ff;
}

.ui-el-list-workflow > .ui-container > .ui-grid > .ui-grid-area > .ui-grid-table > .ui-grid-body > .ui-grid-row-expanded + .ui-grid-row:hover {
   background-color: white;
}

.ui-el-list-workflow > .ui-container > .ui-grid > .ui-grid-area > .ui-grid-table > .ui-grid-body > .ui-grid-row-expanded + .ui-grid-row {
   padding: 10px;
}

.ui-el-list-workflow .ui-type-list .ui-container-type-list {
   margin: 10px;
}

.ui-el-list-workflow .ui-grid-row .ui-grid {
   background-color: #fbfbff !important;
}

.ui-grid-row > .sac-total {
   border-radius: 10px;
   border-right: none;

   font-size: 1.8rem;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: 0em;

   margin: 6px 8px 6px 8px !important;
}

.ui-el-list-workflow
   > .ui-container
   > .ui-grid
   > .ui-grid-area
   > .ui-grid-table
   > .ui-grid-body
   > .ui-grid-row
   .ui-grid-col.ui-click:not(.ui-grid-col-img)
   .ui-column {
   visibility: visible;
}

.sac-total .ui-column {
   width: 100px !important;
}

.ui-el-list-workflow > .ui-container > .ui-grid {
   background-color: transparent !important;
   border: none !important;
}

.listar-meus-fluxos > .ui-container {
      margin: 10px;
   }

.ui-el-list-workflow > .ui-container {
      margin: 10px;
   }

.ui-el-list-workflow > .ui-container > .ui-child > .ui-grid-row-repeat:not(:first-child) {
         margin: 5px 0px;
      }

.ui-el-list-workflow .flow-status-expansion {
      overflow: hidden;
      width: 100%;

      padding-top: 0;
   }

.ui-el-list-workflow .ui-grid-row-repeat {
      display: flex;
   }

.ui-el-list-workflow .ui-grid-row-repeat .ui-grid-top-options {
         display: none;
      }

.ui-el-list-workflow .ui-grid-row-repeat .ui-type-list > .ui-container {
         margin: 20px;
         margin-top: 0;
      }

.ui-el-list-workflow .ui-grid-row-repeat .ui-grid {
         background-color: var(--background-iris-50) !important;
      }

.ui-el-list-workflow .ui-grid-row-repeat > .ui-el {
         width: 100%;
      }

.ui-el-list-workflow .ui-grid-row-repeat > .ui-el > .ui-container {
            height: 100%;
         }

.ui-el-list-workflow .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child {
               flex-wrap: nowrap;
               height: 100%;
               gap: 20px;
            }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-cor {
         font-size: 1.8rem;
         font-weight: 700;
         line-height: 35.62px;
      }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-cor.contrast.black {
               filter: drop-shadow(1px 1px 0px black) drop-shadow(1px -1px 0px black) drop-shadow(-1px -1px 0px black) drop-shadow(-1px 1px 0px black);
            }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-cor.contrast.white {
               filter: drop-shadow(1px 1px 0px white) drop-shadow(1px -1px 0px white) drop-shadow(-1px -1px 0px white) drop-shadow(-1px 1px 0px white);
            }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-cor {

         height: 100%;

         text-align: center;
}

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-cor .flow-status-total {
            height: calc(100% - 25px);
            display: flex;
            min-height: 45px;
            align-items: center;
            justify-content: center;
         }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-head {
         display: flex;
         height: 68px;
         padding: 5px 25px;
      }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-container {
         width: calc(100% - 120px);
         height: 100%;
         gap: 10px;

         border-radius: 10px;

         transition: background-color 0.2s ease;
         background-color: var(--white);
         border: 1px solid var(--container-border-color);
      }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-container:not(.expanded-true):hover {
            background-color: var(--background-lead-200);
         }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-container {

         cursor: pointer;
         justify-content: space-between;
}

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-container .ui-container-has-copy > .ui-inner-has-copy {
            width: -webkit-fit-content;
            width: fit-content;
         }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-container .ui-container-has-copy > .ui-inner-has-copy .ui-copy-button {
               left: calc(100% + 5px);
            }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-container .flow-status-detalhes {
            width: 100%;
            font-weight: 400;

            display: flex;
            flex-direction: column;
            justify-content: center;

            overflow: hidden;
            text-overflow: ellipsis;
         }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-container .flow-status-detalhes .flow-status-descricao {
               font-size: 1.6rem;
               line-height: 22.4px;
               color: var(--text);
               /* max-width: fit-content; */
            }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-container .flow-status-detalhes .flow-status-detalhamento {
               font-size: 1.2rem;
               line-height: 18px;
               color: var(--text-gray-300);
            }

.ui-el-list-workflow .ui-grid-row-repeat .flow-status-container .flow-status-sla {
            color: #009b10;
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
         }

.ui-grid-row-repeat .flow-status-cor .flow-status-total {
         font-size: 2rem;
      }

.sac-desc {
   width: 100%;
}

.ui-el-list-workflow .ui-grid-row .ui-grid-head {
   background-color: var(--container-gray-background);
}

.select-workflow.ui-type-select div.MuiSelect-select {
   padding-right: 42px;
   font-size: 1.6rem;
   line-height: 32px;
   letter-spacing: 0em;
   font-weight: 500;
   text-align: left;
}

.select-workflow .MuiInputBase-root {
   height: var(--button-medium);
}

.select-workflow.ui-type-select fieldset {
   border: none;
}

.select-workflow .MuiInputBase-root {
   background-color: var(--background-iris-500);
}

.ui-el-list-workflow .ui-el-total .ui-inner {
   margin: auto;
}

.ui-el-list-workflow .ui-el-total .ui-inner span {
   font-size: 1.8rem;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: 0em;
   text-align: center;
}

.ui-el-list-workflow .status-descricao {
   font-weight: 500;
   font-size: 1.6rem;
   line-height: 22px;
}

.ui-el-list-workflow .status-detalhamento {
   font-size: 1.2rem;
   font-weight: 400;
   line-height: 17px;
   letter-spacing: 0em;
   text-align: left;
   color: #585c64;
}

.ui-el-delete-flow-etapa {
   margin-left: 10px;
}

.ui-el-cancel-flow-etapa {
   margin-right: 10px;
}

.edit-workflow-footer .ui-el-save-workflow {
   width: 100%;
}

.edit-workflow-footer .ui-el-save-workflow > .ui-container > .ui-inner {
   justify-content: flex-end;
   display: flex;
}

.edit-workflow-footer > .ui-child {
   flex-wrap: nowrap;
}

.ui-el-sac-workflow .ui-type-select > .ui-container {
   margin: 0;
}

.ui-el-sac-workflow > .ui-container > .ui-child > .ui-type-list > .ui-container > .ui-grid > .ui-grid-area {
   max-width: unset;
}

.ui-el-sac-workflow > .ui-container > .ui-child > .ui-type-list > .ui-container > .ui-grid-top-options {
   height: 42px;
}

.ui-el-sac-workflow .sac-total {
   border-radius: 5px !important;
}

@media (max-width: 1166px) {
      .ui-el-sac-workflow .ui-type-group {
         position: unset !important;
      }
}

.ui-el-edit-workflow-card .ui-type-switch > .ui-container {
   flex-wrap: nowrap;
   padding: 8px 25px;
   border: 1px solid #000;
   border-radius: 4px;
   margin: 10px !important;
}

.ui-el-edit-workflow-card .ui-type-switch .ui-label span {
   margin-bottom: 0;
}

.ui-el-edit-workflow-card.ui-type-card > .ui-container > .ui-label,
.ui-el-edit-workflow-card .ui-type-card > .ui-container > .ui-label {
   min-height: 46px;
}

.ui-el-edit-workflow-card .ui-type-switch > .ui-container > .ui-label > .ui-label-inner > span {
   white-space: normal;
}

.ui-el-edit-workflow-card .ui-el-go-back button {
   color: #1d1e20;
   background-color: transparent;
}

.ui-el-edit-workflow-card .ui-type-switch .ui-inner {
   border: none;
   background-color: transparent;
   padding: 0;
   width: -webkit-fit-content;
   width: fit-content;
}

.ui-el-add-flow-etapa i {
   font-weight: 1000;
}

.ui-el-add-flow-etapa .ui-container {
      width: 25%;
      margin: auto !important;
   }

.ui-el-add-flow-etapa .ui-container button {
         width: 100%;
      }

.ui-el-ordem-etapas .ui-el-descricao {
   margin-left: 5px;
}

.edit-workflow-footer {
   background-color: var(--container-gray-background);

   border-radius: 0px 0px 9px 9px;

   margin: 10px -10px -10px -10px;
   padding: 10px 20px;

   width: calc(100% + 25px);
}

.edit-workflow-footer button {
   min-width: unset !important;
}

.edit-workflow-footer > .ui-child {
   justify-content: space-between;
   align-items: center;
}

.ui-el-ordem-etapas .ui-column.ui-el-cor {
   min-width: 26px;
   min-height: 26px;
   border: 1px solid #1d1e20;
   border-radius: 6px;
}

.ui-el-ordem-etapas .order-item-line > * {
   max-height: 25px;
}

.ui-el-status_cor .ui-label {
      margin-right: 10px;
   }

.ui-el-status_cor .ui-container {
      justify-content: center !important;
   }

.ui-el-temposla {
   justify-content: center;
}

.ui-el-edit-workflow-card .ui-type-switch .ui-inner {
   max-height: 36px;
}

.ui-el-edit-workflow-card .ui-type-switch {
   flex-basis: 281px;
}

.ui-el-list-workflow .ui-grid-row-expanded .ui-grid-col {
   background-color: white;
}

.ui-container-list-workflow > .ui-grid > .ui-grid-area > .ui-grid-table {
   grid-template-columns: 1fr !important;
}

.ui-container-list-workflow > .ui-grid > .ui-grid-area > .ui-grid-table .ui-container-type-list {
      width: calc(100% - 20px);
   }

.ui-container-list-workflow .ui-grid-head {
   border: 0;
}

.workflow-etapas ul {
      width: 100%;
      padding: 5px;
   }

.workflow-etapas .status-etapa {
      display: flex;
      background-color: var(--background-iris-200);
      margin: 5px;

      position: relative;

      transition: background-color 0.1s ease;
   }

.workflow-etapas .status-etapa:hover,
      .workflow-etapas .status-etapa.selected-true {
         background-color: var(--background-iris-400);
      }

.workflow-etapas .status-etapa.dragging-true {
         z-index: 3;
         background-color: var(--background-iris-400);
         cursor: grabbing;
         cursor: -webkit-grabbing;
      }

.workflow-etapas .status-etapa {

      -webkit-user-select: none;

              user-select: none;

      border: 1px solid var(--container-border-color);
      border-radius: 4px;

      justify-content: space-between;
      align-items: center;

      padding: 5px 10px;
}

.workflow-etapas .status-etapa > div {
         width: 45%;
      }

.workflow-etapas .status-etapa button:has(i.delete):hover {
         background-color: #ff6b6b !important;
         color: white;
      }

.workflow-etapas .status-etapa .status-head {
         display: flex;
         align-items: center;
         justify-content: flex-start;
         gap: 10px;
      }

.workflow-etapas .status-etapa .status-head > div {
            flex-shrink: 0;
         }

.workflow-etapas .status-etapa .status-head p {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
         }

.workflow-etapas .status-etapa .status-head .status-cor {
            width: 25px;
            height: 25px;

            border: 1px solid #1d1e20;
            border-radius: 4px;
         }

.workflow-etapas .status-etapa .status-sla {
         margin: auto;
         text-align: center;
      }

.workflow-etapas .status-etapa .status-icone {
         display: flex;
         justify-content: flex-end;
         align-items: center;
      }

.workflow-etapas .status-etapa .status-icone span {
            line-height: 0;
         }

.workflow-etapas .status-etapa .status-icone i {
            cursor: move;
            cursor: grab;
            cursor: -webkit-grab;
         }

.service-row .ui-inner > span {
         max-width: 100%;
         overflow: hidden;
         text-overflow: ellipsis;
      }

.flow-status-expansion .workflow-crud {
      width: 100%;
   }

.flow-status-expansion .workflow-crud .ui-container-class-workflow-crud {
         margin: 0;
      }

.flow-status-expansion .workflow-crud .ui-container-class-workflow-crud-view div.ui-el.ui-space.ui-space-12 {
            width: 100% !important;
         }

.flow-status-expansion .workflow-crud .ui-container-class-workflow-crud-view > .ui-el > .ui-container > .ui-child .ui-container-type-list {
               margin: 0;
            }

.flow-status-expansion .workflow-crud .ui-container-class-workflow-crud-view > .ui-el > .ui-container > .ui-child .ui-container-type-list .ui-grid {
                  border-left: 0;
                  border-right: 0;
                  border-bottom: 0;
                  border-top-left-radius: 0;
                  border-top-right-radius: 0;
               }

.flow-status-expansion .workflow-crud .ui-container-class-workflow-crud-view > .ui-el > .ui-container > .ui-child .ui-container-type-list .ui-grid .ui-grid-area {
                     overflow: auto;
                  }

@media (max-width: 1360px) {
   div:is(.ui-el-list-workflow .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child, .workflow-skeleton) {
      gap: 5px;
   }

      div:is(.ui-el-list-workflow .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child, .workflow-skeleton) .flow-status-head {
         height: 58px;
      }

      div:is(.ui-el-list-workflow .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child, .workflow-skeleton) .flow-status-container-skeleton {
         height: 58px;
      }

      div:is(.ui-el-list-workflow .ui-grid-row-repeat > .ui-el > .ui-container > .ui-child, .workflow-skeleton) .flow-status-container {
         width: calc(100% - 65px);
      }
}

.status-color-column {
   width: var(--button-small);
   height: var(--button-small);
   border: 1px solid var(--fieldset-border-color);
   border-radius: 4px;
}

.render-fluxo-opcao {
   display: flex;
   align-items: center;
   justify-content: start;
   gap: 10px;
}

.ui-data-set-of-status .ui-col-skeleton {
      width: -webkit-fit-content !important;
      width: fit-content !important;
   }

.ui-data-set-of-status .ui-col-skeleton .ui-actions-skeleton {
         display: flex;
         width: -webkit-fit-content !important;
         width: fit-content !important;
         gap: 10px;
      }
.ui-el-sub_info_produto .ui-label-pos-left .ui-label-inner,
.ui-el-descricao_produto .ui-label-pos-left .ui-label-inner {
   margin-right: 5px;
}

.repeat-fader {
   position: absolute;

   background-color: light-dark(rgb(212 216 231 / 68%), rgba(36, 36, 36, 0.68));

   transition: opacity 0.2s;

   top: 0;
   bottom: 0;

   display: flex;

   z-index: 2;

   width: 100%;
   height: 100%;

   opacity: 0;
   pointer-events: none;
}

@media (max-width: 1360px) {
   .repeat-edit-mode {
      min-height: 65px !important;
   }
      .tab-vinculos .service-footer-buttons {
         background-color: white;
         position: -webkit-sticky;
         position: sticky;
         bottom: 0;
      }
}

.repeat-edit-mode {
   min-height: 150px;
}

.repeat-edit-mode .repeat-fader {
      opacity: 1;
      pointer-events: all;
   }

.ui-el-repeat-footer {
   min-height: 70px;
   max-width: 100%;
   flex-shrink: 0;

   border-top: 1px solid var(--container-border-color);
   position: relative;
}

.ui-el-repeat-footer > .ui-container {
      height: 100%;
   }

.ui-el-repeat-footer > .ui-container > .ui-child {
         height: 100%;
      }

.ui-el-repeat-footer .ui-el-to-recent {
      transition: opacity 0.08s ease-in-out;
   }

.ui-el-repeat-footer .ui-el-to-recent button {
         background-color: var(--background-iris-500);
      }

.ui-el-repeat-footer .ui-el-to-recent {

      position: absolute;
      z-index: 3;
      right: 15px;
      top: -45px;
}

.ui-el-repeat-footer .ui-el-expand {
      transition: opacity 0.08s ease-in-out;

      position: absolute;
      z-index: 3;
      left: 50%;
      transform: translateX(-50%);
      bottom: 110%;
   }

.ui-el-repeat-footer .ui-el-repeat-footer-config > .ui-container > .ui-child > .ui-type-output {
               width: 100%;
            }

.ui-el-repeat-footer .ui-el-repeat-footer-config .ui-type-switch {
         padding-top: 0;
      }

.ui-el-repeat-footer .ui-el-repeat-footer-config .ui-type-switch .ui-label-type-switch {
            padding-left: 0;
         }

.ui-el-repeat-footer .ui-el-repeat-footer-config .ui-container-type-switch {
         width: 150px;
      }

.ui-el-repeat-footer .ui-el-repeat-footer-config .ui-container-type-switch .ui-label {
            width: 54px;
         }

.ui-el-repeat-footer .ui-el-repeat-footer-config .ui-container-type-switch .ui-label-inner span {
            white-space: normal;

            text-overflow: clip;

            margin-bottom: 0;

            font-size: 1.2rem;
            font-weight: 500;
            line-height: 13px;
         }

.ui-el-repeat-footer .ui-el-repeat-footer-config .ui-container-type-switch {
         display: flex;
         justify-content: center;
         align-items: center;
         background-color: var(--background-iris-200);
}

.ui-el-repeat-footer .ui-el-repeat-footer-config .ui-container-type-switch .ui-inner {
            border-width: 0px !important;
            padding: 0 !important;

            width: unset !important;
         }

.ui-el-repeat-footer .ui-el-repeat-footer-config .ui-el-repeat-footer-buttons .ui-el-buttons {
            display: flex;
            justify-content: end;
            align-items: center;
         }

.ui-el-repeat-footer .ui-el-repeat-footer-config .ui-el-repeat-footer-buttons .ui-child-buttons {
            justify-content: end;
            gap: 10px;
         }

.tab-interacoes {
   padding: 0;
   width: 100%;
}

.list-interacoes .ui-container {
   margin: 0;
}

.list-interacoes .ui-grid-col {
   max-height: 46px;
}

.list-interacoes .ui-el-observacao > div.ui-inner > span p {
   display: inline-block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   width: 100%;
}

.list-interacoes .ui-el-observacao > div.ui-inner > span * {
   display: inline;
   white-space: nowrap;
}

.ui-child-type-tabs:has(.tab-cliente, .tab-vinculos) {
   overflow: auto;
}

.tab-vinculos {
   overflow: auto;
}

.tab-cliente {
   overflow: auto;
}

.tab-cliente .ui-help {
      display: none !important;
   }

.tab-cliente .ui-inner-qualidade-cadastro {
      width: 100% !important;
   }

.tab-cliente .ui-type-slider {
      max-height: 100px;
   }

.tab-cliente .ui-type-slider .ui-container {
         border: none !important;
      }

.tab-cliente .ui-type-slider .ui-slider-feedback {
         padding-bottom: 0;
         height: 0px;
      }

.tab-cliente .ui-type-slider .ui-label {
         padding-top: 0;
      }

.ui-el-redirect-atendente {
   margin-top: -2px;
   margin-left: 2px;
}

.ui-el-redirect-atendente i {
   font-size: 1.6rem;
}

.tab-entidades > .ui-container > .ui-child > .ui-child {
   justify-content: flex-end;
   width: 100%;
}

.tabs-feed-interacoes .ui-tab-data {
   width: 100%;
   max-height: 575px;
   overflow-y: scroll;
}

.tabs-feed-interacoes .ui-grid-top-left {
   width: 40px;
}

.tabs-feed-interacoes .ui-grid-row > div:first-child {
   padding-left: 10px !important;
}

.tabs-feed-interacoes .ui-grid-row > div:last-child {
   padding-right: 10px !important;
}

.mock-transfer {
   position: absolute;
   top: 10px;
   right: 10px;
}

.mock-transfer button {
   background-color: transparent !important;
   text-transform: none;
   color: #0020d2;
   padding: 2px 10px !important;
}

.mock-transfer i {
   font-size: 1.6rem;
   font-weight: 500;
   margin-right: -5px !important;
   margin-top: -1px !important;
}

.mock-transfer button:hover {
   background-color: #e5e8ff !important;
   opacity: 1;
}

.cancelar-logistica i {
   color: #ff5656 !important;
}

.ui-el-observacao-entidade .ql-editor {
   min-height: 182px;
   border-radius: 6px;
}

.ui-el-observacao-entidade > .ui-container {
   background-color: #f7f8ff;
}

.ui-el-observacao-entidade .ql-editor,
.ui-el-observacao-entidade .ql-container {
   background-color: white;
}

.add-entity-footer {
   width: 100%;
   display: flex;
   justify-content: flex-end;
   padding: 5px 10px 5px 5px;
}

.ui-el-conteudo-logistica-reversa .ui-grid-top-options {
   height: -webkit-fit-content;
   height: fit-content;
}

.tab-entidades-vinculadas .ui-grid-top-options {
   height: -webkit-fit-content;
   height: fit-content;
}

.ui-el-edit-service {
   position: relative;
}

.ui-el-inserir-etiqueta {
   width: 585px !important;
}

.ui-el-inserir-etiqueta > .ui-container > .ui-label {
   padding: 5px 23px;
}

.ui-el-inserir-etiqueta .add-entity-footer {
   padding: 5px;
}

.ui-el-add-reembolso > .ui-container > .ui-inner {
   display: flex;
   justify-content: center;
   padding: 12px;
}

.informacoes-entidade-relacionada .ui-type-output > .ui-container {
   border-radius: 4px;
   border: 1px solid var(--container-border-color);

   padding-right: 15px;
}

.ui-el-edit-service .ui-type-footer .ui-el-save {
   margin-top: 12px;
}

.informacoes-entidade-relacionada .ui-type-output > .ui-container .ui-label-inner {
   color: #0020d2;
}

.ui-el-ficha-atendimento .ui-tab-data .ui-grid-head {
   background-color: var(--container-gray-background);
}

.ui-el-add-reembolso i {
   font-size: 2.1rem !important;

   font-weight: 900;
}

.ui-el-respostas_malas {
   width: 100% !important;
}

.reembolso-item .ui-type-img .ui-error-image {
         padding: 12px;
      }

.MuiSelect-select .overflow-hidden {
   max-width: 500px;
}

div[class*='ui-el-list_kanban_cards'] .ui-container-type-card {
      border-color: var(--container-border-color) !important;
      border-left-color: inherit;
   }

div[class*='ui-el-list_kanban_cards'] .ui-label-kanban-card-title span {
         -webkit-line-clamp: 4;
         -webkit-box-orient: vertical;
         display: -webkit-box;
         overflow: hidden;
      }

.ui-gpt-analise .ui-dialog-content {
   padding: 0;
}

.ui-gpt-analise .ui-dialog-content > div {
      width: calc(100% + 2px) !important;
   }

.ui-gpt-separator {
   border: 1px solid #dedede;
   width: calc(100% - 20px);
   margin: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   display: block;
}

.ui-gpt-analise-item > .ui-container {
      border: 2px solid #3f5bff80;
      margin: 7.5px !important;
      padding: 5px 10px !important;
      border-radius: 5px;
      background: #3f5bff1f;
      color: #000;
      font-size: 1.3rem;
   }

.ui-gpt-analise-item > .ui-container .ui-label {
         font-weight: bold;
         color: #3f5bff;
         padding-left: 0;
      }

.ui-gpt-analise-item > .ui-container .ui-user-data {
         max-width: 100%;
         max-height: 25px;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
      }

.ui-gpt-analise-destaque > .ui-container {
      margin: 0 !important;
      padding: 10px 15px !important;
      border-radius: 0;
      border: 0 !important;
      background: #3f5bff1f;
      color: #000;
      font-size: 1.5rem;
      color: #3f5bff;
      font-weight: bold;
   }

.ui-gpt-analise-card > .ui-container {
      background: #fff;
      border: 0;
      border-radius: 0 !important;
   }

.ui-gpt-analise-card > .ui-container > .ui-label {
         width: -webkit-fit-content;
         width: fit-content;
         padding: 0 !important;
         margin: 0 !important;
         min-height: auto !important;
         font-size: 1.2rem;
         position: relative;
         border: 0 !important;
      }

.ui-gpt-analise-card > .ui-container > .ui-label i {
            font-size: 1.5rem;
         }

.ui-gpt-analise-card > .ui-container > .ui-child {
         background: #f4f5ff;
         border-radius: 4px !important;
         border: 1px solid #888;
         margin-left: 10px !important;
      }

.ui-gpt-analise-light > .ui-container > .ui-child {
         background: #fff;
         border-radius: 0 !important;
         border: 0;
         padding-left: 20px;
         border-left: 2px dashed #3f5bff !important;
      }

.ui-gpt-interacao-item {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   border: 1px solid #3f5bff;
   border-radius: 7px;
   margin-bottom: 10px;
   background: #fff;
}

.ui-gpt-interacao-item .ui-gpt-circle {
      margin-left: -28px;
   }

.ui-gpt-interacao-index {
   width: 35px;
   min-width: 35px;
   height: 35px;
   text-align: center;
   border-radius: 50%;
   background: #3f5bff;
   color: #fff;
   vertical-align: middle;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: bold;
   margin: 10px;
}

.ui-gpt-analise-card-itens .ui-grid-row > div {
   padding: 5px;
   list-style-type: disc;
   display: list-item;
   margin-left: 20px;
}

.ui-gpt-legend {
   display: flex;
   gap: 5px;
   justify-items: center;
   width: -webkit-fit-content;
   width: fit-content;
   border: 0.2rem solid #3f5bff80 !important;
   border-radius: 5px;
   padding: 5px 10px !important;
   margin: 10px;
   background: #d1d6f7;
   color: #3f5bff;
   min-height: auto !important;
   font-size: 1.2rem;
}

.ui-gpt-legend i {
      font-size: 1.5rem;
   }

.ui-gpt-circle {
   width: 12px;
   height: 12px;
   border: 1px solid #3f5bff;
   background: #798bf5;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   justify-items: center;
   border-collapse: separate;
   margin-left: -17px;
   position: absolute;
}

.ui-gpt-cards {
   border-left: 2px solid #8b8f97;
   padding-left: 0;
   margin-left: 10px;
   display: block;
   margin-top: 20px;
   width: calc(100% - 20px);
}

.ui-gpt-nota {
   padding: 5px 10px;
   border-radius: 5px;
   background: #edcdd5;
   color: #d22d2d;
   font-weight: bold;
   margin-left: 20px;
   font-size: 2rem;
   display: inline-flex;
   align-items: center;
   gap: 10px;
}

.ui-gpt-banner {
   background-image: url('/assets/fundo_analise-DS2PwrtC.png');
   height: 15rem;
   width: 100%;
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
}
.ui-type-tabs.ui-el-interacoes_tabs .ui-container-type-tabs, .ui-type-tabs.ui-el-interacoes-tabs .ui-container-type-tabs {
      height: calc(100% - 20px);

      display: flex;
      flex-direction: column;
   }
   .ui-type-tabs.ui-el-interacoes_tabs .ui-child-type-tabs, .ui-type-tabs.ui-el-interacoes-tabs .ui-child-type-tabs {
      overflow: hidden;
      height: 100%;
   }
   .ui-type-tabs.ui-el-interacoes_tabs .ui-tab-data, .ui-type-tabs.ui-el-interacoes-tabs .ui-tab-data {
      padding: 0;
      flex-direction: column;
      flex-wrap: nowrap;

      justify-content: space-between;

      height: 100%;
      overflow-y: auto;
   }
   .ui-type-tabs.ui-el-interacoes_tabs .ui-tab-data .ui-type-repeat, .ui-type-tabs.ui-el-interacoes-tabs .ui-tab-data .ui-type-repeat {
         overflow: auto;
      }

.ui-child .ui-grid-row-repeat:not(:last-child) .feed-container {
   border-bottom: 1px solid var(--container-border-color);
}

.ui-child-interacoes .ui-grid-row-repeat {
      /* overflow: hidden; */
   }

.ui-type-tabs.ui-el-interacoes_tabs .ui-tab-data:has(.feed-skeleton-container) .ui-type-repeat {
      overflow: hidden;
   }

.ui-type-tabs.ui-el-interacoes_tabs .ui-tab-data:has(.feed-skeleton-container) .ui-el-to-recent,
   .ui-type-tabs.ui-el-interacoes_tabs .ui-tab-data:has(.feed-skeleton-container) .ui-el-expand {
      display: none;
   }

.feed-container {
   width: 100%;

   display: flex;
   flex-direction: column;
}

.feed-container:hover .feed-delete {
         opacity: 1;
      }

.feed-container .feed-attach-list {
      display: flex;
      flex-wrap: wrap;
      width: 100%;

      gap: 10px;
   }

.feed-container .feed-attach-list .attach-preview {
         width: 126px;
      }

.feed-container .feed-attach-list .attach-preview:not(.audio) {
            height: 100px;
         }

.feed-container .feed-attach-list .attach-preview .attach-generic {
            height: 70px;
            width: 126px;

            display: flex;
            justify-content: center;
            align-items: center;
         }

.feed-container .feed-attach-list .attach-preview .attach-generic i {
               font-size: 3.5rem;
            }

.feed-container .feed-attach-list .attach-preview .attach-generic {

            line-height: 100%;
            text-align: center;
}

.feed-container .feed-attach-list .attach-preview {

         position: relative;
}

.feed-container .feed-attach-list .attach-preview img {
            max-height: 70px;
         }

.feed-container .feed-attach-list .attach-preview .attach-open {
            position: absolute;
            z-index: 1;
         }

.feed-container .feed-attach-list .attach-preview .attach-open i {
               font-size: 2.8rem;
               font-weight: 600;

               pointer-events: none;

               text-shadow: 0px 0px 10px var(--white);

               opacity: 0;
            }

.feed-container .feed-attach-list .attach-preview .attach-open {

            top: 50%;
            left: 50%;
            transform: translate(-50%, -80%);
}

.feed-container .feed-attach-list .attach-preview:not(.audio) {
            overflow: hidden;

            cursor: pointer;
         }

.feed-container .feed-attach-list .attach-preview:not(.audio):hover {
               background-color: rgb(207, 207, 207);
            }

.feed-container .feed-attach-list .attach-preview:not(.audio):hover > *:not(.attach-open) {
                  filter: brightness(0.9);
               }

.feed-container .feed-attach-list .attach-preview:not(.audio):hover i {
                  opacity: 1;
               }

.feed-container .feed-attach-list .attach-preview:not(.audio) {

            background-color: var(--white);

            border-radius: 8px;

            border: 1px solid var(--container-border-color);
}

.feed-container .feed-attach-list .attach-preview.audio {
            min-width: 100%;
         }

.feed-container .feed-attach-list .attach-preview {

         justify-content: center;
         align-items: center;

         display: flex;
         flex-direction: column;
}

.feed-container .feed-attach-list .attach-preview .attach-preview-footer {
            width: 100%;
            height: 29px;

            display: flex;
            gap: 5px;
            align-items: center;
            justify-content: center;

            padding: 5px 10px;

            background-color: var(--background-iris-200);
            border-top: 1px solid var(--container-border-color);

            font-size: 1.0rem;
         }

.feed-container .feed-attach-list .attach-preview .attach-preview-footer img {
               width: 10px;
            }

.feed-container .feed-attach-list .attach-preview .attach-preview-footer span {
               white-space: nowrap;
               text-overflow: ellipsis;
               overflow: hidden;
            }

.feed-container .attach-preview img {
         height: 100%;
         object-fit: contain;
      }

.feed-container .feed-delete {
      display: flex;
      justify-content: flex-end;
      align-items: center;

      transition: opacity 0.2s ease-in;

      opacity: 0;
   }

.feed-container audio::-webkit-media-controls-enclosure {
      width: 100%;
      border: 1px solid #dad9da;
   }

.feed-container .feed-label {
      display: flex;
      padding: 10px;
   }

.feed-container .feed-label .feed-box {
         width: 100%;
      }

.feed-container .feed-label {

      align-items: last baseline;

      justify-content: space-between;
}

.feed-container .feed-label .feed-label-left {
         display: flex;
         align-items: center;
         justify-content: flex-start;
         margin: auto 0;
         gap: 10px;
         min-width: 70px;
         flex-shrink: 0;
      }

.feed-container .feed-label .feed-label-left img {
            flex-shrink: 0;
         }

.feed-container .feed-label .feed-label-left {

         white-space: nowrap;
         text-overflow: ellipsis;
}

.feed-container .feed-label .feed-label-left button {
            margin-right: -5px;
         }

.feed-container .feed-label .feed-label-left .feed-title {
            height: -webkit-fit-content;
            height: fit-content;
         }

.feed-container .feed-label .feed-label-right {
         flex-shrink: 0;
         display: flex;
         /* flex-direction: column; */
         gap: 5px;
      }

.feed-container .feed-label .feed-label-right .feed-delete {
            padding: 0px;
         }

.feed-container .feed-label .feed-icons {
         margin-left: auto;
         display: flex;
         gap: 10px;
      }

.feed-container .feed-label .feed-icons .feed-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
         }

.feed-container .feed-label .feed-icons .feed-icon i {
               font-size: 2.2rem;
            }

.feed-container .feed-label .feed-icons .feed-icon.anonymous {
               background-color: #aeadb6;
            }

.feed-container .feed-label .feed-icons .feed-icon.zap-zap {
               background-color: #c1f9de;
            }

.feed-container .feed-label .feed-icons .feed-icon.zap-zap img {
                  margin-top: -1px;
               }

.feed-container .feed-label .feed-icons .feed-icon.phone i {
                  color: #8099be;
               }

.feed-container .feed-label .feed-icons .feed-icon.phone {
               background-color: #c1d7f9;
}

.feed-container .feed-label .feed-icons .feed-icon.mail {
               background-color: #cfc8fa;
            }

.feed-container .feed-label .feed-icons .feed-icon.mail i {
                  color: #7f76b2;
               }

.feed-container .feed-label .feed-icons .feed-icon.attach {
               color: #4765ff;
            }

.feed-container .feed-label {

      transition: box-shadow 0.1s ease-in-out;
}

.feed-container .feed-label > * {
         transition: transform 0.25s ease-out;
      }

.feed-container .feed-label.sticky-true {
         position: -webkit-sticky;
         position: sticky;
         z-index: 1;
         top: -1px;
      }

.feed-container .feed-label.sticky-true.stuck-true {
            box-shadow: 0px 0px 10px #1d1e203e;
         }

.feed-container .feed-label.sticky-true.stuck-true > * {
               transform: scale(1.05);
            }

.feed-container .feed-label .feed-avatar {
         margin-right: 0 !important;
         width: 40px;
         height: 40px;

         object-fit: cover;

         border-radius: 100%;
      }

.feed-container .feed-label .feed-title {
         display: flex;
         flex-direction: column;
         height: 100%;
         justify-content: space-between;
      }

.feed-container .feed-label .feed-title .feed-login {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--blue-text);
         }

.feed-container .feed-label .feed-title .feed-date {
            font-size: 1.2rem;
            font-style: italic;
            font-weight: 400;
            color: var(--text-lead-700);
         }

.feed-container .feed-delete {
      padding: 0px 10px;

      overflow: hidden;
   }

.feed-container .feed-attach-container {
      padding: 20px;
   }

.feed-container .feed-description {
      height: -webkit-fit-content;
      height: fit-content;
      /* max-height: 35px; */
   }

.feed-container .feed-description #lineBreakAtBeginningOfSignature {
         display: none;
      }

.feed-container .feed-description {

      width: 100%;
      font-size: 1.2rem;
      line-height: 15.83px;

      padding: 0px 10px;

      overflow: hidden;
      text-overflow: ellipsis;
}

.feed-container .feed-description-body {
      margin-bottom: 15px !important;
      padding: 0px 20px !important;
   }

.feed-container .feed-box {
      overflow: hidden;
   }

.feed-container .feed-label {
      max-height: 65px;
   }

.feed-container .feed-label .feed-box {
         overflow: hidden;
         align-self: center;

         display: flex;

         height: -webkit-fit-content;

         height: fit-content;
      }

.feed-container .feed-label .feed-box span {
            word-wrap: break-word;
            word-break: normal;
         }

.feed-container .feed-label .feed-box {

         max-height: 100%;
}

.interacao-container.expanded-false .feed-description {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
   }

.feed-skeleton-container {
   /* background: red; */
   height: 60px;
   padding: 10px;
   display: flex;
   align-items: center;
   /* justify-content: space-between; */
   gap: 5px;
}

.feed-skeleton-container * {
      flex-shrink: 0;
   }

.feed-skeleton-container .feed-skeleton-title {
      display: flex;
      flex-direction: column;
      width: calc(100% - 120px);
      gap: 2px;
      margin-right: 5px;
   }

/* background-color: blue; */

.feed-skeleton-container .feed-skeleton-title > div {
         display: flex;
         gap: 5px;
      }

.feed-skeleton-container .feed-skeleton-box {
      width: 100%;
      overflow: hidden;
      flex-shrink: 1;
      height: 100%;
   }

.feed-skeleton-container .feed-skeleton-box > * {
         display: inline-block;
         margin-right: 5px;
      }
.ui-page.public-page .ui-page-full {
   width: 100%;
   max-width: 100vw;
   /* overflow-x: hidden; */
   /* overflow: auto; */
   overflow-y: auto;
}

   .ui-page.public-page .ui-page-full .ui-label-inner-public {
      padding: 0px 20px !important;
   }

   @media (max-width: 1000px) {
      .ui-page.public-page .ui-page-full {
         padding: 5px 25px 5px 5px;
      }
   }

   .ui-page.public-page .ui-page-full .ui-class-public-label {
      padding: 5px;
   }

   .ui-page.public-page .ui-page-full .ui-service-footer-buttons {
      border-top: 1px solid var(--container-border-color);
   }

   .ui-page.public-page .ui-page-full .ui-type-crud {
      min-height: 100dvh;
      width: 100vw;
   }

   .ui-page.public-page .ui-page-full .ui-type-crud .ui-container-crud {
         max-width: 1500px;
         margin: auto;
         min-height: 92dvh;
         display: flex;
         flex-direction: column;
      }

   .ui-page.public-page .ui-page-full .ui-footer-center {
      width: 100%;
   }

   .ui-page.public-page .ui-page-full .ui-footer-center .ui-container-footer-center .ui-child-class-footer-center .ui-type-button {
            margin: 15px auto;
         }

   .ui-page.public-page .ui-page-full:has(.public-cpf-form) {
      align-content: center;
   }

   .ui-page.public-page .ui-page-full:has(.public-cpf-form) .ui-type-card {
         transform: translateY(-8%);
      }

   .ui-page.public-page .ui-page-full .ui-type-buttons > .ui-container {
         border: none;
      }

   .ui-page.public-page .ui-page-full .ui-type-card > .ui-container > .ui-label {
            padding: 10px 20px !important;
         }

   .ui-page.public-page .ui-page-full .ui-container-listar_feed_interacoes_v2,
   .ui-page.public-page .ui-page-full .ui-el-listar_feed_interacoes_v2 {
      max-height: calc(100dvh - 280px);
   }

   .ui-page.public-page .ui-page-full .public-label > .ui-container > .ui-child {
         flex-wrap: nowrap;
      }

   .ui-page.public-page .ui-page-full .public-label > .ui-container > .ui-child .ui-type-img {
            display: flex;
            align-items: center;
         }

   .ui-page.public-page .ui-page-full .ui-el-public .ui-child-public .ui-el-interacoes_tabs {
            overflow: hidden;
            height: calc(100dvh - 165px);
         }

   .ui-page.public-page .ui-page-full .ui-el-public .ui-child-public .ui-el-interacoes_tabs .ui-tab-item-selected {
               background-color: transparent;
               border-bottom: 0;
            }

   .ui-page.public-page .ui-page-full .ui-el-public .ui-child-public .ui-el-service_status_card {
            height: -webkit-fit-content;
            height: fit-content;
         }

   .ui-page.public-page .ui-page-full .ui-el-public .ui-el-repeat-footer:has(.disable-repeat) {
         border: none;
         width: 100%;
      }

   .ui-page.public-page .ui-page-full .ui-el-public .ui-el-repeat-footer:has(.disable-repeat) .ui-type-button.disable-repeat {
            display: none;
         }

   .ui-page.public-page .ui-page-full .ui-el-public .no-status {
         display: none;
      }

   .ui-page.public-page .ui-page-full .ui-el-public .public-logo img {
            width: 200px;
         }

   .ui-page.public-page .ui-page-full .ui-el-public .public-logo {
         padding-right: 35px;
         border-right: 1px solid #0020d2;
}

   .ui-page.public-page .ui-page-full .ui-el-public .public-text-container {
         display: flex;
         flex-direction: column;

         padding-left: 35px;

         justify-content: center;

         color: #0020d2;
      }

   .ui-page.public-page .ui-page-full .ui-el-public .public-text-container .public-title {
            font-size: 2.2rem;
            font-weight: 700;
         }

   .ui-page.public-page .ui-page-full .ui-el-public .public-text-container .public-text {
            font-size: 1.6rem;
            font-weight: 400;

            -webkit-hyphens: auto;

                    hyphens: auto;
         }

   .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card {
         margin: auto;
         width: -webkit-fit-content;
         width: fit-content;
      }

   .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .ui-child-type-card {
            padding: 70px 120px;
         }

   .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .public-cpf-left .public-logo {
               border-right: 0;
            }

   .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .public-cpf-left {
            display: flex;
            align-items: center;
            border-right: 1px solid #0020d2;
}

   .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .public-cpf-right {
            display: flex;
            flex-direction: column;
            gap: 10px;
         }

   .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .public-cpf-right .public-cpf-form {
               max-width: 275px;
               margin-left: 35px;

               display: flex;
               flex-direction: column;

               gap: 10px;
            }

   .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .public-cpf-right .public-cpf-form .ui-container-type-text {
                  width: 100%;
                  margin: 0;
               }

   .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .public-cpf-right .public-cpf-form button {
                  width: 100%;
               }

@media (max-height: 720px) {
         .ui-page.public-page .ui-page-full .ui-type-crud {
            margin: 10px auto;
         }
}

@media (max-width: 1000px) {
                     .ui-page.public-page .ui-page-full .ui-el-public .ui-child-public > .ui-type-output > .ui-container > .ui-child .ui-el-interacoes {
                        /* max-height: calc(100dvh - 250px); */
                     }
               /* margin: 40px; */
               .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card > .ui-container > .ui-child {
                  flex-direction: column;
                  padding: 50px;
               }
            .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card {

            flex-direction: column important;
   }

            .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .public-cpf-left {
               border-right: none;
               justify-content: center;
            }
               .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .public-cpf-left .ui-type-img {
                  padding-right: 0;
               }
               .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .public-cpf-right .public-text-container {
                  padding-left: 0;
                  margin-top: 10px;
                  margin-bottom: 10px;
               }

               .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card .public-cpf-right .public-cpf-form {
                  margin-left: 0;
                  max-width: 100%;
                  width: 100%;
               }
}

@media (max-width: 650px) {
         .ui-page.public-page .ui-page-full .ui-el-public .feed-label-left {
            min-width: 170px;
         }
            .ui-page.public-page .ui-page-full .ui-el-public .public-label .ui-type-img {
               padding-right: 10px;
            }

            .ui-page.public-page .ui-page-full .ui-el-public .public-label .public-text-container {
               padding-left: 10px;
            }
}

@media (max-width: 480px) {
      .ui-page.public-page .ui-page-full .ui-el-public {
         margin-top: 10px;
      }
         .ui-page.public-page .ui-page-full .ui-el-public .ui-label-inner-public {
            padding: 0px 10px !important;
         }

         .ui-page.public-page .ui-page-full .ui-el-public .attach-preview {
            width: 112px;
         }
            .ui-page.public-page .ui-page-full .ui-el-public .feed-container.expanded-false .feed-date {
               display: flex;
               flex-direction: column;
               line-height: 11px;
               font-size: 1.1rem;
            }

            .ui-page.public-page .ui-page-full .ui-el-public .feed-container.expanded-false .feed-label-left {
               min-width: 30px;
            }
               /* margin: 40px; */
               .ui-page.public-page .ui-page-full .ui-el-public .public-cpf-card > .ui-container > .ui-child {
                  flex-direction: column;
                  padding: 30px;
               }
            .ui-page.public-page .ui-page-full .ui-el-public .public-label > .ui-container > .ui-child {
               flex-wrap: wrap;
               justify-content: center;
            }

               .ui-page.public-page .ui-page-full .ui-el-public .public-label > .ui-container > .ui-child .ui-type-img {
                  border-right: 0;
                  padding-right: 0;
               }

               .ui-page.public-page .ui-page-full .ui-el-public .public-label > .ui-container > .ui-child .public-text-container {
                  padding-left: 0;
                  width: 100%;
               }
}
.public-page .ui-el-fale-conosco .public-fale-conosco-label .ui-child-type-output {
            justify-content: center;
            align-items: center;
         }
            .public-page .ui-el-fale-conosco .public-fale-conosco-label .ui-child-type-output .ui-type-img {
               height: -webkit-fit-content;
               height: fit-content;
            }
            .public-page .ui-el-fale-conosco .public-fale-conosco-label .ui-child-type-output {

            gap: 0;
}
            .public-page .ui-el-fale-conosco .public-fale-conosco-label .ui-child-type-output:has(.public-partner-logo) .public-conecteme-logo {
                  padding-right: 35px;
                  border-right: 1px solid #dad9da;
               }
            .public-page .ui-el-fale-conosco .public-fale-conosco-label .ui-child-type-output:has(.public-partner-logo) .public-partner-logo {
                  padding-left: 35px;
               }
            .public-page .ui-el-fale-conosco .public-fale-conosco-label .ui-child-type-output:has(.public-partner-logo) .public-partner-logo img {
                     height: 68px;
                  }