main {
  margin-top: 126px;
  padding-top: 20px;
  height: calc(100vh - 126px);
}

header { margin-bottom: 15px; }

nav {
  background-position: center;
  background-size: cover;
  background-image: linear-gradient(to left, transparent, mistyrose), url(./diver.jpg);
  width: 100%;
}
.navbar-brand { font-size: 30px!important; }
.nav-link {
  font-size: 20px!important;
}

section { margin-bottom: 10px; }
article {margin: 15px;}

.text-primary { color: #d12239!important; }
.btn-primary {
  background-color: #d12239;
  border-color: #d12239;
}
.btn-primary:hover {
  background-color: #8f1727;
  border-color: #8f1727;
}
.btn-primary:focus {
  background-color: #8f1727;
  border-color: #8f1727;
}
a {
  color: #d12239;
  cursor: pointer;
}
a:hover { color: #8f1727; }
.clickable-v1_2 {
  color: #d12239;
  cursor: pointer;
}
.clickable-v1_2:hover { color: #8f1727; }
.link {
  color: #0d6efd;
  cursor: pointer;
}
.link:hover { color: #0a58ca; }

button.nav-link {
  color: #d12239;
  cursor: pointer;
}
button.nav-link:hover { color: #8f1727; }
.nav-pills > button.nav-link.active {
  background-color: #d12239;
  cursor: pointer;
}

.popover {
  max-width: 1000px!important;
}

.dropdown-item:active {
  background-color: #d12239;
}

table { cursor: default; }
th { border: 0; }
th, td { white-space: nowrap; }
.table-scrollable tbody {
  display: block;
  overflow-y: scroll;
}
.table-scrollable thead,
.table-scrollable tfoot {
  display: block;
  overflow-y: scroll;
}
.table-scrollable thead tr,
.table-scrollable tfoot tr,
.table-scrollable tbody tr {
  display: table;
  width: calc(100% - 4px);
  table-layout: fixed;
}
thead::-webkit-scrollbar,
tfoot::-webkit-scrollbar {
  background-color: white;
}

td.table-col-label, th.table-col-label {
  width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
}
td.table-col-attribute, th.table-col-attribute {
  width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
}
td.table-col-type, th.table-col-type {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
td.table-col-relation, th.table-col-relation {
  width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
td.table-col-value, th.table-col-value {
  text-overflow: ellipsis;
  overflow: hidden;
}
td.table-col-avg-input, th.table-col-avg-input {
  width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
}
td.table-col-avg-internet, th.table-col-avg-internet {
  width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
}
td.table-col-weight, th.table-col-weight {
  width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
}
td.table-col-use, th.table-col-use {
  width: 40px;
  text-align: right;
  white-space: nowrap;
}
td.table-col-administration, th.table-col-administration {
  text-align: right;
  white-space: nowrap;
  padding-right: 20px;
}
tr.table-row-prediction { line-height: 50px; }

td.rotate {
  height: 100px;
  min-width: 30px;
  white-space: nowrap;
  position: relative;
}
td.rotate > div {
  transform: rotate(-90deg);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
}

.cursor-pointer { cursor: pointer; }
textarea.code { font-family: monospace; }

/* styles for Safari only */
@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {
    thead::-webkit-scrollbar,
    tfoot::-webkit-scrollbar {
      width: 0px;
    }
  }
}