.menubar {
  display: grid;
  grid-template-columns: max-content max-content max-content auto;
  gap: 10px;
  margin-bottom: 10px;
}

.scmButton img {
  width: 18px;
  height: 18px;
  margin: auto;
}

.button-icon {
  width: 18px;
  margin: auto;
}

.selected-menu {
  grid-column-start: 3;
  grid-column-end: 6;
}

.menu-1, .menu-2,
.selected-menu, .position-menu, .export-menu, .save-menu, .overlay-menu, .search-menu {
  display: flex;
}

.menu-2 .scmButton,
.position-menu .scmButton,
.scmButtonExport,
.scmButtonSave {
  width: 100%;
}

.scmButton,
.scmButtonExport,
.scmButtonSave {
  border: 0;
  border-radius: 3px;
  background-color: #e4ebff;
  color: #635f5d;
  padding: 3px 3px;
  margin: 3px 3px;
  width: 100%;
  text-align: center;
  min-width: 30px;
  max-width: 50px;
}

.scmButtonSave {
  background-color: #deeadf;
  width: 60px;
}

.scmButtonExport {
  background-color: #f0e3c7;
}

.search-menu {
  text-align: left;
  justify-content: left;
  margin: auto 0;
}

.search-menu .search-input {
  width: 200px;
  background-color: #e5e5e5;
  border: 0;
  border-radius: 4px;
  color: #635f5d;
  padding-left: 15px;
  height: 30px;
  margin-right: 5px;
}

.progress-status {
  display: flex;
  align-items: center;
}

.progressImage {
  width: 24px;
  padding-right: 4px;
}

.scmButton.Inactive {
  background-color: #efefef;
  filter: grayscale(1);
}

.scmButton.Inactive > .button-icon path {
  fill: #999999;
  stroke: #999999;
}

.scmButton.Inactive > .button-icon circle {
  fill: #999999;
  stroke: #999999;
}

.scmButton.Inactive > .button-icon ellipse {
  fill: #999999;
  stroke: #999999;
}

.scmButton.Inactive > .button-icon use {
  fill: #999999;
  stroke: #999999;
}

.scmButton.Inactive > .button-icon rect {
  fill: #999999;
  stroke: #999999;
}

@media screen and (max-width: 945px) {
  .menubar {
    gap: 5px 5px;
    grid-template-columns: 50% auto 0;
  }

  .menu-1, .menu-2 {
    grid-row: 1;
  }

  .selected-menu {
    grid-row: 2;
    grid-column-start: unset;
    grid-column-end: unset;
  }

  .position-menu, .search-menu {
    grid-row: 3;
  }

  .export-menu, .save-menu, .overlay-menu {
    display: none;
  }
}