.ui-timepicker-wrapper{overflow-y:auto;max-height:150px;width:6.5em;background:#fff;border:1px solid #ddd;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);outline:0;z-index:10052;margin:0}.ui-timepicker-wrapper.ui-timepicker-with-duration{width:13em}.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60{width:11em}.ui-timepicker-list{margin:0;padding:0;list-style:none}.ui-timepicker-duration{margin-left:5px;color:#888}.ui-timepicker-list:hover .ui-timepicker-duration{color:#888}.ui-timepicker-list li{padding:3px 0 3px 5px;cursor:pointer;white-space:nowrap;color:#000;list-style:none;margin:0}.ui-timepicker-list:hover .ui-timepicker-selected{background:#fff;color:#000}li.ui-timepicker-selected,.ui-timepicker-list li:hover,.ui-timepicker-list .ui-timepicker-selected:hover{background:#1980EC;color:#fff}li.ui-timepicker-selected .ui-timepicker-duration,.ui-timepicker-list li:hover .ui-timepicker-duration{color:#ccc}.ui-timepicker-list li.ui-timepicker-disabled,.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{color:#888;cursor:default}.ui-timepicker-list li.ui-timepicker-disabled:hover,.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled{background:#f2f2f2}
/*  Theme Globals */

/*
$primary: #263238;
$primary-dark: #000a12;
$primary-light: #4f5b62;
$primary-text: white;
$primary-dark-text: white;
$primary-light-text: white;

$secondary: #f5f5f5;
$secondary-dark: #c2c2c2;
$secondary-light: white;
$secondary-text: black;
$secondary-dark-text: black;
$secondary-light-text: black;

$highlight: #27aae0;
$highlight-dark: #007bae;
$highlight-light: #6edcff;
$highlight-text: white;
$highlight-dark-text: white;
$highlight-light-text: black;

$error: #d32f2f;
$error-dark: #9a0007;
$error-light: #ef9a9a;
$error-text: white;
$error-dark-text: white;
$error-light-text: black;

$font-stack:    'Roboto condensed', serif;

$media-width-medium: 1100px;
$media-width-small: 450px;
*/

* {
  box-sizing: border-box;
}

html, body, nav, header, ul {
  margin: 0px;
  padding: 0px;
}

html {
  height: 99%;
}

body {
  background-color: rgb(241, 241, 241);
  font-size: 13px;
  font-family: 'Noto sans', sans-serif;
  color: #4F5155;
  margin: 0px;
  padding: 0px;
  height: 99%;
}


header {
  position: relative;
  background-color: #263238;
  color: white;
  height: 130px;
}

header .logo {
  height: 120px;
  margin-left: 20px;
}

header .open-menu {
  position: absolute;
  right: 10px;
  top: 18px;
}

header .open-menu img {
  width: 28px;
}

header .menu {
  list-style-type: none;
  position: absolute;
  padding: 0;
  left: 450px;
  top: 50px;
}

header .menu li {
  float: left;
}

header .menu a {
  color: white;
  text-decoration: none;
  display: block;
  padding: 10px 20px 10px 20px;
  font-size: 16pt;
}

header .menu a.selected {
  background-color: #27aae0;
}

header.menu a:hover {
  background-color: #4f5b62;
}

header .menu .lang-select {
  list-style-type: none;
  margin-top: 10px;
}

header .menu .lang-select li {
  float: left;
}

header .menu .lang-select a {
  text-decoration: none;
  padding: 2px;
}

header .menu .lang-select a:hover {
  background-color: transparent;
}

header .menu .lang-select img {
  max-width: 24px;
}

nav.sub-menu {
  padding-top: 2px;
  background-color: #007bae;
  text-align: center;
  font-size: 0;
}

nav.sub-menu ul {
  list-style-type: none;
  display: inline-block;
}

nav.sub-menu li {
  float: left;
  margin-left: 20px;
}

nav.sub-menu li a {
  padding-top: 4px;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  color: white;
  font-size: 12pt;
  font-weight: normal;
  text-decoration: none;
  height: 30px;
}

nav.sub-menu li a[data-selected='selected'] {
  color: #007bae;
  background-color: white;
}

nav.sub-menu li a:hover {
  background-color: #27aae0;
  color: black;
}

@media screen and (max-width: 1160px) {
  header {
    height: 110px;
  }

  header .logo {
    height: 70px;
  }

  header .menu {
    left: 20px;
    top: 64px;
  }

  header .menu a {
    padding: 5px 10px 5px 10px;
    font-size: 12pt;
  }

  header .menu .lang-select {
    margin-top: 2px;
  }
}

@media screen and (max-width: 500px) {
  header {
    height: 60px;
  }

  header .logo {
    height: 60px;
    margin-left: 10px;
    max-width: 70%;
  }

  header .menu {
    background-color: #000a12;
    left: auto;
    right: 0px;
    top: 50px;
    z-index: 999;
  }

  header .menu li {
    float: none;
  }

  .hide-small {
    display: none;
  }
}

@media screen and (min-width: 500px) {
  header .open-menu {
    display: none;
  }
}

.ui-corner-all {
  border-radius: 0px;
}

a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  background: #deebf1;
  color: #034663;
  border: 1px solid #9db5be;
}

