/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

@font-face {
  font-family: BNPSansCondensedBold;
  src: url("../../../../themes/bnp/fonts/BNPPSansCondensed-Bold.woff")
      format("woff"),
    url("../../../../themes/bnp/fonts/BNPPSansCondensed-Bold.woff2")
      format("woff2"),
    url("../../../../themes/bnp/fonts/BNPPSansCondensed-Bold.svg") format("svg"),
    url("../../../../themes/bnp/fonts/BNPPSansCondensed-Bold.eot") format("eot");
  font-weight: bold;
}

@font-face {
  font-family: BNPSansCondensed;
  src: url("../../../../themes/bnp/fonts/BNPPSansCondensed.woff") format("woff"),
    url("../../../../themes/bnp/fonts/BNPPSansCondensed.woff2") format("woff2"),
    url("../../../../themes/bnp/fonts/BNPPSansCondensed.svg") format("svg"),
    url("../../../../themes/bnp/fonts/BNPPSansCondensed.eot") format("eot");
  font-weight: normal;
}

@font-face {
  font-family: BNPSansCondensedLight;
  src: url("../../../../themes/bnp/fonts/BNPPSansCondensed-Light.woff")
      format("woff"),
    url("../../../../themes/bnp/fonts/BNPPSansCondensed-Light.woff2")
      format("woff2"),
    url("../../../../themes/bnp/fonts/BNPPSansCondensed-Light.svg")
      format("svg"),
    url("../../../../themes/bnp/fonts/BNPPSansCondensed-Light.eot")
      format("eot");
}

@font-face {
  font-family: BNPSans;
  src: url("../../../../themes/bnp/fonts/BNPPSans.woff") format("woff"),
    url("../../../../themes/bnp/fonts/BNPPSans.woff2") format("woff2"),
    url("../../../../themes/bnp/fonts/BNPPSans.svg") format("svg"),
    url("../../../../themes/bnp/fonts/BNPPSans.eot") format("eot");
  font-weight: normal;
}

@font-face {
  font-family: BNPSansLight;
  src: url("../../../../themes/bnp/fonts/BNPPSans-Light.woff") format("woff"),
    url("../../../../themes/bnp/fonts/BNPPSans-Light.woff2") format("woff2"),
    url("../../../../themes/bnp/fonts/BNPPSans-Light.svg") format("svg"),
    url("../../../../themes/bnp/fonts/BNPPSans-Light.eot") format("eot");
}

.seller-report-container {
  font-family: "BNPSans";
}

.section-report {
  color: #212121;
}

.mt-3 {
  margin-top: 30px;
}

.mt-5 {
  margin-top: 50px;
}

.pt-3 {
  padding-top: 30px;
}

.pb-3 {
  padding-bottom: 30px;
}

.pb-5 {
  padding-bottom: 50px;
}

.d-flex {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.light-txt {
  font-family: "BNPSansLight";
}

.light-txt-condensed {
  font-family: "BNPSansCondensedLight";
}

.txt-condensed {
  font-family: "BNPSansCondensed";
}

.txt-normal {
  font-family: "BNPSans";
  font-size: 20px;
}

.row1 {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  margin: 0 -16px;
}

.txt-green {
  color: #00965e;
}

/* Sekcja 1 */

.raport-date {
  font-size: 36px;
  text-transform: uppercase;
  color: #212121;
  font-family: "BNPSansCondensedBold";
}

.report-user-name {
  color: #00965e;
  font-size: 22px;
}

.region-square {
  background-color: #009dcb;
}

.network-square {
  background-color: #1dc2f2;
}

.bestseller-square {
  background-color: #00965e;
}

.results-square {
  color: #fff;
  text-align: center;
  padding: 2px 10px;
}

.results-square-top {
  font-size: 30px;
  font-family: "BNPSansCondensedBold";
}

.bigger-number {
  font-size: 56px;
  font-weight: bold;
}

.bigger-number-region {
  color: #009dcb;
}

.bigger-number-network {
  color: #1dc2f2;
}

.bigger-number-bestseller {
  color: #00965e;
  font-size: 34px;
  min-height: 90px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.2;
}

/* Sekcja 2 */

.section-report2 {
  background-color: #f3f3f3;
}

.results-summary-square {
  border: #00965e 2px solid;
  padding: 10px;
  position: relative;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.results-summary-title {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: "BNPSansCondensed";
}

.results-summary-total {
  font-size: 40px;
  line-height: 40px;
  color: #00965e;
  font-family: "BNPSansCondensedBold";
}

.result-summary-core,
.result-summary-oze,
.result-summary-czp {
  font-size: 24px;
}

.results-summary-circle {
  border-radius: 50%;
  width: 10vh;
  height: 10vh;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00965e;
  font-size: 5vh;
  position: absolute;
  top: 5px;
  right: 5px;
  font-family: "BNPSansCondensedBold";
}

.results-summary-circle-percent {
  margin-top: 10px;
}

/* Skecja 3 */

.raport-seller-radio-buttons {
  display: flex;
  justify-content: flex-end;
}

.raport-seller-radio-buttons label {
  margin-left: 5px;
  font-family: "BNPSansCondensed";
  font-size: 20px;
}

.raport-seller-radio-buttons label:not(:last-child) {
  margin-right: 20px;
}

.report-tabs {
  border-bottom: 3px solid #00965e;
  width: 100%;
}

.report-tabs li a {
  background-color: #a7a7a7;
  color: #fff;
  padding: 10px;
  font-family: "BNPSansCondensed";
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  font-size: 18px;
}

.report-tabs li.active a {
  background-color: #00965e !important;
  color: #fff !important;
  border: none;
}

.report-tabs > li.active > a,
.report-tabs > li.active > a:focus,
.report-tabs > li.active > a:hover {
  border: none;
}

/* Custom style radio buttons */

.raport-radio-buttons input[type="radio"] {
  display: none;
}

.raport-radio-buttons input[type="radio"] + *::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  margin-right: 0.3rem;
  border-radius: 50%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: gray;
}

.raport-radio-buttons input[type="radio"]:checked + *::before {
  background: radial-gradient(
    #00965e 0%,
    #00965e 40%,
    transparent 50%,
    transparent
  );
  border-color: #00965e;
}

#tabel-goal-seller-central,
#tabel-goal-seller-sum,
#tabel-quality-seller-central,
#tabel-quality-seller-sum,
#tabel-eshop-seller-central,
#tabel-eshop-seller-sum {
  display: none;
}

