/* @ignore next line@ */
/* needed for itext */
@page {
  margin: 0;
}
body {
  box-sizing: border-box; 
  margin: 0;
}

/**********************************/
/* PoolDbuScoresheet - Directive  */
/**********************************/

/* the HTML that shall be send by mail should have the same layout like the print version */
/* @ignore next line@ */
@media print {

  body.mail { 
    padding-left: 40px; 
  }
  body.mail pool-dbu-scoresheet { 
    padding-left: 0;
  }
  
  pool-dbu-scoresheet {
    padding-top: 20px;
    padding-left: 20px;
  }

  pool-dbu-scoresheet input.editable {
    background-color: white !important;
  }
  pool-dbu-scoresheet table.layout-table td textarea,
  pool-dbu-scoresheet table.layout-table td input[type='time'],
  pool-dbu-scoresheet table.layout-table td input[type='text']:not(.underlined),
  pool-dbu-scoresheet table.layout-table td .selectable {
    padding-left: 0;
  }
  pool-dbu-scoresheet table.layout-table col.scoreboard-selector,
  pool-dbu-scoresheet table.layout-table td.scoreboard-selector,
  pool-dbu-scoresheet table.layout-table col.youtube,
  pool-dbu-scoresheet table.layout-table td.youtube,
  pool-dbu-scoresheet i.manually-stored {
    display: none;
  }
/* @ignore next line@ */
}

pool-dbu-scoresheet {
  display: block;
  font-family: Arial; 
  font-size: 8pt;
  cursor: default;
  box-sizing: border-box;
  margin-left: 2mm;
}

pool-dbu-scoresheet diff {
  display: block;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid black;
}

pool-dbu-scoresheet .remark diff,
pool-dbu-scoresheet .protest diff {
  border: none;
}

pool-dbu-scoresheet img.association-image {
  max-width: 100%;
}

pool-dbu-scoresheet table.layout-table {
  width: 190mm;
  table-layout: fixed; 
  border-collapse: collapse;
  border-spacing: 0;
  background-color: white;
}

pool-dbu-scoresheet table.layout-table td {
  border: 0px solid black;
  padding: 0;
}

pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td textarea,
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td input[type='time'],
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td .readonly-input,
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td input[type='text'] {
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid black;
  font-size: 1.3em;
}

pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td .readonly-input {
  height: 100%;
}

pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table .team-name > div,
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table .team-name diff > span > span > span {
  font-weight: bold; 
  font-size: 1.6em;
}

pool-dbu-scoresheet > div.editable > div.scoresheet-container > table.layout-table td div.editable,
pool-dbu-scoresheet > div.editable > div.scoresheet-container > table.layout-table td textarea,
pool-dbu-scoresheet > div.editable > div.scoresheet-container > table.layout-table td input[type='time'],
pool-dbu-scoresheet > div.editable > div.scoresheet-container > table.layout-table td input[type='text'] {
  background-color: #fefde0;
}

pool-dbu-scoresheet > div  > div.scoresheet-container> table.layout-table td input[type='text'].number,
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td.points diff {
  text-align: center;
  font-size: 1.3em;
  min-height: 23px;
}

/* do not use :read-only pseudo selector because iText does not yet recognize it */
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td input[type='text'][readonly].number,
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td input[type='text'][readonly] {
  background-color: white !important;
  padding-left: 0;
  pointer-events: none;
}

pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td div.selectable {
  border-bottom: 1px solid black;
}
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td div.selectable,
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td.leader-name diff,
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td.referee-name diff,
pool-dbu-scoresheet > div > div.scoresheet-container > table.layout-table td.player-name diff {
  padding: 1px 2px 0 2px;
  min-height: 22px;
  font-size: 1.3em;
}

pool-dbu-scoresheet > div.clickable > div.scoresheet-container > table.layout-table .selectable {
  cursor: pointer;
  background-color: #f8f9fa;
}

