::-webkit-scrollbar {
  width: 20px;
  height: 20px;
  background: var(--background-color-disabled, #333);
}
*::-webkit-scrollbar, .scrollable::-webkit-scrollbar {
  width: 20px;
  height: 20px;
  background: var(--background-color-disabled, #333) ;
}
.gm-style::-webkit-scrollbar, .gm-style ::-webkit-scrollbar {
  background: #333;
}
@media (prefers-color-scheme: light) {
  ::-webkit-scrollbar {
    width: 20px;
    height: 20px;
    background: var(--background-color-disabled, #333);
  }
  *::-webkit-scrollbar, .scrollable::-webkit-scrollbar {
    width: 20px;
    height: 20px;
  background: var(--background-color-disabled, #333);
  }

	.gm-style::-webkit-scrollbar, .gm-style ::-webkit-scrollbar {
		background: #333;
	}
}


::-webkit-scrollbar-button:vertical:end:increment {
  /*background-image: url(images/scroll_cntrl_dwn.png);*/
  background: var(--background-color-disabled, #333) url(images/ui-icons_cccccc_256x240.png) -64px -16px;
  border-left: 2px solid var(--border-color-table-row, #333);
}

div ::-webkit-scrollbar-button:vertical:end:increment {
  /*background-image: url(images/scroll_cntrl_dwn.png);*/
  background: var(--background-color-disabled, #333) url(images/ui-icons_cccccc_256x240.png) -64px -16px;
  border-left: 2px solid var(--border-color-table-row, #333);
}


  ::-webkit-scrollbar-button:vertical:start:decrement {
    /*background-image: url(images/scroll_cntrl_up.png);*/
    background: var(--background-color-disabled, #333) url(images/ui-icons_cccccc_256x240.png) 0 -16px;
    border-left: 3px solid var(--border-color-table-row, #333);
  }

  div ::-webkit-scrollbar-button:vertical:start:decrement {
    /*background-image: url(images/scroll_cntrl_up.png);*/
    background: var(--background-color-disabled, #333) url(images/ui-icons_cccccc_256x240.png) 0 -16px;
    border-left: 3px solid var(--border-color-table-row, #333);
  }


  ::-webkit-scrollbar-track-piece:vertical {
    background-color: var(--background-color-disabled, #333);
  }

  div ::-webkit-scrollbar-track-piece:vertical {
    background-color: var(--background-color-disabled, #333);
  }

  /*::-webkit-scrollbar-track-piece:vertical:start {
    background-image: url(images/scroll_gutter_top.png), url(images/scroll_gutter_mid.png);
    background-repeat: no-repeat, repeat-y;
}

::-webkit-scrollbar-track-piece:vertical:end {
    background-image: url(images/scroll_gutter_btm.png), url(images/scroll_gutter_mid.png);
    background-repeat: no-repeat, repeat-y;
    background-position: bottom left, 0 0;
}*/

  ::-webkit-scrollbar-thumb:vertical {
    /*height: 56px;*/
    /*-webkit-border-image: url(images/scroll_thumb_v.png) 8 0 8 0 stretch stretch;*/
    /*border-width: 8 0 8 0;*/
    background-color: #aaa;
    border: 3px solid var(--border-color-table-row, #333);
    border-radius: 8px;
  }

  ::-webkit-scrollbar-button:horizontal:end:increment {
    /*background-image: url(images/scroll_cntrl_rgt.png);*/
    background: var(--background-color-disabled, #333) url(images/ui-icons_cccccc_256x240.png) -32px -16px;
    border-top: 2px solid var(--border-color-table-row, #333)
  }

  ::-webkit-scrollbar-button:horizontal:start:decrement {
    /*background-image: url(images/scroll_cntrl_lft.png);*/
    background: var(--background-color-disabled, #333) url(images/ui-icons_cccccc_256x240.png) -96px -16px;
    border-top: 2px solid var(--border-color-table-row, #333)
  }

  ::-webkit-scrollbar-track-piece:horizontal {
    background-color: var(--background-color-disabled, #333);
    border-radius: 8px;
  }


  ::-webkit-scrollbar-thumb:horizontal {
    /*-webkit-border-image: url(images/scroll_thumb_h.png) 0 8 0 8 stretch stretch;
    border-width: 0 0 0 0;*/
    background-color: #aaa;
    border: 3px solid var(--border-color-table-row, #333);
    border-radius: 8px;
  }


  /*::-webkit-scrollbar-track-piece:horizontal:start {
    background-image: url(images/scroll_gutter_lft.png), url(images/scroll_gutter_mid_h.png);
    background-repeat: no-repeat, repeat-x;
}

::-webkit-scrollbar-track-piece:horizontal:end {
    background-image: url(images/scroll_gutter_rgt.png), url(images/scroll_gutter_mid_h.png);
    background-repeat: no-repeat, repeat-x;
    background-position: right;
}*/