/* ReSharper disable RequiresFallbackColor */

a.navbar-brand {
  text-align: center;
  white-space: normal;
  word-break: break-all;
}

html, body {
  height: 100vh;
  margin: 0;
}

main {
  background-color: white;
  height: 100%;
  position: relative;
}

main .row {
  height: 100%;
}

.dark main, .dark footer {
  filter: invert(1) hue-rotate(180deg) contrast(80%) saturate(1);
}

.dark header {
  filter: saturate(0);
}

header {
  background-color: lightgray;
  position: relative;
}

footer {
  background-color: whitesmoke;
  line-height: 60px; /* Vertically center the text there */
  position: relative;
  white-space: nowrap;
}

.wrapper {
  height: 100%;
}

#spreadsheet {
  height: 100%;
  overflow: hidden;
  padding-right: 25em; /* Flex-width fix because of sidebar */
  position: absolute;
  top: 0;
  width: 100%;
}

.sidebar {
  overflow: auto;
  width: 25em;
}

.sidebar h6 {
  margin-top: 1em;
}

.workspace {
  background-color: rgba(0, 0, 0, 0.05);
}

.dropzone {
  background-color: rgba(0, 0, 0, 0.03);
  border: rgba(0, 0, 0, 0.3);
  border-radius: 1em;
  border-style: dashed;
  color: rgba(0, 0, 0, 0.75);
  cursor: pointer;
  display: inline-block;
  font-size: 1.5em;
  left: 50%;
  padding: 5em;
  position: relative;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@-moz-keyframes spin {
  from {
    transform: rotate(0) translate(0, -1px);
  }

  to {
    transform: rotate(360deg) translate(0, -1px);
  }
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0) translate(0, -1px);
  }

  to {
    transform: rotate(360deg) translate(0, -1px);
  }
}

@keyframes spin {
  from {
    transform: rotate(0) translate(0, -1px);
  }

  to {
    transform: rotate(360deg) translate(0, -1px);
  }
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #1b6ec2;
  border-color: #1861ac;
  color: #fff;
}

.spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

.color-loading {
  color: midnightblue;
}

.color-warning {
  color: darkorange;
}

.color-error {
  color: red;
}

.color-success {
  color: green;
}

.k-spreadsheet-sheets-bar-add {
  display: none;
}

.k-dialog-content {
  padding: 3em;
}

.k-window-titlebar {
  display: none;
}