/* Dropdown */

.report-dropdown select {
  width: 100%;
  height: 30px;
  color: #212121;
}

.select2-results {
  color: #212121;
}

.select2-results__options {
  margin-left: 0px;
  background-color: #fff;
  width: 100%;
}

.select2-results__option--selectable {
  display: flex;
  font-family: "BNPSans";
}

.select2-search__field {
  font-family: "BNPSans";
}

.select2-container .select2-selection--single {
  height: 30px;
}

.select2-container--default .select2-selection--single {
  border-radius: 1px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 4px;
}

/* Table */

.table-reports {
  width: 100%;
  font-family: "BNPSans";
  font-weight: 400;
}

.table-reports tr th {
  color: #fff;
  border: 2px solid #fff;
  padding: 10px;
  text-align: center;
  background-color: #00965e;
  text-transform: uppercase;
}

.table-reports tr td {
  padding: 10px;
  text-align: center;
  border: 2px solid #fff;
}

.table-reports tr:nth-child(odd) {
  background-color: #edeaea;
}

.table-reports tr:nth-child(even) {
  background-color: #edeaea;
}

.table-goal tr td:nth-child(4) {
  background-color: #00965e;
  color: #fff;
}

.table-goal tr td:nth-child(8) {
  background-color: #00965e;
  color: #fff;
}

.table-goal tr td:nth-child(12) {
  background-color: #00965e;
  color: #fff;
}

.table-goal tr td:nth-child(13) {
  background-color: #00965e;
  color: #fff;
}

.table-quality td:nth-child(odd) {
  background-color: #00965e;
  color: #fff;
}

.table-forecast tr td:nth-child(1) {
  background-color: #00965e;
  color: #fff;
}

.table-forecast tr td:nth-child(2) {
  background-color: #00965e;
  color: #fff;
}

/* NBI */

.table-nbi-container {
  overflow-y: auto;
  width: auto; /* 75vw */
  font-size: 12px;
}

.table-nbi-container table {
  display: block;
  max-height: 70vh;
  overflow-y: auto;
  position: relative;
  border-collapse: separate;
}

.table-nbi-container table td,
.table-nbi-container table th {
  border: 1px solid #fff;
}

.table-nbi-container table td {
  padding: 3px 5px;
}

.table-nbi-container table td.number {
  text-align: right;
  white-space: nowrap;
}

.table-nbi-container table td.bold {
  font-weight: bold;
}

.table-nbi-container table thead tr:first-child th {
  position: sticky;
  top: 0px;
}

.table-nbi-container table thead tr:last-child th {
  position: sticky;
  top: 41px;
}

.table-nbi-container table tbody {
  /*display: block;
    overflow-y: auto;
    max-height: 70vh;*/
}

.table-nbi-container,
.table-nbi-container .table-reports {
  /*transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
  /*-webkit-transform:rotateX(180deg); /* Safari and Chrome */
}

/* .tabel-current-year-network tr th:nth-child(1),
.tabel-current-year-network tr th:nth-child(2),
.tabel-current-year-network tr th:nth-child(3),
.tabel-current-year-network tr th:nth-child(4),
.tabel-current-year-network tr:nth-child(2) th:nth-child(1),
.tabel-current-year-network tr:nth-child(2) th:nth-child(2),
.tabel-current-year-network tr:nth-child(2) th:nth-child(3),
.tabel-current-year-network tr:nth-child(2) th:nth-child(4) {
    background-color: #fff;
} */

.tabel-current-year-network tr:nth-child(2) th {
  text-transform: none;
  background-color: #3ca67b;
}

.nbi-row {
  background-color: #4fa88438 !important;
}

/* Same height columns */

.col-container {
  display: flex;
  width: 100%;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.col-same-height {
  flex: 1;
  padding: 16px;
}

@media (max-width: 992px) {
  .row1 {
    flex-direction: column;
  }
  .row2 {
    flex-direction: row;
  }
  .chart-container {
    width: 90vw;
    height: 100%;
  }
  .table-goal-container {
    overflow-x: auto;
    width: 90vw;
  }

  .table-nbi-container {
    width: 90vw;
  }
}

@media (max-width: 425px) {
  .results-summary-title-container {
    width: 70%;
  }
}

.container.container-report {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

.container.seller-report-container {
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}