a.ui-button:hover,
a:link.ui-button:hover,
a:visited.ui-button:hover,
.ui-button:hover {
  background: #c7e3f0;
  color: #034663;
  border: 1px solid #72aabe;
}

.dialog-table {
     border-collapse:        separate;
     border-spacing:         2px;
     margin:                 10px;

     font-family:            Arial;
     font-size:              10pt;
 }

.dialog-table tbody:not(:first-of-type)::before {
  content: '';
  display: block;
  height: 15px;
}

 .dialog-table th,
 .dialog-table td {
     padding:                5px;
 }

 .dialog-table td {
     vertical-align:         top;
     background-color:       rgba(255, 255, 255, 0.8);
 }

 .dialog-table th {
     background-color:       #005580;
     color: white;
 }

 .dialog-table .spacer {
    height:                  10px;
    border:                  1px solid transparent;
 }

 .dialog-table button {
     min-width:              30px;
     min-height:                 30px;
     border:                1px solid #aaa;
     border-radius:          3px;
     color: #333;
     cursor: pointer;
 }

 .dialog-table .small-button {
     width:              30px;
     height:             30px;
 }

 .dialog-table .input-save {
     width:              80px;
 }



 .dialog-table input,
 .dialog-table select {
     margin:             2px;
     border:             1px solid lightgray;
     border-radius:      4px;
     padding:            4px;
     font-family:        Arial;
     font-size:          10pt;
 }

 .dialog-table .ui-selectmenu-menu .ui-menu {
     max-height: 150px;
     width:      150px;
 }

 .dialog-table .hidden-cell {
     display:               none;
 }

 /* Match dialog */
 .match-dialog-match-number {
   max-width: 60px;
 }

 /* Match score dialog */
input.match-score-dialog-set {
  max-width: 45px;
  padding: 5px;
  font-size: 12pt;
  border: 1px solid transparent;
}

div.match-score-dialog-player {
  font-size: 11pt;
  white-space: nowrap;
  overflow: hidden;
  color: #0f3670;
}

div.match-score-dialog-team {
  font-size: 9pt;
  white-space: nowrap;
  overflow: hidden;
  color: gray;
}

/* Player dialog */
.player-dialog-container label,
.player-dialog-container input {
  margin-bottom: 5px;
}

.player-dialog-container label {
  display: inline-block;
  min-width: 90px;
}

.player-dialog-container input {
  min-width: 200px;
}

.player-dialog-ac-name {
  color: #0f3670;
  font-size: 11pt;
}

.player-dialog-ac-team {
  color: gray;
  font-size: 9pt;
}

/* Court dialog */
.court-dialog-container .court-venue-wait {
  font-style: italic;
  color: #333333;
}

/* Unit image dialog */
.unit-image-dialog input[type='file'] {
  display: none;
}

.unit-image-dialog .image-list-control-container {
  height: 400px;
}

/* Tournament dialog */
.tournament-dialog input[type='radio'] {
  margin-left: 20px;
}

.tournament-dialog-date {
  width: 100px;
}

.tournament-dialog-time {
  width: 60px;
}

/* Link dialog */
.link-dialog-container .link-dialog-list {
  width: 300px;
  height: 200px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background-color: white;
  padding: 5px;
  overflow: auto;
}

.link-dialog-container .link-dialog-list > div {
  cursor: pointer;
  padding: 4px;
}

.link-dialog-container .link-dialog-list > div:hover {
  background-color: #d7e9f1;
}

