#gbw_edit_interface + .jqx-window-modal {
  background-image: radial-gradient(94.34% 108.81% at 23.38% 95.22%, rgba(250, 153, 0, 0.2) 0%, rgba(250, 153, 0, 0) 100%),
  radial-gradient(60.34% 183.94% at 2.5% 10.17%, rgba(8, 119, 204, 0.2) 0%, rgba(8, 119, 204, 0) 100%),
  radial-gradient(64.32% 119.3% at 100.74% -9.99%, rgba(135, 151, 163, 0.2) 0%, rgba(135, 151, 163, 0) 100%),
  radial-gradient(36.02% 109.81% at 87.89% 67.34%, rgba(221, 106, 0, 0.2) 0%, rgba(221, 106, 0, 0) 100%);
  background-color: white !important;
  opacity: 1 !important;
}

#gbw_edit_interface {
  background: transparent;
}

#gbw-edit-main > div:first-child,
.stages > div > * {
  background: white;
  margin-bottom: 20px;
  border-radius: 8px;
  padding: 10px;
  position: relative;
}

#gbwinterface,
#gbwinterface div {
  max-width: 100% !important;
}
#gbw_edit_interface .jqx-window-close-button-background {
  top: 12px;
  display: none;
}
#gbw_edit_interface .jqx-window-content {
  overflow-x: hidden;
  padding: 0;
}
#bgw_saved {margin-top: 5px}
.jqx-window {background: white;}
.jqx-window-header {font-weight: bold;}

.gbw-edit-main-menu {
  background: white;
  top: 45px;
  left: 0;
  z-index: 9;
}

.comdaton-gemaraton-icon {
  width: 40px;
  padding: 8px;
}

#gbw_edit_interface_body.comdatons option.g,
#gbw_edit_interface_body.comdatons .select2-results__option:has(.g) {display: none}
#gbw_edit_interface_body.gemaratons option.m,
#gbw_edit_interface_body.gemaratons .select2-results__option:has(.m) {display: none}
.gbw-select-sugya button.btn {
	justify-content: space-between;
	min-width: 65%;
	max-width: 100%;
	overflow: hidden;
}

#gbw-edit-title-area h4 {
  margin-top: .5rem;
}

.gbw-edit-main-menu > button:not(:first-child) {
  margin: 0 3px;
}

.stage-selectors > a {
  display: block;
}

.gbw-shift-up,
.gbw-shift-down {
  padding: 0 !important;
}

.stages h4 {
  color: #0877CC;
}

.stages .selected h4 {
  font-weight: bold;
}

.stage-selectors div[data-stage]:first-child .gbw-shift-up,
.stage-selectors div[data-stage]:last-child .gbw-shift-down {
  display: none;
}

#gbw_edit_interface .stages .selected.tentative {
    /* opacity: .4; */
    border: 1px dashed white;
}

.gbw-edit-stage-title {
  font-size: 24px;
  font-weight: bold;
}

.gbw-edit-stage .drag-handle {
  position: absolute;
  left: 50%;
  cursor: move;
  margin-left: -10px;
  top: 0;
}

.gbw-edit-stage-action-buttons {
  display: flex;
  position: relative;
  top: -4px;
}

.gbw-edit-stage-action-buttons button {
  display: flex;
  width: 36px;
  height: 34px;
  padding: 0;
  gap: 5px;
}

.gbw-edit-stage.tentative .drag-handle {
  display: none;
}

.gbw-add-stage {
  border: 3px dashed #0877CC !important;
  color: #0877CC !important;
  width: 100%;
  background: transparent !important;
}

#enabledbuttons label[class] {
    height: 86px;
    padding: 0;
    margin: 0;
}
#enabledbuttons label div {
    padding: 16px 0;
    white-space: nowrap;
    text-align: center;
    height: calc(100% - 1px);
    width: calc(100% - 1px);
}
#enabledbuttons label input:checked + div {
    background: #0877CC;
    color: white;
}
#enabledbuttons input {
    display: none;
}
#enabledbuttons input + div img {
	display: inline-block;
	margin-bottom: 8px;
}
#enabledbuttons input + div img.icon-active {
    display: none;
}
#enabledbuttons input:checked + div img.icon-inactive {
    display: none;
}
#enabledbuttons input:checked + div img.icon-active {
    display: inline-block;
}
#enabledbuttons img {
    max-height: 80px;
}

/* hide defunct "All Divisions" button without changing DOM structure which will kill the data */
#enabledbuttons > label:first-child {
    display: none;
}

.gbw-select-sugya button.btn b {
  color: #0877CC;
}

#gbw_edit_interface .stages a:is(.edit_sugya_button, .remove_sugya) {
  display: inline;
}

.gbw-edit-exit {
  padding: 0 !important;
}

#gbw_edit_interface .stages a {
  display: block;
  line-height: 24px;
  font-size: 16px;
  border-radius: 5px;
}

body.en #gbw_edit_interface .jqx-window-close-button-background {
    left: 7px !important;
}

body.he #gbw_edit_interface .jqx-window-close-button-background {
    right: 2px !important;
}

#gbw_selection_tabs {
	width: 100%;
	padding: 0 5% 35px;
}

#gbw_selection_tabs button span {
	font-size: 1.75rem;
	vertical-align: middle;
}

.gbw-edit-extend {
  color: #0877CC;
}

.toggleenabledbuttons {
  border: 0;
  width: 16px;
  height: 16px;
  outline: 0;
  background-color: transparent;
  background-repeat: no-repeat;
}

.toggleenabledbuttons:not(.active) {
  background-image: url(images/radio_off.svg);
}

.toggleenabledbuttons.active {
  background-image: url(images/radio_on.svg);
}