@import "tooltip.css";
@import "changelog.css";

:root {
  --outbuild-color: #0082cb;
}

.is-outbuild-color {
  color: var(--outbuild-color);
}

.is-outbuild-background {
  background-color: var(--outbuild-color);
}

.button.is-outbuild {
  color: white;
  background-color: var(--outbuild-color);
}

.tabs li.is-active a {
  color: var(--outbuild-color);
}

.file button.delete {
  display: none;
}

.file.is-success button.delete {
  display: unset;
}

.translations-container .columns {
  min-height: 60vh;
}

.translations-container .tabs-wrapper {
  display: flex;
}

.translations-container .tabs {
  flex-grow: 2;
}

.translations-container .tabs ul {
  display: block;
  text-align: left;
  border-bottom-color: transparent !important;
}

.translations-container .tabs ul li {
  display: block;
}

.translations-container .tabs ul li.is-active a {
  border-right-color: var(--outbuild-color);
}

.translations-container .tabs ul li a {
  display: block;
  border-bottom-color: transparent !important;
  border-right: 2px solid #dbdbdb;
}

.file.is-primary .file-input[disabled] ~ .file-cta:hover,
.file.is-primary .file-input[disabled] ~ .file-cta.is-hovered,
.file.is-primary .file-input[disabled] ~ .file-cta:focus,
.file.is-primary .file-input[disabled] ~ .file-cta.is-focused,
.file.is-primary .file-input[disabled] ~ .file-cta:active,
.file.is-primary .file-input[disabled] ~ .file-cta.is-active {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: #7a7a7a;
}
.file-input[disabled] ~ .file-cta,
.file-input[disabled] ~ .file-name {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: #7a7a7a;
}

.file-input[disabled] ~ .file-cta,
.file-input[disabled] ~ .file-name,
.file-input[disabled] ~ .file-cta .file-label {
  cursor: not-allowed;
}