@media (min-width: 320px) {
  /* smartphones, iPhone, portrait 480x320 phones */
}

@media (min-width: 481px) {
  /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}

@media (min-width: 641px) {
  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}

@media (min-width: 961px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width: 1025px) {
  /* big landscape tablets, laptops, and desktops */
}

@media (min-width: 1281px) {
  /* hi-res laptops and desktops */
}

.is-summary-count:before {
  content: 'Qtde: ';
}

.is-summary-sum:before {
  /* content: 'Soma: '; */
  content: '';
  /* background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-math-x-plus-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M2 9l6 6" /><path d="M2 15l6 -6" /><path d="M16 9l6 6" /><path d="M16 15l6 -6" /><path d="M10 12h4" /><path d="M12 10v4" /></svg>'); */
  /* background-repeat: no-repeat; */
}

.is-summary-avg:before {
  content: 'Média: ';
}

.is-summary-min:before {
  content: 'Mín.: ';
}

.is-summary-max:before {
  content: 'Máx.: ';
}

/**Bootstrap
xs (for phones - screens less than 768px wide)
sm (for tablets - screens equal to or greater than 768px wide)
md (for small laptops - screens equal to or greater than 992px wide)
lg (for laptops and desktops - screens equal to or greater than 1200px wide)xs (for phones - screens less than 768px wide)
sm (for tablets - screens equal to or greater than 768px wide)
md (for small laptops - screens equal to or greater than 992px wide)
lg (for laptops and desktops - screens equal to or greater than 1200px wide)
*/

:root {
  --is-cor-borda: silver;
  --is-cor-borda-selecao: silver;
  --is-cor-fundo: silver;
  --is-cor-botao-success: green;
  --is-cor-botao-danger: red;

  /**Usado pra destacar suavimente o background de um panel, padrão background-color do .dx-tab*/
  --is-cor-fundo-destaque: silver;
  --is-cor-cabecalho-grupo-fundo: silver;
  --is-cor-cabecalho-grupo-texto: white;
}

/**Pro Box ficar do mesmo tamanho dos outros Editores*/
/*No filtro base ficou ruim*/
/* .dx-tagbox .dx-tag-container {
  padding-top: 1.33px !important;
  padding-bottom: 1.33px !important;
} */

/**Pra substituir dx-row-alt*/
/* .dx-row:nth-child(odd) {
  background-color: var(--is-cor-fundo);
} */

/**VERSAO NOVA 23.1.3*/
.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
  padding-right: 15px;
  /*Original 40px*/
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
  -webkit-padding-end: 0px !important;
  padding-inline-end: 0px !important;
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  -webkit-padding-start: 0px !important;
  padding-inline-start: 0px !important;
}


.dx-datebox:not(.dx-datebox-native).dx-auto-width .dx-texteditor-input,
.dx-datebox:not(.dx-datebox-native):not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
  padding-right: 0px !important;
  /*Original 20px*/
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
  padding-top: 3px !important;
}

/**/

/* Esta mais atrapalhando que ajudando :(
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  position: sticky;
  top: 0px;
  color: var(--is-cor-cabecalho-grupo-texto);
  background-color: var(--is-cor-cabecalho-grupo-fundo);
} */

.dx-scheduler-agenda .dx-scheduler-appointment {
  padding: unset !important;
}

.dx-htmleditor-toolbar-wrapper {
  padding: 2px !important;
  /*Pra ficar do mesmo tamanho do ToolBar do dxDataGrid*/
}

.dx-htmleditor.dx-htmleditor-outlined {
  border-radius: 0px !important;
  /*Pra ficar igual aos outros*/
}

.dx-freespace-row>td {
  background-color: transparent !important;
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
  padding: 5px !important;
}

.dx-tab {
  opacity: 0.8 !important;
  /*Pra destacar melhor o selecionado*/
  border-radius: 0 !important;
}

.dx-tab.dx-tab-selected {
  opacity: 1 !important;
  /*Pra destacar melhor o selecionado*/
  border-radius: 0 !important;
}

#eTabs>.dx-tabs-wrapper>.dx-tab.dx-tab-selected {
  border-bottom: 2px solid var(--is-cor-borda-selecao) !important;
}