.match-control-container {
  position: relative;

  width: 500px;
  height: 118px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.match-control-container div,
.match-control-container ul,
.match-control-container li {
  padding: 0;
  margin: 0;
}

.match-control-header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 25px;

  vertical-align: top;

  background-color: rgba(0, 33, 50, 0.1);
}

div.match-control-header-text,
div.match-control-header-date,
div.match-control-header-matchnumber {
  margin-left: 10px;
  margin-right: 5px;
  margin-top: 2px;
  display: block;
  font-size: 10pt;
  color: #005702;
  float: left;
}

div.match-control-delete {
  float: right;
  color: red;
  vertical-align: top;
  margin-right: 5px;
  font-size: 7pt;
  cursor: pointer;
  font-weight: bold;
}

img.match-control-menu {
  float: right;
  vertical-align: top;
  margin: 2px 2px 0px 0px;
  padding: 0;
  height: 18px;
  width: 18px;
  cursor: pointer;
}


.match-control-team-area {
  position: absolute;
  top: 24px;
  bottom: 0;

  background-color: rgba(255, 255, 255, 0.8);
}

.match-control-team-area.team-1 {
  left: 0;
  right: 50%;
  border-right: 0px;
  border-radius: 0 0 0 4px;
}

.match-control-team-area.team-2 {
  left: 50%;
  right: 0;
  border-radius: 0 0 4px 0;
}

.match-control-score-list {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 40px;
  list-style-type: none;

  background-color: rgba(0, 33, 50, 0.1);
}

.match-control-score-list.team-1 {
  right: 1px;
}

.match-control-score-list.team-2 {
  left: 1px;
}

.match-control-score-list li {
  text-align: center;
}

div.match-control-container.singles div.player-control-container {
  margin-top: 25px;
}

.match-control-team-area.team-1 div.player-control-container {
  margin: 4px 50px 4px 4px;
}

.match-control-team-area.team-2 div.player-control-container {
  margin: 4px 4px 4px 50px;
}

div.match-control-special {
  position: absolute;
  height: 20px;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-align: right;
  color: orange;
}

.match-control-team-area.team-1 div.match-control-special {
  bottom: 0;
  right: 45px;
}

.match-control-team-area.team-2 div.match-control-special {
  bottom: 0;
  right: 10px;
}

ul.quick-menu-container,
ul.quick-menu-container ul {
  z-index: 200;
  max-width: 250px;
}

ul.quick-menu-container li {
  white-space: nowrap;
  max-width: 250px;
}


div.player-control-container.editable {
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  padding: 0px 4px 0px 4px;
}

div.player-control-container.editable:hover {
  background-color: #f3f3f3;
}

div.player-control-name {
  color: #0f3670;
  font-size: 11pt;
  white-space: nowrap;
  overflow: hidden;
}

div.player-control-team {
  color: gray;
  font-size: 9pt;
  white-space: nowrap;
  overflow: hidden;
}

div.player-control-container.not-set .player-control-name {
  color: gray;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 8px;
  padding-bottom: 8px;
}

div.court-control-container {
  position: relative;
  overflow: hidden;
  font-family: Arial;
}

div.court-control-container .court-header {
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  top: 0;
  height: 20px;
  background-color: rgba(0, 33, 50, 0.1);
  /*border: 1px solid #6b8e9e; */
}

div.court-control-container.no-header .court-header {
  display: none;
}

div.court-control-container .court-header .court-name {
  position: absolute;
  left: 2%;
  right: 50%;
  top: 2px;
  bottom: 0;
  overflow: hidden;
  color: #444444;
}

div.court-control-container .court-header .venue-name {
  position: absolute;
  left: 50%;
  right: 20px;
  top: 2px;
  bottom: 0;
  overflow: hidden;
  color: #444444;
  text-align: right;
}

div.court-control-container .match-area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 20px;
  /*background-color: white;
  background: #ffffff url('../images/court/court_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: 0px solid #b3c4cc; */
}

div.court-control-container.no-header .match-area {
  top: 0;
}

div.court-control-container.no-border .match-area {
  border: 0px solid #b3c4cc;
}

div.court-control-container .player-names,
div.court-control-container .team,
div.court-control-container .team-box .team .team-names
div.court-control-container .set,
div.court-control-container .score,
div.court-control-container .no-match-label,
div.court-control-container .team-logo {
    position: absolute;
    white-space: nowrap;
    padding: 0px;
}

div.court-control-container .team-box {
  position: absolute;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
}

