.show-newline {
  white-space: pre-line;
}

#print-button {
  background-color: #616161;
}

.cv-container {
  background-color: #eeeeee;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.keyword {
  cursor: default;
  padding: 1px;
  margin: 3px;
  border-radius: 2px;
  white-space: nowrap;
}

.highlight, .keyword:hover {
  background-color: #263238 !important;
  color: #eceff1;
}

.keyword:not(:hover) {
  background-color: #fafafa;
}

.card.horizontal .card-image .company-image {
  width: 100px;
  padding: 5px;
  background-color: #fafafa;
  border-radius: 10px;
}

.card {
  background-color: #fafafa;
}

#print-view {
  display: none;
  width: 800px;
  font-size: 0.5em;
  background-color: white;
}
#print-view .cv-container {
  box-shadow: initial;
  border-style: solid;
  border-width: thin;
  background-color: white;
}
#print-view .row {
  margin-bottom: 5px;
}
#print-view .links-wrapper {
  margin-bottom: 0px;
}
#print-view .contact-details-wrapper {
  margin-bottom: 0px;
}
#print-view .card {
  box-shadow: initial;
  transition: initial;
  border-radius: initial;
  border-bottom-style: solid;
  border-bottom-width: 0.3px;
  margin-bottom: 0px;
  background-color: white;
}
#print-view .card .card-content .card-title {
  font-size: 15px;
  line-height: initial;
}
#print-view .card.horizontal .card-image .company-image {
  background-color: white;
}
#print-view td {
  padding: 5px 5px;
}

@media print {
  #online-view {
    display: none;
  }

  #print-view {
    display: block;
  }
  #print-view .page-break {
    page-break-after: always;
  }
}