@import url("//hello.myfonts.net/count/3c0b0a");

@font-face {
  font-family: "Biennale-Regular";
  src: url("../font-awesome/fonts/biennale-regular.woff2") format("woff2"),
    url("../font-awesome/fonts/biennale-regular.woff") format("woff");
}

@font-face {
  font-family: "Biennale-Bold";
  src: url("../font-awesome/fonts/biennale-boldfont.woff2") format("woff2"),
    url("../font-awesome/fonts/biennale-boldfont.woff") format("woff");
  font-weight: bold;
}

@font-face {
  font-family: "Biennale-Heavy";
  src: url("../font-awesome/fonts/biennale-heavy.woff2") format("woff2"),
    url("../font-awesome/fonts/biennale-heavy.woff") format("woff");
  font-weight: bold;
}

@font-face {
  font-family: "Biennale-SemiBold";
  src: url("../font-awesome/fonts/biennale-semibold.woff2") format("woff2"),
    url("../font-awesome/fonts/biennale-semibold.woff") format("woff");
  font-weight: semibold;
}

@page {
  margin: 1cm;
}

html{
  padding-bottom:0 !important;
  min-height: 100vh;
}

body{
  min-height: 100vh;
}

body > .contentBlock {
 min-height: 100vh;
}

table {
  position: relative;
}

.grayoverride {
  color: gray !important;
}

.table-borders {
    border-bottom: 1px solid black;
    th{
      border: none !important;
    }
}

.test-class{
  width: 5px;
}

@media print {
  table,
  figure {
    display: block;
    page-break-before: avoid;
    page-break-inside: auto;
  }
  .printBlock {
    page-break-before: avoid;
  }
  .printAfterAvoid {
    page-break-after: avoid;
  }
  .notPrintable {
    display: none;
    height: 0;
  }

  hr {
    display: none;
  }

  .topAlertContainer {
    display: none;
    width: 0;
    height: 0;
  }

  .topAlertTextMargin {
    display: none !important;
    width: -10px !important;
    height: -10px !important;
  }

  .topAlertCloseIcon {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .iconNotPrint {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.tacticTotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 0;
}
/* Fix for fixed navbar*/
body {
  padding: 0;
  margin: 0;
  font-family: "Biennale-Regular";
  print-color-adjust: exact !important;
  -webkit-print-color-adjust: exact !important;
  overflow-x: hidden;
}

.dropdown-menu {
  z-index: 2000;
}
.allocation-manual-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  color: #1d2d44;
  height: 52px;
  align-items: center;
}

.allocation-manual-row > div {
  height: 42px;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.allocationRow > td {
  padding: 8px 16px;
}

.allocation-manual-row > div:not(:first-child),
.allocation-manual-row:first-child > div {
  border-bottom: 2px solid black;
}

.allocation-manual-row:not(:first-child) > div:not(:first-child) {
  border-bottom: 2px solid #919dad;
}

.allocation-manual-row > div {
  padding: 0px 10px;
}
/* Fix for active dropdown item color */
.dropdown-menu .active,
.dropdown-menu a:focus,
.dropdown-menu a:active {
  color: #fff;
  background-color: #0052c9; /* this is bg-dark from bootstrap css */
}

/* wider modal */
.modal-lg {
  max-width: 75% !important;
}

/*user photo*/
.avatar {
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: contain;
}

.btn {
  -webkit-appearance: none !important;
}

.dev-version-bar {
  text-align: right;
  padding-right: 0.5cm;
}

.dev-version-bar > input[type="checkbox"] {
  margin: 0.2cm;
}

.topAlertContainer {
  display: flex;
  color: white;
  align-items: center;
  justify-content: space-between;
  background-color: #ffa726;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 300;

  @media print {
    display: none;
  }
}

.topAlertTextMargin {
  margin-left: 10px;
}

.topAlertCloseIcon {
  cursor: pointer;
}