@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 */ }

/**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-fundo: silver;
  --is-cor-cabecalho-grupo-fundo: silver;
  --is-cor-cabecalho-grupo-texto: white;
}

.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-htmleditor-toolbar-wrapper {
  padding: 2px; /*Pra ficar do mesmo tamanho do ToolBar do dxDataGrid*/
}

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

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

/* .grade-full-position {
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  min-width: 100% !important;
  max-width: 100% !important;
} */

/* .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button { */
  /* Quando é um hidden-button no popup não aparece o background*/
  /* color: black; */
  /* no modo escuro não fica bom */
/* } */

/* .dx-buttongroup-wrapper { */
  /*
  Ver um modo para ficar grande só no popup
  min-height: 3em;
  */
/* } */

/* .dx-popup-wrapper > .dx-overlay-content { */
  /* max-width: 90%; da erro no Calendar Popup */
/* } */

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

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

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

#eTabs > .dx-tabs-wrapper > .dx-tab.dx-tab-selected {
  border-bottom: 2px solid;
}

#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*/
}

.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; */
  margin: 0px;
  padding: 5px;
}

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

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

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

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

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

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

/*Desktop*/
@media (min-width:961px) {
  body {
    -webkit-transition: background-image 0.2s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background-image 0.2s 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
}

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

/*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;
}

.form-cadastro-template > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-form-validation-summary{
  /* background-color: rgb(241, 47, 47); */
  position: absolute;
  right: 5px;
  top: 5px;
  /* padding: 10px; */
  display: flex;
  flex-direction: column;
}

.form-cadastro-template > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-form-validation-summary > .dx-validationsummary-item {
  display: flex;
}

.form-cadastro-template > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .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 > .dx-form-validation-summary > .dx-validationsummary-item > .dx-validationsummary-item-content:first-child{
  padding-top: 10px;
}

.form-cadastro-template > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content > .dx-form-validation-summary > .dx-validationsummary-item > .dx-validationsummary-item-content:last-child{
  padding-bottom: 10px;
}

/* .dx-validationsummary-item-content{
  color: white;
} */

/*.dx-layout-manager .dx-field-empty-item {*/
/* .itemVazio {
  padding: 0;
  margin: 0;
  height: 0;
}

@media (min-width: 500px) {
  .itemVazioMob {
    padding: 0;
    margin: 0;
    height: 0;
    width: 0;
  }
} */

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

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

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

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