@import url("./colours.css");
@import url("./fonts.css");

h4,
h5,
h6,
body,
p,
li,
a,
td,
th {
  font-family: ProximaNova;
  color: var(--fideres-dark-grey);
}

h1,
h2,
h3,
h4 {
  font-family: ProximaNova;
  color: var(--fideres-orange);
}

.fideres-navbar-brand {
  font-family: ProximaNova;
  text-decoration: none;
}

.fideres-navbar-brand:hover {
  font-family: ProximaNova;
  color: var(--fideres-orange);
  text-decoration: none;
}

.fideres-navbar-item {
  font-family: ProximaNova;
  text-decoration: none;
}

.fideres-navbar-item:hover {
  font-family: ProximaNova;
  /* color: var(--fideres-orange); */
}

.fideres-form {
  font-family: ProximaNova;
}

nav {
  font-family: ProximaNova;
  /* background-color: var(--fideres-table-light-grey) !important; */
}

a {
  font-family: ProximaNova;
  color: var(--fideres-blue) !important;
}

button {
  background-color: var(--plain-white) !important;
}

button:hover {
  background-color: var(--fideres-light-grey) !important;
}

scaleSelect

.fideres-header {
  font-family: ProximaNova;
  color: var(--fideres-orange);
}

@page {
  size: A4;
  margin-top: 2cm;
  margin-bottom: 2cm;
  margin-left: 2cm;
  margin-right: 2cm;

  @bottom-right {
    color: var(--standard-grey);
    font-family: ProximaNova;
    font-size: 10px;
    content: counter(page);
  }
}

@media print {
  .new-page {
    page-break-before: always;
  }
}

@media print {
  @page {
    size: landscape
  }
}


header,
footer {
  position: fixed;
  left: 0;
  right: 0;
}

header,
article {
  margin: 0;
  padding: 0;
}

header {
  /* subtract @page margin */
  top: -1.75cm;
  height: 0cm
}

footer {
  /* subtract @page margin */
  bottom: 0cm;
  height: 0cm;
}


.headingtable {
  border-bottom: 1px solid var(--fideres-orange);
  width: 100%;
}

.footingtable {
  border-top: 1px solid var(--fideres-orange);
  width: 100%;
}

table.footingtable tr>td {
  font-size: 10px;
  color: var(--standard-grey);
}

.alignleft {
  text-align: left;
  padding-left: 4px;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.confidential {
  color: var(--standard-grey);
  text-align: left;
  vertical-align: bottom;
  font-family: ProximaNova;
}

.logorow {
  text-align: right;
}

.logo {
  width: 180px;
  height: 42px;
}

.intro {
  border-bottom: 1px solid var(--fideres-orange);
  width: 100%;
}

tr.space>td,
th {
  vertical-align: middle;
  text-align: left;

}

.analysis_table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}


table.analysis_table tr>th {
  background-color: var(--fideres-blue);
  color: var(--plain-white);
  border: 1px solid;
  border-color: var(--plain-white);
  text-align: left;
  padding-left: 4px;
}

table.analysis_table tr>td {
  padding-left: 4px;
}

table.analysis_table tr:nth-child(odd) {
  background-color: var(--fideres-table-light-grey);
}

table.analysis_table tr:nth-child(even) {
  background-color: var(--fideres-table-dark-grey);
}

.droptable {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

table.droptable tr>th {
  background-color: var(--fideres-blue);
  color: var(--plain-white);
  border: 1px solid;
  border-color: var(--plain-white);
  padding-top: 4px;
  padding-bottom: 4px;
}

table.droptable>tr {
  height: 24px;
}

table.droptable tr.blank>td {
  background-color: var(--plain-white);
}

table.droptable tr>td {
  border: 1px solid;
  border-color: var(--plain-white);
  height: 24px;
}

table.droptable.headlines tr>td {
  border: 3px solid;
  border-color: var(--plain-white);
  height: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: hidden;
}

table.droptable.headlines tr>th {
  border: 3px solid;
  padding-top: 8px;
  padding-bottom: 8px;
}



table.droptable tr {
  background-color: var(--fideres-table-light-grey);
  break-inside: avoid;
}

.titlebox {
  background-color: var(--fideres-orange);
  width: 100%;
  height: 50px;
  color: var(--plain-white);
  font-size: 28px;
  font-family: ProximaNova;
  font-weight: normal;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  text-align: center;
}