:root {
  --thumb-color: #acacac;
  --thumb-color-hover: #acacac;
  --track-color: #f4f4f4;
  --scroll-size: 10px;
  --scroll-radius: calc(var(--scroll-size) / 2);
}

html::-webkit-scrollbar,
[class*="scroll"]::-webkit-scrollbar,
.JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar {
  width: var(--scroll-size);
  height: var(--scroll-size);
}

html::-webkit-scrollbar-thumb,
[class*="scroll"]::-webkit-scrollbar-thumb,
.JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
  background: var(--thumb-color);
  border-radius: var(--scroll-radius);
}

html::-webkit-scrollbar-thumb:hover,
[class*="scroll"]::-webkit-scrollbar-thumb:hove,
.JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover,
html::-webkit-scrollbar-thumb:active,
[class*="scroll"]::-webkit-scrollbar-thumb:active,
.JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:active {
  background: var(--thumb-color-hover);
}

html::-webkit-scrollbar-track,
[class*="scroll"]::-webkit-scrollbar-track,
.JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track {
  background: var(--track-color);
  border-radius: var(--scroll-radius);
}

/* html .row,
[class*="scroll"] .row,
.JQGrid-sisconpes .ui-jqgrid .ui-jqgrid-bdiv .row {
  margin-left: 0;
  margin-right: 0;
} */

[class*="scroll"] {
  overflow: auto;
}

.scroll-mainColor {
  --thumb-color: var(--mainColor);
  --thumb-color-hover: var(--mainColor);
  --track-color: #e8e8e8;
}