#eFormCalendario>.dx-calendar-body {
  bottom: 30px !important;
  /*Pra não mudar quando seleciona uma data*/
}

#eFormCalendario>.dx-calendar-footer {
  height: auto !important;
  /*Pra não mudar quando seleciona uma data*/
}

.dx-treelist-header-panel {
  padding: 0px !important;
}

.dx-datagrid-header-panel {
  padding: 0px !important;
}

.barra-alerta-vermelho>.dx-trackbar-wrapper>.dx-progressbar-range-container>.dx-trackbar-container>.dx-trackbar-range {
  background-color: red;
  border: 1px solid red;
}

/* .dx-toolbar { */
/* padding-bottom: 3px; */
/* padding-left: 2px; */
/* padding-right: 2px; */
/* margin: 0px; */
/* padding: 2px; Desce o statusbar */
/* } */

.dx-device-mobile .dx-toolbar {
  padding-bottom: 3px !important;
}

.dx-tab-content {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.dx-field-item-label-text {
  white-space: nowrap !important;
}

.dx-form-group-caption {
  font-size: 1.1em !important;
}

.dx-accordion-item-body {
  padding: 2px 7px 3px !important;
}

.dx-accordion-item-title {
  /*padding: 2px 7px;*/
  font-size: 14px !important;
}

/* Para os Botões nos Memos ficarem ao Topo*/
.dx-texteditor-buttons-container {
  max-height: 36px !important;
}

.dx-datebox.dx-auto-width .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
  /*Esta com 20px em alguns Themas, mas não tem necessidade*/
  padding-right: unset !important;

  /**Pra não ficar reticencias quando tiver o helpHint*/
  /* text-overflow: unset; */
}

/*ContextMenu em cima do dxDrawner*/
.dx-overlay-content .dx-inner-overlay .dx-resizable .dx-context-menu .dx-menu-base {
  z-index: 10000 !important;
}

/*DropDownButton é muito pequeno, ver depois como melhorar sem esse css*/
.dx-list .dx-empty-message,
.dx-list-item-content {
  padding: 7px !important;
}

.labelFiltroBase {
  padding-top: 0px !important;
}

.labelFiltroBase>.dx-field-item-content>.dx-form-group-with-caption>.dx-form-group-content {
  border-top: 0px !important;
  padding-top: 0px !important;
}

.dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
  padding-left: 0px !important;
}

.form-cadastro-template

/* > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content
  Form não tem mais o Scroll no Componente */
>.dx-form-validation-summary {
  position: fixed;
  right: 50px;
  top: 10px;
  display: flex;
  flex-direction: column;
}

.form-cadastro-template

/* > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content
  Form não tem mais o Scroll no Componente */
>.dx-form-validation-summary>.dx-validationsummary-item {
  display: flex;
}

.form-cadastro-template

/* > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content
  Form não tem mais o Scroll no Componente */
>.dx-form-validation-summary>.dx-validationsummary-item>.dx-validationsummary-item-content {
  color: white;
  background-color: rgb(241, 47, 47);
  padding-left: 10px;
  padding-right: 10px;
  flex: 1;
}

.form-cadastro-template

/* > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content
  Form não tem mais o Scroll no Componente */
>.dx-form-validation-summary>.dx-validationsummary-item>.dx-validationsummary-item-content:first-child {
  padding-top: 10px !important;
}

.form-cadastro-template

/* > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content
  Form não tem mais o Scroll no Componente */
>.dx-form-validation-summary>.dx-validationsummary-item>.dx-validationsummary-item-content:last-child {
  padding-bottom: 10px !important;
}

/*Pra não ficar tanto espaço nos forms*/
.dx-layout-manager .dx-field-item:not(.dx-last-col) {
  padding-left: 3px !important;
  padding-right: 3px !important;
  padding-top: 3px !important;
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  padding-left: 3px !important;
  padding-right: 3px !important;
  padding-top: 3px !important;
}

.dx-form-group-with-caption>.dx-form-group-content {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.dx-form-group-with-caption>.dx-form-group-content {
  margin-top: 3px !important;
}

/*fim espaço forms*/

.dx-numberbox input {
  text-align: right !important;
}