/*Ajuste para grudar os botões da abas no final da header das páginas*/
.t-BreadcrumbRegion-body{
  align-content: flex-end !important;
  height: 2.5rem !important;
}

/*Altura e arrendondamento das headers das regiões*/
.t-Region-header{
  height: 32px !important;
  border-radius: 6px 6px 0px 0px !important;
}

/*Ajuste do tamanho dos botões dentro da header de região (Não se aplica ao botão de expandir/retrair)*/
.t-Region-header .t-Button:not(:has(.a-Collapsible-icon)){
  height: 24px !important;
  padding: 0px 5px !important;
}

/*Ajuste do tamanho do botão de expandir/retrair a região*/
.t-Region-header .t-Button:has(.a-Collapsible-icon){
  height: 16px !important;
  padding: 0px 1px !important;
}

/*Diminui o espaçamento vertical das labels dos itens*/
.t-Form-fieldContainer--stacked .t-Form-labelContainer{
  padding-top: 0px !important;
}

/*Diminui o espaçamento vertical dos inputs dos itens*/
.t-Form-fieldContainer--stacked .t-Form-inputContainer{
  padding-bottom: 0px !important;
}

/*Diminui o espaçamento vertical entre as labels e os inputs dos itens*/
.t-Form-fieldContainer--stacked .t-Form-label{
  padding-bottom: 3px !important;
}

/*Diminui o tamanho do footer das grids*/
.a-GV-footer{
  padding: 3px !important;
}

/*Diminui o tamanho da header das grids*/
.a-IG-header{
  padding: 3px !important;
}

/*Diminui o tamanho da toolbar das grids*/
.a-Toolbar-group{
  margin: 0px !important;
}

/*Aplica o arredondamento das headers para toda a região (Evita problema de a faixa da header estar arrendondada mas a borda não)*/
:root{
  --ut-region-border-radius: 0.625rem !important;
  --ut-component-border-radius: 0.625rem !important;
  --ut-body-content-padding-y:  0.5rem !important;
  --ut-body-content-padding-x:  0.5rem !important;
}

/*Permite o display da region body do template page-title*/
.t-BreadcrumbRegion:not(.t-BreadcrumbRegion--showBreadcrumb) .t-BreadcrumbRegion-breadcrumb {
  display: unset !important;
}

.t-Region-headerItems--controls .t-Button--icon {
  align-content: center !important;
}

.t-Button--hideShow{
  min-width: 1rem !important;
}

.t-Button .t-Button--icon .t-Button--hideShow{
  height: 16px !important;
  padding: 0px 1px !important;
}

/*Custom Buttons para utilizar na grid e não quebrar o estilo slim*/
.cs-custom-Button-grid{
  width: 100%;
  padding: 2px 6px;
  border-radius: 4px;
  color: white;
  cursor: pointer;
  line-height: 1.2;
  transition: background-color 0.3s ease;
  display: flex;
  flex-wrap: nowrap;
  text-align: center;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-weight: bold;
}

.cs-custom-Button-grid:hover {
  filter: brightness(1.15); /* deixa o hover mais claro */
}
/* 
.cs-custom-dashed-item{
  padding: 0.45rem 0.45rem 0.45rem 0.45rem;
  border-radius: var(--a-field-input-border-radius, .125rem) !important;
  border-color: var(--a-field-input-border-color) !important;
  border-width: var(--a-field-input-border-width, 1px) !important;
  border-style: dashed !important;
} */

.cs-custom-dashed-item .t-Form-inputContainer .apex-item-text{
  padding: 0.45rem 0.45rem 0.45rem 0.45rem;
  border-radius: var(--a-field-input-border-radius, .125rem) !important;
  border-color: var(--a-field-input-border-color) !important;
  border-width: var(--a-field-input-border-width, 1px) !important;
  border-style: dashed !important;
}

.cs-custom-dashed-item .t-Form-inputContainer .cs-multifiltro-input-mask .itemContainer{
  padding: 0.45rem 0.45rem 0.45rem 0.45rem;
  border-radius: var(--a-field-input-border-radius, .125rem) !important;
  border-color: var(--a-field-input-border-color) !important;
  border-width: var(--a-field-input-border-width, 1px) !important;
  border-style: dashed !important;
}

.apex_disabled.cs-custom-dashed-item:not(:has(.apex-item-single-checkbox)){
  opacity: unset !important;
}

/*Diminui o espaçamento de dentro da região "alert"*/
.t-Alert-content{
  padding: .3rem !important;
}