body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

#root {
  min-width: 100%;
}

/* .App {
  text-align: center;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
} */
/* .watermarked:after {
  color: rgba(0, 0, 0, 0.2);
  font-size: xx-large;
  content: 'watermarked';
  background-repeat: repeat;
  word-spacing: 50em;
  transform: rotate(-50deg);
  filter: 
   drop-shadow(2em 3em  #000) 
  drop-shadow(4em 6em  #000) 
  drop-shadow(8em 12em #000) 
  drop-shadow(-15em -24em #000) 
  ;
}
*/

@media print {
  .tabBar {
    display: none;
  }
}

.tabBar {
  position: fixed;
  top: 64px;
  overflow: hidden;
  z-index: 1000;
  width: 100%;
  background-color: white;
}

.tabPanels {
  margin-top: 128px;
}

#watermark {
  position: relative;
  overflow: hidden;
  text-align: center;
}
#watermark p {
  position: absolute;
  left: 30%;
  color: rgba(0, 0, 0, 0.191);
  font-size: 46px;
  pointer-events: none;
  transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
}

g > path[style*="opacity: 0.3"] + text {
  opacity: 0.3;
}

table, td, th{
  border-style: solid;
  border-width: 1px;
  border-color: black;
  padding: 5px;
  border-collapse: collapse;
  font-size: smaller;
  white-space: nowrap;
}

table td.monthBox, table th.monthBox {
  max-width: 70px;
  min-width: 70px;
  text-align: center;
}

table td.semiMonthBox, table th.semiMonthBox {
  max-width: 45px;
  min-width: 45px;
  text-align: center;
}

table td.miMonth {
  border-left-color: lightgrey;
}

td:first-child, td:nth-child(2), td:nth-child(3) {
  white-space: nowrap;
}

table .purchase .contractPeriod {
  background-color: #FFCC99;
}

table .purchase .contractPeriod.multipleCounterpartyContract {
  background-color: #ff9932;
}

table .sale .contractPeriod {
  background-color: #D8E4BC;
}

table .callOff {
  font-weight: 800;
}

table .stuffingScheduled,
table .oversoldBalance {
  font-weight: 800;
  color: orangered
}

table .stuffingDone,
table .balance {
  font-weight: 800;
  color: green
}

table .schedule {
  font-weight: 800;
  color: blue
}

table .positiveBalance {
  font-weight: 800;
  color: orange
}

table.boldBorder,
table .boldBorder
{
  border-style: solid;
  border-width: 3px;
  border-color: black;
}

.hidden {
  visibility: hidden;
  display: none;
}

table.meeteam  td{
  border-bottom: 0;
  border-top: 0;
}

table.meeteam thead th
{
    position: sticky;
    top: 64px;
    background-color: white;
    z-index: 600;
}

table.meeteam tbody td:first-child
{
  position: sticky;
  left: 0px;
  z-index: 500;
  background-color: inherit;
}

.shipment {
  border-style: solid;
  border-width: 1px;
  border-color: black;
  text-align: center;
  margin: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 50%;
}

.shipment.firstContract{
  border-style: dashed;
  border-width: 2px;
}

.shipment.outTimeShipment {
  border-color: red;
  border-width: 2px;
}

table.positionGL,
table.positionGL td,
table.positionGL th
{
  border-left-style: solid;
  border-left-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  border-right: none;
  border-bottom: none;
  border-collapse: separate;
  border-spacing: 0;
}

table.positionGL
{
  border: none;
}

table.positionGL thead tr:first-child th
{
  border-top-width: 3px;
}

table.positionGL thead.boldBorder tr th
{
  border-right-width: 2px;
  border-right-style: solid;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  background-color: white;
}

table.positionGL td:first-child,
table.positionGL td:last-child,
table.positionGL thead tr:first-child th:first-child
{
  border-left-width: 3px;
}

table.positionGL td:last-child,
table.positionGL thead tr:first-child th:last-child
{
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: black;
}

table.positionGL tr:last-child td
{
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: black;
}

table.positionGL tr:first-child
{
  border-top-width: 3px;
}

table.positionGL thead
{
    position: sticky;
    top: 113px;
    background-color: white;
    z-index: 600;
}

table.positionGL tbody td:first-child
{
  position: sticky;
  left: 0px;
  width: 450px;
  min-width: 450px;
  max-width: 450px;
  z-index: 500;
  background-color: white;
}

table.positionGL thead tr:first-child th:first-child
{
  position: sticky;
  left: 0px;
  width: 650px;
  min-width: 650px;
  max-width: 650px;
  z-index: 500;
  background-color: white;
}

table.positionGL tbody td:nth-child(2):not(.footer)
{
  position: sticky;
  left: 450px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  z-index: 500;
  background-color: white;
}

table.positionGL tbody td:nth-child(3):not(.footer)
{
  position: sticky;
  left: 550px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  z-index: 500;
  background-color: white;
  word-wrap: break-word;
  white-space: initial;
}

table.positionGL tbody td:nth-child(4):not(.footer),
table.positionGL thead tr:first-child th:nth-child(2)
{
  position: sticky;
  left: 650px;
  z-index: 500;
  background-color: white;
  border-right-style: solid;
  border-right-color: black;
  border-right-width: '2px';
}

table.positionGL td.bielsk
{
  border-color: red;
  border-width: 2px;
  border-style: solid;
}

.positionForm
{
  margin: 1rem auto;
  width: 95%;
}

table.position,
table.position td,
table.position th
{
  border-left-style: solid;
  border-left-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
  border-right: none;
  border-bottom: none;
  border-collapse: separate;
  border-spacing: 0;
}

table.position
{
  border: none;
  margin: 1rem;
}

table.position thead tr:first-child th
{
  border-top-width: 3px;
}

table.position thead.boldBorder tr th
{
  border-right-width: 2px;
  border-right-style: solid;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  background-color: white;
}

table.position td:first-child,
table.position td:last-child,
table.position thead tr:first-child th:first-child
{
  border-left-width: 3px;
}

table.position td:last-child,
table.position thead tr:first-child th:last-child
{
  border-right-width: 3px;
  border-right-style: solid;
  border-right-color: black;
}

table.position tr:last-child td
{
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: black;
}

table.position tr:first-child
{
  border-top-width: 3px;
}

table.position thead
{
    position: sticky;
    top: 64px;
    background-color: white;
    z-index: 600;
}

table.position tbody td:first-child
{
  position: sticky;
  left: 0px;
  width: 450px;
  min-width: 450px;
  max-width: 450px;
  z-index: 500;
  background-color: white;
}

table.position thead tr:first-child th:first-child
{
  position: sticky;
  left: 0px;
  width: 650px;
  min-width: 650px;
  max-width: 650px;
  z-index: 500;
  background-color: white;
}

table.position tbody td:nth-child(2):not(.footer)
{
  position: sticky;
  left: 450px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  z-index: 500;
  background-color: white;
}

table.position tbody td:nth-child(3):not(.footer)
{
  position: sticky;
  left: 550px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  z-index: 500;
  background-color: white;
  word-wrap: break-word;
  white-space: initial;
}

table.position tbody td:nth-child(4):not(.footer),
table.position thead tr:first-child th:nth-child(2)
{
  position: sticky;
  left: 650px;
  z-index: 500;
  background-color: white;
  border-right-style: solid;
  border-right-color: black;
  border-right-width: '2px';
}

table.position td.bielsk
{
  border-color: red;
  border-width: 2px;
  border-style: solid;
}