div.court-control-container .team-box.team1 {
  position: absolute;
  top: 0;
  bottom: 50%;
  border-bottom: 2px solid transparent;
}

div.court-control-container .team-box.team2 {
  position: absolute;
  top: 50%;
  bottom: 0;
  border-top: 2px solid transparent;
}

div.court-control-container .team-box .player-names,
div.court-control-container .team-box .team-names {
  padding: 2px;
  border-right: 4px solid transparent;
  color: #005580;
}

div.court-control-container .team-box .player-names {
    left: 0;
    top: 0;
    right: 20%;
}

div.court-control-container .team-box.team1 .player-names {
    bottom: 70%;
}

div.court-control-container .team-box.team2 .player-names {
    top: 40%;
    bottom: 30%;
}

div.court-control-container .team-box .team {
    position: absolute;
    left: 0;
    right: 20%;
}

div.court-control-container .team-box .team .team-names {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10%;
  right: 0;
}

div.court-control-container .team-box.no-logo .team .team-names {
  left: 0;
}

div.court-control-container .team-box .team-logo {
    left: 0;
    right: 80%;
    top: 50%;
    /** Needed for old TVs **/
    max-width: 9%;
    max-height: 98%;
    transform: translate(0, -50%);
}

div.court-control-container .team-box.no-logo .team-logo {
    display: none;
}

div.court-control-container .team-box.team1 .team {
    top: 30%;
    bottom: 40%;
}

div.court-control-container .team-box.team2 .team {
    top: 70%;
    bottom: 0;
}