pool-dbu-scoresheet > div.clickable > div.scoresheet-container > table.layout-table .selectable:hover {
  background-color: #337ab7 !important;
  color: white;
}

pool-dbu-scoresheet table.layout-table td textarea {
  resize: none;
}

pool-dbu-scoresheet table.layout-table td input[type='radio'] {
  margin-left: 6px;
  margin-right: 6px;
  vertical-align: middle;
}

pool-dbu-scoresheet > div:not(.editable) > div.scoresheet-container > table.layout-table td input[type='text'],
pool-dbu-scoresheet table.layout-table td input[type='radio'].disabled {
  pointer-events: none;
}

pool-dbu-scoresheet > div.editable > div.scoresheet-container > table.layout-table td .readonly-input,
pool-dbu-scoresheet > div:not(.editable) > div.scoresheet-container > table.layout-table td input[type='time'] {
  display: none;
}

pool-dbu-scoresheet > div:not(.editable) > div.scoresheet-container > table.layout-table td .readonly-input {
  display: block;
}

pool-dbu-scoresheet table.layout-table td h1 {
  font-size: 1.7em;
  font-weight: bold;
  color: #169914;
  border-bottom: 2px solid #169914;
  padding-top: 10px;
}

pool-dbu-scoresheet table.layout-table td h2 {
  font-size: 1.2em;
  font-weight: bold;
  color: #169914;
  text-align: center;
  margin-top: 1rem;
}

pool-dbu-scoresheet table.layout-table td h3 {
  font-size: 0.8em;
  font-weight: bold;
  color: #169914;
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

pool-dbu-scoresheet table.layout-table td h4 {
  font-size: 0.8em;
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

pool-dbu-scoresheet table.layout-table td h5 {
  font-size: 0.8em;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

pool-dbu-scoresheet table.layout-table td h5.sub {
  margin-top: 0;
  text-align: center;
}

pool-dbu-scoresheet hr {
  height: 0;
  border-top: 3px solid black;
  opacity: 1;
  margin-bottom: 0;
  margin-right: 0;
}

pool-dbu-scoresheet .scoreboard-selector,
pool-dbu-scoresheet .youtube {
  position: relative;
  background-color: #f8f9fa;
}

pool-dbu-scoresheet table.layout-table col.youtube,
pool-dbu-scoresheet table.layout-table td.youtube {
  padding-right: 17px;
}

pool-dbu-scoresheet table.layout-table col.youtube.disabled,
pool-dbu-scoresheet table.layout-table td.youtube.disabled {
  display: none;
}

pool-dbu-scoresheet .youtube {
  text-align: center;
}

pool-dbu-scoresheet .youtube i {
  font-size: 2.3em;
  cursor: pointer;  
  color: red;
}

pool-dbu-scoresheet .youtube i.disabled {
  cursor: default;  
  color: grey;
}

pool-dbu-scoresheet .scoreboard-selector i {
  position: absolute;
  right: 14px;
  top: -3px;
  cursor: pointer;  
  background-color: #f8f9fa;
  font-size: 2.3em;
  z-index: 1;
  padding: 5px;
}

pool-dbu-scoresheet .scoreboard-selector i.scoreboard-selected {
  color: #0070C0;
}

pool-dbu-scoresheet .scoreboard-selector span {
  position: absolute;
  top: 9px;
  left: 18px;
  z-index: 2;
  font-weight: bold;
  font-size: 8pt;
  color: #0070C0;
}

pool-dbu-scoresheet .scoreboard-selector i:hover span,
pool-dbu-scoresheet .scoreboard-selector i:hover {
  background-color: #337ab7;
  color: white;
}

pool-dbu-scoresheet .clubcloud-link {
  text-align: center; 
  font-size: 2.3em;
  vertical-align: top;
}

pool-dbu-scoresheet div.pool-dbu-scoresheet:not(.show-scoreboard-selectors) .scoreboard-selector,
pool-dbu-scoresheet div.pool-dbu-scoresheet:not(.clickable) .clubcloud-link a {
  display: none;
}