// GENERAL
$custom-alert-color: firebrick;
$custom-alert-pressed-color: firebrick;
$custom-error-color: firebrick;
$custom-base-color: steelblue;
$custom-accent-color: lightskyblue;
$custom-second-color: yellowgreen;
$custom-white: white;
$custom-black: black;
$custom-gray: #989898;
$custom-dark-gray: #484848;
$gray-w-color: #e0e0e0;
$gray-ww-color: #f5f5f5;
$none: rgba(0, 0, 0, 0);

// region ucan-explorer-view

.ucan-explorer-view {
  border : 1px solid $gray-w-color;

  .x-headercontainer {
    border-width: 0 0 1px 0;
  }
}

.ucan-explorer-view-header-line {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: $gray-w-color;
  margin: 0;
}

.ucan-explorer-view-header-container {
  background-color: $gray-ww-color;
  height: 45px;
}

.ucan-explorer-view-header-container .x-displayfield .x-body-el {
  background-color: $gray-ww-color;
}

.ucan-explorer-view-header-container .x-input-el {
  background-color: $gray-ww-color;
}

.ucan-explorer-view-header-container .x-field .x-input-el {
  padding: 0;
  font-size: large;
}

.ucan-explorer-view-button-action {
  color: steelblue;
  --base-pressed-color: steelblue;
}

// endregion

// region ucan-explorer-grid-view

.x-grid.ucan-explorer-grid-view {
  border-left: 0;

  .x-headercontainer {
    border: 1px solid $gray-w-color;
    border-top: 0 hidden;
    border-left: 0 hidden;
  }
}


.ucan-explorer-grid-view-filter-button div.x-badge-el {
  top: 0;
}

.ucan-explorer-grid-view-search-field {
  width: 300px;
  border: 1px solid $gray-w-color;
  background-color: $custom-white;
}

.ucan-explorer-grid-view-search-field input.x-input-el {
  background-color: $custom-white;
}

// endregion

// region ucan-explorer-tree-view

.ucan-explorer-tree-view-column-editor {
  margin: 0 !important;
}

.ucan-explorer-tree-view {
  .x-listitem {
    border-width: 0 0 0 0;
  }
}

// endregion

// region search

.ucan-explorer-view-filter-button div.x-badge-el {
  top: 0;
}

.ucan-explorer-view-search-field {
  width: 300px;
  border: 1px solid $gray-w-color;
  background-color: $custom-white;
}

.ucan-explorer-view-search-field input.x-input-el {
  background-color: $custom-white;
}

// endregion