div.court-control-container .team-box .score {
    position: absolute;
    left: 80%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    background-color: #005580;
    color: #fff;

    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

div.court-control-container.no-match .team-box .score {
  background-color: transparent;
}

div.court-control-container .team-box .set {
  position: absolute;
  white-space: nowrap;
  padding: 2px;
  color: #4d4d4d;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}

div.court-control-container .team-box.team1 .set {
  top: 60%;
  bottom: 0px;
}

div.court-control-container .team-box.team2 .set {
  top: 0;
  bottom: 60%;
}

div.court-control-container .team-box .set1 {
  left: 0;
  right: 80%;
}

div.court-control-container .team-box .set2 {
  left: 20%;
  right: 60%;
}

div.court-control-container .team-box .set3 {
  left: 40%;
  right: 40%;
}

div.court-control-container .team-box .set4 {
  left: 60%;
  right: 20%;
  border-right: 4px solid transparent;
}

div.court-control-container .court-control-menu  {
  float: right;
  cursor: pointer;
  margin: 2px;
}

div.court-control-container .no-match-label {
  top: 45%;
  bottom: 45%;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
  color: #005580;
}

div.court-control-container.no-match .no-match-label {
  display: block;
}

.venue-control-container {
  margin: 20px 10px 5px 5px;
  padding: 15px 0px 10px 0px;
  border-top: 1px solid #005580;;
  position: relative;
  width: 100%;
}

.venue-control-container >.venue-name {
  position: absolute;
  left: 25px;
  top: -11px;
  padding: 0px 5px 0px 5px;

  background-color: rgb(241, 241, 241);
  color: #007bae;
}

.venue-control-container .court-control-container {
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}

.venue-control-container .venue-collapse,
.venue-control-container .venue-expand {
  position: absolute;
  left: 5px;
  top: -11px;
  padding: 0px 5px 0px 5px;
  width: 20px;
  height: 20px;
  text-align: center;

  background-color: rgb(255, 255, 255);
  border: 1px solid lightblue;
  border-radius: 4px;
  color: #007bae;
  cursor: pointer;
  
}

.wait-dot-control {
  display: inline-block;
}

.image-list-control-container {
  width: 320px;
  height: 200px;
  overflow-y: auto;
}

.image-list-control-image-container {
  display: inline-block;
  position: relative;
}

.image-list-control-container img {
  border: 1px solid transparent;
  border-radius: 4px;
  width: 140px;
  height: auto;
  margin: 4px;
  padding: 4px;
  cursor: pointer;
}

.image-list-control-container img:hover {
  border: 1px solid #007bae;
}

.image-list-control-image-menu {
  display: none;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 8px;
  top: 8px;
  border: 1px solid lightgrey;
  border-radius: 4px;
  background-color: white;
  background-image: url('../images/icons/settings_arrow.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90% 90%;
  cursor: pointer;
}

.image-list-control-image-container:hover .image-list-control-image-menu {
  display: block;
}

.roundrobin-control-container {
  padding: 10px;
}

.roundrobin-control-container h4 {
  margin: 3px;
}

.roundrobin-control-container table {
  border:             1px solid transparent;
  border-radius:      4px;
  background-color:   #fff;
  font-size:          11pt;
  border-spacing:     0px;
}

.series-table-control td {
  border-top:         1px solid #afd1e6;
}


.roundrobin-control-container td, th {
  padding:            5px 10px 5px 10px;
}

.roundrobin-control-container td {
  border-top:         1px solid #afd1e6;
}

.roundrobin-control-container th {
  background-color: #0b496f;
  color: #fff;
  font-weight: normal;
}

.roundrobin-control-container td.roundrobin-name {
    text-align:         left;
    color:              #0f3670;
}

.roundrobin-control-container td.roundrobin-number {
    text-align:         center;
}

.roundrobin-control-container tr.roundrobin-no-players td {
  text-align: center;
  font-style: italic;
}

.roundrobin-control-container .roundrobin-control-form {
  max-width: 250px;
}

.roundrobin-control-container .roundrobin-control-add-player {
  display: inline-block;
}

.roundrobin-control-container .roundrobin-control-scores-name {
  color: #0f3670;
  font-size: 12pt;
}

.roundrobin-control-container .roundrobin-control-remove-entry {
  height: 25px;
  width: 25px;
  border: 1px solid lightgrey;
  border-radius: 2px;
  cursor: pointer;
  background-color: #eee;
  background-image: url('../images/user_delete.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  visibility: hidden;
}

.roundrobin-control-container:not(.readonly) tr:hover .roundrobin-control-remove-entry {
  visibility: visible;
}

.roundrobin-control-container .roundrobin-control-flex {
  display: flex;
  flex-wrap: wrap;
}

.roundrobin-control-container .roundrobin-control-flex > div {
  margin-right: 20px;
  margin-bottom: 10px;
}

.roundrobin-control-container .roundrobin-control-logo img {
  width: 50px;
  height: 40px;
}
/** NORMAL SIZE GRID **/

.series-result-control-container {
  min-width: 500px;
  white-space: nowrap;
  overflow: visible;
  display: inline-block;
  background-color: #0b496f;
  padding: 10px;
}

.series-result-grid {
  display: grid;
  grid-template-columns: 1fr 3fr 30px 3fr 1fr;
  grid-template-rows: max(50px) max(50px);
  gap: 5px;
}

.series-result-grid-divider {
  grid-column: 3;
  grid-row: 1 / span 2;
  justify-self: center;
  align-self: center;
}

.series-result-grid-team1-logo {
  grid-column: 1;
  grid-row: 1;
  max-height: 50px;
  justify-self: center;
  align-self: center;
}

.series-result-grid-team2-logo {
  grid-column: 5;
  grid-row: 1;
  max-height: 50px;
  justify-self: center;
  align-self: center;
}

.series-result-grid-team1-name {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  align-self: center;
}

.series-result-grid-team2-name {
  grid-column: 4;
  grid-row: 1;
  justify-self: center;
  align-self: center;
}

.series-result-grid-team1-score {
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
  align-self: center;
}

.series-result-grid-team2-score {
  grid-column: 4;
  grid-row: 2;
  justify-self: center;
  align-self: center;
}

.series-result-control-divider {
  font-size: 28pt;
  color: #fff;
}

.series-result-control-team {
  font-size: 22pt;
  color: #fff;
}

.series-result-control-score {
  font-size: 28pt;
  color: #ffeb38;
}


/** SMALL SIZE GRID **/
.series-result-control-container.small {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  min-width: 0;
  background-color: #fff;
  border-left: 6px solid #0b496f;
}

.series-result-control-container.small:hover {
  background-color: #eff7ff;
}

.series-result-control-container.small .series-result-grid {
  display: grid;
  grid-template-columns: 40px 3fr 1fr 10px 1fr 3fr 40px;
  grid-template-rows: auto;
  gap: 5px;
}

.series-result-control-container.small .series-result-grid-divider {
  grid-column: 4;
  grid-row: 1;
  justify-self: center;
  align-self: center;
}

.series-result-control-container.small .series-result-grid-team1-logo {
  grid-column: 1;
  grid-row: 1;
  max-height: 30px;
  max-width: 30px;
  justify-self: center;
  align-self: center;
  border-radius: 4px;
}

.series-result-control-container.small .series-result-grid-team2-logo {
  grid-column: 7;
  grid-row: 1;
  max-height: 30px;
  max-width: 30px;
  justify-self: center;
  align-self: center;
  border-radius: 4px;
}

.series-result-control-container.small .series-result-grid-team1-name {
  grid-column: 2;
  grid-row: 1;
  justify-self: start;
  align-self: center;
}

.series-result-control-container.small .series-result-grid-team2-name {
  grid-column: 6;
  grid-row: 1;
  justify-self: end;
  align-self: center;
}

.series-result-control-container.small .series-result-grid-team1-score {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  align-self: center;
}

.series-result-control-container.small .series-result-grid-team2-score {
  grid-column: 5;
  grid-row: 1;
  justify-self: start;
  align-self: center;
}

.series-result-control-container.small .series-result-control-team {
  font-size: 11pt;
  font-weight: normal;
  color: #333333;
}

.series-result-control-container.small .series-result-control-score {
  font-size: 11pt;
  color: #325bb8;
  margin-left: 4px;
  margin-right: 4px;
}

.series-result-control-container.small .series-result-control-divider {
  font-size: 11pt;
  color: #00498f;
}

/** LEGACY TABLE **/

.series-result-control-legacy-team1 {
  position: absolute;
  left: 5%;
  right: 5%;
  top: 10%;
  bottom: 50%;
}

.series-result-control-legacy-team2 {
  position: absolute;
  left: 5%;
  right: 5%;
  top: 50%;
  bottom: 10%;
}

.series-result-control-legacy .series-result-control-logo-container {
  position: absolute;
  left: 0;
  right: 82%;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

.series-result-control-legacy .series-result-control-team {
  position: absolute;
  left: 20%;
  right: 20%;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

.series-result-control-legacy .series-result-control-score {
  position: absolute;
  left: 85%;
  right: 0;
  top: 10%;
  bottom: 10%;
  display: flex;
  align-items: center;
}
.message-control {
    border-radius:      10px;
    min-height:         60px;
    width:              550px;
    margin:             10px;
    padding:            15px;
}

.message-control.message-error {
    border:             1px solid #ee885b;
    border-radius:      10px;
    background-color:   #ffeeee;
}

.message-control.message-warning {
    border:             1px solid #eeaa5b;
    border-radius:      10px;
    background-color:   #ffffd8;
}

.message-control.message-notice {
    border:             1px solid #88ee88;
    border-radius:      10px;
    background-color:   #eeffee;
}

.message-control.message-inactive {
    border:             1px solid #bbbbbb;
    border-radius:      10px;
    background-color:   #f3f3f3;
}

.message-control .message-header {
    border-bottom:      1px solid #999999
}

.message-control .message-buttons {
  float: right;
}

.message-control .message-button {
  height: 42px;
  width: 42px;
    padding:            2px;
    border:             1px solid transparent;
    border-radius:      5px;
    background-color:   transparent;
    cursor:             pointer;
}

.message-control .message-button:hover {
    border:             1px solid grey;
    background-color:   rgba(0, 0, 0, 0.05);
}

.message-control .message-match-info {
  float: left;
}

.message-control .message-match-description {
    font-size:          7pt;
}

.message-control .message-set-description {
    font-size:          7pt;
    text-align:         center;
    padding-left:       20px;
}

.message-control .message-names {
    font-size:          12pt;
    font-weight:        bold;
}

.message-control .message-match-score {
    font-size:          24pt;
    padding-left:       20px;
    text-align:         center;
}

.message-control .message-shuttles,
.message-control .message-duration {
    font-weight:        bold;
}


.tournament-list-control .tournament-list-control-tournament {
  margin-top: 15px;
  padding: 5px;
  border: 1px solid transparent;
}

.tournament-list-control .tournament-list-control-header {
  text-align: center;
  margin-bottom: 5px;;
}

.tournament-list-control .tournament-list-control-tournament-list {
  list-style-type: none;
}

.tournament-list-control .tournament-list-control-tournament:hover,
.tournament-list-control .tournament-list-control-content-group:hover {  
  border: 1px solid #aad1f9;
  background-color: rgba(255, 255, 255, 0.8);
}

.tournament-list-control .tournament-list-control-name {
  margin-top: 0;
  margin-bottom: 0;
}

.tournament-list-control .tournament-list-control-team1,
.tournament-list-control .tournament-list-control-team2 {
  font-size: 12pt;
  color: #008000;
}

.tournament-list-control .tournament-list-control-team1score,
.tournament-list-control .tournament-list-control-team2score {
  font-size: 11pt;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}

.tournament-list-control .tournament-list-control-not-published {
  color: red;
}

.tournament-list-control-content-group {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 8px 4px 8px 4px;
  margin: 2px 2px 10px 2px;  
  color: #4F5155;
  text-align: left;

  cursor: pointer;
}

.tournament-list-control-content-group a {
  text-decoration: none;
}

.tournament-list-control-content-group h3,
.tournament-list-control-content-group h4 {
  margin: 2px;
}

.tournament-list-control-content-group h3 {
  margin: 2px;
  color: #4F5155;
}

.tournament-list-control-content-group h4 {
  font-size: 9pt;
  font-weight: normal;
  color: #325bb8;
}

.tournament-list-control-content-group img {
  width: 100%;
  height: auto;
  border-radius: 4px;;
}
.series-table-control table {
    border:             1px solid transparent;
    border-radius:      4px;
    background-color:   #fff;
    font-size:          11pt;
    border-spacing:     0px;
}
.series-table-control td, th {
    padding:            5px 10px 5px 10px;
}

.series-table-control th {
    background-color: #0b496f;
    color: #fff;
    font-weight: normal;
}

.series-table-control td {
    border-top:         1px solid #afd1e6;
}

.series-table-control table[data-series-table-type='sbl_2021'] tr:nth-child(8) td,
.series-table-control table[data-series-table-type='sbl_2021'] tr:nth-child(10) td  {
    border-top:         2px solid #8cbbd8;
}


.series-tournament-list,
.series-tournament-list ul {
  list-style-type: none;
}

.series-tournament-list h3 {
  color: green;
  font-size: 8pt;
  margin-top: 10px;
  margin-bottom: 1px;
}

.series-tournament-list h4 {
  color: #666;
  font-size: 7pt;
  margin-top: 2px;
  margin-bottom: 0;
}

.series-tournament-list .series-tournament-list-time li {
  margin-left: 40px;
}

.tournament-summary-control {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 15px 15px 20px 15px;
}

.tournament-summary-control a {
    text-decoration: none;
}

.tournament-summary-control h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.tournament-summary-control h4 {
  margin-top: 0;
  margin-bottom: 0;
  color: green;
  font-size: 8pt;
  text-align: right;
}

.tournament-summary-control h4:first-of-type {
  margin-top: -15px;
} 

.tournament-summary-control .tournament-summary-name {
  font-size: 14pt;
  color: #295ba4;
  padding: 4px 12px 4px 12px;
}

.tournament-summary-base {
  display: flex;
  flex-wrap: wrap;
}

.tournament-summary-control .tournament-summary-flow {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.tournament-summary-control .tournament-summary-multiseries {
  margin-right: 20px;
  margin-bottom: 20px;
}

.tournament-summary-control .tournament-summary-multiseries:empty {
  display: none;
}

.tournament-summary-control .tournament-summary-recent, 
.tournament-summary-control .tournament-summary-upcoming {
  margin-bottom: 20px;
}

.tournament-summary-control .show-all {
  text-align: center;
}
.match-summary {
  padding: 5px 10px 5px 10px;
  border: 1px solid transparent;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 8px 0px 0px 0px;
}

.match-summary .names {
  min-width: 180px;
  color: #0f3670;
  font-size: 11pt;
  white-space: nowrap;
  overflow: hidden;
}

.match-summary .teams {
  color: gray;
  font-size: 9pt;
  white-space: nowrap;
  overflow: hidden;
}

.match-summary .score {
  font-size: 12pt;
  color: #555;
  text-align: center;
  padding-top: 5px;
  padding-left: 5px;
}

.match-summary .score.winner {
  font-size: 13pt;
  color: #111;
}

.match-summary .info-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;

  font-size: 8pt;
}


.year-control {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}

.year-control-button {
  background-color: transparent;
  color: black;
  border: 1px solid transparent;
  padding: 10px 15px;
  font-size: 1em;
  cursor: pointer;
}

.year-control-button:hover {
  background-color: lightgray;
}

.year-control-left  {
  border-radius: 5px 0 0 5px;
}

.year-control-right {
  border-radius: 0 5px 5px 0;
}

.year-control-year {
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px 15px;
}