@media all {  * { box-sizing: border-box; -moz-box-sizing: border-box; }  body { font-family: Arial, Helvetica; margin: 0; padding: 0; color: #333333; }  a { color: #16AFD3; }  a:hover { text-decoration: underline;}  h1 a {  color: #333333;  font-size: 18px;  font-weight: bold;  }  table {  border-spacing: 0;  border-collapse: collapse;  }  table th {  color: #484848;  text-align: left;  }  hr {  border: 0;  border-top: 1px solid #F6F6F6;  }  textarea { background-image: none; border: 1px solid #D2D2D2; box-sizing: border-box; }  input { border-radius: 0; } } @media print {  * { font-size: 12px; }  thead { display: table-header-group; }  td,th { page-break-inside: avoid; } }@media all {  *.unselectable {  -moz-user-select: -moz-none;  -khtml-user-select: none;  -webkit-user-select: none;-ms-user-select: none;  user-select: none;  }  .floatLeft { float: left; }  .floatRight { float: right; }  .inline { display: inline-block; }  .fullWidth { width: 100%; }  .left { text-align: left; }  .right { text-align: right; }  .center { text-align: center; }  .automargin { margin: auto; }  .middle { vertical-align: middle; }  .top { vertical-align: top; }  .text-top { vertical-align: text-top; }  .bottom { vertical-align: bottom; }  .relative { position: relative; }  .absolute { position: absolute; }  .nobr { white-space: nowrap; }  .clear { clear: both; }  .hide { display: none;}  .bold { font-weight: bold; }  .boldlink a { font-weight: bold; }  .italic { font-style: italic; }  .strike { text-decoration: line-through; }  .monospace {font-family: monospace; }  .uppercase { text-transform: uppercase; }  .lowercase { text-transform: lowercase; }  .ucfirst::first-letter { text-transform: uppercase; }  .nowrap { white-space: nowrap }  .smaller { font-size: smaller; }  .rotate180 { -webkit-transform: rotate(180deg); }  .rowOne, .odd { background-color: #EDEDED; } .white { color: #FFFFFF !important; }  .padding4 { padding: 4px !important; }  .padding2 { padding: 2px !important; }  .curved2 {  -moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius: 2px;}  .curved2left {  -moz-border-radius-topLeft:2px;  -moz-border-radius-bottomLeft:2px;  -webkit-border-top-left-radius:2px;  -webkit-border-bottom-left-radius:2px;  -khtml-border-top-left-radius:2px;  -khtml-border-bottom-left-radius:2px;  border-top-left-radius: 2px;  border-bottom-left-radius: 2px; }  .curved2right {  -moz-border-radius-topRight:2px;  -moz-border-radius-bottomRight:2px;  -webkit-border-top-right-radius:2px;  -webkit-border-bottom-right-radius:2px;  -khtml-border-top-right-radius:2px;  -khtml-border-bottom-right-radius:2px;  border-top-right-radius: 2px;  border-bottom-right-radius: 2px; }  .sortable .draggable { cursor: grab; }  .dont-break-out {overflow-wrap: break-word;  word-wrap: break-word;   -ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;  -moz-hyphens: auto;  -webkit-hyphens: auto;  hyphens: auto;  } } @media print {  .noprint { display: none; } } /*  * CS_BOOTSTRAP: Bootstrap CSS for all CueScore sites  */ @font-face { font-family: 'Antonio Bold'; src: url('/font/antonio/Antonio-Bold.ttf'); } @font-face { font-family: 'Antonio Light'; src: url('/font/antonio/Antonio-Light.ttf'); } @font-face { font-family: 'Antonio Regular'; src: url('/font/antonio/Antonio-Regular.ttf'); }  @media all {   html, body { font-family: 'Open Sans', arial;background-color: #FAFAFA; margin: 0; padding: 0; }  .dropshadow { -moz-filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.5)); -ms-filter: drop-shadow(0px 0px 20px rgba(0,0,0,0.5)); filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#444'); -ms-filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#444'); box-shadow: 0px 0px 55px rgba(0,0,0,0.4) }  .bigshadow { box-shadow: 0 0 38px rgba(0,0,0,0.30), 0 0 38px rgba(0,0,0,0.22); }  .dropshadowNoTop { -webkit-filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.5)); -moz-filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.5)); -ms-filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.5)); -o-filter: drop-shadow(0px 10x 5px rgba(0,0,0,0.5)); filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.5)); filter: url(/img/shadow.svg#drop-shadow); filter: progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444'); -ms-filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#444'); }  .antonio { font-family: 'Antonio Regular'; }  .antonioBold { font-family: 'Antonio Bold'; } } /*  * CS_FORMS: CSS for elements designed for the CueScore project  */ @media all {  /**  * INPUT tags */ input, select { font-family: 'Open Sans'; padding: 0 10px; outline: 0; }  /**  * INPUT tags inside .field */ .field { width: 250px; } .field.fullWidth { width: 100%; } .field input[type="text"], .field input[type="password"], .field input[type="submit"], .field input[type="button"], .field input[type="time"], .field input[type="number"], .field textarea, .field select { width: 100%; background-color: #415159; color: #FFFFFF; border: none; padding: 5px; padding-left: 20px; padding-right: 20px; margin-bottom: 12px; } .field input[type="search"] { width: 100%; height: 30px; } .field input[type="number"] { padding: 3px 0 3px 3px; width: 50px; text-align: center; } .field input[type="submit"], .field input[type="button"], .field input[type="button"].save { background-color: #16AFD3; font-family: 'Open sans'; text-transform: uppercase; text-align: center; font-size: 16px; font-weight: 700; cursor: pointer; border-radius: 18px; height: 36px; } .field input[type="submit"]:disabled, .field input[type="button"].save:disabled { background-color: #415159; color: #999999; cursor: auto; } .field input.cancel[type="button"] { border: 1px solid #16AFD3; color: #16AFD3; background-color: transparent; } .field select { height: 30px; background: transparent; color: #FFFFFF; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #475A65 url('/img/arrow_down_12.png') right 10px center no-repeat; } .field select optgroup { color: white; background-color: #16afd3; } .field select optgroup option { color: #000000; background-color: #FFFFFF; } .field select option:disabled { color: #999999; text-decoration: line-through; } .field.white select { color: #000000 !important; background: #FFFFFF url('/img/arrow_down_black_12.png') right 5px center no-repeat; } .field input[type="time"] { width: 100px; margin-left: 12px; } .field.openinghours { width: 310px; } .field.error > .message { color: #FF0000; } .field input::-webkit-input-placeholder { color: #FFFFFF; font-size: 14px; } .field input:-moz-placeholder { color: #FFFFFF; opacity: 1; font-size: 14px; } .field input::-moz-placeholder { color: #FFFFFF; opacity: 1; font-size: 14px; } .field input:-ms-input-placeholder { color: #FFFFFF; font-size: 14px; } .field input:focus::-webkit-input-placeholder { color: #999999; font-size: 14px; } .field input:focus:-moz-placeholder { color: #999999; opacity: 1; font-size: 14px; } .field input:focus::-moz-placeholder { color: #999999; opacity: 1; font-size: 14px; } .field input:focus:-ms-input-placeholder { color: #999999; font-size: 14px; } .field input[type="search"]::-webkit-input-placeholder { color: #FFFFFF; font-size: 14px; } .field input[type="search"]:-moz-placeholder { color: #FFFFFF; opacity: 1; font-size: 14px; } .field input[type="search"]::-moz-placeholder { color: #FFFFFF; opacity: 1; font-size: 14px; } .field input[type="search"]:-ms-input-placeholder { color: #FFFFFF; font-size: 14px; } .field input[type="search"]:focus::-webkit-input-placeholder { color: #999999; font-size: 14px; } .field input[type="search"]:focus:-moz-placeholder { color: #999999; opacity: 1; font-size: 14px; } .field input[type="search"]:focus::-moz-placeholder { color: #999999; opacity: 1; font-size: 14px; } .field input[type="search"]:focus:-ms-input-placeholder { color: #999999; font-size: 14px; } .field .selInputs .container { display: inline-block; margin-right: 10px; height: 30px; padding-top: 4px; } .field .selInputs .text { white-space: nowrap; overflow: hidden; } .field .selInputs input { border: 0; width: 180px; } .field .selInputs div.removeBtn { width: 18px; height: 18px; margin-left: 5px; }  .radioOn { width: 16px; height: 16px; padding-left: 20px; background: transparent url('/img/radio-on.svg') no-repeat left center; } .radioOff { width: 16px; height: 16px; padding-left: 20px; background: transparent url('/img/radio-off.svg') no-repeat left center; } .csRadio + .csRadioImg { width: 16px; height: 16px; padding-left: 20px; background: transparent url('/img/radio-off.svg') no-repeat left center; display: inline-block; } .csRadio ~ label {} .csRadio:checked + .csRadioImg { width: 16px; height: 16px; padding-left: 20px; background: transparent url('/img/radio-on.svg') no-repeat left center; } .csRadio:checked + .csRadioImg + label {} .csRadio:disabled + .csRadioImg { width: 16px; height: 16px; padding-left: 20px; background: transparent url('/img/radio-disabled-off.svg') no-repeat left center; } .csRadio:disabled + .csRadioImg ~ label {} .csRadio:disabled:checked + .csRadioImg { width: 16px; height: 16px; padding-left: 20px; background: transparent url('/img/radio-disabled-on.svg') no-repeat left center; } .csRadio:disabled:checked + .csRadioImg ~ label {}   /**  * NEW .field, inside .editarea  */ .editarea .field input[type="text"], .editarea .field input[type="password"], .editarea .field input[type="submit"], .editarea .field input[type="button"], .editarea .field input[type="time"], .editarea .field input[type="number"], .editarea .field textarea, .editarea .field select { background-color: #EFEFEF; border: 1px solid #DFDFDF; color: #475a65; height: 36px; }   /**  * table class  */ table.table { width: 100%; max-width: 100%; margin-bottom: 10px; } table.table td { overflow: hidden; } table.table td:nth-child(2) { max-width: 200px; } table.table, table.table a, table.table a:link { color: #415159; } table.narrow td { overflow: hidden; } table.narrow td:nth-child(2) { max-width: 120px; } table.narrow tbody { font-size: 14px; } table.tableHead { width: 100%; font-family: 'Antonio Bold'; } .tableHead thead { background-color: transparent; } .tableHead th:nth-child(1) { position: relative; width: 12px; background-color: transparent; } .tableHead th:nth-child(1) img { position: absolute; top: -2px; left: -1px; width: 28px; height: 32px; } .tableHead th:nth-child(2) { background-color: #475A65; color: #FFFFFF; text-transform: uppercase; line-height: 27px; padding-left: 20px; } .table tbody td:nth-child(1), .table thead th:nth-child(1) { } .table.narrow tbody td:first-child { max-width: 190px; overflow: hidden; } .table tbody tr.link { cursor: pointer; } .table tbody tr.link:hover { background-color: #DBDDDE; } .table tbody td { white-space: nowrap; } .table th { font-family: 'Antonio Regular'; font-weight: 500; font-size: 16px; text-transform: uppercase; color: #475A65; margin-bottom: 5px; }  /**  * zSuggest:  */ ul.zSuggest { margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 16px; color: #000; } ul.zSuggest .ajaxSearching { color: #000000; } ul.zSuggest span.zs-highlight { font-weight: bold; } ul.zSuggest div.zs-image { background-repeat: no-repeat; float: left; margin-left: 5px; margin-right: 8px; } ul.zSuggest .zs-menu-item:hover, ul.zSuggest .zs-state-hover, ul.zSuggest .zs-state-hover > span.zs-extra { color: #415159; background-color: #FF9800;} ul.zSuggest .zs-menu-item.ajaxSearching { height: 48px; padding-top: 7px; padding-left: 5px; background: #242b2d; color: #FFF } ul.zSuggest span.zs-extra img.flag { margin-right: 3px; } ul.zSuggest .zs-menu-item img.list-style { float: left; width: 34px; margin-left: 8px; margin-top: 4px; margin-right: 5px; } ul.zSuggest .zs-text { overflow: hidden; height: 48px; padding-top: 7px; padding-left: 5px; } ul.zSuggest li div { display: block; padding-top: 0px; white-space: nowrap; } ul.zSuggest li span.zs-extra { color: #415159; font-size: smaller; } ul.zSuggest li:nth-child(even) { background-color: #fafafa; } ul.zSuggest li:nth-child(odd) { background-color: #ededed; }  /**  * CUSTOM elements  */ .spinner-text { display: none; } div.toggle { width: 80px; height: 32px; cursor: pointer; } div.toggle.true { background: url(/img/toggle_on.png); } div.toggle.false { background: url(/img/toggle_off.png); } .zor.vertical { float: left; margin: 0px 30px; } .zor.vertical > .bar { background: transparent url(/img/vertical_bar.png) center repeat-y; } .zor.vertical .text { color: #415159; font-weight: 700; } .removeBtn { width: 30px; height: 28px; background: transparent url(/img/delete-new.svg) center center / 24px no-repeat; cursor: pointer; border: none; } .addBtn { width: 30px; height: 30px; background: #FF9800; content: '+'; cursor: pointer; color: #FFFFFF; font-weight: 700; font-size: 18px; border: none; } .toggler { text-transform: uppercase; font-weight: bold; } .toggler img { vertical-align: middle; }  /**  * Hexagons:  * DEPRECATED: DO NOT USE  */ .CSHex { position: relative; text-align: left; } .CSHex .hexagon { position: absolute; } .CSHex .hexagon:before, .CSHex .hexagon:after { content: ""; position: absolute; width: 0; } .CSHex .hexagon:before { bottom: 100%; } .CSHex .hexagon:after { top: 100%; width: 0; } .CSHex .hexImage, .CSHex .hexContent { position: absolute; z-index: 2; } .CSHex .hexContent { width: 100%; top: 25%; padding: 5%; padding-top: 0; }   /**  * Material design inputs/form elements:  */ .material {}.material .input-group {  position: relative;  margin: 30px auto; } .material input:invalid { box-shadow: none !important; } .material .input-group.error input, .material .input-group.error select { border-bottom: 1px solid #e22b5b; } .material .form-control {  position: relative;  z-index: 1;  width: 100%;  height: 35px;  font-size: 16px;  border: none;  border-bottom: 1px solid rgba(14,38,102,0.54);  background-color: transparent;  outline: 0;  color: #0e2666; } .material select.form-control {  font-size: 14px; } .material .form-control + label {  position: absolute;  top: 8px;  left: 3px;  font-size: 16px;  color: rgba(14,38,102,0.54);  transition: all .2s ease-out;  white-space: nowrap; } .material .form-control.search + label {  left: 35px; } .material .form-control:focus {  outline: none;  border-width: 2px;  border-color: #2196F3;  transition: all .2s ease-out; } .material .form-control:focus + label, .material .form-control.has-value + label, .material .form-control:valid + label {  top: -15px;  color: #467df7;  font-size: 12px; } .material .form-control:focus + label {  font-weight: 600; } .material .input-group.error .form-control + label, .material .input-group.error div.message {  color: #e22b5b; } .material .form-control.has-value:not(:focus) + label, .material .form-control:valid:not(:focus) + label {  color: rgba(14,38,102,0.54); } .material .form-control:invalid:not(:empty) + label { color: red; top: -15px; font-size: 12px; } .material .form-control:invalid:not(:empty) ~ .bar:before, .material .form-control:invalid:not(:empty) ~ .bar:after { background: red; } .material .form-control:disabled { color: rgba(14,38,102,0.35); } .material .form-control:disabled + label { top: -15px; font-size: 12px; }  .material button {  background-color: #2196F3;  color: white;  font-size: 14px;  text-transform: uppercase;  font-weight: 500;  border: 1px solid #2196F3;  height: 36px;  padding: 0 16px;  border-radius: 2px;  box-shadow: 0 1px 3px #999999; } .material textarea.form-control {  height: 120px;  border-bottom: 1px solid rgba(14,38,102,0.54);  font-family: inherit;  padding: 10px;  font-size: 14px; }  .material.dark .form-control {  color: #FFF; } .material.dark .form-control option {  color: #000; }  /** animated bottom bar */ .material .bar {  position: relative;  display: block; } .material .bar:before, .material .bar:after {  content: '';  height: 2px;  width: 0;  bottom: 1px;  position: absolute;  background: #467df7;  transition: 0.4s ease all; } .material .bar:before {  left: 50%; } .material .bar:after {  right: 50%; } .material .desc { opacity: 0.65; font-size: 12px; } .material .form-control:focus ~ .desc { color: #0e2666; opacity: 0.9;} /** error in form input field, the line below the input should be in error color */ .material .form-control.error {  border-bottom: 1px solid #e22b5b; } .material .form-control:focus {  border-color: transparent; } .material .form-control:focus ~ .bar:before, .material .form-control:focus ~ .bar:after {  width: 50%; }  .material .radio-related {  } .material .radio-related input {  display: none; } .material .radio-related input + label {padding: 6px 30px;  border: 1px solid #467df7;  min-height: 36px; } .material .radio-related input:checked + label { background-color: #467df7;  font-weight: 700;  color: #FFF; }  .message.error { color: #bf3636; }  }/**  * CUESCORE_BASE: CSS for cuescore.com  */ @media all {  *::selection {  background: rgba(59,176,255,0.2) ;  }  mark {  background: rgba(59,176,255,0.2);  }   /**  * Keep the Footer at the bottom (stick to the bottom of the window or the bottom of #Content), and fixed header  */  html, body, #Container { margin: 0; padding: 0; }  #cookie-notice { min-height: 44px; color: #000; background-color: #FF9800; text-align: center; display: flex; justify-content: center; align-items: center; }  #cookie-notice div.desc { text-align: center; width: 100%; }  #cookie-notice a { color: #FFF; font-weight: 700; }  #cookie-notice div.ok { width: 32px; height: 32px; position: relative; cursor: pointer; }  #cookie-notice div.ok::before { content: ''; position: absolute; height: 2px;width: 100%; top: 50%; left: 0; margin-top: -1px; background: #FFF; transform: rotate(45deg); }  #cookie-notice div.ok::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #FFF; transform: rotate(-45deg); }  #Header { height: 126px; width: 100%; min-width: 960px; background: #0e2666; position: relative; }  #Header a#CSLogo { display: block; position: relative; z-index: 9; width: 116px; height: 90px; padding-top: 15px; text-align: center; margin: 0 auto; background: transparent url(/img/cuescore-logo-white.svg) top 20px center / 116px no-repeat; }  #Header a#CSLogo img { width: 117px; }  #Content { min-height: 800px; }  #Content .CSModalBox { background-color: #FFF; min-width: 500px; max-height: 84vh; box-shadow: 6px 12px 24px rgba(14, 38, 102, 0.3); border-radius: 16px; }  .ghostlink { height: 36px;  background: #467DF7;  line-height: 36px;  border-radius: 18px;  display: inline-block;  padding: 0 16px;  text-transform: uppercase;  font-weight: 700;  font-size: 14px;  color: #FFF ; }  .ghostlink:link { color: #FFF; text-decoration: none; }  .ghostlink:active,  .ghostlink:visited { color: #FFF; }  .ghostlink:hover { cursor: pointer; opacity: 0.7; }  a.blueghost {  height: 36px;  line-height: 36px;  border: 1px solid #467DF7;  border-radius: 18px;  display: inline-block;  padding: 0 16px;  text-transform: uppercase;  font-weight: 700;  font-size: 14px;  color: #467DF7 !important;  }  a.blueghost:active,  a.blueghost:hover {  background-color: #5788F6;  color: #FFF !important;  text-decoration: none;  cursor: pointer;  }  .date-picker-wrapper { z-index: 10;  border-top: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE;  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.347656);  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.347656);  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.347656);  }  /**  * Always present elements  */  #HeaderPrint { display: none; }  #HeaderMenuMobile, #HeaderMenuMobileUser, #HeaderMenuMobileSearch { display: none; }  #HeaderPrintLogo { position: absolute; top: 0px; right: 0px; width: 170px; height: 80px; background: transparent url('/img/cuescore-logo.svg') 0px 0px no-repeat; z-index: 2; cursor: pointer; }  #HeaderTop { height: 32px; width: 100%; position: fixed; top: 6px; background-color: #475A65; }  #Header.loggedIn #HeaderLogo { background-image: url('/img/CS_logo_flag_pict_small.png'); width: 90px; height: 106px; }  #HeaderUser { position: absolute; top: 7px; line-height: 32px; right: 104px; color: #FFFFFF; font-weight: bold; font-size: 14px; cursor: pointer; text-transform: uppercase; }  .notificationline { position: absolute; right: 0; top: 16px; display: flex; }  #HeaderCart { background: url(/img/cart.png) center center no-repeat; width: 32px; height: 36px; width: 32px; margin: 0 10px; }  #HeaderNotifications { margin: 0 10px; height: 36px; min-width: 36px; border: 0px solid white; background: transparent url(/img/notification-bell-white.svg) left center no-repeat; color: #FF9800; font-size: 12px; font-weight: 600; padding-left: 10px; text-align: center; opacity: 0.5; }  #HeaderNotifications.notify { opacity: 1;}  #HeaderMenu #HeaderCart.hide { display: none;}  #HeaderCart .lineCount { color: #FF9800; text-align: center; line-height: 22px; font-size: 12px; padding-left: 4px; width: 100%;}  #OrderBox { width: 605px; background-color: #FFF; max-height: 85%; overflow: auto; text-transform: none; font-size: 17px; }  #Cart .orderlines { margin-top: 50px; cursor: default; }  #Cart .orderline { min-height: 66px; padding: 10px 5px; position: relative; }  #Cart .orderline.selected .olDesc { color: #FF9800; }  #Cart .orderline .olRadio { float: left; margin-right: 8px; }  #Cart .orderline .olDesc { float: left; line-height: 22px; max-width: 370px; }  #Cart .orderline .olDesc .small { font-style: italic; font-size: 14px; line-height: 14px; }  #Cart .orderline .olName { font-weight: bold; }  #Cart .orderline.disabled { color: #D2D2D2; }  #Cart .orderline.disabled .olName { font-weight: normal; }  #Cart .orderline .olTournament { }  #Cart .orderline .olQuantity { float: right; }  #Cart .orderline .olQuantity > input { width: 50px; padding-right: 0px; }  #Cart .orderline .olQuantity { float: right; }  #Cart .orderline .olSum { float: right; padding: 0px 20px; }  #Cart .orderline .olDiscount { }  #Cart .orderline .olDelete { height: 24px; width: 24px; background: url(/img/delete.svg) center center / 20px auto no-repeat; float: right; cursor: pointer; }  #Cart .orderline .olDelete.disabled { background: url(/img/delete_disabled.svg) center center / 20px auto no-repeat; cursor: default; }  #Cart .orderline.error { border: 1px solid red; }  #Cart .orderline.error:after { }  #Cart .totalSum { border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; padding: 5px; font-weight: bold; }  #Cart .totalSum > div:first-child { float: left; }  #Cart .totalSum > div.sum { float: right; }  #Cart .message { margin-top: 20px; }  #Cart .message.error { color: #cc2e45; font-weight: bold; font-size: 20px; text-transform: uppercase; background: url(/img/warning.png) left 1px no-repeat; padding-left: 30px; }  #Cart .message.error:before { }  #Cart .message.info { color: #467DF7; font-weight: bold; font-size: 20px; text-transform: uppercase; background: url(/img/info-icon.svg) left 1px / 25px 25px no-repeat; padding-left: 30px; }  #Cart form { margin-top: 30px; }  #Cart .field.halfWidth { float: left; width: 248px; }  #Cart .field.halfWidth:not(:last-child) { margin-right: 12px; }  #Cart .field.thirdWidth { width: 170px; }  #Cart .field .back { background: #467DF7 url(/img/arrow-left-white.svg) left 15px center / auto 20px no-repeat; }  #Cart input.checkout { font-family: 'Open sans'; font-size: 14px; font-weight: 700; min-width: 0; text-transform: uppercase; color: #467DF7; background: transparent; height: 36px; border: 0; padding: 0 20px; border: 1px solid #467DF7; border-radius: 18px; }  #Cart input.checkout:hover { cursor:pointer; opacity: 0.8 } #Cart input.cancel { font-family: 'Open sans'; font-size: 14px; font-weight: 700; min-width: 0; text-transform: uppercase; color: #467DF7; background: transparent; height: 36px; border: 0; padding: 0 20px; }  #Cart input.cancel:hover { cursor:pointer; opacity: 0.8 }  #Cart div.checkoutgrid { display: flex; justify-content: flex-end; }  input.confirm,  .CSModalBox input.confirm,  #ShareBoxAccess input.confirm,  .invitePlayerForm input.confirm,  #licenseReqPopup input.confirm { font-family: 'Open sans'; font-size: 14px; font-weight: 700; min-width: 0; text-transform: uppercase; color: #467DF7; background: transparent; height: 36px; border: 0; padding: 0 20px; border: 1px solid #467DF7; border-radius: 18px; }  input.confirm:hover,  input.trash:hover,  .CSModalBox input.confirm:hover,  #ShareBoxAccess input.confirm:hover,  .invitePlayerForm input.confirm:hover,  #licenseReqPopup input.confirm:hover { cursor:pointer; opacity: 0.8; } input.publish { font-family: 'Open sans'; font-size: 14px; font-weight: 700; min-width: 0; text-transform: uppercase; color: #FFF; background: #467DF7; height: 36px; border: 0; padding: 0 20px; border: 0px solid #467DF7; border-radius: 18px; }  input.publish:hover { cursor:pointer; opacity: 0.8 } input.draft { font-family: 'Open sans'; font-size: 14px; font-weight: 700; min-width: 0; text-transform: uppercase; color: #0e2666; background: transparent; height: 36px; border: 0; padding: 0 20px; border: 1px solid #0e2666; border-radius: 18px; }  input.draft:hover { cursor:pointer; opacity: 0.8 } input.cancel,  .signup input.cancel,  .CSModalBox input.cancel,  #ShareBoxAccess input.cancel,  .invitePlayerForm input.cancel,  #licenseReqPopup input.cancel { font-family: 'Open sans'; font-size: 14px; font-weight: 700; min-width: 0; text-transform: uppercase; color: #467DF7; background: transparent; height: 36px; border: 0; padding: 0 20px;}  input.cancel:hover,  .signup input.cancel:hover,  .CSModalBox input.cancel:hover,  #ShareBoxAccess input.cancel:hover,  .invitePlayerForm input.cancel:hover,  #licenseReqPopup input.cancel:hover { cursor:pointer; opacity: 0.8 }  input.trash {  font-family: 'Open sans';  font-size: 14px;  padding: 0 24px;  padding-left: 42px;  text-align: center;  font-weight: 600;  text-transform: uppercase;  color: #ff5f5f;  background: transparent url(/img/trash-red.svg) left 20px center no-repeat;  height: 36px;  line-height: 36px;  border: 1px solid #ff5f5f;  border-radius: 18px;  }  #HeaderUsername img { width: 28px; height: 32px; vertical-align: middle; margin-right: 4px; }#HeaderHome { width: 36px; height: 36px; border-left: 0; background: transparent url('/img/cs_pict.svg') center center / 22px no-repeat; }  #HeaderSearch { width: 36px; height: 36px; border-left: 0; background: transparent url('/img/search_white.svg') center center / 16px 16px no-repeat; }  .headerSearch h1 { padding-left: 34px; background-image: url(/img/search_orange_24.png); background-repeat: no-repeat; background-position: left center; font-size: 24px; color: #475a65; }  .headerSearch .field { width: 380px; }  .headerSearch .field .searchBtn { position: absolute; right: 0px; top: 0px; width: 24px; height: 24px; cursor: pointer; opacity: 0.0; }  .headerSearch ul.zSuggest { position: relative; top: 0; z-index: 100;}  #HeaderLogin { background: url('/img/key-blue.svg') left center / 18px no-repeat; padding-left: 24px !important; color: #467DF7 !important; font-weight: 700; }  #HeaderDropdowns { position: relative; bottom: 0; background: #FFFFFF; width: 100%; border: 0; border-bottom: 1px solid #415159; max-height: 90vh; overflow-y: auto; z-index: 4; }  .headerDropdown { background-color: #FFFFFF; }  .headerDropdown .checkbox,  .User .edit .checkbox,  .Player .edit .checkbox { background-color: #697B8A; }  #standingTableRR .playerHighlight, table.score td.playerHighlight, table.score td.timeHighlight { color: #FFF !important; background-color: #FF9800; }  .tableHighlight { color: #000; background-color: #89E6EF; }  .headerDropdown { display: none; padding: 50px 20px 40px 20px; }  #HeaderMenu { position: absolute; width: 100%; min-width: 960px; bottom: 0px; left: 0; height: 36px; background-color: #0e2666; box-shadow: 0px 3px 3px rgba(0,0,0,0.3); z-index: 10;}  #HeaderMenu.fixed { position: fixed; top: 0; left: 0; width: 100%; }  #HeaderMenu > ul { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; max-width: 960px; height: 36px; margin: 0 ; padding: 0px; text-align: justify; margin: 0 auto;}  #HeaderMenu ul li { padding: 0; list-style-type: none; }  #HeaderMenu li.menuItem, #HeaderSubmenu li.menuItem { height: 36px; line-height: 36px; text-align: center; text-transform: capitalize; font-size: 15px; color: #FFFFFF; cursor: pointer; display: flex; }  #HeaderMenu li.menuItem a:link,  #HeaderMenu li.menuItem a:active,  #HeaderMenu li.menuItem a:visited { display:inline-block; text-align: center; text-decoration: none; color: #FFFFFF; outline: none; }  #HeaderMenu li.menuItem a:hover { color: #FF9800; }  #HeaderMenuMobile li.menuItem.selected a,  #HeaderMenuMobile li.menuItem.selected a:active,  #HeaderMenuMobile li.menuItem.selected a:visited,  #HeaderMenuMobile li.menuItem.selected a:hover { border-bottom: 3px solid #FF9800; color: #FF9800; height: 36px; text-decoration: none; display: inline-block; } #HeaderMenu li.menuItem.selected a,  #HeaderMenu li.menuItem.selected a:hover { border-bottom: 3px solid #FF9800; color: #FF9800; text-decoration: none; } #HeaderMenu .hasSubMenu { padding-right: 14px; background: url(/img/arrow-down-orange.svg) right center / 8px no-repeat; }  #HeaderMenu .hasSubMenu.icon { min-width: 43px; }  #HeaderMenu .subMenu { background-color: #0e2666; z-index: 2; position: absolute; top: 35px; left: -10px; padding: 0; font-size: 14px; }  #HeaderMenu .subMenu a, #HeaderMenu .subMenu a:link, #HeaderMenu .subMenu a:visited, #HeaderMenu .subMenu a:active { color: #FFFFFF; text-decoration: none; }  #HeaderMenu .subMenu ul { list-style-type: none; line-height: 32px; padding: 0px; margin-top: 0px; margin-bottom: 0px; }  #HeaderMenu .subMenu li.menuItem { white-space: nowrap; text-align: left; padding: 0px 20px 0 10px !important; font-size: 14px; }  #HeaderMenu .subMenu li.menuItem.icon { background-position: left 10px center; background-repeat: no-repeat; padding-left: 43px !important; text-align: left; }  #HeaderMenu #HeaderCountrySubmenu.subMenu li.menuItem { font-size: 11px; }  #HeaderMenu .subMenu li:hover,  #HeaderMenu .subMenu li:hover a { background-color: #467df7; color: #FFF !important; }  #HeaderMenu .subMenu li img { margin-left: -10px; margin-right: 10px; vertical-align: baseline; }  #HeaderMenu .subMenu li hr { width: 95%; border-color: #A0A0A0; }  #HeaderProfile li.profile { background-image: url(/img/menu/profile.svg); }  #HeaderProfile li.startpage { background-image: url(/img/startpage-icon-white.svg); background-size: 17px;}  #HeaderProfile li.manager { background-image: url(/img/manager-icon-white.svg); background-size: 16px; }  #HeaderProfile li.orders { background-image: url(/img/menu/order.svg); }  #HeaderProfile li.settings { background-image: url(/img/menu/settings.svg); }  #HeaderProfile li.pro { background: transparent url(/img/cuescore-logo-proaccount.svg) left center / 18px no-repeat; }  #HeaderProfile li.logout { background-image: url(/img/menu/logout.svg); color: #ff5f5f; }  .content { margin: auto; width: 960px; }  .content h1 { margin-top: 0px; }  #Footer { clear: both; background-color: #0e2666; color: #FFFFFF; padding-top: 60px; padding-bottom: 40px; }  #Footer h2 { font-family: 'Open sans'; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #CCC; padding: 0; margin: 0; padding-left: 32px; }  #Footer a, #Footer a:link { text-decoration: none; color: #3BB0FF; }  #Footer .logo { text-align: center; }  #Footer .logo img { width: 100px; }  #Footer a.flink { display: block; margin: 20px 0px; padding-left: 32px; font-weight: 700; }  #Footer a.about { background: transparent url(/img/about-white.svg) left 6px center / 12px no-repeat; }  #Footer a.support { background: transparent url(/img/support-white.svg) left 6px center / 16px no-repeat; }  #Footer a.advertising { background: transparent url(/img/advertising-white.svg) left center / 24px no-repeat; }  #Footer .copyright { margin-top: 60px; color: #CCC; text-align: center; font-size: 14px; }  #Footer div.footergrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-row-gap: 40px; }  #saveDialog { position: fixed; top: 75px; left: 50%; width: 300px; margin-left: -150px; text-align: center; display: none; background-color: #FFFFFF; padding: 5px; color: #666; border: 1px solid #e5e5e5; font-style: italic; font-size: 12px; border-radius: 3px; }  #saveDialog.error { border: 1px solid #FFA800; background-color: #FF9800; }  #statusmessage.save,  #statusmessage.ok,  #statusmessage.info,  #statusmessage.warning,  #statusmessage.error {position: fixed; top: 115px; left: 50%; width: 400px; margin-left: -200px; text-align: center; background-color: #71A33B; padding: 5px; font-size: 14px; z-index: 100; }  #statusmessage a { color: white; font-weight: bold; }  #statusmessage h2 { text-align: center; width: 400px; z-index: 1; margin-top: 70px; margin-bottom: 0; color: #FFF; text-transform: uppercase;}  #statusmessage p { text-align: center; margin-top: 0; padding: 20px; padding-top: 10px; }  #statusmessage.save, #statusmessage.ok {background-color: #71A33B; color: #FFFFFF; }  #statusmessage.info {background-color: #467DF7; color: #FFFFFF; }  #statusmessage.warning {background-color: #FF9800; color: #000; }  #statusmessage.error {background-color: #BF3636; color: #FFFFFF; }  #statusmessage.error h2 { color: #FFFFFF; }  #statusmessage.error div.icon {position: absolute; top: -50px; height: 120px; width: 100%; background: transparent url(/img/error-icon.svg) no-repeat center top; z-index: -1;}  #statusmessage.warning div.icon {position: absolute; top: -50px; height: 120px; width: 100%; background: transparent url(/img/warning-icon.svg) no-repeat center top; z-index: -1;}  #statusmessage.save div.icon, #statusmessage.ok div.icon { position: absolute; top: -50px; height: 120px; width: 100%; background: transparent url(/img/ok-icon.svg) no-repeat center top; z-index: -1; }  #statusmessage.info div.icon { position: absolute; top: -50px; height: 120px; width: 100%; background: transparent url(/img/info-icon.svg) no-repeat center top; z-index: -1; }  #statusmessage.save .linkbutton { display: inline-block; border: 2px solid #FFF; border-radius: 18px; font-size: 14px; height: 36px; margin: 0 10px; padding: 0 20px; text-transform: uppercase; line-height: 34px;}  .seedingNumber { background-color: transparent; border: 0; border-bottom: 2px solid #A5A5A5; width: 55px; height: 32px; padding:0; text-align: center; }  .seedingNumber:focus { border-bottom: 2px solid #2196F3; }  .seedingNumber.save, .seedingForm .save { background-color: #71A33B !important; color: #FFFFFF; border-bottom: 0; }  .seedingNumber.error { background-color: #BF3636 !important; color: #FFFFFF; border-bottom: 0; }  .superAdminBtn, .zpinBtn { position:relative; min-width: 36px; max-width: 200px; height: 36px; background: #FF9800 url(/img/CS-pictogram-black.svg) center center / auto 24px no-repeat; padding: 0px; display: inline-block; color: #FFFFFF; line-height: 36px; font-family: 'Open sans'; cursor: pointer; font-weight: 700; border-radius: 18px; }  .superAdminBtn .content, .zpinBtn .content { font-family: arial; position: absolute; left: 0px; border-top: 2px solid #FF9800; background-color:#475A65; width: 200px; padding-left: 10px; }  .superAdminBtn .content div:hover, .zpinBtn .content div:hover { cursor: pointer; opacity: 0.5 }  .federationBtn { position:relative; min-width: 70px; max-width: 200px; height: 30px; background: #415159 url(/img/federation-white.svg) top 5px left 7px / 18px no-repeat; padding: 0px 10px 0px 30px; display: inline-block; color: #FFFFFF; line-height: 29px; font-family: 'Antonio Bold', arial; cursor: pointer; text-transform: uppercase; }  .federationBtn:hover { background-color: #FF9800; }  .federationBtn .content { text-transform: none; font-family: arial; position: absolute; left: 0px; border-top: 2px solid #FF9800; background-color: #415159; width: 200px; padding-left: 10px; }  .federationBtn .content div:hover { cursor: pointer; opacity: 0.5 } .clubBtn { position:relative; min-width: 70px; max-width: 200px; height: 30px; background: #415159 url(/img/club-white.svg) center left 8px / 14px no-repeat; padding: 0px 10px 0px 30px; display: inline-block; color: #FFFFFF; line-height: 29px; font-family: 'Antonio Bold', arial; cursor: pointer; text-transform: uppercase; }  .clubBtn:hover { background-color: #FF9800; }  .clubBtn .content { text-transform: none; font-family: arial; position: absolute; left: 0px; border-top: 2px solid #FF9800; background-color: #415159; width: 200px; padding-left: 10px; }  .clubBtn .content div:hover { cursor: pointer; opacity: 0.5; backgroud-color: #FF9800; }  .superAdminFieldset { padding: 10px; background: transparent; border: 2px solid #FF9800; margin-bottom: 20px; }  .breadcrumbs { font-size: 12px; text-transform: none; height: 20px; border: 0px solid #aaaaaa; line-height: 20px; }  .breadcrumbs a, .breadcrumbs span { display: inline-block; height: 20px; font-size: 12px; padding-left: 17px; background: transparent url(/img/arrow-right-grey.svg) left 5px center/5px no-repeat; }  .breadcrumbs a.home { width: 20px; padding-left: 0; background: transparent url(/img/home-icon.svg) top 4px center/13px no-repeat;}  .breadcrumbs a.home:hover { text-decoration: none; }  /** Policy / ToS and guidelines: */  .policy h1 { color: #253a47; text-transform: none; font-size: 28px; font-weight: 800; }  .policy h2 { color: #253a47; text-transform: none; font-size: 23px; font-weight: 600; }  .policy h3 { color: #253a47; text-transform: none; font-size: 16px; font-weight: normal; text-transform: uppercase; }  .policy h4 { color: #253a47; text-transform: none; font-size: 18px; font-weight: 600; }  .policy h5 { color: #253a47; text-transform: none; font-size: 15px; font-weight: 700; }  .policy li { margin-bottom: 10px; }  /**  * User's frontpage  */  .Home { }  .Home .col1, .Home .col2, .Home .col3, .Home .col2-3 { }  .Home .col1 { width: 200px; min-height: 100vh; background-color: #F9F9F9; border-right: 1px solid #ECECEC; color: #415159; }  .Home .col2 { width: 434px; margin-right: 18px; padding-top: 20px; }  .Home .col3 { width: 280px; overflow: hidden; padding-top: 20px;}  .Home .col2-3 { max-width: 100%; overflow: hidden; flex: 1 1 auto; order: 2; min-height: 100%; padding: 0 23px; padding-top: 36px; background-color: #FFFFFF; border-right: 1px solid #ECECEC; }  .Home .col2-3 h1 { margin-top: -11px; font-size: 30px; font-family: 'Open sans'; font-weight: 900; }  .Home .col2-3 h1 + h3 { margin-top: -10px; }  .Home .col2-3 h2, .Home .col2-3 h4 { color: #0e2666; font-size: 18px;}  .Home .button { height: 32px; margin-bottom: 12px; color: #FFFFFF; font-family: 'Open sans'; font-weight: 700; font-size: 14px; text-transform: uppercase; line-height: 32px; padding-left: 5px; cursor: pointer; }  .Home .button.createTournament { background: #467DF7 url(/img/scoreboard-plus.svg) center left 14px / 14px no-repeat; height: 36px; line-height: 36px; text-align: center; margin-bottom: 30px; border-radius: 18px; width: auto; display: inline-block; padding-left: 40px; padding-right: 20px; }  .Home .button.createTournament:hover { background-color: #26BFE3; padding-top: 1px;}  .createTournament .CSModalBox { min-height: 500px; }  .createTournament h2, .createTournament h3 { font-family: 'Open Sans'; }  .createTournament h3 { color: #808CAC; font-size: 15px; font-weight: 700; text-align: left; margin: 0 auto; width: 75%; }  .createTournament .orgList { padding-top: 10px; }  .createTournament input,  .createTournament .tournamentType,  .createTournament .tournamentType ul li { border: 1px solid #467DF7; color: #467DF7; height: 36px; background-color: transparent; font-weight: bold; border-radius: 18px 18px 0 0; margin: 0 auto; width: 75%; }  .createTournament img.submit { cursor: pointer; margin: 20px; }  .createTournament .tournamentType { display: flex; justify-content: center; margin: auto; background: transparent url(/img/arrow-down-blue.svg) right 16px center / 16px no-repeat; text-transform: uppercase; text-align: center; cursor: default; line-height: 36px; }  .createTournament .tournamentType > img { width: auto; margin-left: -30px; margin-right: 10px; vertical-align: middle; }  .createTournament .tournamentTypes { margin-top: -2px; margin: auto; z-index: 2; background-color: #253a47; margin: 0 auto; width: 75%; }  .createTournament .tournamentTypes > div { color: #0E2666; background-color: #EAEDF4; cursor: default; text-align: left; display: flex; justify-content: flex-start; align-items: center; height: 36px; }  .createTournament .tournamentTypes > div > div.img { flex-basis: 15%; height: 100%; }  .createTournament .tournamentTypes > div > div.img.singles { background: url(/img/matchType-singles-blue70.svg) center center no-repeat; }  .createTournament .tournamentTypes > div:hover > div.img.singles { background: url(/img/matchType-singles-white.svg) center center no-repeat; }  .createTournament .tournamentTypes > div > div.img.teams { background: url(/img/matchType-teams-blue70.svg) center center no-repeat; }  .createTournament .tournamentTypes > div:hover > div.img.teams { background: url(/img/matchType-teams-white.svg) center center no-repeat; }  .createTournament .tournamentTypes > div > div.img.challenge { background: url(/img/matchType-challenge-blue70.svg) center center no-repeat; }  .createTournament .tournamentTypes > div:hover > div.img.challenge { background: url(/img/matchType-challenge-white.svg) center center no-repeat; }  .createTournament .tournamentTypes > div > div { flex-basis: 33%;overflow: visible; white-space: nowrap; }  .createTournament .tournamentTypes > div:hover { background-color: #467DF7; color: #FFF; } .createTournament .tournamentTypes > div img { height: 26px; width: auto; margin: 0 10px; vertical-align: middle; }  .createTournament ul { max-height: 50vh; max-width: 450px; overflow-y: auto; padding: 0; } .createTournament ul li { background: #EAEDF4 url() center left 9px / 24px auto no-repeat; color: #0E2666; margin-bottom: 10px; text-align: left; padding-left: 45px; padding-right: 35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; font-weight: normal; line-height: 36px; border-radius: 18px; margin: 16px auto; width: 75%; }  .createTournament ul li:hover { background-color: #467DF7; color: #FFF; }  .createTournament ul li.selected { background-color: #467DF7; position: relative; color: #FFF; }  .createTournament ul li.selected:after { position: absolute; width: 36px; height: 36px; content: ''; right: 5px; background: url(/img/check-white-thin.svg) center / 20px auto no-repeat; }  .Home .button.createChallenge { background: #415159 url(/img/2stars-orange.svg) center right 5px no-repeat; }  .Home .col1 .menuHeader { color: #9aa3a5; text-transform: uppercase; font-weight: 900; text-align: left; text-indent: 46px; margin-top: 15px; margin-bottom: 3px; }  .Home ul { margin: 0; padding: 0; list-style-type: none; }  .Home ul.menu, .Home ul.suMmenu { line-height: 36px; white-space: nowrap; font-size: 15px; }  .Home ul.menu li,.Home ul.suMenu li { cursor: pointer; width: 100%; height: 36px; text-indent: 40px; padding-left: 6px; }  .Home ul.menu li img { vertical-align: baseline; max-height: 20px; }  .Home ul.menu li.selected,.Home ul.suMenu li.selected { background-color: #FFF; background-position-x: 10px; border-left: 6px solid #FF9800; padding-left: 0; }  .Home ul.menu li:hover, .Home ul.menu li.header:hover, .Home ul.suMenu li:hover { background-color: #FAFAFA; }  .Home ul.menu li.header { color: #467DF7; font-weight: bold; font-size: 15px; text-transform: uppercase; }  .Home ul.suMenu { min-height: 35px; }  .Home ul.suMenu li, .Home ul.suMenu li.selected { line-height: 36px; }  .Home ul.news { margin: 0; padding: 0; list-style-type: none; }  .Home ul.news li { background-color: #EEEEEE; margin: 20px 0; padding: 15px;}  .Home ul.news li.ad { padding: 0; background-color: transparent; height: auto; }  .Home ul.menu li { background: transparent url() left 16px center no-repeat; }  .Home ul.menu li.profile { background-image: url(/img/menu/profile-dark.svg); }  .Home ul.menu li.news { background-image: url(/img/menu/news-dark.svg); }  .Home ul.menu li.manager { background-image: url(/img/menu/manager-dashboard.svg); }  .Home ul.menu li.challenges { background-image: url(/img/menu/challenges-dark.svg); }  .Home ul.menu li.tournaments { background-image: url(/img/menu/tournaments-dark.svg); }  .Home ul.menu li.rankings { background-image: url(/img/menu/rankings-dark.svg); }  .Home ul.menu li.players { background-image: url(/img/menu/players-dark.svg); }  .Home ul.menu li.teams { background-image: url(/img/menu/teams-dark.svg); }  .Home ul.menu li.venues { background-image: url(/img/menu/venues-dark.svg); }  .Home ul.menu li.orders { background-image: url(/img/menu/orders-dark.svg); }  .Home ul.menu li.settings { background-image: url(/img/menu/settings-dark.svg); }  .Home ul.menu li.logout { background-image: url(/img/menu/logout.svg); color: #ff5f5f; }  .Home ul.menu li.nbadmin { background-image: url(/img/menu/manager.svg); }  .Home ul.menu li.pro { background-position: left 12px center; background-size: 25px auto; overflow: hidden;}.orgChooser .active { width: 100%; padding-right: 30px; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #21333e; background-position: center right 10px; background-repeat: no-repeat; background-size: 12px auto; background-image: url(/img/arrow-down-orange.svg); text-transform: uppercase; }  .orgChooser img.icon { height: 24px; width: auto; margin-top: 7px; margin-left: 16px; margin-right: 10px; margin-bottom: -6px; }  .orgChooser .list { background-color: #FFF; position: absolute; top: 36px; left: 0; width: auto; min-width: 200px; white-space: nowrap; z-index: 2; }  .orgChooser a { display: block; line-height: 50px; background-position: center left 16px; background-repeat: no-repeat; background-size: auto 32px; color: #000; text-decoration: none; padding-left: 55px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis;}  .orgChooser a:hover { background-color: rgba(22,175,211, 0.2); }  .Home .newsItem .header { margin: 5px 0px; font-weight: bold; }  .Home .newsItem .image { }  .Home .newsItem .image img { width: 100%; }  .Home .newsItem .text { margin-bottom: 10px; font-size: 13px; color: #000000; }  .Home .newsItem .date { font-size: 12px; }  .Home .newsItem .footer { height: 20px; }  .Home .nextMatch { margin-bottom: 30px; margin-left: -23px; width: 100vw; max-width: 960px; overflow: hidden; padding: 0 23px; background-image: linear-gradient(to bottom, #FFF, rgba(14,38,102,0.1)); }  .Home .nextMatch h2 { font-size: 24px; color: #FF9800; margin: 0; margin-bottom: 20px;}  .Home .nextMatch .players { width: 100%; display: flex; justify-content: space-between; height: 100%; position: relative; }  .Home .nextMatch .players .vs { width: 32px; text-align: center; color: #0E2666; font-weight: 600; display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgba(14,38,102,0.54);}  .Home .nextMatch .players .vs div { width: 1px; height: 100%; border-left: 1px solid rgba(14,38,102,0.3); }  .Home .nextMatch .player { padding-top: 10px; flex-basis: 50%; text-align: center; position:relative;}  .Home .nextMatch .player img { width: 75px; height: auto; filter: drop-shadow(3px 6px 12px rgba(0,0,0,.2)); }  .Home .nextMatch .player .desc { text-align: center; padding-bottom: 10px; color: #000000; overflow: hidden; font-size: 15px; }  .Home .nextMatch .player .desc a { color: #0E2666; }  .Home .nextMatch .player .desc a.organization { color: rgba(14,38,102,0.54); }  .Home .nextMatch .player .desc .name a { color: #0E2666; font-weight: 600; }  .Home .nextMatch .player .flag { position: absolute; top: 70px; width: 30px; height: auto; }  .Home .nextMatch .player.playerA { }  .Home .nextMatch .player.playerB { }  .Home .nextMatch .playerA .flag { left: calc(50% + 23px); }  .Home .nextMatch .playerB .flag { left: calc(50% + 23px); }  .Home .nextMatch .details { margin-bottom: 15px; font-size: 13px;}  .Home .nextMatch .details a { color: #467DF7; }  .Home .nextMatch .details > div { background-position: center left 5px; background-repeat: no-repeat; background-size: 16px auto; font-size: 15px; font-weight: 700; line-height: 32px; color: #415159; padding-left: 28px; }  .Home .nextMatch .details > div:not(:first-child){ border-top: 1px solid #EDEDED; }   .Home .Clubs li { display: inline-block; margin-right: 50px; margin-bottom: 10px; }  .Home .Clubs li .profileImg { float: left; }  .Home .Clubs li .profileImg img { width: 50px; vertical-align: middle; margin-right: 10px; }  .Home .Clubs li .name { float: left; font-family: 'Antonio Bold'; text-transform: uppercase; font-size: 22px; line-height: 20px; margin-top: 10px; }  .Home .Clubs li .name span { font-size: 14px; color: #A0A0A0; font-family: inherit; }  .Home .Clubs li .flag { width: 20px; }  .Home .orderLines tr.sum { font-weight: bold; font-size: 16px; }  .Home .Ranking.edit .tournamentList input.delete { background: url("/img/trash-grey.svg") no-repeat scroll top center / 13px 18px; cursor: pointer; border: medium none; width: 18px; height: 18px; margin-bottom: 2px; vertical-align: bottom; }  form.standard { }  form.standard select { height: 30px; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent url(/img/arrow_down_black.svg) right 10px center no-repeat; padding-right: 40px; border-bottom: 1px solid #CFCFCF; }  table.standard,  .Home table.orderLines{ width: 100%; font-size: 14px; }  table.standard th,  .Home table.orderLines th { vertical-align: top; font-size: 15px; border-bottom: 1px solid #EDEDED; text-transform: uppercase; }  table.standard tr.daterow { background-color: transparent; border-top: 0 !important; color: #0e2666; }  table.standard tr.daterow:first-child td { padding-top: 10px; }  table.standard tr.daterow td { font-size: 15px; font-weight: 600; background: transparent url(/img/calendar-grey.svg) left 15px bottom 10px / 20px no-repeat; padding-left: 50px; padding-top: 40px; padding-bottom: 10px; }  table.standard tr.daterow td::first-letter { text-transform: uppercase; } .proHeaderMenu { height: 135px; }  .proHeaderMenu .userInfo { position: relative; height: 100%; width: 100%; background: #FFF; border-bottom: 1px solid #DADADA;display: flex; }  .proHeaderMenu .userInfo .image { position: relative; height: 100%; width: 200px; display: flex; align-items: center; justify-content: center; background-image: linear-gradient(to right, #2e409b, #4f70ea)}  .proHeaderMenu .userInfo .image img { }  .proHeaderMenu .userInfo .name { display: none; line-height: 16px;}  .proHeaderMenu .userInfo .orgChooser { position: absolute; top: calc( 50% - 12px); left: 156px; min-width: 24px; width: 24px; height: 24px; background: transparent url(/img/circle-arrow-down-white.svg) center center / 24px no-repeat; }  .proHeaderMenu .userInfo .orgChooser:hover { cursor: pointer; }  .proHeaderMenu .userInfo .orgChooser .list { left: -140px; }  .proHeaderMenu .desktopMenu { width: auto; margin-left: 20px; }  .proHeaderMenu .desktopMenu > div { height: 45px; width: 100%; }  .proHeaderMenu .desktopMenu .notificationLine { }  .proHeaderMenu .desktopMenu .nameLine { color: #000; font-size: 26px; font-weight: 700; }  .proHeaderMenu .desktopMenu .nameLine a { line-height: 32px; height: 32px; margin-left: 5px;margin-top: 4px; vertical-align: top; }  .proHeaderMenu .desktopMenu .menuLine { text-transform: uppercase; }  .proHeaderMenu .menuLine ul li { display: inline-block; padding-left: 20px; padding-right: 4px; line-height: 45px; height: 45px; opacity: 0.5; margin-right: 32px; }  .proHeaderMenu .desktopMenu .menuLine ul li.selected { opacity: 1; border-bottom: 3px solid #FF9800; }  .proHeaderMenu .desktopMenu .menuLine ul li a { color: #000; }  .proHeaderMenu .desktopMenu .menuLine ul li.home { background: transparent url(/img/startpage-icon-black.svg) left top 15px / 14px no-repeat; }  .proHeaderMenu .desktopMenu .menuLine ul li.manager { background: transparent url(/img/manager-icon-black.svg) left top 16px / 14px no-repeat; }  .proHeaderMenu .mobileMenu { display: none; }  .PRO { position: static; z-index: auto; display: flex; flex-flow: row nowrap; align-items: stretch; align-content: stretch; min-height: 800px; }  .PRO .col1, .PRO .col2 {}  .PRO .col1 { flex: 0 1 auto; order: 1; width: 200px; min-width: 200px; min-height: 100%; background-color: #1F4192; color: #FFF; }  .PRO .col2 { position: relative; flex: 1 1 auto; order: 2; min-height: 100%; padding: 0; background-color: #FFFFFF; border-right: 1px solid #ECECEC; }  .PRO ul { margin: 0; padding: 0; list-style-type: none; }  .PRO ul.menu, .PRO ul.suMmenu { line-height: 36px; white-space: nowrap; }  .PRO ul.menu li,.PRO ul.suMenu li { cursor: pointer; width: 100%; height: 36px; text-indent: 40px; padding-left: 6px; }  .PRO ul.menu li img { vertical-align: baseline; max-height: 20px; }  .PRO ul.menu li.selected { background-color: #467df7; background-position-x: 10px; border-left: 6px solid #FFF; padding-left: 0; color: #FFF; }  .PRO ul.menu li:hover { background-color: #467df7; }  .PRO ul.menu li.header { color: #467DF7; font-weight: bold; font-size: 15px; text-transform: uppercase; }  .PRO .col1 .menuHeader { color: #9aa3a5; text-transform: uppercase; font-weight: 900; text-align: left; text-indent: 46px; margin-top: 15px; margin-bottom: 3px; }  .PRO input.delete { border: 0; background: transparent url(/img/delete-new.svg) center center / 100% no-repeat; min-height: 36px; min-width: 36px; }  .PRO .orgChooser { position: relative; color: white; cursor: default; }  .PRO .orgChooser .active { width: 100%; padding-right: 30px; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #21333e; background-position: center right 10px; background-repeat: no-repeat; background-size: 12px auto; background-image: url(/img/arrow_down_blue.svg); }  .PRO .orgChooser img.icon { height: 24px; width: auto; margin-top: 7px; margin-left: 16px; margin-right: 10px; margin-bottom: -8px; }  .PRO .orgChooser .list { background-color: #21333e; position: absolute; top: 36px; left: 0; width: auto; white-space: nowrap; z-index: 2; }  .PRO .orgChooser a { display: block; line-height: 36px; background-position: center left 16px; background-repeat: no-repeat; background-size: auto 24px; color: white; text-decoration: none; padding-left: 50px; padding-right: 20px; }  .PRO .orgChooser a:hover { background-color: #26BFE3; }  .PRO .CSModalBox { background-color: #475A65; min-width: 500px; color: #FFFFFF; }  .PRO .CSModalBox h2 { color: #FFFFFF; font-size: 34px !important; }  .PRO .CSModalBox .zSuggest { position: absolute; }  .PRO .col2 h1 { font-size: 23px; font-weight: 600; margin: 0; padding-left: 23px; height: 70px; padding-top: 13px; background-color: #f9f9f9; border-bottom: 1px solid #ECECEC; }  .PRO .col2 h1 a { text-decoration: none; font-size: inherit; }  .PRO .col2 h1 a img { vertical-align: top; margin-top: 6px; }  .PRO .col2 .editarea { background-color: #FFF; }  .PRO .col2 .editarea .header { height: 36px; line-height: 36px; padding-left: 20px; padding-right: 40px; background: #FFF url() left 23px top 8px no-repeat; font-family: 'Open sans'; color: #0E2666; font-size: 18px; display: inline-block; }  .PRO .col2 ul.subMenu { margin: 10px; padding-right: 10px; font-size: 15px; }  .PRO .col2 ul.subMenu li { display: inline-block; height: 25px; border-bottom: 3px solid transparent; padding: 0 8px; }  .PRO .col2 ul.subMenu li img { height: 16px; width: auto; margin-left: 3px; vertical-align: sub; }  .PRO .col2 ul.subMenu li.selected { border-bottom: 3px solid #467DF7; }  .PRO .col2 .editarea .container { background: #FFF; padding: 23px; }  .PRO .col2 .editarea.dashboard .container { padding: 11px; }  .PRO .col2 .editarea .container h2 { font-size: 16px; margin-top: 23px; }  .PRO .col2 .editarea .container h3 { font-family: 'Open sans'; font-weight: 800; font-size: 14px; color: #415159; }  .PRO .col2 .editarea .container h4 { font-family: 'Open sans'; font-weight: normal; font-size: 14px; color: #415159; margin-top: 7px;}  .PRO .col2 .editarea hr { border-top: 1px solid #ECECEC; }  .PRO #memberEdit input.error { border: 1px solid #ff5f5f; }  .PRO ul.menu li { background: transparent url() left 16px center no-repeat; text-overflow: ellipsis; overflow: hidden;}  .PRO ul.menu li.orgpage { background: transparent url() left 15px center / 23px no-repeat; }  .PRO ul.menu li.dashboard { background-image: url(/img/pro/dashboard-orange.svg); }  .PRO ul.menu li.dashboard.selected { background-image: url(/img/pro/dashboard-light.svg); }  .PRO ul.menu li.profile { background-image: url(/img/pro/profile-orange.svg); }  .PRO ul.menu li.profile.selected { background-image: url(/img/pro/profile-light.svg); }  .PRO ul.menu li.tournaments { background-image: url(/img/pro/tournaments-orange.svg); }  .PRO ul.menu li.tournaments.selected { background-image: url(/img/pro/tournaments-light.svg); }  .PRO ul.menu li.ranking { background-image: url(/img/pro/rankings-orange.svg); }  .PRO ul.menu li.rankings.selected { background-image: url(/img/pro/rankings-light.svg); }  .PRO ul.menu li.payments { background-image: url(/img/pro/payments-orange.svg); }  .PRO ul.menu li.payments.selected { background-image: url(/img/pro/payments-light.svg); }  .PRO ul.menu li.scoreboard { background-image: url(/img/pro/scoreboard-orange.svg); }  .PRO ul.menu li.scoreboard.selected { background-image: url(/img/pro/scoreboard-light.svg); }  .PRO ul.menu li.pointsystems { background-image: url(/img/pro/pointsystem-orange.svg); }  .PRO ul.menu li.pointsystems.selected { background-image: url(/img/pro/pointsystem-light.svg); }  .PRO ul.menu li.articles { background-image: url(/img/pro/articles-orange.svg); }  .PRO ul.menu li.articles.selected { background-image: url(/img/pro/articles-light.svg); }  .PRO ul.menu li.handicaps { background-image: url(/img/pro/handicaps-orange.svg); }  .PRO ul.menu li.handicaps.selected { background-image: url(/img/pro/handicaps-light.svg); }  .PRO ul.menu li.members { background-image: url(/img/pro/members-orange.svg); }  .PRO ul.menu li.members.selected { background-image: url(/img/pro/members-light.svg); }  .PRO ul.menu li.rankings { background-image: url(/img/pro/rankings-orange.svg); }  .PRO ul.menu li.players { background-image: url(/img/pro/players-orange.svg); }  .PRO ul.menu li.teams { background-image: url(/img/menu/teams.svg); }  .PRO ul.menu li.venues { background-image: url(/img/menu/venues.svg); }   .PRO div.dashboard .dashboardoptions { display: flex; justify-content: center; flex-flow: row wrap; align-items: stretch; border-bottom: 1px solid #c6c6c6; margin: 40px 0; }  .PRO div.dashboard div.menu { height: 168px; width: 25%; background: #FAFAFA url() center center/ 57px no-repeat; border-top: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; color: #253a47; padding-top: 124px; font-size: 14px; text-align: center; }  .PRO div.dashboard div.menu:hover { cursor: pointer; }  .PRO div.dashboard div.menu.tournaments { background-image: url(/img/pro/tournaments-orange.svg) ; }  .PRO div.dashboard div.menu.payments { background-image: url(/img/pro/payments-orange.svg) ; }  .PRO div.dashboard div.menu.scoreboard { background-image: url(/img/pro/scoreboard-orange.svg) ; } .PRO div.dashboard div.menu.handicaps { background-image: url(/img/pro/handicaps-orange.svg) ; } .PRO div.dashboard div.menu.pointsystems { background-image: url(/img/pro/pointsystem-orange.svg); margin-right: 0; }  .PRO div.dashboard div.menu.members { background-image: url(/img/pro/members-orange.svg); margin-right: 0; }  .PRO div.dashboard div.menu.news { background-image: url(/img/pro/articles-orange.svg); margin-right: 0; }  .PRO div.dashboard div.menu.rankings { background-image: url(/img/pro/rankings-orange.svg); margin-right: 0; }  div.promenu { display: none; }  .PRO .col2 div.dashboard div.rocketMsg { min-height: 600px; max-width: 500px; padding: 20px;background: transparent url(/img/pro/rocket-msg.svg) top center / 100% no-repeat; margin: auto; }  .PRO .col2 div.dashboard div.rocketMsg h2 { font-size: 20px; color: #415159; font-weight: 900;}  .PRO .col2 div.dashboard div.rocketMsg p { font-size: 12px; color: #586f7a; }  .PRO .col2 div.scoreboard div.steps { margin-bottom: 20px; font-size: 14px;}  .PRO .col2 div.scoreboard div.step { display: inline-block; width: 165px; height: 80px; padding-top: 35px; background: transparent url() top left no-repeat; vertical-align: top; padding-right: 10px;}  .PRO .col2 div.scoreboard div.step.step1 { background-image: url(/img/pro/scoreboard-step1.svg); }  .PRO .col2 div.scoreboard div.step.step2 { background-image: url(/img/pro/scoreboard-step2.svg); }  .PRO .col2 div.scoreboard div.step.step3 { background-image: url(/img/pro/scoreboard-step3.svg); }  .PRO .col2 div.scoreboard div.step.step4 { background-image: url(/img/pro/scoreboard-step4.svg); }  .PRO .col2 div.scoreboard div.venues { width: 100%; }  .PRO .col2 div.scoreboard div.venue { height: 36px; background: #f0f0f0 url(/img/arrow_down_blue.svg) left 13px center no-repeat; line-height: 36px; padding-left: 40px; margin-top: 2px; }  .PRO .col2 div.scoreboard div.venue.selected { color: #FFF; background-color: #467DF7; background-image: url(/img/arrow_up_white.svg);}  .PRO .col2 div.scoreboard table.scoreboards { background-color: #253a47; color: #FFF; width: 100%; font-size: 14px; }  .PRO .col2 div.scoreboard table.scoreboards tr { height: 36px;}  .PRO .col2 div.scoreboard table.scoreboards th { color: #FF9800; text-transform: uppercase; }  .PRO .col2 div.scoreboard table.scoreboards tr.selected, .PRO .col2 div.scoreboard table.scoreboards tr:not(:first-child):hover { background-color: #3a5a66; }  .PRO .col2 div.scoreboard table.scoreboards td.edit { min-width: 25px; background: transparent url(/img/pen-lightblue.svg) center center no-repeat; }  .PRO .col2 div.scoreboard table.scoreboards td.trash { min-width: 25px; background: transparent url(/img/delete.svg) center center no-repeat; }  .PRO .col2 div.scoreboard table.scoreboards td.edit:hover, .PRO .col2 div.scoreboard table.scoreboards td.trash:hover { opacity: 0.8; }  .PRO .col2 div.scoreboard div.addTable { background: #253a47 url(/img/pro/plus-blue-white.svg) left center no-repeat; height: 36px; padding-left: 50px; line-height: 36px; color: #467DF7; text-transform: uppercase; font-family: 'Antonio Bold'; }  .PRO .col2 div.scoreboard div.addTable:hover { color: #36cff3; }  .PRO .button.createTournament { color: #FFF; background: #467DF7 url(/img/plus2-white.svg) center left 9px / 22px no-repeat; height: 36px; line-height: 36px; text-align: center; margin-bottom: 30px; text-transform: uppercase; font-weight: 700; font-size: 14px;}  .PRO .button.createTournament:hover { background-color: #26BFE3; padding-top: 1px;}  .PRO input.add { font-family: 'Open sans'; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #FFF; background: #467DF7 url(/img/scoreboard-plus.svg) center center / 14px no-repeat; height: 36px; width: 36px; border: 0; border-radius: 18px; }  .PRO input.add :hover { cursor:pointer; opacity: 0.8 }  .PRO input.create { font-family: 'Open sans'; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #FFF; background: #467DF7 url(/img/scoreboard-plus.svg) left 15px center / 14px no-repeat; min-width: 200px; padding-left: 35px; padding-right: 35px; height: 36px; border: 0; z-index: 10; border-radius: 18px; }  .PRO input.create:hover { cursor:pointer; opacity: 0.8 }  .PRO input.create.member { background-image: url(/img/pro/member-add-white.svg) ; }  .PRO input.save { font-family: 'Open sans'; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #FFF; background: #467DF7 url(/img/save-white.svg) left 20px center no-repeat; width: 220px; height: 36px; border: 0; border-radius: 18px; }  .PRO input.save:hover { cursor:pointer; opacity: 0.8 }  .PRO input.download { font-family: 'Open sans'; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #467DF7; border: 1px solid #467DF7; background: transparent url(/img/download-blue.svg) left 10px center / 18px no-repeat; height: 36px; min-width: 200px; padding: 0 34px; border-radius: 18px;}  .PRO input.download:hover { cursor:pointer; opacity: 0.8 }  .PRO input.publish { font-family: 'Open sans'; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #FFF; background: #84aa48 url(/img/publish-white.svg) left 10px center / 22px no-repeat; min-width: 180px; height: 36px; border: 0; margin-right: 12px; border-radius: 18px; }  .PRO input.publish:hover { cursor:pointer; opacity: 0.8 } .PRO input.draft { font-family: 'Open sans'; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #FFF; background: #253a47 url(/img/draft-white.svg) left 10px center / 22px no-repeat; min-width: 180px; height: 36px; border: 0; margin-right: 12px; }  .PRO input.draft:hover { cursor:pointer; opacity: 0.8 } .PRO .editarea.articles .csImgEdit { min-height: 258px; background: #475a65 url(/img/camera-blue.svg) center center no-repeat; }  .PRO .editarea.articles .csImgEdit img { max-width: 100%; }  .PRO .editarea.articles .csImgEditMenu { left: 333px; top: 108px; }  .PRO .editarea div.selectedObject { height: 30px; line-height: 28px; margin-top: 10px; white-space: nowrap; display: inline-block; text-transform: uppercase; font-size: 13px; color: #415159;}  .PRO .editarea div.selectedObject:hover div.remove { opacity: 0.8 }  .PRO .editarea div.selectedObject div.remove { float: left; width: 30px; height: 28px; margin-right: 5px; background: transparent url(/img/delete.svg) center center / 22px no-repeat; opacity: 1;}   .PRO .editarea select { height: 30px; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent url(/img/arrow_down_black.svg) right 10px center no-repeat; padding-right: 40px; border-bottom: 1px solid #CFCFCF; }.lastEvents { display: flex; justify-content: space-between; flex-flow: row wrap;}  div.articleBoxes { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; flex-direction: row; }  div.articleBoxes .articleBox { display: inline-block; align-self: flex-start; flex-basis: 33%; padding: 14px; margin-bottom: 6px; overflow: hidden; }  div.articleBoxes .articleBox a, div.articleBoxes .articleBox a:hover { text-decoration: none; }  div.articleBoxes .articleBox:hover { text-decoration: none; }  div.articleBoxes .articleBox:hover .title { color: #000; text-decoration: underline; }  div.articleBoxes .articleBox.first { flex-basis: 100%; }  div.articleBoxes .articleBox.first .imgContainer { height: 367px; background: #475a65 url() center center / cover no-repeat; }  div.articleBoxes .articleBox.first .title { height: auto; text-transform: uppercase; }  div.articleBoxes .articleBox.first .title:hover { text-transform: uppercase; }  div.articleBoxes .articleBox.first p.ingress { color: #253a47; margin-top: 5px;}  div.articleBoxes .articleBox.first .articleFooter { border-top: 0; }  div.articleBoxes .articleBox .imgContainer { height: 175px; background: #475a65 url() center center / cover no-repeat; }  div.articleBoxes .articleBox .imgContainer.defaultArticleImage { background-size: auto; }  div.articleBoxes .articleBox .title { margin-top: 10px; margin-bottom: 0px; color: #000; font-weight: 800; font-size: 18px; overflow: hidden; min-height: 3em; text-overflow: ellipsis;}  div.articleBoxes .articleBox .articleFooter { border-top: 1px solid #DEDEDE; color: #969696; font-size: smaller; font-weight: bold; padding-top: 6px; } div.articleBoxes .articleBox .comments { display: inline-block; margin-left: 40px; padding-left: 25px; background: transparent url(/img/comment-blue.svg) left center no-repeat; color: #467DF7; }  div.articleBoxes .articleBox .authorSection { display: flex; }  div.articleBoxes .articleBox .authorSection div.profileImage { flex-basis: 40px; }  div.articleBoxes .articleBox .authorSection div.profileImage img { width: 30px; }  div.articleBoxes .articleBox .authorSection div.author { font-size: 14px; overflow: hidden; line-height: 18px; margin-bottom: 8px; }  div.articleBoxes .articleBox .authorSection div.author div.owner { font-weight: 700; text-transform: uppercase; }  div.articleBoxes .articleBox .authorSection div.author div.writer { background: transparent url(/img/pen-grey.svg) left center no-repeat; text-indent: 20px;}  div.articleBoxes .articleBox .authorSection div.author div.writer,  div.articleBoxes .articleBox .authorSection div.author div.writer a { color: #9b9b9b; white-space: nowrap; }   div.members div.memberCount { padding-left: 25px; background: transparent url(/img/pro/members-blue.svg) left center no-repeat; font-weight: 700; color: #467DF7; margin-top: 0px; margin-bottom: 0px; }  table.standard.memberList tbody tr:hover,  table.standard#activityTable tbody tr:hover { background-color: #dfeff7; }  table.standard#activityTable thead th { font-size: 14px; }  #activityTable input { width: 95px; padding: 0 5px; text-align: center;}  table.standard.memberList tr th a,table.standard.memberList tr th a:hover { color: inherit }  div.members img.memberListProfileImg { height: 28px; vertical-align: middle; margin-left: 10px; }  a.datesort, a.datesort:link, a.datesort:active, a.datesort:visited, a.datesort:hover {  display: block; color: #15add1;  min-width: 60px;  max-width: 120px;  border: 1px solid #15add1;  text-align: center;  text-transform: uppercase;  font-weight: 600;  height: 36px;  line-height: 36px;  background: transparent url(/img/sort-desc-blue.svg) right 8px center no-repeat; } a.datesort.ascending { background-image: url(/img/sort-asc-blue.svg);}  #createMember ul.zSuggest { text-align: left; }  div.preventDuplicates { background: transparent url(/img/info2-icon.svg) left center/35px no-repeat; padding: 20px; margin: 0 auto; padding-left: 45px; width: 70%; }  div.addMember { text-align: center; color: #467DF7; background: transparent url(/img/members-add-blue.svg) center center no-repeat; padding-top: 45px; margin: 0 auto; max-width: 300px;}  div.addMember:hover { cursor: pointer; opacity: 0.8; }  .gender.male { background: transparent url(/img/gender-male.svg) center center/16px no-repeat; }  .gender.female { background: transparent url(/img/gender-female.svg) center center/16px no-repeat; }  div.create { height: 110px; margin-top: 25px; text-align: left; white-space: nowrap; color: #FFFFFF; text-transform: none; }  div.create:hover { cursor: pointer; }  div.create h3 { color: #FFFFFF; font-family: 'Open sans'; font-size: 24px; margin-bottom: 5px; }  div.create p { font-family: 'Open sans'; font-size: 16px; font-weight: normal; padding: 15px; padding-top: 0; padding-bottom: 0; margin-top: 0; white-space: normal; line-height: 18px; text-align: left; font-style: italic;}  div.create .icon { display: inline-block; width: 110px; height: 110px; }  div.create .text { display: inline-block; height: 110px; width: 330px; vertical-align: top; text-align: center; }  div.singleTournament { background-color: #ff9800; }  div.singleTournament .icon { background: #f48b00 url(/img/create-singleTournament.svg) center center no-repeat; }  div.teamTournament { background-color: #467DF7; }  div.teamTournament .icon { background: #0898bf url(/img/create-teamTournament.svg) center center no-repeat; }  .Organizations .Pro h1 { color: #415159; padding-top: 40px; }  .orgsContainer,  .playersContainer { display: flex; justify-content: space-around; align-items: center; flex-flow: row wrap; }  .Organizations .Organization,  .Players .Player { position: relative; min-width: 120px; max-width: 160px; overflow: hidden; text-align: center; text-overflow: ellipsis; padding: 10px; }  .Organizations .Organization img,  .Players .Player img { position: relative; max-width: 70px; }  .Organizations .Organization img.flag,  .Players .Player img.flag { position: absolute; width: 25px; height: 19px; top: 49px; left: calc(50% + 30px); border: 1px solid #E5E5E5; background-color: #E5E5E5; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); }.Organizations .Organization a,  .Players .Player a { color: black; }  .Organizations .Organization .desc,  .Players .Player .desc { font-size: 14px; text-align: center; padding: 5px 0; padding-top: 1px; }   div.seasonSelector { font-size: 24px; font-weight: 600; color: #467DF7; line-height: 36px; height: 36px; vertical-align: middle; vertical-align: top; margin-bottom: 20px; text-align: center; }  div.seasonSelector a.prev, div.seasonSelector a.next { background: #467DF7 url(/img/arrow-left-white.svg) center center/9px no-repeat; width: 36px; height: 36px; display: inline-block; vertical-align: top; border-radius: 18px; }  div.seasonSelector a.prev:hover, div.seasonSelector a.next:hover { background-color: rgba(59,176,255,0.93); }  div.seasonSelector a.next { background-image: url(/img/arrow-right-white.svg); }  table.standard thead tr:nth-child(odd) { background-color: inherit; color: #333333; border-top: 0; }  table.standard tr { background-color: #FFF; }  table.standard tr:nth-child(odd) { border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }table.standard th,  table.standard td,  .Home table.orderList th,  .Home table.orderLines th, .Home table.orderList td,  .Home table.orderLines td { padding: 9px; vertical-align: middle; }  table.standard tbody tr:not(.daterow):hover { background-color: #F5FBFF; transition: background }  table.standard.search {}table.standard.search td { border: 0 !important;}  table.standard.search td.addStatus { padding-right: 10px; opacity: 0.5; transform: rotate(-360deg);}  table.standard.search tr.selected td.addStatus { min-width: 45px; opacity: 1; background: transparent url(/img/checked-green.svg) center center / 24px no-repeat; transform: rotate(0deg); transition: opacity 0.5s ease-in, transform 0.6s ease-out; }  table.standard.search tr.selected td.remove { min-width: 40px; background: transparent url(/img/delete.svg) center center / 28px no-repeat;}  table.standard.search td.profileImage img { height: 35px; }  table.standard.search td.headerImage { background: transparent url() center center /cover no-repeat; min-width: 50px; }  table.standard.search td.challengeImages { background-position: left 6px top 10px, right 6px bottom 10px; background-size: 25px, 25px; background-repeat: no-repeat; }  table.standard.search td img.flag { width: 24px; vertical-align: middle; }  table.standard.search div.date { font-size: 12px; font-weight: 700; color: rgba(0,0,0,0.5); text-indent: 22px;}  table.standard.search a { color: #333;}  table.standard.search a.phone { background: transparent url(/img/phone.svg) left center /8px no-repeat; margin-left: 12px; padding-left: 16px; }  table.standard.search tr.team div.members { color: #848484; font-size: smaller; }  table.standard.search tr.team div.members span.captain { background: transparent url(/img/captain-light.svg) left center / 12px no-repeat; padding-left: 14px; margin-right: 10px; }  table.standard.search tr.team div.members span.members { background: transparent url(/img/teams-light.svg) left center / 18px no-repeat; padding-left: 20px; }  table.standard.search .upcoming,  table.standard.search .waiting { display: inline-block; min-width: 20px; background: transparent url(/img/upcoming.svg) left center / 14px no-repeat; }  table.standard.search .live,  table.standard.search .playing { display: inline-block; min-width: 20px; background: transparent url(/img/live-icon.gif) left center / 14px no-repeat }  table.standard.search .result,  table.standard.search .finished {display: inline-block; min-width: 20px; background: transparent url(/img/finished.svg) left center / 12px no-repeat; }  table.standard.search .result.position {vertical-align: top !important; } table.standard.search .result.position.first { background-image: url(/img/medal-1.svg); background-size: 12px; }  table.standard.search .result.position.second { background-image: url(/img/medal-2.svg); background-size: 12px; }  table.standard.search .result.position.third { background-image: url(/img/medal-3.svg); background-size: 12px; }  table.standard.search td.type.Challenge { display: table-cell; background: #f76176 url(/img/challenge-red.svg) center center no-repeat; width: 36px;}  table.standard.search tr:nth-child(odd) td.type.Challenge { background-color: #eb4e5f; }  table.standard.search td.type.Article { display: table-cell; background: #f458bd url(/img/news-white.svg) center center no-repeat; width: 36px;}  table.standard.search tr:nth-child(odd) td.type.Article { background-color: #e240a0; }  table.standard.search td.type.Team { display: table-cell; background: #536e7a url(/img/team-white.svg) center center no-repeat; width: 36px;}  table.standard.search tr:nth-child(odd) td.type.Team { background-color: #465d72; }  table.standard.search td.type.Ranking { display: table-cell; background: #af9568 url(/img/ranking-white.svg) center center no-repeat; width: 36px;}  table.standard.search tr:nth-child(odd) td.type.Ranking { background-color: #9e8759; }  table.standard.search td.type.SportsFacility { display: table-cell; background: #00bb9b url(/img/venue-white.svg) center center no-repeat; width: 36px;}  table.standard.search tr:nth-child(odd) td.type.SportsFacility { background-color: #009f84; }  table.standard.search td.type.Organization { background: #FF9800 url(/img/organization-white.svg) center center no-repeat; width: 36px;}  table.standard.search tr:nth-child(odd) td.type.Organization { background-color: #ffac3e; }  table.standard.search td.type.Tournament { display: table-cell; background: #19c0db url(/img/pro/tournaments-white.svg) center center no-repeat; width: 36px;}  table.standard.search tr:nth-child(odd) td.type.Tournament { background-color: #467DF7; }  table.standard.search td.type.Player { background: #3b92dd url(/img/player-white.svg) center center / 22px no-repeat; width: 36px;}  table.standard.search tr:nth-child(odd) td.type.Player { background-color: #307bb9; }  table.standard.search tr.player:hover { cursor: pointer;}  table.standard.search.notifications .upcoming,  table.standard.search.notifications .live,  table.standard.search.notifications .result { display: table-cell; background: transparent url() center center / 17px no-repeat}  table.standard.search.notifications .upcoming { background-image: url(/img/upcoming.svg); }  table.standard.search.notifications .live { background-image: url(/img/live-icon.gif); }  table.standard.search.notifications .result { background-image: url(/img/finished.svg); }  .tournaments td, .tournaments th { vertical-align: middle !important; }  .tournaments th { font-size: 16px; text-transform: uppercase; }  .tournaments th, .tournaments td {  padding: 4px 10px;vertical-align: middle;  }.tournaments .upcoming { display: inline-block; min-width: 20px; background: transparent url(/img/upcoming.svg) left top 1px / 14px no-repeat; }  .tournaments .live { display: inline-block; min-width: 20px; background: transparent url(/img/live-icon.gif) left top 1px / 14px no-repeat }  .tournaments .result { display: inline-block; min-width: 20px; background: transparent url(/img/finished.svg) left top 1px / 12px no-repeat; }  .editarea.tournaments .upcoming { display: inline-block; min-width: 20px; background: transparent url(/img/upcoming.svg) left 4px center/ 14px no-repeat; }  .editarea.tournaments .live { display: inline-block; min-width: 20px; background: transparent url(/img/live-icon.gif) left 4px center / 14px no-repeat }  .editarea.tournaments .result { display: inline-block; min-width: 20px; background: transparent url(/img/finished.svg) left 4px center / 12px no-repeat; }  .tournaments .result.position {vertical-align: top !important; } .tournaments .result.position.first { background-image: url(/img/medal-1.svg); background-size: 18px; opacity: 1;}  .tournaments .result.position.second { background-image: url(/img/medal-2.svg); background-size: 18px; opacity: 1;}  .tournaments .result.position.third { background-image: url(/img/medal-3.svg); background-size: 18px; opacity: 1;}  .tournaments td.type { display: none; }  tr.tournament div.date { text-indent: 21px; }  .teams a { color: #000; }  .teams h1 { margin: 5px 10px; padding: 0; color: #FFF; font-family: 'Open sans'; font-weight: 700; font-size: 28px; }  .teams td, .teams th { vertical-align: middle !important; }  .teams .official { background: transparent url(/img/sanctioned.svg) center right 5px no-repeat; padding-left: 0; }  .Home.content .CSModalBox { background-color: #475A65; min-width: 500px; color: #FFFFFF; }  .Home.content .CSModalBox h2 { } .Home .Playerlog table.log { width: 100%; }  .Home .Playerlog table.log, .Home .Playerlog table.log td:not(.noPadding), .Home .Playerlog table.log th { border: 1px solid black; padding: 5px; }  .Home .Playerlog table.log th { cursor: pointer; }  .Home table.table.narrow { }  .Home input.create { font-family: 'Open sans'; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #FFF; background: #467DF7 url(/img/scoreboard-plus.svg) left 15px center / 14px no-repeat; text-indent: 30px; padding-right: 30px; height: 36px; border: 0; border-radius: 18px; z-index: 1;}  .Home input.create:hover { cursor:pointer; opacity: 0.8 }  .Home input.save { font-family: 'Open sans'; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #FFF; background: #467DF7; width: 220px; height: 36px; border: 0; }  .Home input.save:hover { cursor:pointer; opacity: 0.8 }  .Home input.trash { font-family: 'Open sans'; font-size: 16px; text-align: center; padding-left: 25px; font-weight: 700; text-transform: uppercase; color: #ff5f5f; background: transparent url(/img/trash-red.svg) left 20px center no-repeat; width: 220px; height: 36px; border: 1px solid #ff5f5f;}  .Home input.trash:hover { cursor:pointer; opacity: 0.8 }  #addRankingForm input[type="text"] { width: 120px; border: 0; background-color: #E2E2E2; height: 30px; vertical-align: top; }  #addRankingForm input[type="text"] { width: 250px; }  #addRankingForm input.save,  .myPlayers img.flag,  .myTeams img.flag { width: 24px; height: 18px; vertical-align: top; padding-top: 2px; margin-right: 3px; }  /** * Share and Like */  .likesharecontainer { position: relative; text-align: right; height: 0; max-width: 960px; margin: 0 auto;}  .joinaddcontainer { text-align: center; max-width: 960px; margin: 0 auto; display: flex; justify-content: center; }  .Tournament.result .joinaddcontainer {}  #ShareBtn { display: inline-block; text-align: left; margin-left: 12px; height: 36px; border: 1px solid #467DF7; background: transparent url('/img/share-icon-blue.svg') center center no-repeat; border-radius: 18px; width: 36px; }  #LikeBtn { display: inline-block; text-align: left; margin-left: 12px; font-family: 'Open sans'; font-size: 13px; color: #FFF; text-transform: uppercase; font-weight: 700; height: 36px; line-height: 34px; padding-left: 38px; padding-right: 20px; color: #467DF7; border: 1px solid #467DF7; background: transparent url('/img/share-icon-blue.svg') left 15px center no-repeat; vertical-align: top; border-radius: 18px; }  #ShareBtn:hover, #LikeBtn:hover { cursor: pointer; }  .charLimitMsg { color: rgba(14,38,102,0.54); font-size: 12px; margin-bottom: 10px; }  #LikeBtn { background-image: url(/img/plus-blue-normal.svg); }  #LikeBtn.following { background-color: #2BBB98; background-image: url(/img/check-white.svg); border: 0; color: #FFF; }  #LikeList { display: none; position: absolute; width: 220px; max-height: 50vh; overflow: auto; padding: 6px; background: #415159; color: #FFFFFF; font-size: 14px; line-height: 16px; text-align: left; z-index: 1; }  #LikeList ul { margin: 0px; padding: 0px; list-style-type: none; }  #LikeList ul li { display: inline-block; padding: 6px; margin: 0px; }  #dislike { position: absolute; top: 30px; background: #71a33b; text-align: left; text-transform: none; text-indent: 0; font-size: 12px; color: #FFFFFF; padding: 6px; z-index: 1; }  #dislike:not(.disabled):hover { text-decoration: underline; } a.challengeBtn { display: inline-block; height: 36px; padding-left: 32px; padding-right: 20px; border-radius: 18px; border: 1px solid #467DF7; background: transparent url(/img/challenge-icon-head-blue.svg) left 12px center no-repeat; line-height: 34px; color: #467DF7; text-transform: uppercase; font-weight: 700; font-size: 13px; vertical-align: top; }  a.challengeBtn:hover { text-decoration: none; opacity: 0.7; }  #ShareBox,  #Content #addPlayersBox,  #Content #addTeamsBox,  #Content #playerSwapBtn .CSModalBox,  #Content #leagueTimeScheduleBtn .CSModalBox,  #Content .CSModalBox.light { display: none; background-color: #FFF; color: #000; }  #Content #addPlayersBox h2,  #Content #addTeamsBox h2,  #Content #playerSwapBtn .CSModalBox h2,  #Content #leagueTimeScheduleBtn .CSModalBox h2,  #Content .CSModalBox.light h2 { color: #0e2666 !important; }  #Content #addPlayersBox td.addStatus,  #Content #addTeamsBox td.addStatus,  #teamVenueSearch td.addStatus,  #teamOrgSearch td.addStatus { padding-right: 10px; opacity: 0.5; transform: rotate(-360deg);}  #Content #addPlayersBox tr.selected td.addStatus,  #Content #addTeamsBox tr.selected td.addStatus,  #teamVenueSearch tr.selected td.addStatus,  #teamOrgSearch tr.selected td.addStatus { min-width: 45px; opacity: 1; background: transparent url(/img/checked-green.svg) center center / 24px no-repeat; transform: rotate(0deg); transition: opacity 0.5s ease-in, transform 0.6s ease-out; }  #Content #addPlayersBox tr.joined,  #Content #addTeamsBox tr.joined,  .Team.edit tr.joined { text-decoration: line-through;}  #addTeamsBox,  #tournamentDivisionPopup > .CSModalBox, #licenseReqPopup > .CSModalBox { display: none; text-indent: 0; width: 605px; background-color: #253a47; color: #FFFFFF; max-height: 100%; overflow: auto; }  #ShareBoxExplain,  #addPlayersExplain { width: 100%; }  #ShareBox .toggle { margin-top: 12px; }  #ShareBox .shareToggle .message { margin-top: 4px; font-size: 12px; }  #ShareBox .sharelink { height: 30px; border: 0;}  #ShareBoxAccess { }  #ShareBoxAccess .field { width: 100%; }  #ShareBoxAccess .emailSent { margin: 0; font-weight: normal; }  #ShareBoxAccess .writeaccess { display: flex; line-height: 36px; margin: 10px 0; }  #ShareBoxAccess .addLine { display: flex; justify-content: flex-end; }  #ShareBoxAccess .writeaccess input { width: 270px; background-color: transparent; margin-bottom: 0px; border: 0; }  #ShareBoxAccess textarea { width: 100%; min-height: 120px; font-family: 'Open Sans'; border-bottom: 1px solid #F3F3F3; padding: 10px; margin-top: 20px;}  #ShareBoxAccess .message { position: absolute; right: 20px; width: 230px; }  #ShareBoxAccess.error .message { color: #FF0000; }  #ShareBoxAccess.warning .message { color: #FF9800; }  .shareBtn { width: 36px; height: 36px; background-color: #FF9800; margin-left: 8px; cursor: pointer; border-radius: 18px; }  .shareBtn:first-child { margin-left: 0px; }  #ShareFacebook { background: #FF9800 url('/img/social_facebook.png') center / 12px no-repeat; }  #ShareTwitter { background: #FF9800 url('/img/social_twitter.png') center / 22px no-repeat; }  #SharePinterest { background: #FF9800 url('/img/social_pinterest.png') center no-repeat; }  #ShareGoogleplus { background: #FF9800 url('/img/social_googleplus.png') center no-repeat; }  #ShareLinkedin { background: #FF9800 url('/img/social_linkedin.png') center no-repeat; }   /**  * Comments  */  .CommentBtn { font-family: 'Antonio Bold', 'Open sans'; text-align: left; color: #A5A5A5; font-size: 16px; padding: 8px; padding-right: 0; background: #273033 url(/img/comment.svg) top 10px right 8px no-repeat; cursor: pointer;  position: fixed; bottom: 0px; left: 50%; margin-left: 180px; width: 300px; height: 70px; z-index: 10; overflow: hidden; transition: all 0.3s ease-in-out; }  .CommentBtn .from { font-family: 'Open sans'; font-size: 12px; }  .CommentBtn .lastMessage { white-space: nowrap; overflow: hidden;}.CommentBox > div { position: relative; height: 100%; }  .CommentHeader { min-height: 40px; color: #FF9800; font-size: 15px; padding: 10px; background: #42525A; position: relative; }  .CommentClose { display: none; position: absolute; right: 10px; top: 0px; background: url(/img/X_14.png) center center no-repeat; width: 14px; height: 40px; cursor: pointer; }  .CommentList { overflow-y: scroll; max-height: 500px; }  .CommentList ul { list-style-type: none; padding: 0px; padding-bottom: 20px; margin: 0px; }  .CommentList li { display: flex; align-items: flex-start; padding: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 0; word-break: break-word; }  .CommentList .date { color: #A4B2B3; font-size: 10px; padding-left: 20px; margin-top: -4px; }  .CommentList .author, .CommentNotify .author { color: #467df7; font-size: 12px; font-weight: 600; }  .CommentList img { margin: 0px 10px 0px 0px; min-width: 34px; min-height: 39px; width: 34px; height: 39px; }  .CommentNotify .comment { font-size: 13px; color: #FFF; }  .CommentList .comment { font-size: 13px; overflow: auto; display: inline-block; background: #EDEDED; min-height: 36px; border-radius: 18px; padding: 10px 20px; max-width: 550px; }  .CommentForm { padding: 10px;}  .CommentForm img { margin-top: 0px; margin-right: 10px; padding-top:0; height: 30px; }  .CommentForm input[type="text"] { height: 36px; margin: 0px; background-color: #EDEDED; border-radius: 18px; border: 0;}  .CommentForm input[type="submit"] { width: 50px; height: 35px; margin: 0px; font-weight: 500; font-size: 18px; padding: 0; background: transparent url(/img/send-dark.svg) center center no-repeat; border: 0;}  .CommentForm input[type="submit"]:hover { opacity: 0.9; }  .CommentForm input[type="text"]::-webkit-input-placeholder { color: #75838C; font-size: 14px; }  .CommentForm input[type="text"]:-moz-placeholder { color: #75838C; opacity: 1; font-size: 14px; }  .CommentForm input[type="text"]::-moz-placeholder { color: #75838C; opacity: 1; font-size: 14px; }  .CommentForm input[type="text"]:-ms-input-placeholder { color: #75838C; font-size: 14px; }  .CommentForm input[type="text"]:focus::-webkit-input-placeholder { color: #75838C; font-size: 14px; }  .CommentForm input[type="text"]:focus:-moz-placeholder { color: #75838C; opacity: 1; font-size: 14px; }  .CommentForm input[type="text"]:focus::-moz-placeholder { color: #75838C; opacity: 1; font-size: 14px; }  .CommentForm input[type="text"]:focus:-ms-input-placeholder { color: #75838C; font-size: 14px; }  .CommentForm.disabled > div:first-child { line-height: 35px; }  .CommentForm .newCommentLine { width: 100%; display: flex; flex-flow: row nowrap; justify-content: flex-start; }  .CommentForm .newCommentLine .profileImg { width: 34px; height: 39px; }  .CommentForm .newCommentLine .input { min-width: 50px; width: 400px; max-width: 400px; padding-left: 20px; flex-shrink: 10;}  .CommentForm .newCommentLine .send { max-width: 50px; }  .CommentForm .newCommentLine .send:hover { opacity: 0.6; } .CommentNotify { position: fixed; left: 50%; bottom: 0px; margin-left: 180px; padding: 5px; height: 35px; width: 300px; background-color: #42525A; overflow: hidden; z-index: 4; cursor: pointer; white-space: nowrap; transition: all 0.3s ease-in-out; }  .CommentNotify img { height: 28px; }  .CommentNotify .author, .CommentNotify .comment { height: 35px; line-height: 35px; }  .CommentNotify .comment { position: absolute; left: 38px; top: 0; width: 268px; overflow: hidden; white-space: nowrap; }   /**  * Gallery  */  .CSGalleryCover { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #333333; opacity: 0.95; z-index: 10; display: none; }  .CSGalleryCloseBtn { position: absolute; right: 10px; top: 10px; width: 45px; height: 45px; background: transparent url(/img/close-white.svg) center no-repeat; cursor: pointer; }  .CSGalleryBox { background-color: #475A65; color: #FFFFFF; position: relative; overflow: hidden; left: 2vw; top: 5vh; width: 94vw; height: 90vh;}  .ImageView { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  .ImageView > .Image { background-color: #333333; position: absolute; left: 0; width: 70%; height: 100%; text-align: left; display: flex; align-items: center; justify-content: left;}  .ImageView > .Image > div { height: 100%; display: flex; align-items: center; justify-content: center; width: 100%;}  .ImageView > .Image > div img { width: auto; height: auto; max-width: 100%; max-height: 100%; }.ImageView > .Info { position: absolute; right: 0; width: 30%; color: #000; background-color: #FFF; height: 100%;}  .ImageView > .Info .OwnerInfo { padding: 10px; }  .ImageView > .Info .OwnerInfo img.profile { float: left; margin: 0px 10px 5px 0px; height: 55px;}  .ImageView > .Info .OwnerInfo .date { color: #A4B2B3; font-size: 10px; }  .ImageView > .Info .OwnerInfo .author { }  .ImageView > .Info .OwnerInfo .comment { padding: 20px; padding-left: 0; }  .ImageView > .Info .OwnerInfo .comment .description.editBtn { background: transparent url(/img/edit-blue.svg) left top/18px no-repeat; padding-left: 25px; }  .ImageView > .Info .OwnerInfo .comment .edit textarea { width: 70%; height: 70px; font-family: 'Open sans'; }  .ImageView > .Info .OwnerInfo .comment .edit input { vertical-align: top; background: #467DF7; color: #FFF; border: 0; padding: 5px 15px; }  .ImageView > .Info .OwnerInfo .comment .edit input:hover { opacity: 0.7; }  /** * User forms  */  .signup li { margin-bottom: 10px; }  .signup .accept-box { margin: 10px; padding: 10px; background-color: rgba(224,207,88, 0.25); display: flex; align-items: center; }  .signup .accept-box input,  .signup .accept-box label { margin: 0 5px; display: block; }  .signup .accept-box.checked { background-color: rgba(93,175,60, 0.25); }  .signup .accept-box.error { background-color: rgba(242,97,124, 0.25); }  .socialLogin { width: 250px; }  .socialLogin .message { color: #FF9800; max-width: 250px; margin-top: 12px; }  .User .login { position: relative; }  .User .login > form { width: 250px; }  .User .login .message { color: #FF9800; }  .User .login input[type="password"] ~ a { position: absolute; right: 6px; top: 4px; }.signupDiv .signup { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-row-gap: 10px; }  .signup .signupCol { padding: 10px; }  .signup .zor .text { color: #FF9800; }  .signup.headerDropdown { background-color: #415159; color: #FFFFFF; }  .signup.headerDropdown h2 { color: #FFFFFF !important; }  .signup .field input[type="text"], .signup .field input[type="password"],  .signup .field select { background-color: #697B8A; }  .User .signup .field.halfWidth,  .User .settings .field.halfWidth,  .User .edit .field.halfWidth,  .Player .edit .field.halfWidth, .Club .edit .field.halfWidth,  .Page .edit .field.halfWidth,  .Place .edit .field.halfWidth { width: 250px; float: left; margin-right: 12px; }  .Player .edit .field.fullWidth { width: 512px; }  .User .signup .field > label { color: #93A2A7 !important; } .User .signup .field.date select,  .User .edit { width: 700px; }  .field.date select { width: auto; float: left; margin-right: 4px; }  .field.radio { line-height: 24px; }  .User .edit .message.ok { background-color: #71A33B; color: #FFFFFF; border: 1px solid #9ACE57; padding: 5px; }  .User .edit .message.error { background-color: #BF3636; color: #FFFFFF; border: 1px solid #FF6969; padding: 5px; }  .User .signup > .message,  .User .settings .message { width: 500px; color: #FF9800; }  .User .settings h4 { color: #FF9800; font-size: 18px; }  #SocialDisconnect > div:first-child, #SocialConnect:not(.fbLoginBtn) > div:first-child { background: #467DF7;  font-family: 'Open sans'; font-weight: 700; min-width: 140px; padding: 0 20px; height: 36px; text-align: center; font-size: 16px; color: #FFFFFF; line-height: 36px; text-transform: uppercase; cursor: pointer; border-radius: 18px; }  #SocialDisconnect { margin: 10px; }  .User .settings .CSModalBox { width: 605px; background: #475A65; color: #FFFFFF; text-align: left; }  .User .settings .CSModalBox h3 { color: #FFFFFF; }  .User h3 { margin-bottom: 6px; }  #Signup .checkbox ~ label { color: #FF9800; }  #Signup .checkbox { background-color: #FFFFFF; }  #Content .User h2, .headerDropdown .User h2 { color: #475A65; margin-top: 0px; }  .fbLoginBtn { cursor: pointer; margin-bottom: 12px; }  .fbLoginBtn .fbLoginLogo { height: 32px; padding-left: 40px; line-height: 32px; background: #3B5998 url(/img/FB-f-Logo__blue_29.png) left center no-repeat; color: #FFFFFF; }  #Signup .fbLoginBtn .fbLoginLogo, #Signup .fbLoginBtn .fbLoginText { border: 1px solid #75838C; }  #Signup .fbLoginBtn .fbLoginText { border-left: none; } /**  * Player/Club/Place profile  */  div.Club.content, div.Place.content { min-height: 800px; margin-top: 30px; }  div.Club.content.edit, div.Place.content.edit { margin-top: 0; }  .edit .field input[type="search"]::-webkit-input-placeholder { color: #999999; font-size: 14px; }  .edit .field input[type="search"]:-moz-placeholder { color: #999999; opacity: 1; font-size: 14px; }  .edit .field input[type="search"]::-moz-placeholder { color: #999999; opacity: 1; font-size: 14px; }  .edit .field input[type="search"]:-ms-input-placeholder { color: #999999; font-size: 14px; }  .edit .field input[type="search"]:focus::-webkit-input-placeholder { color: #75838C; font-size: 14px; }  .edit .field input[type="search"]:focus:-moz-placeholder { color: #75838C; opacity: 1; font-size: 14px; }  .edit .field input[type="search"]:focus::-moz-placeholder { color: #75838C; opacity: 1; font-size: 14px; }  .edit .field input[type="search"]:focus:-ms-input-placeholder { color: #75838C; font-size: 14px; }  .Player .profile { margin-top: 40px; }  .Player .profile h4 { color: #475A65; margin-bottom: 0; font-size: 24px; }  .Player .profile h4:first-child { margin-top: 0; }  .Player .branchInfo { margin-bottom: 10px; }  .Player .federationInfo { margin-bottom: 20px; }  .Player .federationInfo h2 { color: #475A65; font-size: 26px; text-transform: none; margin-top: 0;}  .Player p.activity { color: #FF9800; font-family: 'Antonio Bold'; margin-bottom: 5px;}  .Player .claimBtn { float: right; text-transform: uppercase; font-family: 'Antonio Bold'; font-weight: 600; color: #475A65; font-size: 20px; }  td.medalIcon { width: 21px; }  img.medalIcon { margin-top: 3px; }  .Federation .CSHex { position: absolute; }  .Federation .hex1 { top: 4px; left: 0px; }  .Federation .hex2 { top: 4px; left: 250px; text-transform: uppercase; color: #000000; }  .Federation .hex2 a, .Federation .hex2 a:link, .Federation .hex2 a:active, .Federation .hex2 a:visited{ color: #FFFFFF; }  .Federation .hex3 { top: 220px; left: 124px; text-transform: uppercase; color: #475A65; }  .Federation .profile { }  .Federation table.contactInfo th, .Federation table.contactInfo td{ vertical-align: top; }  .Federation table.contactInfo img { vertical-align: middle; }  .Federation .linkBox { width: 280px; overflow: hidden; background-color: #eeeff0; padding: 20px; padding-left: 5px; margin-left: 40px; margin-bottom: 40px; line-height: 30px; font-family: Antonio Regular; text-transform: uppercase; font-weight: 700; }  .Federation .linkBox .icon { width: 50px; text-align: center; }  .Federation .linkBox .icon img { height: 20px; width: auto; vertical-align: middle; margin-bottom: 2px; }  .backBtn { background: #467DF7 url(/img/arrow-left-white.svg) center center/10px no-repeat; width: 40px; height: 40px; }  .backBtn:hover { cursor: pointer; }  .Place h2:first-letter { text-transform: uppercase; }  .Place h2 { color: #475a65; font-weight: normal; font-size: 24px; font-weight: 700; }  .Place h3 { color: #000000; font-family: 'Open sans'; font-weight: 900; }  .Place .openingHours { text-transform: uppercase; font-size: 16px; line-height: 16px; width: 70%; margin: auto; }  #ZpinMap { position: absolute; width: 599px; height: 435px; margin-top: 0px; background-color: #F0F0F0; }  #ZpinMap ul.ZbubbleMenu li:first-child { visibility: hidden;}  #ZaddressSearchList { background-color: #FFF; border: 1px solid #D2D2D2; width: 250px; padding: 5px; z-index: 3;}  #ZaddressSearchList h3 { display: none; }  .CSModalBox h2 { font-size: 28px; }  .CSModalBox .modern .field input, .CSModalBox .modern .field input:valid, .CSModalBox .modern .field select, .CSModalBox .modern .field select:valid,  .CSModalBox .modern .field label { color: #FFFFFF;}  .CSModalBox .modern .field input:focus ~ label, .CSModalBox .modern .field select:focus ~ label {  color: #36CFF3;  }  .CSModalBox .modern .field input:focus, .CSModalBox .modern .field.active input, .CSModalBox .modern .field select:focus, .CSModalBox .modern .field.active select {  border-bottom-color: #36CFF3;  }  .CSModalBox .modern .field textarea { background-color: #FFF; color: #000;}  .CSModalBox .modern .field textarea:focus + label, .CSModalBox .modern .field.active textarea + label {  color: #36CFF3;  }  .CSModalBox .modern .field select { color: #000; background: transparent url(/img/arrow_down.svg) right 10px top 6px no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; }  .CSModalBox .modern .field select option { color: #000; }  .CSModalBox.Coupon { background-color: #475A65; text-align: center; color: white; min-width: 500px; }.ZinfoWindow h4 { color: #000000; }  .editBtn { cursor: pointer; }  #preJoinMessage, #preAddPlayerMessage, #preAddTeamMessage { text-align: center; }  /**  * New modal dialog based upon material design.  * @see https://material.io  */  .modaldialog {  position: fixed;  top: 0;  left: 0;  height: 100%;  width: 100%;  background-color: rgba(0,0,0,0.6);  z-index: 1000;  }  .modal {  max-height: calc(100% - 100px);  max-width: 960px;  min-width: 320px;  position: fixed;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  background-color: #FFF;  padding: 24px;  padding-bottom: 8px;  overflow: auto;  }  .modal p.title { color: #000; opacity: 0.87; font-size: 21px; font-weight: 700; text-transform: initial; margin-top: 0; }  .modal p { color: #000; opacity: 0.7; }  .modal div.actions { vertical-align: top; text-align: right; margin-right: -16px; margin-top: 24px; margin-bottom: 4px; }  .modal div.actions input:first-child { margin-right: 8px !important; }  .modal input.publish { font-family: 'Open sans'; font-size: 14px; font-weight: 700; min-width: auto; text-transform: uppercase; color: #467DF7; background: transparent; height: 36px; border: 0; margin-right: 0px; }  .modal input.publish:hover { cursor:pointer; opacity: 0.8 } .modal input.cancel { font-family: 'Open sans'; font-size: 14px; font-weight: 700; min-width: auto; text-transform: uppercase; color: #467DF7; background: transparent; height: 36px; border: 0; margin-right: 0px; }  .modal input.cancel:hover { cursor:pointer; opacity: 0.8 }  /** END modal */  /**  * New profile pages (august 2017)  */  div.profileBackground { position: relative; }  div.profileBackground .headerBackdrop { position: absolute; top: 0px; width: 100%; height: 407px; background-color: #dddddd; z-index: 1; }  div.profileBackground .headerBackdropOverlay { display: none; position: absolute; top: 126px; width: 100%; height: 407px; background: transparent url(/img/pro/pro-header-stripes.png); z-index: 2; }  div.profileBackground .headerMenuBackground { position: absolute; top: 407px; left: 0px; width: 100%; height: 36px; background-color: #EDEDED; z-index: 2; }  header.profilePage { height: 450px; position: relative; max-width: 960px; margin: auto auto; top: 0px; z-index: 3; }  header.profilePage div.HEADER { height: 407px; background-repeat: no-repeat; background-position: top center; background-color: #dddddd; position: relative; }  header.profilePage div.pagetype { position: absolute; top: 18px; right: 15px; text-transform: uppercase; color: #FFFFFF;font-family: 'Antonio Bold'; z-index: 1; }  header.profilePage div.PROFILE { position: absolute; top: 295px; left: 0px; z-index: 4; }  header.profilePage div.PROFILE img { width: 170px; }  header.profilePage div.PROFILE .csImgEditMenu { left: 60px; top: 145px; }  header.profilePage div.profileShadow { position: absolute; top: 278px; left: -27px; width: 240px; height: 240px; background: transparent url(/img/profile-shadow.png?new) left 8px top 2px no-repeat; z-index: 1; }  header.profilePage div.editButton { position: absolute; top: 300px; left: 190px; }  header.profilePage div.titleScreen { position: absolute; top: 344px; left: 170px; height: 62px; width: calc(100% - 170px); background-color: black; opacity: 0.4; }  header.profilePage h1 { position: absolute; top: 318px; left: 188px; color: #FFFFFF; font-family: 'Antonio Regular'; font-size: 34px; text-shadow: 1px 1px 4px #000000; z-index: 2; }  header.profilePage h1 a { color: inherit; font-size: inherit; font-weight: inherit; text-decoration: none; }  header.profilePage div.subTitle { position: absolute; top: 385px; left: 188px; color: #FFFFFF; font-size: 12px; z-index: 2; padding-left: 1px; }  header.profilePage div.subTitle a { color: #FFFFFF; }  header.profilePage div.subTitle a.phone { background: transparent url(/img/phone-white.svg) left center /10px no-repeat; margin-left: 12px; padding-left: 16px; }  header.profilePage div.menu { position: absolute; top: 407px; left: 186px; height: 36px; line-height: 36px; font-family: 'Open sans'; font-size: 15px; text-transform: uppercase; z-index: 3; background-color: #EDEDED; }  header.profilePage div.menu a { color: #415159; margin-right: 15px; line-height: 28px; display: inline-block; padding: 0; }  header.profilePage div.menu a:hover { text-decoration: none; }  header.profilePage div.menu a.active { border-bottom: 4px solid #FF9800; }  div.profilePage.content { margin-top: 78px; }  div.profilePage .likesharecontainer { top: -71px !important; }  div.profilePage.content h2 { margin-top: 0; margin-bottom: 10px; } header.profilePage.player,  header.profilePage.place { top: -207px; height: 247px; }  header.profilePage.player div.background { top: 207px; height: 200px; background: black url(/img/player-default-banner.png) top center no-repeat; position: relative; }  header.profilePage.place div.background { top: 207px; height: 200px; background: black url(/img/venue-default-banner.png) top center no-repeat; position: relative; }  header.profilePage.team div.background { top: 207px; height: 200px; background: black url(/img/team-default-banner.png) top center no-repeat; position: relative; }  header.profilePage.team div.subTitle,  header.profilePage.team div.menu { display: none; }  /**  * Players page  */  .Player .top8 { text-transform: uppercase; color: #FFFFFF; }  .Player .top8 .top3 { width: 600px; float: left; }  .Player .top8 .top3 .player { width: 300px; height: 169px; position: relative; float: left; font-family: 'Open sans', arial; cursor: pointer; }  .Player .top8 .top3 .player:first-child { width: 600px; height: 337px; border-bottom: 1px solid #FFFFFF; }  .Player .top8 .top3 .player:nth-child(2) { border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }  .Player .top8 .top3 .player:nth-child(3) { border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }  .Player .top8 .top3 .player .banner { background-color: #FF9800; height: 33px; position: absolute; width: 100%; bottom: 0px; opacity: 0.9; }  .Player .top8 .top3 .player .bannerText { font-size: 16px; height: 33px; position: absolute; width: 100%; bottom: 0px; font-weight: 800; text-align: center; line-height: 33px; font-family: 'Open Sans'; overflow: hidden; }  .Player .top8 .top3 .player:first-child .banner { height: 50px; }  .Player .top8 .top3 .player:first-child .bannerText { font-size: 30px; height: 50px; line-height: 50px; }  .Player .top8 .list { float: left; width: 360px; height: 506px; background-color: #232b2d; }  .Player .top8 .list .header { height: 80px; line-height: 80px; font-family: 'Antonio Bold'; font-size: 28px; padding-left: 20px; background-color: #415159; text-align: center; }  .Player .top8 .list .header > a { color: #FF9800; text-decoration: none; }  .Player .top8 .list ul { margin: 0px; padding: 0px; list-style-type: none; }  .Player .top8 .list li { background-color: #415159; width: 100%; height: 40px; line-height: 40px; padding-left: 20px; }  .Player .top8 .list li span { font-weight: bold; }  .Player .top8 .list li a { color: #FFFFFF; text-decoration: none; }  .Player .top8 .list li.odd { background-color: #4f636b; }  .Player .top8 .list .footer .button { margin: auto; width: 115px; height: 32px; border: 2px solid #FF9800; line-height: 30px; text-align: center; font-family: 'Antonio Bold'; margin-top: 40px; cursor: pointer; }  .Player .top8 .list .footer .button:hover { background-color: #415159; }   #playersForm h1 { margin: 5px 10px; padding: 0; font-family: 'Open sans'; font-weight: 700; font-size: 28px; }  .PlayerList a { color: #000; }.PlayerList .flag { vertical-align: top; margin-top: 0px; margin-right: 5px; height:16px; width: 21px; }  .PlayerList .map { width: 100%; height: 100%; margin-top: 10px; }  .playerSearch th { background-color: #FAFAFA; color: #000; }   .PlayerList .index .field label { color: #415159; padding-left: 7px; font-size: 14px; }  .PlayerList .index .field select { height: 25px; padding: 0px 5px; background: #475A65 url('/img/arrow_down_orangebg.svg') right center / 25px 25px no-repeat; }  .PlayerList .index ul.letterLinks { margin: 5px 0px 5px -10px; padding: 0; list-style-type: none; margin: auto; display: table; }  .PlayerList .index ul.letterLinks li { display: inline-block; width: 31px; height: 40px; font-weight: 700; text-align: center; font-size: 18px; padding-top: 7px; }  .PlayerList .index ul.letterLinks li a { color: #415159; text-decoration: none; padding: 7px; }  .PlayerList .index ul.letterLinks li:hover a, .PlayerList .index ul.letterLinks li.selected a { color: #FFFFFF; text-decoration: none; }  .PlayerList .index ul.letterLinks li:hover, .PlayerList .index ul.letterLinks li.selected { background: url(/img/profile-frame-filled.png) center center / 40px 35px no-repeat; color: #FFFFFF; }  .PlayerList .index .search { float: left; }  .PlayerList .index .search input[type="search"] { background: #475A65 url(/img/search_white.svg) left 10px center / 16px 16px no-repeat; color: #000000; color: #FFFFFF; padding-left: 35px; height: 32px; }  .PlayerList .index .search input[type="search"]::-webkit-search-cancel-button { margin-right: 0px; }  .PlayerList .index .search input[type="search"]::-webkit-input-placeholder { color: #FFFFFF; font-size: 14px; }  .PlayerList .index .search input[type="search"]:-moz-placeholder { color: #FFFFFF; opacity: 1; font-size: 14px; }  .PlayerList .index .search input[type="search"]::-moz-placeholder { color: #FFFFFF; opacity: 1; font-size: 14px; }  .PlayerList .index .search input[type="search"]:-ms-input-placeholder { color: #FFFFFF; font-size: 14px; }  .PlayerList .index .search input[type="search"]:focus::-webkit-input-placeholder { color: #75838C; font-size: 14px; }  .PlayerList .index .search input[type="search"]:focus:-moz-placeholder { color: #75838C; opacity: 1; font-size: 14px; }  .PlayerList .index .search input[type="search"]:focus::-moz-placeholder { color: #75838C; opacity: 1; font-size: 14px; }  .PlayerList .index .search input[type="search"]:focus:-ms-input-placeholder { color: #75838C; font-size: 14px; }  .PlayerList .index .list { text-align: left; }  .PlayerList .index .list .letterHead { background: url(/img/profile-frame-filled.png) left center / 52px 60px no-repeat; color: #FFFFFF !important; font-size: 40px; font-weight: 700; height: 60px; width: 52px; text-align: center; font-family: 'Open Sans'; }  .PlayerList .index .list .letterHead img { width: 25px; height: 25px; margin-left: 3px; }  .PlayerList .index .list .player { width: 240px; float: left; height: 80px; position: relative; }  .PlayerList .index .list .player img.profileImg { float: left; width: 34px; height: 39px; }  .PlayerList .index .list .player img.flag { float: left; }  .PlayerList .index .list .player .text { float: left; margin: 5px 0px 0px 10px; width: 195px; }  .PlayerList .index .list .player a { color: #000000; text-decoration: none; }  .PlayerList .index .list .player .club { text-transform: uppercase; color: #a0a0a0; font-size: 12px; line-height: 14px; }  /**  * Search page  */  input[type="search"] { background: transparent url(/img/search-black.svg) left 10px center / 16px 16px no-repeat;  color: #000000;  padding-left: 35px;  height: 30px;  border: 1px solid #CFCFCF;  }  .Search .search { float: left; margin-bottom: 20px; }  .search input[type="search"]::-webkit-search-cancel-button { margin-right: 0px; }  .search input[type="search"]::-webkit-input-placeholder { color: #FFFFFF; font-size: 14px; }  .search input[type="search"]:-moz-placeholder { color: #FFFFFF; opacity: 1; font-size: 14px; }  .search input[type="search"]::-moz-placeholder { color: #FFFFFF; opacity: 1; font-size: 14px; }  .search input[type="search"]:-ms-input-placeholder { color: #FFFFFF; font-size: 14px; }  .search input[type="search"]:focus::-webkit-input-placeholder { color: #75838C; font-size: 14px; }  .search input[type="search"]:focus:-moz-placeholder { color: #75838C; opacity: 1; font-size: 14px; }  .search input[type="search"]:focus::-moz-placeholder { color: #75838C; opacity: 1; font-size: 14px; }  .search input[type="search"]:focus:-ms-input-placeholder { color: #75838C; font-size: 14px; }  /**  * Tournament related  */  #tournamentEdit .extraEdit { }  #tournamentEdit .text { font-family: 'Antonio Regular'; text-transform: uppercase; line-height: 20px; margin-top: 10px; color: #415159; }  #tournamentEdit .editField input.editGrey { font-size: 18px; color: #000; background-color: #e2e2e2; width: 250px; height: 30px; }  #tournamentEdit .editField { margin-top: 15px; width: auto; clear: left; }  #tournamentEdit .editField input:not([type="checkbox"]) { color: #FFFFFF; background-color: #415159; width: 250px; margin-right: 10px; border: 0; }  #tournamentEdit .editField img { vertical-align: top; } #tournamentEdit .zSuggest, .Ranking.edit .zSuggest { position: absolute; }  #tournamentEdit .trash a { font-family: 'Antonio Bold'; margin-top: 20px; font-size: 20px; text-transform: uppercase; color: #415159; text-decoration: none; }  #tournamentEdit .selInputs .selBox { display: inline-block; margin-right: 10px; height: 20px; }  #tournamentEdit .selInputs .text { white-space: nowrap; overflow: hidden; }  #tournamentEdit .selInputs input { border: 0; width: 180px; }  #tournamentEdit .selInputs div.removeBtn { width: 18px; height: 18px; margin-left: 5px; }  #tournamentEdit .livestream .addVideoButton { display: inline-block; width: 40px; height: 30px; background: transparent url(/img/video-icon.svg) center center no-repeat; }  #tournamentEdit .livestream input.addVideo { height: 30px; border:0; border-bottom: 1px solid #D2D2D2; background-color: transparent; vertical-align: top; margin-right: 0; display: inline-block; padding-left: 0; }  #tournamentEdit .livestream .addVideoConfirm { display: inline-block; vertical-align: middle; text-transform: uppercase; font-family: 'Antonio Bold'; font-size: 14px; line-height: 30px; padding-left: 5px; color: #FFFFFF; height: 30px; width: 70px; background: #467DF7 url(/img/arrow-right-white.svg) center right 3px / 8px no-repeat; }  #tournamentEdit .livestream span.text {font-family: 'Open sans', arial; display: inline-block; white-space: nowrap; font-size: 12px; line-height: 14px; margin-top: 0; text-transform: initial; overflow: hidden; }  #tournamentEdit .livestream .removeBtn { width: 18px; height: 18px; margin-left: 5px; }  #tournamentEdit #videoArchive .videoLink { clear: both; }  #tournamentEdit .superAdminFieldset .field { margin-top: 0; margin-bottom: 10px; width: auto; }  #tournamentEdit .superAdminFieldset .field.floatLeft { margin-right: 15px; }  #tournamentEdit .superAdminFieldset .field > label:first-child { font-family: 'Antonio Regular'; text-transform: uppercase; line-height: 20px; margin-top: 10px; color: #415159; }  #tournamentEdit div.savesection { margin-top: 40px; text-align: right; max-width: 500px; }  #tournamentEdit div.savesection div:hover { cursor: pointer;}  #tournamentEdit .trash { text-align: center; font-family: 'Open sans'; font-size: 14px; padding: 0 24px; padding-left: 42px; text-align: center; font-weight: 600; text-transform: uppercase; color: #ff5f5f; background: transparent url(/img/trash-red.svg) left 20px center no-repeat; height: 36px; line-height: 36px; border: 1px solid #ff5f5f; border-radius: 18px; }  #tournamentEdit .trash:hover { cursor:pointer; opacity: 0.8 }   table.individualMatchSetup { width: 100%; }  table.individualMatchSetup .field input[type="number"] { width: 80px; }  table.individualMatchSetup .input-group { margin: 3px; }  table.individualMatchSetup th { opacity: 0.54; color: #0e2666; font-size: 12px; font-weight: normal; }  .Tournament .create .field { width: 100%; margin-bottom: 12px; text-transform: uppercase; }  .Tournament .create .field #name { width: 380px; margin-bottom: 0; }  .Tournament .create .field #submit { width: 150px; }  .Tournament div.headerImg { margin-bottom: 5px; }  .Tournament .edit h1, .Tournament.Schema h1, #tournamentForm h1, #challengesForm h1 { border: 0; text-align: left; }  .Tournament.Schema a.editLink,  .Tournament.Schema #scoreLegends { display: none; }  .Tournament .create h1 { padding-left: 34px; background-image: url(/img/create.png); background-repeat: no-repeat; background-position: left center; font-size: 24px; color: #475a65; }  .Tournament p.dateandvenue { font-weight: bold; margin: 0; padding: 0; font-size: 26px; }  .Tournament h2 { margin-bottom: 20px; }  .participants .legends { font-family: 'Antonio Bold'; color: #475a65; text-transform: uppercase; height: 40px; padding-top: 20px; margin-left: 60px; line-height: 25px; font-size: 18px; }  .participants table td a { color: #000; }  .participants table td { }  td.eye { background: transparent url() center center no-repeat; }  td.eye.selected { background-image: url(/img/eye.svg); }  tr:hover td.eye { background-image: url(/img/eye.svg); }  .participants .preseeded { background-color: #71A33B !important; color: #FFFFFF; border: 1px solid #9ace57 !important; }  .participants .unseeded { background-color: #76858c !important; color: #FFFFFF; border: 1px solid #96A5AC !important; }  .participants img.flag { border: 1px solid #E5E5E5; height: 16px; width: 21px; margin-right: 5px; vertical-align: top; margin-top: 1px;}  .participants td.created { font-size: 14px; }  .Tournament .participants .colorStatus { padding: 0; height: 30px; width: 80%; display: inline-block; }  .participants .colorStatus .selection { height: 100%; background: transparent url(/img/arrow_down_black.svg) center center no-repeat; position: relative;}  .participants .colorStatus .option { width: 100%; height: 30px; background-color: #FFF; line-height: 30px; text-align: center; text-transform: uppercase;}  .participants .colorStatus .red { background-color: #BF3636; }  .participants .colorStatus .blue { background-color: #467DF7; }  .participants .colorStatus .green { background-color: #71A33B; }  .participants .colorStatus .orange { background-color: #FF9800; }  .participants .colorStatus .yellow { background-color: yellow; }  .participants .colorStatus .options { position: absolute; top: 25px; left: 0; width: 100%; z-index: 1; border: 1px solid #96A5AC; cursor: pointer; }  .participantList { display: flex; justify-content: space-around; flex-flow: row wrap; }  .participant { position: relative; text-align: center; min-width: 120px; overflow: hidden; margin-bottom: 26px; }  .participant img { max-width: 70px; }  .participant img.flag { position: absolute; width: 25px; height: 19px; top: 49px; right: 10px; border: 1px solid #E5E5E5; background-color: #E5E5E5; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); }  .participant a { color: black; }  .participant .desc { font-size: 14px; text-align: center; margin: 0 auto; padding-top: 1px; padding: 0 5px; max-width: 180px; }  .participant .desc .name { }  .participant .remove { width: 20px; height: 20px; background: url(/img/trash-20.png) right top no-repeat; position: absolute; top: 0px; right: 0px; }  .playerBox { position: relative; text-align: center; min-width: 120px; overflow: hidden; margin-bottom: 18px; }  .playerBox img { max-width: 70px; }  .playerBox img.flag { position: absolute; width: 25px; height: 19px; top: 49px; right: 10px; border: 1px solid #E5E5E5; background-color: #E5E5E5; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); }  .playerBox a { color: black; }  .playerBox .desc { font-size: 14px; text-align: center; margin: 0 auto; padding-top: 1px; padding: 0 5px; max-width: 180px; }  .playerBox .desc .name { }  .Tournament .remove .CSModalBox { min-width: 500px; }  #scheduleFullscreen { float: right; margin-top: 40px; height: 32px; width: 32px; background: transparent url(/img/fullscreen-dark.svg) center center /16px no-repeat;}  #scheduleFullscreen:-webkit-full-screen,  #scheduleFullscreen:-moz-full-screen,  #scheduleFullscreen:-ms-fullscreen,  #scheduleFullscreen:fullscreen { display: none; }  #scheduleMenu { height: 36px; margin-right: 10px;}  #scheduleMenu .description { position: absolute; width: 72px; height: 36px; background: transparent url(/img/settings-blue.svg) center center / 20px no-repeat; border: 1px solid #467DF7; border-radius: 18px; }  #scheduleMenu .description:hover { opacity: 0.8; } #scheduleMenu .description.active { background-image: url(/img/scheduleMenu-2.svg); }  #scheduleMenu .selectorparent { position: relative; top: 36px; width: 0; }  #scheduleMenu .selector { position: absolute; top: 0; right: -72px; min-width: 200px; z-index: 1; background-color: #FFF; border-radius: 18px; overflow: hidden; }  #scheduleMenu .selector .option { height: 36px; line-height: 36px; padding-left: 35px; color: #000; padding-right: 20px; white-space: nowrap; }  #scheduleMenu .selector .option:hover { background-color: rgba(59,176,255,0.2) !important; cursor: pointer;} #scheduleMenu .selector .option.seeding { background: #FFF url(/img/seeding.svg) 10px center/16px no-repeat;}  #scheduleMenu .selector .option.swap { background: #FFF url(/img/swap-grey.svg) 10px center/16px no-repeat; }  #scheduleMenu .selector .option.matchprotocol { background: #FFF url(/img/print-icon-grey.svg) 10px center/16px no-repeat; }  #scheduleMenu .selector .option.time { background: #FFF url(/img/clock.svg) 10px center/16px no-repeat; text-decoration: line-through; }  #scheduleMenu .selector .option.leaguetime { background: #FFF url(/img/calendar-light.svg) 10px center/16px no-repeat;}  #scheduleMenu .selector .option.reset { background: #ff5f5f url(/img/reset-white.svg) 10px center/15px no-repeat; color: #FFF; }  #scheduleMenu .selector .option.reset:hover { background-color: #ff7f7f!important; }  table.score .matchno .selectorContainer { z-index: 2; }  table.score .selectorContainer { position: relative; top: 0px; height: 0; width: 0; z-index: 1; font-size: 12px; }  table.score .selector { position: absolute; top: 0; width: 280px; background-color: #FFF; box-shadow: 0px 0px 24px #666; }  table.score .selector .option { padding-left: 10px; font-family: 'Open sans'; font-size: larger; height: 32px; line-height: 30px; color: #000; }  table.score .selector .option:hover { background-color: rgba(59,176,255,0.2) !important; cursor: pointer;} table.score .selector .option.forfeit { background-image: url(/img/forfeit.svg); background-position: right 10px center; background-repeat: no-repeat; }  table.score .selector .option.disqualify { background-image: url(/img/delete.svg); background-position: right 10px center; background-repeat: no-repeat; }  table.score .selector .option.handicap { background-image: url(/img/pro/handicaps-dark.svg); background-position: right 10px center; background-repeat: no-repeat; }  table.score .selector .option.matchprotocol { padding-left: 35px; background: transparent url(/img/print-icon-grey.svg) 10px center/16px no-repeat; }  table.score .selector .option.video { padding-left: 35px; background: transparent url(/img/video-grey.svg) 10px center/16px no-repeat; }  table.score .selector .option.comment { padding-left: 35px; background: transparent url(/img/talk-grey.svg) 10px center/16px no-repeat; }  table.score .selector .option.overlay { padding-left: 35px; background: transparent url(/img/scoreboard-grey.svg) 10px center/16px no-repeat; } table.score .selector .option.settings { padding-left: 35px; background: transparent url(/img/settings-grey.svg) 10px center/16px no-repeat; } div.addAmountLine { display: flex; justify-content: space-around;align-items: center; max-width: 200px; } div.addAmountLine div.add { margin: 10px; margin-left: 0; margin-right: 0; min-width: 36px; height: 36px; background: #467DF7 url(/img/scoreboard-plus.svg) center center/45% no-repeat; line-height: 36px; color: #16afd3; border-radius: 50%; } div.addAmountLine div.subtract { margin: 10px; margin-left: 0; margin-right: 0; min-width: 36px; height: 36px; background: #ff5f5f url(/img/scoreboard-minus.svg) center center/45% no-repeat; line-height: 10vh; color: #FFF; border-radius: 50%; }  div.addAmountLine div.add:hover, div.addAmountLine div.subtract:hover { cursor: pointer; }  div.lagWinner label { width: 50%; text-align: center; text-overflow: ellipsis; display: inline-block; height: 36px; white-space: nowrap; overflow: hidden; margin-bottom: 10px; }  div.lagWinner label.playerA { border-radius: 18px 0 0 18px; }  div.lagWinner label.playerB { border-radius: 0 18px 18px 0; }  .selectorContainer { position: relative; top: 0px; height: 0; width: 0; z-index: 1; font-size: 12px; }  .selector { position: absolute; top: 0; min-width: 200px; }  .selector .option { padding-left: 10px; font-family: 'Open sans'; font-size: 15px; height: 32px; line-height: 30px; color: #000; }  .selector .option:hover { background-color: #D1D1D1; cursor: pointer; }  .selector .option.icon { background-image: url(); background-position: left 10px top 7px; background-repeat: no-repeat; padding-left: 35px; }  .selector .option.icon.profile { background-image: url(/img/menu/profile.svg); }  .selector .option.icon.editprofile { background-image: url(/img/edit-black.svg); }  #tooltip{text-align: center;color: #fff;background: #111;position: absolute;z-index: 100;padding: 15px; font-size: 14px;}  #tooltip:after{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #111;content: '';position: absolute;left: 50%;bottom: -10px;margin-left: -10px;}  #tooltip.top:after{border-top-color: transparent;border-bottom: 10px solid #111;top: -20px;bottom: auto;}  #tooltip.left:after{left: 10px;margin: 0;}  #tooltip.right:after{right: 10px;left: auto;margin: 0;}  #resultSection .podium { display: flex; align-items: flex-end; }  #resultSection .podium .profile {position: relative; text-align: center;}  #resultSection .participant { height: 100%; float: left;}  #resultSection .participant img { position: relative; width: 65%; max-width: 95px; height: auto; left: unset;}  #resultSection .participant img.flag { display: none; position: absolute; width: 31px; height: 24px; top: 44px; left: 80%; border: 1px solid #E5E5E5; }  #resultSection .pod { background-color: #0e2666; color: #475a65; font-size: 46px; font-weight: 700; text-align: center; font-family: 'Antonio Bold'; }  #resultSection .participant.place1 { padding-top: 0px; width: 25%;}  #resultSection .participant.place1 .pod { height: 100px; padding-top: 0px; line-height: 100px; border-radius: 2px; background: #0e2666 url(/img/podium-1.svg) center center / 50px no-repeat; }  #resultSection .participant.place2 { padding-top: 25px; width: 25%;}  #resultSection .participant.place2 .pod { height: 75px; padding-top: 0px; line-height: 75px; border-right: 2px inset #000; border-radius: 2px; background: #0e2666 url(/img/podium-2.svg) center center / 50px no-repeat}  #resultSection .participant.place3 { width: 50%; padding-top: 50px; }  #resultSection .participant.place3 .pod { height: 50px; padding-top: 0px; line-height: 50px; border-left: 2px solid #000; border-radius: 2px;background: #0e2666 url(/img/podium-3.svg) center center / 50px no-repeat }  #resultSection .participant.place3 .profile { width: 50%; float: left; }  #resultSection .participant .profile .desc { line-height: 20px; overflow: hidden;}  #resultSection .participant .profile .desc span a { color: #000; }  #resultSection .participant .profile .desc a { color: #A0A0A0; }  #join { text-align: right; display: inline-block; vertical-align: top; }  #join.error .message,  #joinClub.error .message { font-style: italic; font-size: 13px; text-align: left; left: 0px; top: 45px; width: 200px; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; background: transparent url(/img/info2-icon.svg) left center no-repeat;}  .participant .remove .message { font-style: italic; font-size: 13px; text-align: left; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; background: transparent url(/img/info2-icon.svg) left center no-repeat;}  #joinButton { padding: 0; padding-left: 44px; padding-right: 24px; font-family: 'Open sans'; display: inline-block; border: 0; min-width: 75px; height: 36px; text-align: center; font-weight: 700; font-size: 14px; color: #FFFFFF; line-height: 36px; text-transform: uppercase; background: #467DF7 url(/img/participant-add-white.svg); background-repeat: no-repeat; background-position: left 15px center; background-size: 21px; cursor: pointer; border-radius: 18px; box-shadow: 3px 3px 6px rgba(14,38,102,0.35); }  #joinButton:hover { background-color: #5788F6; }  #join.joined #joinButton { background: #0e2666 url(/img/checked-white.svg) left 12px center / 20px no-repeat; }  #join.joined.disabled #joinButton { background: #0e2666 url(/img/checkcircle-grey.svg) left 12px center no-repeat; }  #join.disabled #joinButton { background: #0e2666 url(/img/participant-add-disabled.svg) left 16px center no-repeat; cursor: default; color: rgba(255,255,255,0.54); }  #joinButton:active:not([disabled="disabled"]), #registeredButton:active:not([disabled="disabled"]) { padding-top: 1px; }  #addPlayers h2, #addTeams h2 { color: #FFFFFF; }  #addPlayersBox.error form .message,  #join.error form .message { margin-bottom: 10px; color: #ff6969;}  #addPlayers, #addTeams { display: inline-block; margin-left: 12px; vertical-align: top; }  #addPlayersBtn { display: inline-block; cursor: pointer; width: 36px; background: transparent url(/img/members-add-blue.svg) center center / 25px no-repeat; text-align: center; text-transform: uppercase; height: 36px; line-height: 36px; border: 1px solid #467DF7; border-radius: 18px; box-shadow: 3px 3px 6px rgba(14,38,102,0.35); }  #addTeamsBtn { display: inline-block; cursor: pointer; background: #467DF7 url(/img/members-add-white.svg) center center / 25px no-repeat; text-align: center; text-transform: uppercase; height: 36px; line-height: 36px; border-radius: 18px; color: #FFF; box-shadow: 3px 3px 6px rgba(14,38,102,0.35);}  #addPlayersBtn:hover, #addTeamsBtn:hover { background-color: #5788F6; background-image: url(/img/members-add-white.svg);}  #addTeamsBtn { font-weight: 700; font-size: 14px; padding: 0 20px; padding-left: 50px; background-position: left 15px center; }  #drawButton { background-image: url(/img/player-white.svg); background-position: left 14px center; background-size: 25px; }  #addPlayersBtn.disabled { background-image: url(/img/members-add-grey.svg); border: 0; }  #addTeamsBtn.disabled { color: rgba(255,255,255,0.54); background: #0e2666 url(/img/members-add-disabled.svg) left 15px center no-repeat; border: 0; }  #drawSection { margin-top: 10px; display: flex; justify-content: flex-start; }  #drawSection .error .message { color: red; }  #drawMenuBtn { cursor: pointer; min-width: 140px !important; height: 30px !important; line-height: 30px; text-align: center; color: #FFFFFF; font-family: 'Antonio Bold'; font-size: 16px; font-weight: bold; text-transform: uppercase; background: #467DF7 url('/img/print-icon.svg') left 8px center/20px no-repeat; }#matchprotocolPrintBtn { font-family: 'Open sans'; font-size: 14px; font-weight: 700; line-height: 36px; min-width: 0; text-transform: uppercase; color: #467DF7; background: transparent; height: 36px; border: 0; padding: 0 20px 0 40px; border: 1px solid #467DF7; border-radius: 18px; background: transparent url(/img/print-icon-blue.svg) left 12px center/20px no-repeat; }  #matchprotocolPrintBtn:hover { cursor: pointer; opacity: 0.8; }   #finishBox .field.halfWidth { width: 200px; float: right; margin-left: 12px; }  .drawSEBox .field { width: auto; min-width: 100px; }  .drawSEBox .field select option:disabled { color: #999;}  .drawSEBox td.playerB { padding: 0px; }  .drawSETable { width: 100%; font-size: 13px; border-spacing: 1px; border-collapse: separate; }  #drawSETable.standard tr:hover select { color: #000; }  .drawSEBox table.drawSETable td.matchno { background-color: transparent; border-bottom: 0; border-top: 0; }  .drawSEBox table.drawSETable .separator { background-color: transparent; border-bottom: 0; border-top: 0; color: #778a93; }  .round .drawSEBox table.drawSETable th { border-bottom: 0; }  .drawSEBox table.drawSETable .playerA, .drawSEBox table.drawSETable .playerB { height: 36px; }  .drawSEBox table.drawSETable .playerA span, .drawSEBox table.drawSETable .playerB span{ padding-left: 5px;}  .drawSEBox input.close { font-family: 'Open sans'; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #FFF; background: #467DF7; width: 220px; height: 36px; border: 0; }  .drawSEBox input.close:hover { cursor:pointer; opacity: 0.8 }  #drawMenuBox { overflow: hidden; }  #drawMenu div.scroll,  #resultEditBox div.scroll { min-height: 150px;overflow: hidden; overflow-y: auto; margin-bottom: 40px; }  #resultTable .flag, .resultTable .flag { border: 1px solid #E5E5E5; margin-left: -2px; margin-right: 5px; vertical-align: top; width: 21px; height: 16px; }  .resultTable .flag { margin-top: 2px; }  #resultTable .showAll { background-color: #467DF7; color: white; text-align: center; height: 40px; font-weight: 700; cursor: pointer; font-size: 14px; text-transform: uppercase; }  #resultTable .showAll:hover { opacity: 0.9;}  #drawMenu table.seedingForm th { cursor: pointer; }  #resultEditBox table.resultTable th:nth-child(1),  #resultEditBox table.resultTable td:nth-child(1) { padding-left: 10px; }  #resultEditBox table.resultTable tr { height: 32px; }  #drawMenu tr.rowOdd,  #resultEditBox input.score,  #resultEditBox input.position { background-color: transparent; border: 0; border-bottom: 2px solid #A5A5A5; width: 55px; height: 32px; padding:0; text-align: center; }  #resultEditBox input:focus { border-bottom: 2px solid #2196F3; }  #drawMenu .legends { font-family: 'Open sans'; position: absolute; bottom: 0px; left: 0px; width: 100%; text-transform: uppercase; height: 40px; padding-left: 30px; line-height: 40px; font-size: 14px; }  #drawMenu .legends .preseeded { color: #71A33B; margin-right: 7px; }  #drawMenu .legends .seederror { margin-left: 20px; color: #bf3636; margin-right: 7px;}  #drawMenu .legend { margin-left: 5px; margin-right: 24px; margin-top: -1px; }  #resultEditBox .field.halfWidth { width: 200px; float: left; margin-right: 12px; }  #resultSection { }  #standingTableRR { width: 100%; }  #standingTableRR th { text-transform: uppercase; }  img.standingSortInfo { margin-top: -7px; margin-left: 2px; height: 20px; vertical-align: top; }  h2 img.standingSortInfo { margin-top: 0; height: 24px; }  #standingTableRR tr.odd { background-color: #eef0f1; }  #standingTableRR tr:nth-child(1) { font-weight: bold; }  #resultTable tbody { background-color: #FFF; }  #resultTable a, #resultTable a:link, #resultTable a:visited, #resultTable a:active { color: #000 !important; }  table.resultTable tr:hover { background-color: #586f7a; }  #resultTable td:nth-child(1),  #resultTable td.left,  #resultTable td.right,  #resultTable .highlight { font-weight: bold; }  #resultTable tr:nth-child(even) .qualified { background-color: #87b748; color: #FFF; }  #resultTable tr:nth-child(odd) .qualified { background-color: #71a33b; color: #FFF; }  div.qualificationExplanation { line-height: 28px; margin: 12px; font-weight: 700; color: #71a33b; vertical-align: middle; }  div.qualificationExplanation img { margin-right: 3px; vertical-align: top; margin-top: 4px;}  #RankingTable td.highlight { color: #FF9800; }  #scoreLegends { display: flex; justify-content: flex-end; margin: 0 auto;}  #scoreLegends > div { display: flex; justify-content: center; border-radius: 18px; }  #scoreLegends .waiting, #scoreLegends .playing, #scoreLegends .finished, #scoreLegends .walkovers { background-position: right 12px top 7px; background-repeat: no-repeat; text-align: left; }  #scoreLegends .waiting { border-radius: 18px 0 0 18px;}  #scoreLegends .finished { border-radius: 0 18px 18px 0;}  #scoreLegends.all .waiting, #scoreLegends.all .playing, #scoreLegends.all .finished, #scoreLegends.all .walkovers { background-image: url(/img/checked.svg); }  #scoreLegends.all .walkovers { background-image: url(/img/checked.svg); }  #scoreLegends .walkovers { display: block; color: #000; border: 0; background-image: url(/img/check.svg); }  #scoreLegends .waiting { color: #475a65; border: 1px solid #6d6d6d; background-color: rgba(64,103,209,0.10); background-image: url(/img/checked.svg);}  #scoreLegends .playing { color: #FFFFFF; border: 1px solid #1E81AF; border-right: 0; border-left: 0; background-color: #467DF7; background-image: url(/img/checked.svg); }  #scoreLegends .finished {color: #FFFFFF; border: 1px solid #475A65; border-right: 0; border-left: 0; background-color: #172266; background-image: url(/img/checked.svg); }  #scoreLegends .legend { font-family: 'Open sans'; font-size: 12px; background-size: 16px; background-position: right 12px center; font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 0 40px 0 20px; text-align: center; height: 32px; line-height: 32px; cursor: pointer; white-space: nowrap; }  #scoreLegends .waiting.disabled,  #scoreLegends .playing.disabled,  #scoreLegends .finished.disabled,  #scoreLegends .walkovers.disabled { color: #9b9b9b; border-bottom: 1px solid #9b9b9b; background-image: none; }  #tournamentDetails { width: 100%; margin-top: 20px; margin-bottom: 40px; }  #tournamentDetails th {text-transform: uppercase; }  .deadlineOpen { color: #71a33b; }  .deadlineLastday { color: #FF9800;}  .deadlineExpired { color: #BF3636; text-decoration: line-through; }  div.descMaxHeight { min-height: 100px; max-height: 100px; overflow: hidden; margin-bottom: 10px; }  #descriptionShowmore { position: absolute; top:0; padding-top: 110px; text-transform: uppercase; height: 130px; width: 100%; background-image: linear-gradient(to bottom, transparent, #FAFAFA);}  #descriptionShowless { position: absolute; bottom: -30px;}  .rankingcontainer { position: relative; max-height: 90vh;}  #RankingTable { min-width: 100%; border-collapse: collapse; border-spacing: 0 1px; background: #FFF; margin-bottom: 40px;}  #RankingTable a { color: #2B4654; }  #RankingTable thead th { background: #333;  color: #fff;}  #RankingTable tbody td { border-bottom: 1px solid #E1E7F4; }  #RankingTable tbody tr:hover { background-color: #f2f3f7; } #RankingTable td { white-space: nowrap; } #RankingTable thead th.rankingInfo { background: #E1E7F4; }  #RankingTable .fedLogo { width: 95px; height: 95px; position: absolute; right: 10px; top: 10px; }  #RankingTable td.rankpos { padding-left: 3px; padding-right: 3px; font-weight: 700; }  #RankingTable tr.rank1 td.rankpos,  #RankingTable tr.rank2 td.rankpos,  #RankingTable tr.rank3 td.rankpos { color: #467DF7; }  #RankingTable th { text-align: center; color: rgba(255,255,255,0.7); }  #RankingTable th:nth-child(odd) { background-color: #0E2666; }  #RankingTable th:nth-child(even) { background-color: #243A74; }  #RankingTable td.score:nth-child(4n),  #RankingTable td.score:nth-child(4n+1) { background-color: #eef0f4; }  #RankingTable tr:hover td.score:nth-child(4n),  #RankingTable tr:hover td.score:nth-child(4n+1) { background-color: #e2e5ed; }  #RankingTable td.rankScore,  #RankingTable td.average { background-color: #0E2666; color: #FFF; border-bottom: 1px solid #0E2666; }  #RankingTable .rank1 td.rankScore,  #RankingTable .rank2 td.rankScore,  #RankingTable .rank3 td.rankScore { color: #FF9800; }  #RankingTable td.count { background-color: #1F4192; color: #FFF; border-bottom: 1px solid #1F4192; }#RankingTable th a { color: rgba(255,255,255,0.7); }  #RankingTable tbody .name { line-height: 16px; }  #RankingTable tbody .name .flag{ width: 18px; margin-right: 8px; }  #RankingTable .rank1 .name,  #RankingTable .rank2 .name,  #RankingTable .rank3 .name { font-weight: 600; }  #RankingTable th.total {background: transparent linear-gradient(180deg, #3BB0FF 0%, #467DF7 100%) 0% 0% no-repeat padding-box; padding: 0 0 0 0;}  #RankingTable th.total div { transform: rotate(90deg); transform-origin: center; }  #RankingTable th.total.count { background: transparent linear-gradient(180deg, #467DF7 0%, #0E2666 100%) 0% 0% no-repeat padding-box; }  #RankingTable th.noBorder, #RankingTable tr.noBorder th { border: none; border-top: 1px solid #303B3F; font-size: 16px; }  #RankingTable th.noBorder:first-child, #RankingTable tr.noBorder th:first-child { border-left: 1px solid #303B3F; }  #RankingTable th .tournamentName { margin: 0 auto; width: 100px; height: 90px; padding: 0 4px; overflow: hidden; font-weight: normal; font-size: 14px; text-overflow: ellipsis;}  #RankingTable th .tournamentDiscipline { text-transform: none; font-size: 12px; line-height: 24px; font-weight: normal;}  #RankingTable th .tournamentDate { text-transform: none; font-size: 12px; font-weight: normal;}  #RankingTable th .tournamentPlace { text-transform: none; font-size: 12px; line-height: 24px; font-weight: normal;}  #RankingTable td.score { width: 50px; text-align: center; height: 45px; }  #RankingTable td.score.pos1 > a { color: #FFFFFF; background-color: #FF9800; font-weight: 700; padding: 2px 8px; border-radius: 50%; }  #RankingTable td.score.pos2 > a { color: #FFFFFF; background-color: #808CAC; font-weight: 700; padding: 2px 8px; border-radius: 50%; }  #RankingTable td.score.pos3 > a { color: #FFFFFF; background-color: #467DF7; font-weight: 700; padding: 2px 8px; border-radius: 50%; }  #RankingTable td.trend { font-size: 12px; padding-right: 10px; text-align: right; min-width: 50px; }  #RankingTable td.trend.up { background: transparent url(/img/arrow_up_green_12.png) left 10px center no-repeat; }  #RankingTable td.trend.down { background: transparent url(/img/arrow_down_red_12.png) left 10px center no-repeat; }  div.rankingListGrid { display: flex; justify-content: space-around; align-items: stretch; align-content: stretch; flex-flow: row wrap;}  .rankings .rankingBox { width: 460px; min-width: 300px; max-width: 460px; background-color: #EAEDF4; vertical-align: middle; margin-bottom: 38px; border-radius: 18px; border: 1px solid #E1E7F4; box-shadow: 0px 0px 12px #CCC; }  .rankings .rankingBox table { width: 100%; border-radius: 18px;}  .rankings .rankingBox th.header { height: 72px; background-color: #FFF; padding: 10px 15px; text-align: center; font: Bold 18px/18px Open Sans; color: #467DF7; border-radius: 18px 18px 0 0;}  .rankings .rankingBox th.header span { font-size: 12px; color: #0E2666; }  .rankings .rankingBox th, .rankings .rankingBox td { padding: 4px; height: 36px; font-size: 14px; }  .rankings .rankingBox th { }  .rankings .rankingBox td { line-height: 17px; padding: 8px 2px; }  .rankings .rankingBox tr:nth-child(1) td, .rankings .rankingBox tr:nth-child(1) td a { color: #467DF7; font-weight: 600; }  .rankings .rankingBox tbody tr:nth-child(even) { background-color: #FFF;}  .rankings .rankingBox img.profile { height: 30px; vertical-align: middle; }  .rankings .rankingBox td a { color: #0E2666; }  .rankings .rankingBox .points { padding-right: 10px; }  .rankings .rankingBox a.represents { font-size: 12px; font-weight: normal !important; color: #A0A0A0 !important; text-transform: none; }  .Rankings a, .Rankings a:link { text-decoration: none; color: inherit; }  .Rankings .buttons { margin-bottom: 50px; }  .Rankings .buttons .button { background-color: #415159; cursor: pointer; color: #FFFFFF; font-family: 'Antonio Regular'; text-transform: uppercase; font-size: 18px; width: 140px; height: 32px; line-height: 32px; text-align: center; float: left; margin-right: 10px; }  .Rankings .buttons .button.selected,  .Rankings .buttons .button:hover { background-color: #FF9800; }  .Rankings .buttons select { background: #415159 url('/img/arrow_down_orangebg.svg') right center / 30px 30px no-repeat; }  .Rankings table.list { width: 455px; background-color: #475A65; float: left; margin-bottom: 50px; margin-right: 0px; font-size: 14px; text-transform: uppercase; }  .Rankings table.list.odd { margin-right: 50px; }  .Rankings table.list a.club { font-size: 12px; color: #A0A0A0; text-transform: none; }.Rankings table.list:not(.big) tr td:nth-child(4) { text-align: right; padding-right: 25px; }  .Rankings table.list:not(.big) .image img { height: 30px; }  .Rankings table.list tr.odd { background-color: #303B3F; }.Rankings table.list:not(.big) td:nth-child(3),  .Rankings table.list:not(.big) td:nth-child(4) { min-width: 50px; }  .Rankings table.list td:not(.image) { color: #FFFFFF; padding: 5px 5px; font-weight: normal; line-height: 17px; }  .Rankings table.list th { color: #FFFFFF; font-family: 'Antonio Regular'; font-size: 20px; padding-left: 15px; font-weight: normal !important; }  .Rankings table.list tr.bottom td { background-color: #FF9800 !important; font-family: 'Antonio Regular'; text-align: center; font-size: 20px; line-height: 37px; font-weight: normal; padding: 0px; cursor: pointer; }  .Rankings table.list tr:first-child td, .Rankings table.list tr:first-child th { color: #FF9800; font-weight: 800; }  .Rankings table.list th.header { color: #FFFFFF !important; line-height: 40px; padding: 10px 15px; font-size: 26px; }  .Rankings table.list th.points { vertical-align: bottom; text-align: right; padding: 0px; padding-right: 20px; color: #FFFFFF !important; } .Rankings table.list.big { width: 960px; }  .Rankings table.list.big td { font-size: 17px; font-weight: 800; }  .Rankings table.list.big td:nth-child(4) { text-align: right; padding-right: 45px !important; }  .Rankings table.list.big th.points { text-align: right; padding-right: 40px !important; }  .Rankings table.list td.image { margin-left: 5px; width: 30px; text-align: center; }  .Rankings table.list td.image img { vertical-align: middle; }  .Rankings table.list.big img { width: 43px; height: 50px; margin: 0px; }  .Rankings table.list.big td:not(.image) { padding: 15px 10px; line-height: 18px; }  .Rankings table.list.big tr.odd td.image { background-color: #2E393C !important; }  .Rankings table.list.big th.header { line-height: 65px; padding: 0px 20px; font-size: 32px; }  .Rankings table.list.big tr.bottom td { font-size: 36px; line-height: 67px; padding: 0px 15px;}   /**  * MVP  */  table.mvp { background-color: #475a65; color: white; min-width: 100%; }  table.mvp td, table.mvp th { padding: 0px 10px; }  table.mvp th { color: white; font-size: 18px; }  table.mvp th .info { padding-top: 20px; padding-left: 10px; font-size: 18px; color: #31ecff; line-height: 32px; }  table.mvp th .info img { vertical-align: bottom; }  table.mvp th .info h3 { color: #FF9800; }  table.mvp th .info .CSModalBox { text-transform: none; font-family: 'Open Sans'; font-size: initial; line-height: initial; font-weight: normal; }  table.mvp th .info .CSModalBox ul { margin-top: 0; }  table.mvp th .info .CSModalBox ul.sorting { list-style-type: decimal; }  table.mvp th .table-header { padding-top: 20px; padding-left: 10px; font-size: 22px; }  table.mvp th .name a { font-size: 32px; color: #FF9800; padding-left: 10px; line-height: 32px; padding-bottom: 10px; text-align: left; }  table.mvp thead td { color: #C4C4C4; font-weight: bold; padding-top: 0px; text-align: center; }  table.mvp thead td.player { text-align: left; }  table.mvp td.divider, table.mvp th.divider { width: 1px; padding: 0 !important; border-left: 1px solid #728189; }  table.mvp tbody td { padding: 0px 10px; cursor: default; }  table.mvp tbody td:not(.player) { padding: 14px 10px; text-align: center; }  table.mvp tbody tr:nth-child(2n+1) { background-color: #333f43; }  table.mvp tbody tr:hover { background-color: #467DF7; }  table.mvp tbody td.position { }  table.mvp tbody td.highlight { color: #FF9800; }  table.mvp tbody td.player .name, table.mvp tbody td.player .name a { color: white; font-weight: bold; white-space: nowrap; }  table.mvp tbody td.player.invalid .name { font-style: italic; }  table.mvp tbody td.player .team,table.mvp tbody td.player .team a { color: #a0a0a0 !important; font-size: 12px; text-transform: uppercase; }  table.mvp td.eligibility[data-value="Yes"], table.mvp td.eligibility.reverse[data-value="No"] { color: #71A33B; }  table.mvp td.eligibility[data-value="No"], table.mvp td.eligibility.reverse[data-value="Yes"] { color: #ff5f5f; }  /**  * Scoreschema table  */  #scoreContainer { max-width: 100%; overflow-x: visible; }  table.score {  text-align: center;  vertical-align: middle;  border-collapse: collapse;  width: 100%;  font-size: 14px;  }  table.score tr.match {  border-left: 0;  border-right: 0;  }  table.score tr.match td.matchno:target { font-weight: bold; }  table.score td.scoreA, table.score td.scoreB,  table.score td.matchstatus {  white-space: nowrap;  cursor: pointer;  min-width: 44px;  }  table.score td.scoreA,  table.score td.scoreB,  table.score td.setScoreA, table.score td.setScoreB {  border: 0;  margin:0;  padding: 0;  vertical-align: middle;  }  table.score td.setScoreA input.number,  table.score td.setScoreB input.number {  color: #aab2b5;  }  table.score td.setScoreA input.number {  text-align: right;  }  table.score td.setScoreB input.number {  text-align: left;  }  table.score.edit td.setScoreA,  table.score.edit td.setScoreB {  width: 0px;  }  table.score td {  border: 0;  height: 42px;  margin: 0;  padding: 5px 0;  }  table.score td.matchno {  color: #475a65;  width: 36px;  min-width: 32px;  cursor: pointer;  font-size: 13px;  padding-left: 2px;  padding-right: 2px;  white-space: nowrap;  }  table.score tr:nth-child(odd) td.matchno {  background-color: #c5c8d9;  }  table.score tr:nth-child(even) td.matchno {  background-color: #d1d3e0;  }  div.bracket table.score td.matchno {  border-top: 0;  border-bottom: 0;  }  table.score.individualMatches tr.match.waiting:nth-child(4n),  table.score.individualMatches tr.match.waiting:nth-child(4n-1) { background-color: #E1E7F4; }  table.score.individualMatches tr.match.waiting:nth-child(4n-2),  table.score.individualMatches tr.match.waiting:nth-child(4n-3) { background-color: #EAEDF4; }  table.score.individualMatches tr.match.finished:nth-child(4n),  table.score.individualMatches tr.match.finished:nth-child(4n-1) { background-color: #0E2666; }  table.score.individualMatches tr.match.finished:nth-child(4n-2),  table.score.individualMatches tr.match.finished:nth-child(4n-3) { background-color: #243A74; }  table.score.individualMatches tr.match.playing:nth-child(4n),  table.score.individualMatches tr.match.playing:nth-child(4n-1) { background-color: #467DF7; }  table.score.individualMatches tr.match.playing:nth-child(4n-2),  table.score.individualMatches tr.match.playing:nth-child(4n-3) { background-color: #4074E8; }  table.score .playingSequence { display: flex; justify-content: center; margin-bottom: 16px; }  table.score .playingSequence .button { margin: 0 20px; }  table.score .playingSequence .button.disabled { background: #DBDEE4; }  table.score td.matchno.menu:hover, table.score .individualMatches .menu, table.score .round.menu { background-image: url(/img/scheduleMenu-1.svg);  background-position: center center;  background-repeat: no-repeat;  background-size: 24px;  color: transparent;  }  table.score td.individualMatchno {  background: #FFF;  color: rgba(14,38,102,0.54);  border: 1px solid #e8e8ef;  border-right: 0;  width: 32px;  min-width: 32px;  }  table.score td.individualMatchno > div { display: none; }  table.score .editmode td.individualMatchno:hover {  background: #FFF url(/img/scheduleMenu-1.svg) center center / 24px no-repeat;  color: transparent;  }  table.score td.individualMatchno:hover > div { display: block; }  table.score tr.matchDetails .matchno { background-color: #FAFAFA !important; display: table-cell; }  table.score .individualMatchHeader.finished .menu, table.score .individualMatchHeader.playing .menu, table.score .round.menu {  background-image: url(/img/scheduleMenu-1.svg);  }  table.score .round:first-child th { padding-top: 0 !important; }  table.score .round th { border-bottom: 1px solid #CECECE; }  table.score .round.menu {  width: 30px;  height: 30px;  margin-left: 5px;  }  table.score .round.menu .selectorContainer {  margin-top: 30px;  }  table.score .round.menu .selectorContainer .option {  line-height: 30px;  font-weight: normal;  cursor: default;  }  table.score .round.menu .selectorContainer .option img {  margin-top: 5px;  margin-right: 10px;  height: 18px; width: 24px;  }  table.score .round.menu .selectorContainer .option .toggle {  }  table.score td.playerA > div,  table.score td.playerB > div {  display: flex;  justify-content: flex-start;  align-items: center;  align-self: flex-start;  text-align: left;  margin: 0;  padding: 8px 8px;  cursor: pointer;}  table.score div.handicap { color: #222; }  table.score .waiting div.handicap { color: #666; }  table.score td.playerA div.handicap:empty,  table.score td.playerB div.handicap:empty { display: none;}  table.score td.playerA div.handicap:before,  table.score td.playerB div.handicap:before {  content: "(";  margin-left: 5px;  }  table.score td.playerA div.handicap:after,  table.score td.playerB div.handicap:after {  content: ")";  }  table.score td.playerA div.lagWin:not(:empty),  table.score td.playerB div.lagWin:not(:empty) {  min-height: 24px; min-width: 24px; border-radius: 50%; border: 1px solid #808CAC; color: #808CAC; text-align: center; line-height: 24px; font-weight: 700; margin-left: 8px;  }  table.score td.playerA div.runouts:not(:empty),  table.score td.playerB div.runouts:not(:empty) {  min-height: 24px; min-width: 24px; border-radius: 12px; border: 1px solid #808CAC; color: #808CAC; text-align: center; line-height: 24px; font-weight: 700; margin-left: 8px; padding: 0 4px; white-space: nowrap;  }  table.score td span.myself {  color: #FF9800;  }  table.score td.playerHighlight span.myself {  color: inherit;  }  table.score tr.editmode td,  table.score tr.editmode td.playerA,  table.score tr.editmode td.playerB {  font-size: 12px;  }  table.score tr.individualMatchHeader input { width: 50px; padding: 0; border: 0; text-align: center; font-size: 14px; }  table.score tr.individualMatchHeader select,  table.score tr.editmode td.playerA select,  table.score tr.editmode td.playerB select {  background-color: transparent;  border: 0;  height: 22px;  padding: 0;  max-width: 160px;  }  table.score tr.individualMatchHeader select { width: auto; margin-right: 10px;}  table.team .teamMatches .matchno { display: none; }  table.individualMatches .individualMatchHeader .editFields div { margin-left: 10px; display: inline-block; padding-top: 2px;}  table.individualMatches .individualMatchHeader .readonlyFields div { display: inline-block; margin-right: 10px; padding-top: 2px; }  table.individualMatches .individualMatchHeader .readonlyFields div.raceTo { color: #dbdbdb; }  table.individualMatches .waiting.individualMatchHeader .readonlyFields div.raceTo { color: #76858c; }  table.individualMatches .individualMatchHeader input { background-color: transparent; }  table.individualMatches .playing.individualMatchHeader input,  table.individualMatches .finished.individualMatchHeader input { color: #FFF; }  table.individualMatches .matchno { margin-left: 5px; color: #dbdbdb; }  table.individualMatches .waiting .matchno { color: #76858c; }  table.individualMatches .waiting .discipline { color: #475a65; }  .teamMatches .newMatch { display: flex; align-items: center; height: 36px; line-height: 36px; cursor: pointer; margin-top: 10px; color: #0E2666; font-size: 18px; font-weight: 700; }  .teamMatches .newMatch::before { display: inline-block; content: ""; width: 32px; height: 36px; padding: 0 5px; background: #467DF7 url(/img/scoreboard-plus.svg) center center / 16px no-repeat; border-radius: 0 18px 18px 0; margin-right: 12px; }  table.individualMatches .matchType { display: inline-block; width: 34px; margin: 0; padding: 0; background: transparent url() center center no-repeat; }  table.individualMatches .matchType0 { background-image: url(/img/matchtype-singles-white.svg); } table.individualMatches .waiting .matchType0 { background-image: url(/img/matchtype-singles-grey.svg); } table.individualMatches .matchType2 { background-image: url(/img/matchtype-doubles-white.svg); background-position: center center; } table.individualMatches .waiting .matchType2 { background-image: url(/img/matchtype-doubles-grey.svg); } table.score.individualMatches .edit span.flag { display: none; }  div.trashBtn { width: 28px; height: 26px; background: #ff5f5f url(/img/trash-white.svg) center center no-repeat; }  div.trashBtn:hover { background-color: #FF7F7F; }  table.score div.name { margin-left: 5px;}  table.score div.flag img { border: 1px solid #E5E5E5; max-height: 16px; vertical-align: middle; height: 16px; width: 21px; }  table.score span.upcoming {  color: #475a65;  }  table.score .playing span.upcoming {  color: #0E3848;  }  table.score .finished span.upcoming {  color: #FFFFFF;  }  table.score .datetimepicker {  border: 0;  border-bottom: 1px solid #D2D2D2;  }  table.score select.tablePicker {  border: 0;  background-color: transparent;  height: 26px;  padding: 0;  padding-bottom: 2px;  color: inherit;  outline: none;  max-width: 100px;  }  table.score select.tablePicker optgroup {  color: #000;  }  table.score select.tablePicker option {  color: #000;  }  table.score select.tablePicker option.tableInUse {  background-color: #1E81AF;  color: #FFF;  }  table.score .starttime, table.score .stoptime {  font-size: 12px;  border: 0;  }  table.score td.table {  cursor: pointer;  }  td span.time::first-letter { text-transform: uppercase; }table.score td span.table:not(:empty)::before { content: " - ";}table.score .waiting:nth-child(odd) {  background-color: rgba(64,103,209,0.15);  color: #000000;  }  table.score .waiting:nth-child(even) {  background-color: rgba(64,103,209,0.10);  color: #000000;  }  table.score .playing:nth-child(odd) {  background-color: #467DF7;  color: #FFFFFF;  }  table.score .playing:nth-child(even) {  background-color: #4074E8;  color: #FFFFFF;  }  table.score .playing select {  color: #FFF;  }  table.score .playing select option,  table.score .playing select optgroup {  color: #000;  }  div.bracket table.score .finished:nth-child(odd),  div.bracket table.score .finished:nth-child(even),  div.bracket table.score .playing:nth-child(odd),  div.bracket table.score .playing:nth-child(even),  div.bracket table.score .waiting:nth-child(odd),  div.bracket table.score .waiting:nth-child(even) {  border: 0;  }  div.bracket table.score tr.waiting .matchno,  div.bracket table.score tr.waiting .playerA,  div.bracket table.score tr.waiting .playerB,  div.bracket table.score tr.waiting .scoreA,  div.bracket table.score tr.waiting .scoreB {  border: 1px solid #EDEDED;  }  table.score .finished:nth-child(odd) {  background-color: #ffc800;color: #222;}  table.score .finished:nth-child(even) {  background-color: #eee;color: #222;}  table.score .finished select {  color: #FFF;  }  table.score .finished select option,  table.score .finished select optgroup {  color: #000;  }  table.score .tournamentColors span {  padding: 3px;  padding-left: 10px;  padding-right: 10px;  }  .tournamentColors span {  border: 1px solid transparent;  }  .tournamentColors span.waiting {  color: #475a65;  border: 1px solid #6D6D6D;  }  table.score .roundHead {  display: inline-block; min-width: 250px; }  table.score h3 {  display: inline-block;  padding: 3px;  padding-right: 10px;  padding-left: 0px;  color: #0e2666;  font-family: 'Open sans';  font-size: 15px;  font-weight: 700;  margin: 0;  }  table.score .round .distance, table.score .round .bestOf {min-width: 120px;  float: right; padding: 3px; padding-right: 10px;  padding-left: 10px;  color: #0e2666;  font-size: 15px;  font-weight: normal;  }  table.score.edit .round .distance {  display: flex;  justify-content: space-between;  }  table.score .round img {  margin-left: 5px;  height: 16px;  cursor: pointer;  }  table.score .round input.editDistance {  width: 50px;  text-align: center;  padding: 0;  height: 24px;  color: #0e2666 !important;  border-bottom: 1px solid rgba(14,38,102,0.54) !important;  }  .score .separator {  text-align: center;  height: 26px;  }  .score .separator.selected {}  .score .separator.selected .separatorButton {  background-color: #FFA800;  transform: rotate(180deg);  }  .score .waiting .separator.selected .separatorButton {  background: #FF9800 url(/img/arrow-down-white.svg) center center /12px no-repeat;  }  .score .separatorButton {  padding: 0 4px;  min-width: 30px;  height: 24px;  border: 1px solid transparent;  cursor: pointer;  background: rgba(255,255,255,0.13) url(/img/arrow-down-white.svg) center center /12px no-repeat;  }  .score.individualMatches .separatorButton { margin: 0 4px; }  .score .waiting .separatorButton {  background: rgba(255,255,255,0.13) url(/img/arrow-down-darkblue.svg) center center /12px no-repeat;  }  .score .separator .separatorButton:hover {  cursor: pointer;  background-color: rgba(255,255,255,0.27);  }  .score .separator.selected .separatorButton:hover {  background-color: #FFA800;  }  table.score input.starttime {  height: 26px;  padding-left: 20px;  padding-right: 0px;  margin: 0;  background: transparent url(/img/clock-grey.svg) left center/16px no-repeat;  width: 116px;  text-align: left;  color: inherit;  }  table.score input.stoptime {  padding: 0px;  width: 50px;  background: transparent;  color: inherit;  }  table.score td.venue { white-space: nowrap; opacity: 0.7; font-size: smaller; }  table.score .waiting .venue a { color: #000; }  table.score .playing .venue a { color: #FFF; }  table.score .finished .venue a { color: #FFF; }  table.score .waiting .time {  color: #000000;  white-space: nowrap;  }   table.score td.info { white-space: nowrap; text-align: center; }  table.score a.videoLink {  display: inline-block;  width: 20px;  margin: 0;  padding: 0;  margin-right: 4px;  margin-left: 4px;  height: 26px;  background: transparent url(/img/video-white.svg) center center no-repeat;  }  table.score .waiting a.videoLink { background-image: url(/img/video-blue.svg); }  table.score a.videoLink[href=''] {  display: none;  }  table.score span.comment {  display: inline-block;  width: 20px;  margin: 0;  padding: 0;  margin-right: 4px;  margin-left: 4px;  height: 26px;  background: transparent url(/img/comment-white.svg) center center no-repeat;  }  table.score .waiting span.comment { background-image: url(/img/comment-blue.svg); }  table.score:not(.team):not(.individualMatches) span.comment[data-comment=''], table.score.team span.comment[data-comment=''][data-team-comment=''], table.score.individualMatches span.comment[data-comment=''][data-team-comment=''] {  display: none;  }  a.bracketVideoLink:hover,  table.score a.videoLink:hover,  table.score span.comment:hover {  opacity: 0.8;  text-decoration: none;  cursor: pointer;  }  a.bracketVideoLink {  float: right;  width: 20px;  background: transparent url(/img/video-lightblue.svg) center center/18px no-repeat;  height: 20px;  margin-right: 8px;  margin-left: 4px;  }  a.bracketVideoLink[href=''] {  display: none;  }  table.score div.popperouter { position: relative; display: inline-block; } table.score div.popper { position: absolute; top: 9px; left: 0; max-width: 350px; min-width: 200px; min-height: 30px; max-height: 200px; overflow: hidden; overflow-y: auto; border: 1px solid #E1E1E1; background-color: #FFF; z-index: 1000; margin-left: -1px; margin-top: -3px; color: #000; padding: 10px; white-space: normal;}  table.score .matchstatus { background-color: rgba(14,38,102,0.5); vertical-align: middle; padding: 0; }  table.score .matchstatus > div {  display: flex;  align-items: center;  align-content: center;  justify-content: space-between;  height: 100%;  }  table.score .matchstatus > div .editImg {  cursor: pointer;  border: 0;  background: transparent url() center center no-repeat;  min-width: 32px;  min-height: 26px;  height: 100%;  }  table.score .matchstatus .editImg.waiting {  background-image: url(/img/pause-white.svg);  background-size: 9px;  }  table.score .matchstatus .editImg.playing {  background-image: url(/img/arrow-right-white.svg);  background-size: 6px;  }  table.score .matchstatus .editImg.finished {  background-image: url(/img/arrow-double-right-white.svg);  background-size: 12px;  }  table.score .matchstatus .editImg:hover {  cursor: pointer;  background-color: #172266;  }table.score div.options { display: inline-block; margin-left: -8px; margin-right: 2px; width: 26px; background: transparent url(/img/options-black.svg) center center no-repeat; }  table.score .playing div.options,  table.score .finished div.options { background-image: url(/img/options-white.svg); }  table.score div.options:hover { background-color: transparent;}  table.score .winner .scoreboard input,  table.score.edit .winner .scoreboard input {  color: #FF9800;  }  .loser {}  table.score.club {  color: #999999;  }  table.score .scoreboard {  height: 26px;  min-width: 36px;  overflow: hidden;  margin: 0;  padding: 0;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  transition: all 3s ease-in-out;  }  table.score .scoreboard.scoreupdate {  background-color: #FF9800;  }  table.score .finished .winner .scoreboard.scoreupdate input { color: #FFF; }  table.score .waiting .scoreboard {  display:none;  }  table.score.edit .scoreboard {  display: flex; justify-content: center;  align-items: center;  }  table.score input.number {  width: 32px;  height: 26px;  text-align: center;  line-height: 20px;  font-size: 18px;  font-weight: bold;  border: 0;  margin: 0;  padding: 0;  background-color: transparent;  color: #FFFFFF;  outline: none;  vertical-align: top;  }  table.score input.number::-webkit-outer-spin-button,  table.score input.number::-webkit-inner-spin-button {-webkit-appearance: none;  -moz-appearance: none;  margin: 0;}  table.score input[type=number] {  -moz-appearance: textfield;  }  table.score.edit input.number {  background-color: transparent;  color: #FFF;  }  table.score.edit .waiting input.number {  color: rgba(14,38,102,0.35);  }  table.score .waiting input.number {  color: #172266;  }  table.score div.add {  display: inline-block;  width: 24px;  height: 24px;  margin: 0;  padding: 0;  border: 0;  cursor: pointer;  background: transparent url(/img/add-white.svg) center center / 10px no-repeat;  border-radius: 50%;  }  table.score .add:hover,  table.score .minus:hover {  cursor: pointer;  background-color: rgba(255,255,255,0.13);  }  table.score div.minus {  display: inline-block;  width: 24px;  height: 24px;  margin: 0;  padding: 0;  border: 0;  cursor: pointer;  background: transparent url(/img/minus-white.svg) center center / 8px no-repeat;  border-radius: 50%;  }  table.score .waiting div.add {  background: rgba(255,255,255,0.1) url(/img/add-darkblue.svg) center center / 10px no-repeat;  }  table.score .waiting div.minus {  background: rgba(255,255,255,0.1) url(/img/minus-darkblue.svg) center center / 10px no-repeat;  }  table.score div.disabled {  background-color: #FFFFFF;  }  table.score tr.savingmatch {  opacity: 0.2;  }  .match .distance span, .match .bestOf span {  color: #999999;  padding-left: 8px;  padding-right: 8px;  }  table.score tr.matchDetails.waiting,  table.score tr.matchDetails.playing,  table.score tr.matchDetails.finished { background: transparent url(/img/match-details-bg.svg) center center / cover no-repeat; }tr.matchDetails div.penalty div {  display: inline-block;  width: 100px;  color: white;  background: transparent url() left 5px center no-repeat;  border: 1px solid #ff5f5f;  font-family: 'Antonio Bold';  text-transform: uppercase;  height: 28px;  line-height: 28px;  cursor: pointer; margin-bottom: 10px;  padding-left: 22px;  padding-right: 10px;  }  tr.matchDetails div.penalty div:hover {  background-color: #3c4647;  }  tr.matchDetails div.penalty .forfeit {  background-image: url(/img/stop.svg);  }  tr.matchDetails div.penalty .disqualify {  background-image: url(/img/delete.svg);  }  tr.matchSets table.setResults {  margin: auto;  margin-top: 10px;  margin-bottom: 30px;  }  tr.matchSets table.setResults .player {  font-size: 18px;  color: white;  font-weight: bold;  text-transform: uppercase;  text-align: left;  line-height: 30px;  padding-right: 20px;  }  tr.matchSets table.setResults .player .flag {  margin-right: 10px;  vertical-align: middle;  }  tr.matchSets table.setResults th {  color: #d7dbdd;  text-align: center;  font-size: 13px;  }  tr.matchSets table.setResults td.set {  width: 30px;  height: 30px;  text-align: center;  background-color: #d7dbdd;  border: 1px solid #576972;  color: white;  font-weight: bold;  font-size: 20px;  line-height: 30px;  }  tr.matchSets table.setResults td.set.winner {  color: #f79720;  }  tr.matchSets table.setResults td.set.finished {  background-color: #232b2d;  }  div.addBreak {  display: inline-block;  height: 22px;  width: 22px;  background: #FF9800 url(/img/add-white.svg) no-repeat center center;  }  div.highbreak {  text-align: center;  }  div.highBreakB div.highbreak {  text-align: right;  }  div.addHighBreak {  position: relative;  vertical-align: bottom;  text-align: left;  }  div.innings {  margin-right: 10px;  }  div.addHighBreak input,  div.innings input {  border: 0;  height: 22px;  display: inline-block;  margin: 0;  vertical-align: top;  }  div.addHighBreak input.highbreakBtn,  div.innings .inningsBtn {  background-color: #475A65;  border: 1px solid #FF9800;  color: #FFFFFF;  }  div.addHighBreak input.highbreakBtn:hover,  div.innings .inningsBtn:hover {  background-color: #76858C;  }  div.highbreak .removeBtn {  margin-right: 10px;  visibility: hidden;  height: 18px;  width: 18px;  }  div.highbreak:hover .removeBtn {  visibility: visible;  }  .draw, .finish {  height: 28px;  float: right;  margin-bottom: 10px;  }  .finish {  margin-top: 12px;  }  .drawButton {  font-family: 'Open sans';  font-weight: 700;  background-color: #467DF7;  text-align: center;  float:left;  min-width: 100px;  height: 28px;  color: #FFFFFF;  padding-left: 10px;  padding-right: 10px;  margin-left: 5px;  line-height: 28px;  border-radius: 14px;  padding: 0 15px;  cursor: pointer;  }  .finishBtn div.btn {  font-family: 'Open sans';  font-weight: 700;  background-color: #467DF7;  text-align: center;  float:left;  min-width: 150px;  height: 36px;  color: #FFFFFF;  padding-left: 10px;  padding-right: 10px;  margin-left: 5px;  line-height: 36px;  border-radius: 18px;  padding: 0 30px;  cursor: pointer;  }  .drawButton.throbber-loader {  background-color: transparent;  margin-right: 50px;  margin-left: 50px;  }  #drawMenuBtn {  float: left;  height: 28px;  width: 28px;  }  .drawButtonTool, .finishBtnTool {  float: left;  height: 28px;  width: 28px;  background: #FF9800 url(/img/options.png) center center no-repeat;  margin-left: 2px;  }  table.score .drawButton.disabled, .finishBtn.disabled div, table.score .drawButtonTool.disabled, .finishBtnTool.disabled, #addPlayersBtn.disabled {  background-color: #0e2666;  color: #FFF;  opacity: 0.25;  cursor: default !important;  }   textarea:focus, input:focus{  outline: 0;  }   /**  * TournamentList  */  .tournaments img.flag, .Team .teamlist .flag, .organizations img.flag { vertical-align: top; margin-top: 3px; margin-right: 5px; height:18px; width: 24px; }  .tournaments img.pro, .teams img.pro, .organizations img.pro, .ranking img.pro { height: 35px; }  .tournaments td.pro { padding: 0 10px; padding-left: 0; }  .tournaments a { color: #0E2666; }  .tournaments a.organizer { padding-left: 5px; color: #467DF7; }  .tournaments span.day { color: #8E8E8E; }  .tournaments div.date { font-size: 12px; color: #0E2666; }  .tournaments div.name { font-size: 13px; color: rgba(14,38,102,0.54);}  .tournaments div.info { font-size: 12px; color: #0E2666; }  #tournament { clear: both; }  #tournamentForm .official,  #challengesForm .official { text-transform: uppercase; font-family: 'Antonio Bold'; font-size: 18px; color: #485b66; }  #TournamentList { width: 100%; }  #TournamentList h1 { margin: 0px; margin-bottom: 2px; }  #TournamentList a, #TournamentList a:link, #TournamentList:active, #TournamentList:visited { color: #000000; }  #TournamentList th { text-transform: uppercase; padding: 0px; }  #TournamentList thead { border-left: 2px solid #FFFFFF; border-right: 1px solid #FFFFFF; }  #TournamentList thead h1 { color: #FFFFFF; background: #475A65 url(/img/arrow_down_16.png) right 10px center no-repeat; cursor: pointer; font-size: 36px; padding: 10px 10px; }  #TournamentList thead.active h1 { background: #FF9800 url(/img/arrow_up_16.png) right 10px center no-repeat; }  #TournamentList tr { line-height: 32px; }  #TournamentList tr.odd { background-color: #EDEDED; }  #TournamentList .field { width: 230px; }  #TournamentList .field:not(:nth-child(1)) { margin-left: 12px; }  #TournamentList .field select { background: #475A65 url('/img/arrow_down_orangebg.svg') right center / 30px 30px no-repeat; }  .livestreamBoxContainer { display: flex; justify-content: space-around; flex-flow: row wrap;}  .livestream .video { display: block; width: 300px; height: 187px; }  div.statsNstuff > div { max-width: 100%; padding: 10px;}  /**  * SportsFacilityList  */   .SportsFacilityList .flag,  .clubSearch .flag { vertical-align: top; margin-top: 3px; margin-right: 5px; height:18px; width: 24px; }  .SportsFacilityList .map { width: 100%; height: 100%; margin-top: 10px; }  .placesSearch th { background-color: #FAFAFA; color: #000; }  /**  * Page  */  .Page .ingress { font-weight: bold; margin-bottom: 20px; }  .Page .body { }  .Page .body h2 { margin-bottom: 5px; font-size: 30px; }  .Page .body p { margin-top: 0px; }  .Page .edit form { width: 100%; }  .Page .edit textarea { width: 100%; margin-top: 30px; }  .Page .edit .field { width: 100%; }  a.settingslink {  background: transparent url(/img/settings-blue.svg) center left 16px / 16px no-repeat;  color: #467DF7; border: 1px solid #467DF7;  padding: 0px; padding-left: 40px; padding-right: 20px;  font-family: 'Open sans', arial;  font-weight: 700;  font-size: 14px;  line-height: 34px;  text-transform: uppercase;  height: 36px;  display: inline-block;  vertical-align: top;  border-radius: 18px;  white-space: nowrap;  }  a.settingslink:hover { text-decoration: none; opacity: 0.7; cursor: pointer; }  a.editLink {  background: #467DF7 url(/img/edit.svg) top 9px left 18px no-repeat;  color: #FFFFFF; padding: 0px; padding-left: 40px; padding-right: 20px;  font-family: 'Open sans', arial;  font-weight: 700;  font-size: 14px;  line-height: 35px;  text-transform: uppercase;  height: 36px;  display: inline-block;  vertical-align: top;  border-radius: 18px;  white-space: nowrap;  }  a.editLink:hover, a.flowchartLink:hover { text-decoration: none; background-color: #5788F6; cursor: pointer; }  a.btnLink {  background: #467DF7;  color: #FFFFFF; padding: 0px 20px; font-family: 'Open sans', arial;  font-weight: 700;  font-size: 14px;  line-height: 35px;  text-transform: uppercase;  height: 36px;  display: inline-block;  vertical-align: top;  border-radius: 18px;  white-space: nowrap;  }  a.editLink:hover, a.flowchartLink:hover { text-decoration: none; background-color: #5788F6; cursor: pointer; }  div.flowchartcontainer { margin: 0 0 28px 0; text-align: left; }  a.flowchartLink { background: #467DF7 url(/img/brackets-icon-white.svg) center left 16px / 20px no-repeat;  font-family: 'Open sans';  text-transform: uppercase;  text-align: center;  font-size: 14px;  line-height: 35px;  font-weight: 700;  display: inline-block;  height: 36px;  color: #FFFFFF;  padding: 0px; padding-left: 42px; padding-right: 20px;  vertical-align: top;  border-radius: 18px;  }  a.publicView { background-image: url(/img/public-white.svg); }  a.toggler { color: #FF9800;}  div.button {  background: #467DF7 url() no-repeat;  color: #FFFFFF; padding: 0 20px; font-family: 'Open sans', arial;  font-weight: 700;  font-size: 14px;  line-height: 35px;  height: 36px;  display: inline-block;  vertical-align: top;  border-radius: 18px;  white-space: nowrap;  }  div.button:hover { text-decoration: none; background-color: #5788F6; cursor: pointer; }  div.button:active { padding-top: 1px; }  table.line { width: 100%; text-align: center; color: #FF9800; }  table.line th { width: 45%; }  table.line hr { border-color: #697B8A; }   #SideBar {  text-align: center;  width: 960px;  margin: 0 auto;  margin-bottom: 40px;  }  #SideBarLevel1 {  padding: 0;border-right: 0;  border-left: 0;  border-top: 0;  display:inline;  }  #SideBarLevel2 {  line-height: 25px;  min-height: 50px;  min-width: 230px;  padding: 10px;  padding-top: 9px;  padding-bottom: 9px;  padding-right: 22px;  border: 0;  border-top: 5px solid #FF9800;  background-color: #415159;  display: none;  z-index: 10;  text-align: left;  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.347656);  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.347656);  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.347656);  }  .SideBarOption {  font-family: 'Antonio Bold';  font-size: 18px;  line-height: 40px;  width: 170px;  height: 40px;  background-color: #415159;  color: #FFFFFF;  display: inline-block;  cursor: pointer;  padding: 0px;  margin-right: 10px;  border: 0;  text-align: center;  text-transform: uppercase;  }  .SideBarOption img {  vertical-align: sub;  }  .SideBarOptionSelected {  background-color: #FF9800;}  #SubMenuContent {  display: none;  }  #SideBarLevel2 .icon {  vertical-align: text-top;width: 16px;  height: 16px;  }  /**  * Pagination  */  div.pagination {  margin: 20px;  text-align: center;  font-family: 'Open sans';  font-size: 20px;  font-weight: 600;  color: #253a47;  line-height: 36px;  }  div.pagination div { margin-bottom: 10px; }  div.pagination a { color: #475A65; display: inline-block; padding: 0 5px; margin-bottom: 10px; min-width: 36px; height: 36px; background-color: rgba(37,58,71,0.1); border-radius: 18px; }  div.pagination span.firstPageLink { background: transparent url(/img/arrow-double-left-grey.svg) center center / 16px no-repeat; }  div.pagination span.previousLink { background: transparent url(/img/arrow-left-grey.svg) center center / 8px no-repeat; }  div.pagination span.currentPageText { display: none; margin-right: 10px; font-size: smaller; }  div.pagination span.nextLink { background: transparent url(/img/arrow-right-grey.svg) center center / 8px no-repeat; }  div.pagination span.lastPageLink { background: transparent url(/img/arrow-double-right-grey.svg) center center / 16px no-repeat; }  div.pagination span.previousLink, div.pagination span.nextLink { margin-left: 10px; margin-right: 10px; }  div.pagination img { vertical-align: -3px; height: 36px; }  div.pagination a.current { background-color: #467DF7; color: #FFF; }  /**  * Federation area:  */  div.manage { width: 960px; margin: 0 auto; padding-bottom: 40px; }  div.manage div.pagination { color: #FFFFFF; }  div.manage div.pagination a { color: #FFFFFF; }  div.manage table { background-color: #FFFFFF; }  .manage table th,  .manage table td { white-space: nowrap; padding: 10px; }  .manage table th { color: #FFFFFF; background-color: #3f95af; text-transform: uppercase; }div.manage #SideBar .search input[type="search"] { background: #FFFFFF url(/img/search-black.svg) left 10px center / 16px 16px no-repeat; color: #000000; padding-left: 35px; height: 32px; }  div.manage .menuline { min-height: 30px; }  div.manage .menuline a { color: #FFFFFF; }  div.manage .menuline a:hover { text-decoration: none; }  div.manage .odd { background-color: #F4F4F4; }  div.manage table.prices { width: 100%; }  div.manage table.prices input { max-width: 100px;}  div.manage .field input, div.manage .field select { margin-bottom: 0; }  /**  * Webshop / Products  */  .ProductList td, .ProductList th { }  .ProductList th { vertical-align: top; font-size: 16px; background-color: #FAFAFA; color: #FFFFFF; text-transform: uppercase; }  .ProductList tr:nth-child(2n+1) { background-color: #E1E1E1; }  .ProductList tr:nth-child(2n) { background-color: #EDEDED; }  .ProductList th, .ProductList td { padding: 4px 10px; color: #000; }  .Product .edit .field.halfWidth { float: left; width: 48%; }  .Product .edit .trash, .Product .edit .trash a { font-family: 'Antonio Bold'; margin-top: 5px; font-size: 20px; text-transform: uppercase; color: #415159; text-decoration: none; }  ul.requiredProducts {}  ul.requiredProducts table td { padding: 3px 8px; }  ul.requiredProducts img.trash { cursor: pointer; }  .Shop .Product { position: relative; width: 246px; float: left; margin-left: 110px; margin-bottom: 45px; font-size: 17px; font-weight: bold;}  .Shop .Product:nth-child(3n+5) { margin-left: 0px; }  .Shop .Product .image { height: 245px; object-fit: contain; position: relative; }  .Shop .Product .image img { width: 100%; height: 100%; max-width: 245px; max-height: 245px; }  .Shop .Product .image img.zoomed { position: absolute; left: -10px; top: -10px; width: 260px; height: 260px; max-width: 260px; max-height: 260px; display: none; }  .Shop .Product .image img:hover + .zoomed, .Shop .Product .image img.zoomed:hover { display: block; }  .Shop .Product .name, .Shop .Product .name a { color: #333333; text-decoration: none; }  .Shop .Product .price { }  .price .symbol { text-transform: none; }  .price .symbol.left { float: left; }  .price .symbol.right { float: right; }  .price .amount { float: right; padding-left: 5px; padding-right: 4px; }  .ShopNavig { list-style-image: url(/img/arrow-narrow-right-black.svg); padding-left: 0; text-transform: uppercase; font-family: 'Antonio Bold'; font-size: 18px; height: 20px; margin-top: 30px; margin-bottom: 30px }  .ShopNavig li { float: left; list-style-position: inside; padding-right: 10px; }  .ShopNavig li a, .ShopNavig li a:link { text-decoration: none; color: inherit; }  .ShopNavig li:first-child { color: #15add1; list-style-image: none; list-style-type: none; }  .ShopNavig li:nth-child(2) { list-style-image: url(/img/arrow-narrow-right-black.svg); }  .Product.profile {}  .Product.profile .images { margin-bottom: 20px; float: left; max-width: 535px; }  .Product.profile .thumb { display: none; }  .Product.profile .images img { width: auto; max-width: 100%;}  #imageControls { text-align: center;}  #imageControls img { display: inline-block; height: 21px; width: 18px; margin: 10px 8px; cursor: pointer; }  .Product.profile .rightCol { float: left; max-width: 400px; padding: 0 20px;}  .Product.profile .rightCol hr { border-top: 1px solid #afafaf; }  .Product.profile .name { float: left; width: 275px; font-size: 20px; font-weight: bold; }  .Product.profile .price { float: right; max-width: 125px; font-size: 20px; font-weight: bold; }  .Product.profile .description { font-size: 14px; margin: 20px 0;}  .Product.profile .smaller { color: #83898d; }  .Product.profile .sizes { font-size: 15px; font-weight: bold; margin: 15px 0px; }.Product.profile .sizes .size { float: right; border: 1px solid transparent; min-width: 35px; margin-left: 10px; cursor: pointer; text-align: center; padding: 5px; }  .Product.profile .sizes .size.selected { border: 1px solid black; } .buyBtn > input { padding: 0 24px; height: 36px; background-color: #467DF7; border: 0; font-family: 'Open sans'; text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 700; cursor: pointer; color: #FFFFFF; border-radius: 18px; }  .buyBtn > input:hover { background-color: #5788F6;}  #PriceEdit { width: 100%; }  #PriceEdit input[name="addPrice"] { height: 36px; background: white; color: #467DF7; border: 1px solid #467DF7; text-transform: uppercase; margin: 20px 0px; font-weight: bold; }  #PriceEdit .warning { color: #cc2e45; }  .Price.edit { border-bottom: 1px solid #d6d6d6; }  .Price.edit th { text-transform: none; padding-left: 0; }  .Price.edit td { height: 65px; padding: 0px; padding-right: 5px; }  .Price.edit .price { width: 80px; }  .Price.edit .price input { text-align: center; }  .Price.edit .criteria > * { width: auto; }  .Price.edit .criteria input[type="number"] { width: 80px; padding-right: 0; }  .Price.edit .price { text-align: center; }  .Price.edit .currency { text-align: center; }  .Price.edit .trash { min-width: 40px; position: relative; }  .Price.edit .trash::after { position: absolute; cursor: pointer; top: 10px; right: 0; width: 40px; height: 40px; content: ''; background: #ff5f5f url(/img/trash-white.svg) center / auto 50% no-repeat; }  .Price.edit .remove { width: 36px; height: 36px; background: transparent url(/img/delete.svg) center / 36px no-repeat; }  .Price.edit .remove::after { width: 40px; height: 40px; content: ''; background: #ff5f5f url(/img/trash-white.svg) center / auto 50% no-repeat; }  .Price.edit .error { border: 1px solid red !important; }  #priceOpenEmulator { border: 1px solid #467DF7; height: 36px; width: 36px; background: url(/img/settings-blue.svg) center no-repeat; }  #PriceEmulator .price, #PriceEmulator .desc { height: 30px; min-width: 80px; line-height: 30px; border: 1px solid #CFCFCF; text-align: center; }  #PriceEmulator .desc:first-letter { text-transform: uppercase; }  /**  * Modern styles:  */  .modern {  z-index: -1;  }  /**  * Fields  */  .modern .field {  position:relative;  min-height: 1px;  padding-bottom:25px;  margin-bottom:25px;  margin-right: 10px;  width: auto;  }  .modern .field label{  display:none;  position:absolute;  top: -4px;  font-size:11px;  font-weight: normal;  line-height:13px;  color: #A2A2A2;  }  .modern .field input[type="text"], .modern .field input[type="password"], .modern .field input[type="search"], .modern .field input[type="number"], .modern .field select, .modern .field input[type="date"] {  position:absolute;  top:10px;  width: 99%;  display:block;  box-sizing:border-box;  font-size:16px;  line-height:20px;  padding:5px 0;  padding-left: 1px;  height:25px;  width:100%;  border:0;  outline:none;  border-bottom: 1px solid #D2D2D2;  background-color: transparent;  color: #000;  }  .modern .field input[type="number"] {  line-height: 18px;  padding: 0;  }  .modern .field input[type="search"] {  background: transparent url(/img/search-black.svg) left 10px center / 16px 16px no-repeat; color: #000000; padding-left: 35px;  padding-right: 5px;  height: 32px;  border: 1px solid #AAAAAA;  }  .modern .field img.icon {  position: absolute;  height: 14px;  width: 14px;  top: 14px;  z-index: 2;  }.modern .field input.withIcon, .modern .field select.withIcon{  padding-left: 18px;  }  .modern .field input:valid ~ label, .modern .field input[readonly] ~ label, .modern .field input[type="checkbox"] ~ label, .modern .field select:valid ~ label{  display:block;  }  .modern .field input:focus ~ label, .modern .field.active input ~ label, .modern .field select:focus ~ label, .modern .field.active select ~ label {  color:#0571B0;  }  .modern .field input:focus, .modern .field.active input, .modern .field select:focus, .modern .field.active select {  border-bottom-color: #0571B0;  }.modern .field input[type="checkbox"] ~ label { margin-left: 25px; margin-top: 12px; }  .modern .field div.checkbox { margin-top: 10px; }  /**  * Radio buttons  */  .modern .radio {  position:relative;  padding-bottom:25px;  margin-bottom:25px;  margin-right: 10px;  }  .modern .radio .buttons {  position: absolute;  top: 15px;  }  .modern .field input[type="radio"] {  position:relative;  top: 10px;  display:inline;  box-sizing:border-box;  font-size:16px;  line-height:20px;  padding:5px 0;  padding-left: 1px;  outline:none;  border-bottom: 1px solid #D2D2D2;  }  .modern .radio .title {  position:absolute;  top:0px;  font-size:11px;  line-height:13px;  color: #D2D2D2;  }  .modern .field input::-webkit-input-placeholder { color: #999999; font-size: 14px; }  .modern .field input:-moz-placeholder { color: #999999; opacity: 1; font-size: 14px; }  .modern .field input::-moz-placeholder { color: #999999; opacity: 1; font-size: 14px; }  .modern .field input:-ms-input-placeholder { color: #999999; font-size: 14px; }  .modern .field input:focus::-webkit-input-placeholder { color: #999999; font-size: 14px; }  .modern .field input:focus:-moz-placeholder { color: #999999; opacity: 1; font-size: 14px; }  .modern .field input:focus::-moz-placeholder { color: #999999; opacity: 1; font-size: 14px; }  .modern .field input:focus:-ms-input-placeholder { color: #999999; font-size: 14px; } /**  * Select  */  .modern .field select {  background: transparent;  color: #A9A9A9;  padding: 0;  padding-left: 3px;  padding-right: 10px;  margin-right: -10px;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  background: url('/img/arrow_down_black_12.png') center right 2px no-repeat;  background-size: 14px;  }  .modern .field select:focus {  color: #333333;  background-size: 14px;  }  .modern .field select:valid {  color: #333333;  }  /**  * Textarea  */  .modern .field textarea {  border: 0;  margin-bottom: -25px;  padding:5px;  font-family: inherit;  font-size: 16px;  outline: none;  width: 100%;  background-color: #E9E9E9;  color: #000;  }  .modern .field textarea:valid + label, .modern .field textarea[readonly] + label{  display:block;  top: -15px;  }  .modern .field textarea:focus + label, .modern .field.active textarea + label {  color:#0571B0;  }  .modern .field textarea:focus, .modern .field.active textarea {  border-color: #0571B0;  }   ins.adsbygoogle { margin-bottom: 10px; }  div.progress {  position: relative;  width: 100%;  height: 20px;  background-color: #0e2666;  color: #FFFFFF;  font-size: 14px;  font-weight: 800;  line-height: 20px;  text-align: left;  text-indent: 10px;  }  div.progress div.label { position: absolute; width: 100%; height: 100%; z-index: 2; }  div.progress div.bar { position: absolute; background-color: #FF9800; height: 100%; z-index: 1; }  div.progress div.bar.blue { background-color: #467DF7; }  div.progress div.bar.grey { background-color: #7a8b91; }  div.progress div.labelRight { float: right; font-size: 12px; margin-right: 10px; }  /** Switch (on/off) */.switch {  position: relative;  display: inline-block;  width: 39px;  height: 21px;  vertical-align: top;  }.switch input {display:none;}.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: rgba(14,38,102,0.35);  -webkit-transition: .4s;  transition: .4s;  }  .slider:before {  position: absolute;  content: "";  height: 17px;  width: 17px;  left: 2px;  bottom: 2px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;  }  input:checked + .slider {  background-color: #7bb516;  }  input:focus + .slider {  box-shadow: 0 0 1px #7bb516;  }  input:checked + .slider:before {  -webkit-transform: translateX(18px);  -ms-transform: translateX(18px);  transform: translateX(18px);  }.slider.round {  border-radius: 21px;  }  .slider.round:before {  border-radius: 50%;  }.checker {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 16px;  background-color: #21333e;  -webkit-transition: .4s;  transition: .4s;  }  .checker:before {  position: absolute;  content: "";  height: 14px;  width: 14px;  left: 1px;  bottom: 1px;  background-color: white;  -webkit-transition: .4s;  transition: .4s;  display: none;  }  input:checked + .checker { }  input:focus + .checker { box-shadow: 0 0 1px #7bb516; }  input:checked + .checker:before { display: block; background-color: #7bb516; }  /**  * Burger menu (top menu selector for mobile)  */  #mainMenuSelector { display: none; position: absolute; top: 0px; right: 6px; width: 44px; height: 36px; }  #userMenuSelector { display: none; position: absolute; top: 14px; right: 6px; width: 28px; height: 36px; }  .burger-check:checked .burgerMenu { display: none; }  .burger {  display: inline-block;  float: right;  margin-right: 10px;  margin-top: 10px;  border: 0;  background: none;  outline: 0;  padding: 0;  cursor: pointer;  border-bottom: 2px solid #FFF;  width: 24px;  transition: border-bottom 1s ease-in-out;  -webkit-transition: border-bottom 1s ease-in-out; }  .burger::-moz-focus-inner { border: 0; padding: 0; }.burger::before {  content: "";  display: block;  border-bottom: 2px solid #FFF;  width: 24px;  margin-bottom: 5px;  transition: transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; }  .burger::after {  content: "";  display: block;  border-bottom: 2px solid #FFF;  width: 24px;  margin-bottom: 5px;  transition: transform 0.5s ease-in-out;  -webkit-transition: -webkit-transform 0.5s ease-in-out;  }  .burger-check {  display: none;  }  .burger-check:checked ~ .burger {  border-bottom: 4px solid transparent;  transition: border-bottom 0.8s ease-in-out;  -webkit-transition: border-bottom 0.8s ease-in-out;  }  .burger-check:checked ~ .burger:before {  transform: rotate(-45deg) translateY(5px) translateX(-5px);  -webkit-transform: rotate(-45deg) translateY(5px) translateX(-5px); transition: transform 0.3s ease-in-out;  -webkit-transition: -webkit-transform 0.3s ease-in-out;  }  .burger-check:checked ~ .burger::after {  transform: rotate(45deg) translateY(0px) translateX(0px);  -webkit-transform: rotate(45deg) translateY(0px) translateX(0px); transition: transform 0.3s ease-in-out;  -webkit-transition: -webkit-transform 0.3s ease-in-out;  }  .radioswitch { display: flex; }  .radioswitch input~ label {  color: rgba(14,38,102,0.54);  }  .radioswitch input:checked ~ label {  padding-bottom: 4px;  border-bottom: 3px solid #467DF7;  color: #467DF7; }  table.standard .followCol { width: 36px;padding-right: 14px; }  /** Follow small icon */  .follow-small { }  .follow-small input { display: none; }  .follow-small label { display: block; width: 32px; height: 32px; border-radius: 18px; border: 1px solid #467DF7; position: relative; background-color: #FFF; transition: all 0.3s ease-in; }  .follow-small label:hover { opacity: 0.8; cursor: pointer; }  .follow-small input:checked ~ label { background: #2BBB98 url(/img/check-white.svg) center center no-repeat; border: 1px solid #2BBB98; transition: all 0.3s ease-out; }  .follow-small label:after,  .follow-small label:before {   content: "";   display: block;   background-color: #467DF7;   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);  }  .follow-small label:before {   height: 14px;   width: 2px;  }  .follow-small label:after {   height: 2px;   width: 14px;  }  .follow-small input:checked ~ label:after,  .follow-small input:checked ~ label:before { display: none; }  /** Follow playerbox button */  .follow-participant { margin: 10px 0;}  .follow-participant input { display: none; }  .follow-participant label { display: inline-block; height: 32px; border-radius: 16px; border: 1px solid #467DF7; position: relative; background-color: transparent; transition: all 0.3s ease-in; padding: 0 14px; padding-left: 28px; line-height: 30px; color: #467DF7; text-transform: uppercase; font-weight: 600; font-size: 14px; text-align: center; }  .follow-participant label:hover { color: #5788F6; border: 1px solid #5788F6; }  .follow-participant input:checked ~ label { background: #9ec343 url(/img/check-white.svg) left 10px center no-repeat; border: 1px solid #9ec343; transition: all 0.3s ease-out; color: #FFF; }  .follow-participant label:after,  .follow-participant label:before {   content: "";   display: block;   background-color: #467DF7;   position: absolute;   top: 50%;   left: 16px;   transform: translate(-50%, -50%);  }  .follow-participant label:before {   height: 12px;   width: 2px;  }  .follow-participant label:after {   height: 2px;   width: 12px;  }  .follow-participant input:checked ~ label:after,  .follow-participant input:checked ~ label:before { display: none; }  .follow-organization { margin: 10px 0;}  .follow-organization input { display: none; }  .follow-organization label { display: inline-block; height: 32px; border-radius: 16px; border: 1px solid #15add1; position: relative; background-color: transparent; transition: all 0.3s ease-in; padding: 0 14px; padding-left: 28px; line-height: 30px; color: #15add1; text-transform: uppercase; font-weight: 600; font-size: 14px; text-align: center; }  .follow-organization label:hover { opacity: 0.8; }  .follow-organization input:checked ~ label { background: #9ec343 url(/img/check-white.svg) left 10px center no-repeat; border: 1px solid #9ec343; transition: all 0.3s ease-out; color: #FFF; }  .follow-organization label:after,  .follow-organization label:before {   content: "";   display: block;   background-color: #15add1;   position: absolute;   top: 50%;   left: 16px;   transform: translate(-50%, -50%);  }  .follow-organization label:before {   height: 12px;   width: 2px;  }  .follow-organization label:after {   height: 2px;   width: 12px;  }  .follow-organization input:checked ~ label:after,  .follow-organization input:checked ~ label:before { display: none; }  .follow-player { margin: 10px 0;}  .follow-player input { display: none; }  .follow-player label { display: inline-block; height: 32px; border-radius: 16px; border: 1px solid #15add1; position: relative; background-color: transparent; transition: all 0.3s ease-in; padding: 0 14px; padding-left: 28px; line-height: 30px; color: #15add1; text-transform: uppercase; font-weight: 600; font-size: 14px; text-align: center; }  .follow-player label:hover { opacity: 0.8; }  .follow-player input:checked ~ label { background: #9ec343 url(/img/check-white.svg) left 10px center no-repeat; border: 1px solid #9ec343; transition: all 0.3s ease-out; color: #FFF; }  .follow-player label:after,  .follow-player label:before {   content: "";   display: block;   background-color: #15add1;   position: absolute;   top: 50%;   left: 16px;   transform: translate(-50%, -50%);  }  .follow-player label:before {   height: 12px;   width: 2px;  }  .follow-player label:after {   height: 2px;   width: 12px;  }  .follow-player input:checked ~ label:after,  .follow-player input:checked ~ label:before { display: none; }  }@media print {  html, body { background-color: transparent; }  Header { display: none; }  #HeaderDropdowns { display: none; top: 6px; }  #Footer { display: none; }  #HeaderLogo { position: absolute; top: 0px; right: 0px !important; left: auto; width: 144px; height: 106px; background: transparent url('/img/CS_logo_100.png') 0px 0px no-repeat; z-index: 2; }  #Content { margin-top: 0; padding-top: 40px; }#scoreLegends { display: none; }  .scoreboard .number { background-color: transparent !important;}  #bracketSelection { display: none; }  .noPrint { display: none !important; }  #ShareBtn, #ShareBox, #join, #joinClub, #addPlayers, #addTeams { display: none; }  .editLink { display: none;}  .superAdminBtn { display: none; }  #drawMenu, #matchprotocolPrintBtn { display: none; }  div.livestream { display: none; }  .google-auto-placed, .adsbygoogle { display: none; }  div.toggler { display: none !important; }  .CommentBtn, .CommentNotify, .CommentBox { display: none; }  table.score div.minus, table.score div.add { display: none; }  table.score.edit .scoreboard { background-color: transparent; }  .content { width: auto; margin: auto;}  #descriptionShowmore, #descriptionShowless { display: none; }  ins.adsbygoogle { display: none; }  a.settingslink, a.editLink { display: none; }  .follow-participant { display: none; }  .participants { page-break-before: always; }  .participant .remove { display: none; } } /**  * Adjustments for mobile screens:  */  
@media only screen and (max-width: 960px) { #Header { width: auto; min-width: auto; border-top: 0; }  #HeaderMenu, #HeaderMenu ul { min-width: auto;}.modal { max-width: calc(100vw - 40px); }  .Home .col2-3 h1 { margin-top: 0px; font-size: 20px; }  .PRO .col2 { max-width: 100%; overflow-x: auto; }  #cookie-notice { position: fixed; bottom: 0; max-width: 100%; padding: 10px; z-index: 1000; box-shadow: 0 0px 38px rgba(0,0,0,0.30), 0 0 12px rgba(0,0,0,0.22); }  #Header { height: auto; }  #HeaderDropdowns { border-bottom: 0; }  #HeaderDropdowns .headerDropdown { padding: 20px; }  #mainMenuSelector, #userMenuSelector { display: block; }  #HeaderMenu { height: 0;}  #HeaderMenu > ul { display: none; }  .notificationline { position: absolute; right: 44px; top: 16px; display: flex; }  #HeaderCart { }  #HeaderMenuMobileSearch { display: block; position: absolute; left: 20px; top: 10px; height: 44px; min-width: 44px;line-height: 44px; background: #0e2666 url(/img/search-orange.svg) left center / 16px no-repeat; z-index: 11; transition: background 0.5s;} #HeaderMenuMobileSearch.active { width: 70%; background-position: right center; display: flex;}  #HeaderMenuMobileSearch .close { display: none; }  #HeaderMenuMobileSearch input { display: none; background: transparent; border: 0; line-height: 20px; color: #FFF; width: 100%; }  #HeaderMenuMobileSearch.active form { width: calc(100% - 54px); }  #HeaderMenuMobileSearch.active input { display: block; border-bottom: 1px solid #FF9800; margin-top: 12px; padding-left: 0; }  #HeaderMenuMobileSearch.active .close { display: block; height: 44px; width: 28px; background: transparent url(/img/close-white.svg) left center / 16px no-repeat; }  #HeaderMenuMobileUser { display: block; position: absolute; right: 10px; width: 42px; height: 61px; }  #HeaderMenuMobileUserDrop { position: fixed; width: 100%; top: 61px; left: 0; background-color: rgba(0,0,0,0.8); z-index: 11; display:none; min-height: 100vh; padding-left:20px; }  #HeaderMenuMobileUserDropInner { position: absolute; right: 0; min-width: 50%; background-color: #FFF; padding: 20px; padding-top: 0px; }  #HeaderMenuMobileUserDropInner > ul { padding-left:0; margin-bottom: 0; }  #HeaderMenuMobileUserDropInner li.menuItem { font-size: 14px; padding: 0; padding-left: 24px; list-style-type: none; line-height: 36px; white-space: nowrap; }  #HeaderMenuMobileUserDropInner li.menuItem.startpage { background: transparent url(/img/startpage-icon-black.svg) left center / 16px no-repeat; }  #HeaderMenuMobileUserDropInner li.menuItem.profile { background: transparent url() left center / 16px no-repeat; }  #HeaderMenuMobileUserDropInner li.menuItem.manager { background: transparent url(/img/menu/manager-dark.svg) left center / 16px no-repeat; }  #HeaderMenuMobileUserDropInner li.menuItem.pro { background: transparent url(/img/cuescore-logo-proaccount.svg) left center / 16px no-repeat; }  #HeaderMenuMobileUserDropInner li.menuItem.orders { background: transparent url(/img/menu/orders-dark.svg) left center / 16px no-repeat; }  #HeaderMenuMobileUserDropInner li.menuItem.settings { background: transparent url(/img/menu/settings-dark.svg) left center / 16px no-repeat; }  #HeaderMenuMobileUserDropInner li.menuItem.logout { background: transparent url(/img/menu/logout.svg) left center / 16px no-repeat; color: #ff5f5f; }  #HeaderMenuMobileDrop { position: absolute; width: 100%; top: 35px; right: 0; background-color: rgba(255,255,255,0.8); z-index: 4; display:none; min-height: 100vh; }  #HeaderMenuMobileDropInner { float: right; width: 50%; background-color: #0e2666; padding-top: 0px;}  #HeaderMenuMobileDropInner > ul { padding-left: 20px; }  #HeaderMenuMobileUser .signin { position: absolute; right: 0; top: 24px; font-weight: 700; background: transparent url(/img/key-blue.svg) left center no-repeat; padding-left: 24px; color: #467DF7; padding-right: 10px; white-space: nowrap; }  #Header a#CSLogo { height: 61px; width: 40px; background: transparent url(/img/cs_pict.svg) center center / 30px no-repeat; }  #HeaderMenuMobile { position: relative; height: 36px; width: 100%; display: block; background-color: #0e2666; }  #HeaderMenuMobile > ul,  #HeaderMenuMobileDrop > ul { display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: space-between; width: 50%; height: auto; padding: 0; margin: 0; }  #HeaderMenuMobile > ul { width: calc(100% - 44px); height: 36px; line-height: 36px; padding-left: 20px; }  #HeaderMenuMobile li.menuItem, #HeaderMenuMobile li.menuItem { display: inline-block; font-size: 14px; color: #FFF; padding: 0; list-style-type: none; text-align: center; }  #HeaderMenuMobile li.menuItem::first-letter { text-transform: uppercase; }  #HeaderMenuMobileDrop li.menuItem { display: block; width: 100%; text-align: left; font-size: 14px; line-height: 44px; }  #HeaderMenuMobile li.menuItem.pro { background: transparent url(/img/cuescore-logo-proaccount.svg) left center / 24px no-repeat; padding-left: 30px; }  #HeaderMenuMobile li.menuItem a,  #HeaderMenuMobile li.menuItem a:active,  #HeaderMenuMobile li.menuItem a:visited,  #HeaderMenuMobile li.menuItem a:hover { color: #FFF; }  #HeaderMenuMobile li.menuItem a::first-letter { text-transform: uppercase; }  #Header .burgerMenu { display: block; }   #HeaderDropdowns .login,  #HeaderDropdowns .login .field { width: auto; float: none !important; }  .User .login > form { width: auto; }  .login .socialLogin p { display: none; }  .User .zor.vertical { margin: 20px; float: none; }  .User .zor.vertical .bar { display: none;}  .signupDiv .signup { flex-direction: column; }  .signup .signupCol { padding: 0; }  .signup .socialLogin, .login .socialLogin { width: auto; float: none !important; width: auto; }  .User .signup .field.halfWidth { width: auto; float: none; margin-right: 0; }  #scoreLegends { justify-content: center;}  div.articleBoxes .articleBox { flex-basis: 100% !important; }  .Home .col1 { display: none; }  .Home .col2-3 { padding: 20px 10px; overflow: auto;}  .Home input.create { height: 30px; width: 30px; min-width: 30px; border-radius: 15px; position: fixed; bottom: 36px; right: 36px; transform: scale(2); background-size: 12px; background-position: center center; padding: 0; margin: 0; text-indent: 0; color: transparent; box-shadow: 0px 0px 6px #666; }  .PRO .col1 { display: none; position: fixed; right: 0; bottom: 54px; z-index: 100; min-height: 200px; max-width: 80%; }  .PRO .col1 div.title,  .PRO .col1 div.createTournament,  .PRO .col1 div.orgChooser { display: none; }  .PRO .col2 .editarea .container { padding: 0; }  .PRO .col2 .editarea .header { background: #FFF url() left 10px top 8px no-repeat; }  .PRO input.create { height: 30px; width: 30px; min-width: 30px; border-radius: 15px; position: fixed; bottom: 96px; right: 36px; transform: scale(2); background-position: center center; padding: 0; margin: 0; text-indent: 0; color: transparent; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); z-index: 1; }  div.promenu { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 100vw; height: 54px; display: flex; justify-content: space-between; background: #FF9800; z-index: 1; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.14); }  div.promenu > div { position: relative; width: 72px; text-align: center; color: #FFF; font-size: 10px; }  div.promenu > div span.text { position: absolute; bottom: 5px; left: 0; width: 100%; }  div.probackground { position: fixed; bottom: 54px; left: 0; width: 100%; height: 100%; display: none; background: #FFF; opacity: 0.8; z-index: 11; }  div.promenu div.prohome { background: transparent url(/img/pro/pro-logo-white.svg) top 12px center / 20px no-repeat; }  div.promenu div.menubutton { background: transparent url(/img/burger-menu-white.svg) top 16px center / 20px no-repeat; }  #tournamentEditPRO { padding: 10px; }  #Content .CSModalBox { top: 0 !important; min-width: initial; width: 100%; min-width: 0 !important; height: 100%; max-height: 100%; border-radius: 0; box-shadow: none; }  #ShareBox { min-width: initial; width: inherit; }  #resultSection .participant .profile .desc { font-size: 12px; line-height: 12px; font-weight: normal;}  #scoreContainer { max-width: 100%; overflow-x: auto; }  .Tournament div.edit { padding: 10px; }  .Tournament h2 { font-size: 23px; }  .Tournament div.disciplineline { font-size: 18px; line-height: normal; }  .Tournament div.tournamentdate { clear: both; font-size: 18px; }  .likesharecontainer { margin-bottom: 46px; text-align: center;}  .joinaddcontainer { margin-bottom: 10px; text-align: center; }  #join { text-align: center; }  .Tournament .likesharecontainer { text-align: right;}  .joinaddcontainer { text-align: center; }  .textblock, .imageblock { width: 100% !important; padding: 0;; }  #tournamentDetails { padding: 10px; font-size: 12px; margin-top: 0; }  table.standard { font-size: 10px; }  table.standard th { font-size: 10px; }  table.standard td { padding: 4px; }  table.score { font-size: 10px; }  table.score.edit tr td { }  table.score td.matchno { width: auto; min-width: 16px; font-size: 10px; }  table.score td.info { white-space: normal; }  table.score.edit td.matchstatus { width: auto; height: 100%; white-space: normal; padding: 0; }  table.score.edit td.matchstatus .editImg { height: 50%; }  table.score.edit { border-collapse: collapse;}  table.score .round th { border-bottom: 0; }  table.score .separator { width: 16px; background-color: transparent; border: 0; }  table.score .separatorButton { width: 14px; }  table.score.edit .waiting input.number { color: #A8A8A8; }  table.score .waiting .separatorButton { background: transparent url(/img/arrow-down-darkblue.svg) center center/12px no-repeat;}  table.score.edit .separator { border: 0; background-color: transparent; }  table.score.edit .separatorButton { background: transparent url(/img/arrow-down-grey.svg) center center /12px no-repeat; border: 0; }  table.score.edit .scoreboard,  table.score.edit .scoreboard input.number { background-color: transparent; }  table.score input.number { font-size: 14px;}  table.score .scoreboard { height: 100%; width: auto; }  table.score div.scoreboard div.add,  table.score div.scoreboard div.minus { display: none; }  table.score div.scoreboard input.number { height: 100%;}  table.score td.playerA,  table.score td.playerB { vertical-align: middle; padding: 6px 0; white-space: normal; line-height: 12px; }  table.score.edit td.playerA,  table.score.edit td.playerB { vertical-align: middle; }  table.score td.setScoreA, table.score td.setScoreB,  table.score td.playerA span.options,  table.score td.playerB span.options { display: none; margin: 3px auto;}  table.score td.playerA span.flag,  table.score td.playerB span.flag { } table.score .roundHead { width: 100%; background-color: transparent; color: #475a65; margin-left: 10px; }  #saveDialog { top: 10px; }  div.flowchartcontainer { text-align: center; }  #drawSection { justify-content: center; }  .rankingcontainer { max-width: 100%; overflow-x: scroll;}  header.profilePage { height: auto; }  header.profilePage div.HEADER { height: 135px; }  header.profilePage div.profileShadow,  header.profilePage div.titleScreen,  div.profileBackground .headerMenuBackground { display: none; }  div.profileBackground { position: relative; }  div.profileBackground .headerBackdrop { height: 139px;}  header.profilePage div.PROFILE { position:relative; z-index: 3; top: -107px; height: 107px; }  header.profilePage div.PROFILE img { display: block; margin: auto; }  header.profilePage div.PROFILE .csImgEditMenu { display: block !important; left: calc(50% - 25px); top: -145px; }  header.profilePage div.editButton { position: static; text-align:center; }  header.profilePage h1 { text-align: center; position: static; font-size: 20px; font-weight: 800; font-family: 'Open sans'; color: #253a47; text-shadow: none; }  header.profilePage h1 a { display: block; margin-bottom: 10px; }  header.profilePage div.subTitle { position: static; color: black; margin: 0 10%; padding: 10px; border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE; }  header.profilePage div.subTitle a { display: block; color: #000; margin-left: 0 !important; line-height: 24px;}  header.profilePage div.subTitle a.phone { background-image: url(/img/phone.svg); }  header.profilePage div.menu { position: static; margin: 20px 0; overflow: auto; white-space: nowrap; border-bottom: 2px solid #467DF7; height: 44px; padding-left: 0; background-color: transparent; }  header.profilePage div.menu a { color: #467DF7; padding: 0 10px; height: 44px; line-height: 44px; margin-left: 0;}  header.profilePage div.menu a.active { background-color: #467DF7; border-bottom: 2px solid #467DF7; color: #FFF;}  div.profilePage .likesharecontainer { position: static; margin-bottom: 0; height: 36px; }  div.profilePage.content { margin-top: 0;padding: 10px; }  header.profilePage.player,  header.profilePage.place,  header.profilePage.team { top: 0px; height: auto; }  header.place { position: relative; max-width: 960px; margin: auto auto; top: 0px; }  header.place div.placeInner { position: relative; top: 0px; }  header.place div.PROFILE { position:relative; z-index: 3; top: -107px; height: 107px; }  header.place div.PROFILE img { display: block; margin: auto; }  header.profilePage.place div.background,  header.profilePage.player div.background,  header.profilePage.team div.background { height: 200px; top: 0;}  header.player { position: relative; max-width: 960px; margin: auto auto; top: 0px; }  header.player div.placeInner { position: relative; top: 0px; }  header.player div.PROFILE { position:relative; z-index: 3; top: -107px; height: 107px; }  header.player div.PROFILE img { display: block; margin: auto; }  header.player div.background { height: 200px; background: black url(/img/player-default-banner.png) top center no-repeat; position: relative; }  #OrderBox { width: 100%; max-height: 100%; top: 0 !important; } .ImageView { overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, auto)); grid-row-gap: 0px;}  .ImageView > .Image { position: static; width: 100%; }  .ImageView > .Info { position: static; width: 100%; }  .proHeaderMenu { height: 60px; } .proHeaderMenu .userInfo { justify-content: center; background: transparent; background-image: url(//img.vin.cuescore.com/image/d/2/d706e41….png), linear-gradient(to right, #2e409b, #4f70ea); }  .proHeaderMenu .userInfo .name { margin: 0 10px; margin-left: 0; text-align: center; display: block; margin-top: 22px; font-weight: 700; color: #FFF; }  .proHeaderMenu .userInfo .image { margin: 0 10px; margin-right: 8px; width: 35px;background-color: transparent; background-position: top 10px right; background-size: 35px; }  .proHeaderMenu .userInfo .image { margin: 0 10px; width: 35px; margin-top: 10px; background-image: none; display: block;}  .proHeaderMenu .userInfo .image img { width: 35px; } .proHeaderMenu .userInfo .orgChooser { margin: 0 10px; position: static; margin-top: 19px; background-image: url(/img/circle-arrow-down-white.svg); }  .proHeaderMenu .userInfo .orgChooser .list { top: 56px; left: 0; right: 0; margin: auto; max-width: 70%; }  .proHeaderMenu .desktopMenu { display: none; }  .proHeaderMenu .userInfo .mobileMenu { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; }  .proHeaderMenu .userInfo .mobileMenu .menuLine li { opacity: 1; padding-right: 0px; margin: 0 22px; }  .proHeaderMenu .userInfo .mobileMenu .menuLine li.selected { border-bottom: 3px solid #FF9800; }  .proHeaderMenu .userInfo .mobileMenu a { color: #FFF; }  .proHeaderMenu .menuLine ul li.home { background: transparent url(/img/startpage-icon-white.svg) left top 15px / 14px no-repeat; }  .proHeaderMenu .menuLine ul li.manager { background: transparent url(/img/manager-icon-white.svg) left top 16px / 14px no-repeat; }.burger-check:checked .burgerMenu { display: block; position: absolute; top: 0; left: 0; width: 100%; min-height: 100vh;}  #Content { width: auto;}  .content { width: auto; }  .mpad { padding: 0 10px; }  #BracketHeader { max-width: 100vw;}  #TournamentBracket { max-width: 100vw; overflow-x: scroll;}  .Home .nextMatch { margin-left: -10px; padding: 0 16px; }  .Home .nextMatch .player .desc { font-size: 12px;}  .Home .nextMatch .details > div { font-size: 13px; } }   </style> <style type="text/css"> .csImgEdit { position: relative; } .csImgEditMenu { top: 20px; left: 20px; position: absolute; opacity: 0.5; cursor: pointer; width: 51px; z-index: 12; } .csImgEditMenu:hover { opacity: 1.0; width: 300px; } .csImgEditMenu .camera { width: 51px; height: 45px; background: url(/img/camera-transparent.svg) center center no-repeat; } .csImgEditMenu .menuHeader { position: absolute; top: 2px; left: -10px; line-height: 40px; padding-left: 70px; width: 300px; cursor: default; background: #467DF7 url(/img/camera-transparent.svg) center left 10px no-repeat; color: white; font-size: 20px; } .csImgEditMenu ul { position: absolute; top: 42px; left: -10px; margin: 0px; padding: 0px; list-style: none; width: 300px; } .csImgEditMenu ul li { background-position: center left 15px; background-repeat: no-repeat; padding: 10px; padding-left: 50px; background-color: #e1e1e1; width: 300px; } .csImgEditMenu ul li:nth-child(2n+2) { background-color: #ededed; } .csImgEditMenu ul li:hover { background-color: #D1D1D1; } .csImgEditMenu ul li.upload { background-image: url(/img/upload-cloud-grey.svg); } .csImgEditMenu ul li.gallery { background-image: url(/img/4squares-grey.svg); } .csImgEditMenu ul li.resizer { background-image: url(/img/edit-grey.svg); } .csImgEditMenu ul li.trash { background-image: url(/img/trash-grey.svg); } .csImgEditMenu ul li.trash:hover { background-image: url(/img/trash-white.svg); background-color: #ff5f5f; color: white; } .csImgEditMenu:hover > .menuHeader, .csImgEditMenu:hover > ul { display: block; } .csImgEdit:hover > .csImgEditMenu { display: block; position: absolute; } .CSImgEditBox .CSModalBox { min-height: 200px; max-height: 88vh; min-width: 670px; position: relative; background-color: #FFF; overflow: hidden; } .CSImgEditBox .CSModalBox .spinner { margin-top: calc(70vh / 2); text-align: center; } .CSImgEditBox .ImgList { overflow-y: auto; width: 103%; max-height: 80vh; } .CSImgEditBox .ImgList .thumbnail { width: 175px; height: 175px; display: inline-block; margin: 15px; cursor: pointer; overflow: hidden; } .CSImgEditBox .ImgList .thumbnail img { object-fit: cover; width: 175px; height: 175px; } .CSImgEditBox .resizerControls { position: absolute; cursor: pointer; display: inline-block; height: 40px; z-index: 3; } .CSImgEditBox .resizerControls > div { width: 40px; height: 40px; padding: 0px 5px; line-height: 38px; font-weight: bold; margin-left: 2px; font-size: 32px; text-align: center; } .CSImgEditBox .imageResizer { cursor: grab; -moz-transform-origin: 0 0; }   

table.score div.inn { margin:5px 0 0 5px; color:#777; font-size:11px; }
table.score div.hr { margin:5px 0 0 5px; color:#777; font-size:11px; }
table.score input.number { color:#222; }
table.score .winner .scoreboard input, table.score.edit .winner .scoreboard input { color:#222; }
table.score td.winner { background:#ffa700; }
table.score .finished:nth-child(odd) { background:#e4e4e4; }

html, body { background-color: #FFF; }

table.score td.playerA > div,
table.score td.playerB > div { padding: 0 8px !important; }
table.score td.matchno { min-width: unset!important; }

#BracketHeader { z-index: 10; position: fixed; top: 0; width: 100%; height: 90px; background-color: #0e2666; text-align: center; overflow: hidden; }
#BracketHeader h1, #BracketHeader h1 a { color: #FFF; font-family: 'Open sans'; font-weight: 900; font-size: 28px; margin: -8px; line-height: 1; width: 70%; margin: 0 auto; }
#BracketHeader div.headerDesc { color: #FFF; font-family: 'Open sans'; font-weight: 700; font-size: 18px; margin-top: 5px; }
#BracketHeaderVenue { position: absolute; top: 0; left: 0; text-align: left; padding: 10px; color: #FFF; }
#BracketHeaderVenue img { height: 18px; }
#BracketHeaderCueScore { position: absolute; top: 0; right: 0; width: 150px; height: 90px; background: transparent url(/img/cuescore-logo-white.svg) center center no-repeat; cursor: pointer; }
.bracket { transform: scale(1);}
#ButtonBar {  z-index: 10;  position: fixed; top: 90px; width: 100%; text-align: center; }
#BracketHeader.print #ButtonBar { display: none; }
#BracketHeader.print #BracketHeaderVenue img { display: none; }
div.zoom { z-index: 11; height: 80px; display: inline-block; padding: 20px; background-color: #FAFAFA; opacity: 0.9; }
.zoom input { cursor: pointer; height: 50px; width: 50px; border: 1px solid #16afd3; background: transparent url(/img/zoom-in-blue.svg) center center no-repeat; margin-right: 10px; margin-left: 10px;}
.zoom .out { background-image: url(/img/zoom-out-blue.svg); }
.zoom .print { background: #16afd3 url(/img/print-icon.svg) center center no-repeat; margin-left: 20px; }
.zoom .back { background: #16afd3 url(/img/arrow-left-white.svg) center center/14px no-repeat; margin-right: 20px; }
#TournamentBracket { margin-top: 20px; }

@media print {
  /*#TournamentBracket { margin-top: 0; } */
  #BracketHeader { background-color: transparent; }
  #BracketHeader h1 a { color: #0e2666; }
  #BracketHeaderCueScore { background-image: url(/img/CS_logo.svg); background-size: 100px;}
}

/** BRACKET DESIGN */
	div.bracket .match-time { vertical-align:bottom; }
	table.score, table.score2 { table-layout:auto; }
  div.bracket { margin-bottom: 40px; transform-origin: left top; cursor: move; }
  div.bracket table.score { font-size: 12px; }
  div.bracket.print .upcoming { color: #999999; }
  /* tbody.bracketmatch { width: 90%; }*/
  tbody.bracketmatch tr { height: 30px; }
  div.bracket tr.topRow { vertical-align: bottom; }
  div.bracket tr.bottomRow { vertical-align: top; }
  div.bracket .bracketmatch .finished td.scoreA,div.bracket .bracketmatch .finished td.scoreB {  }
  .bracket table.score .scoreboard { max-height: 30px; }
  
  /* Default round settings: */
  .round1 table tr.row { height:  43px; }
  .round-1 .lineBottom, td.round-1 .lineTop  { border-right: 1px solid #0e2666; }
  .round2 table tr.row, .round-1 table tr.row, .round-2 table tr.row { height:  128px; }
  .round3 table tr.row, .round-3 table tr.row, .round-4 table tr.row { height:  298px; }
  .round4 table tr.row, .round-5 table tr.row, .round-6 table tr.row  { height:  638px; }
  .round5 table tr.row, .round-7 table tr.row, .round-8 table tr.row  { height:  1318px; }
  .round6 table tr.row, .round-9 table tr.row, .round-10 table tr.row  { height: 2678px; }
  .round7 table tr.row, .round-11 table tr.row, .round-12 table tr.row  { height: 5398px; }
  .round8 table tr.row { height: 7650px; } /* 3840 */
  .round9 table tr.row { height:15330px; } /* 7680 */
  .round10 table tr.row {height:30690px; } /* 15360 */
  
  .round2 .bracketmatch .seedA, .round2 .bracketmatch .seedB,
  .round3 .bracketmatch .seedA, .round3 .bracketmatch .seedB,
  .round4 .bracketmatch .seedA, .round4 .bracketmatch .seedB,
  .round5 .bracketmatch .seedA, .round5 .bracketmatch .seedB,
  .round6 .bracketmatch .seedA, .round6 .bracketmatch .seedB,
  .round7 .bracketmatch .seedA, .round7 .bracketmatch .seedB,
  .round8 .bracketmatch .seedA, .round8 .bracketmatch .seedB,
  .round9 .bracketmatch .seedA, .round9 .bracketmatch .seedB,
  .round10 .bracketmatch .seedA, .round10 .bracketmatch .seedB { border-left: 1px solid #0e2666; }

	@media only screen and (max-width: 960px) {
		.round2 .bracketmatch .seedA, .round2 .bracketmatch .seedB,
		.round3 .bracketmatch .seedA, .round3 .bracketmatch .seedB,
		.round4 .bracketmatch .seedA, .round4 .bracketmatch .seedB,
		.round5 .bracketmatch .seedA, .round5 .bracketmatch .seedB,
		.round6 .bracketmatch .seedA, .round6 .bracketmatch .seedB,
		.round7 .bracketmatch .seedA, .round7 .bracketmatch .seedB,
		.round8 .bracketmatch .seedA, .round8 .bracketmatch .seedB,
		.round9 .bracketmatch .seedA, .round9 .bracketmatch .seedB,
		.round10 .bracketmatch .seedA, .round10 .bracketmatch .seedB { border-left: 0px solid #0e2666; }
	}
  
  div.bracket .round:last-child .verticalR,
  div.bracket .round:first-child .verticalL, 
  div.bracket .round:first-child .seedA,
  div.bracket .round:last-child .lineTop, 
  div.bracket .round:first-child .seedB, 
  div.bracket .round:last-child .lineBottom { border: 0; }
  
  
  /* Special bracket customizations: */
  
  /* SE 128-32-16 */
  div.bracket.singleElimination0.P176 .round3 table tr.row { height: 90px; }
  div.bracket.singleElimination0.P176 .round4 table tr.row { height: 210px; }
  div.bracket.singleElimination0.P176 .round5 table tr.row { height: 210px; }
  div.bracket.singleElimination0.P176 .round6 table tr.row { height: 450px; }
  div.bracket.singleElimination0.P176 .round7 table tr.row { height: 930px; }
  div.bracket.singleElimination0.P176 .round8 table tr.row { height: 1890px; }
  div.bracket.singleElimination0.P176 .round9 table tr.row { height: 3810px; }
  div.bracket.singleElimination0.P176 .round2 .verticalR, 
  div.bracket.singleElimination0.P176 .round4 .verticalR { border: 0; }
  div.bracket.singleElimination0.P176 .round3 .bracketmatch:nth-child(even) .seedA,
  div.bracket.singleElimination0.P176 .round3 .bracketmatch:nth-child(odd) .seedB,
  div.bracket.singleElimination0.P176 .round5 .bracketmatch:nth-child(even) .seedA,
  div.bracket.singleElimination0.P176 .round5 .bracketmatch:nth-child(odd) .seedB {
    border-left: 0;
  }
  
  /* SE 64-16-16 */
  div.bracket.singleElimination0.P96.S641616 .round2 table tr.row { height: 90px; }
  div.bracket.singleElimination0.P96.S641616 .round3 table tr.row { height: 90px; }
  div.bracket.singleElimination0.P96.S641616 .round4 table tr.row { height: 90px; }
  div.bracket.singleElimination0.P96.S641616 .round5 table tr.row { height: 210px; }
  div.bracket.singleElimination0.P96.S641616 .round6 table tr.row { height: 450px; }
  div.bracket.singleElimination0.P96.S641616 .round7 table tr.row { height: 930px; }
  div.bracket.singleElimination0.P96.S641616 .round8 table tr.row { height: 1890px; }
  
  
  /** SE 96 */
  div.bracket.singleElimination0.P96 .round2 table tr.row { height: 30px; }
  div.bracket.singleElimination0.P96 .round3 table tr.row { height: 90px; }
  div.bracket.singleElimination0.P96 .round4 table tr.row { height: 210px; }
  div.bracket.singleElimination0.P96 .round5 table tr.row { height: 450px; }
  div.bracket.singleElimination0.P96 .round6 table tr.row { height: 930px; }
  div.bracket.singleElimination0.P96 .round7 table tr.row { height: 1890px; }
  div.bracket.singleElimination0.P96 .round1 .verticalR { border: 0; }
  div.bracket.singleElimination0.P96.S96 .round2 .bracketmatch:nth-child(even) .seedA,
  div.bracket.singleElimination0.P96.S96 .round2 .bracketmatch:nth-child(odd) .seedB,
  div.bracket.singleElimination0.P96.S641616 .round3 .bracketmatch:nth-child(odd) .seedA,
  div.bracket.singleElimination0.P96.S641616 .round3 .bracketmatch:nth-child(even) .seedB,
  div.bracket.singleElimination0.P96.S641616 .round4 .bracketmatch:nth-child(even) .seedA,
  div.bracket.singleElimination0.P96.S641616 .round4 .bracketmatch:nth-child(odd) .seedB
  {
    border-left: 0;
  }
  
  
  
  
  
  /* Make the first round stand out in double elimination schemas: */
  div.bracket.doubleElimination th.round1 div { 
    background-color: #EDEDED;
    background-image: url(/img/arrow-double-left-grey.svg), url(/img/arrow-double-right-grey.svg);
    background-position: 5px center, right 5px center;
    background-repeat: no-repeat, no-repeat;
  }
  
  div.bracket.doubleElimination0.P64 .round7 table tr.row { height: 1890px; }
  div.bracket.doubleElimination0.P128 .round8 table tr.row { height: 3810px; }
  div.bracket.doubleElimination0.P64 .round7 table .seedA,
  div.bracket.doubleElimination0.P64 .round7 table .seedB, 
  div.bracket.doubleElimination0.P128 .round8 table .seedA,
  div.bracket.doubleElimination0.P128 .round8 table .seedB { border-left: 0; }
  div.bracket.singleElimination0.P96.S641616 .round2 .bracketmatch .verticalR,
  div.bracket.singleElimination0.P96.S641616 .round3 .bracketmatch .verticalR,
  div.bracket.doubleElimination0.P64 .round6 .bracketmatch .verticalR,
  div.bracket.doubleElimination0.P128 .round7 .bracketmatch .verticalR,
  div.bracket.doubleElimination0.P192 .round8 .bracketmatch .verticalR,
  div.bracket.doubleElimination0.P256 .round8 .bracketmatch .verticalR { border-right: 0; }
  
  div.bracket.doubleElimination2 .round2 .verticalR { border: 0; }
  div.bracket.doubleElimination2 .round3 .seedA, div.bracket.doubleElimination2 .round3 .seedB { border-left: 0;}
  div.bracket.doubleElimination2 .round3 table tr.row { height:   90px; }
  div.bracket.doubleElimination2 .round4 table tr.row { height:  210px; }
  div.bracket.doubleElimination2 .round5 table tr.row { height:  450px; }
  div.bracket.doubleElimination2 .round6 table tr.row { height:  930px; }
  div.bracket.doubleElimination2 .round7 table tr.row { height: 1890px; }
  
  /* double elimination schemas where drawround is round 3 */
  div.bracket.doubleElimination3 .round2 .verticalR { border: 0; }
  div.bracket.doubleElimination3 .round3 .seedA, div.bracket.doubleElimination3 .round3 .seedB { border-left: 0;}
  div.bracket.doubleElimination3 .round3 table tr.row { height:   90px; }
  div.bracket.doubleElimination3 .round4 table tr.row { height:  210px; }
  div.bracket.doubleElimination3 .round5 table tr.row { height:  450px; }
  div.bracket.doubleElimination3 .round6 table tr.row { height:  930px; }
  div.bracket.doubleElimination3 .round7 table tr.row { height: 1890px; }
  div.bracket.doubleElimination3 .round8 table tr.row { height: 3810px; }
  div.bracket.doubleElimination3 .round9 table tr.row { height: 7650px; }
  div.bracket.doubleElimination3 .round10 table tr.row{ height: 15330px; }
  
  div.bracket.doubleEliminationQualification3 .round2 .verticalR { border: 0; }
  div.bracket.doubleEliminationQualification3 .round3 .seedA, div.bracket.doubleEliminationQualification3 .round3 .seedB { border-left: 0;}
  div.bracket.doubleEliminationQualification3 .round3 table tr.row { height:   90px; }
  div.bracket.doubleEliminationQualification3 .round4 table tr.row { height:  210px; }
  div.bracket.doubleEliminationQualification3 .round5 table tr.row { height:  450px; }
  div.bracket.doubleEliminationQualification3 .round6 table tr.row { height:  930px; }
  div.bracket.doubleEliminationQualification3 .round7 table tr.row { height: 1890px; }
  div.bracket.doubleEliminationQualification3 .round8 table tr.row { height: 3810px; }
  div.bracket.doubleEliminationQualification3 .round9 table tr.row { height: 7650px; }
  div.bracket.doubleEliminationQualification3 .round10 table tr.row{ height: 15330px; }
  
  /* double elimination schemas where drawround is round 4 */
  div.bracket.doubleElimination4 .round3 .verticalR { border: 0; }
  div.bracket.doubleElimination4 .round4 .seedA, div.bracket.doubleElimination4 .round4 .seedB { border-left: 0;}
  div.bracket.doubleElimination4 .round4 table tr.row { height:  210px; }
  div.bracket.doubleElimination4 .round5 table tr.row { height:  450px; }
  div.bracket.doubleElimination4 .round6 table tr.row { height:  930px; }
  div.bracket.doubleElimination4 .round7 table tr.row { height: 1890px; }
  div.bracket.doubleElimination4 .round8 table tr.row { height: 3810px; }
  div.bracket.doubleElimination4 .round9 table tr.row { height: 7650px; }
  div.bracket.doubleElimination4 .round10 table tr.row{ height: 15330px; }
  
  /** Special schema DE16-8-16: */
  div.bracket.doubleElimination3.P24.S16816 .round3 .verticalR { border: 0; }
  div.bracket.doubleElimination3.P24.S16816 .round-1 .seedA, div.bracket.doubleElimination3.P24.S16816 .round-1 .seedB,
  div.bracket.doubleElimination3.P24.S16816 .round-1 .verticalL { border-left: 0; }
  div.bracket.doubleElimination3.P24.S16816 .round2 table tr.row,
  div.bracket.doubleElimination3.P24.S16816 .round-1 table tr.row { height:  90px; }
  div.bracket.doubleElimination3.P24.S16816 .round1 .seedA, div.bracket.doubleElimination3.P24.S16816 .round1 .seedB { border-left: 0; }
  div.bracket.doubleElimination3.P24.S16816 .round2 .seedA, div.bracket.doubleElimination3.P24.S16816 .round2 .seedB,
  div.bracket.doubleElimination3.P24.S16816 .round3 .bracketmatch:nth-child(odd) .seedA, div.bracket.doubleElimination3.P24.S16816 .round3 .bracketmatch:nth-child(even) .seedB {  border-left: 1px solid #0e2666; }
  div.bracket.doubleElimination3.P24.S16816 .round2 .lineTop, 
  div.bracket.doubleElimination3.P24.S16816 .round2 .lineBottom { border-right: 0; border-bottom: 0; border-top: 0;}
  div.bracket.doubleElimination3.P24.S16816 .round-1 .lineTop, 
  div.bracket.doubleElimination3.P24.S16816 .round-1 .lineBottom { border-right: 1px solid #0e2666;}
  div.bracket.doubleElimination3.P24.S16816 .round1 .bracketmatch:nth-child(odd) .lineTop,
  div.bracket.doubleElimination3.P24.S16816 .round1 .bracketmatch:nth-child(even) .lineBottom { border-right: 1px solid #0e2666;}
  

  /** Special schema DE48-16 SE32 */
  div.bracket.doubleElimination4.S481632 .round3 .verticalR { border: 0; }
  div.bracket.doubleElimination4.S481632 .round4 .seedA, div.bracket.doubleElimination4 .round4 .seedB { border-left: 0;}
  div.bracket.doubleElimination4.S481632 .round1 table tr.row, div.bracket.doubleElimination4.S481632 .round-1 table tr.row { height:  30px; }
  div.bracket.doubleElimination4.S481632 .round2 table tr.row { height:  30px; }
  div.bracket.doubleElimination4.S481632 .round3 table tr.row { height:  30px; }
  div.bracket.doubleElimination4.S481632 .round4 table tr.row { height:  30px; }
  div.bracket.doubleElimination4.S481632 .round5 table tr.row { height: 90px; }
  div.bracket.doubleElimination4.S481632 .round6 table tr.row { height: 210px; }
  div.bracket.doubleElimination4.S481632 .round7 table tr.row { height: 450px; }
  div.bracket.doubleElimination4.S481632 .round8 table tr.row { height: 930px; }
  div.bracket.doubleElimination4.S481632 .round1 .seedA, div.bracket.doubleElimination4.S481632 .round1 .seedB { border-left: 1px solid #0e2666; }
  div.bracket.doubleElimination4.S481632 .round2 .seedA, div.bracket.doubleElimination4.S481632 .round2 .seedB,
  div.bracket.doubleElimination4.S481632 .round3 .seedA, div.bracket.doubleElimination4.S481632 .round3 .seedB { border-left:0; }
  div.bracket.doubleElimination4.S481632 .round1 .verticalR,
  div.bracket.doubleElimination4.S481632 .round2 .verticalR,
  div.bracket.doubleElimination4.S481632 .round3 .verticalR { border: 0; }
  
  /* double elimination schemas where drawround is round 5 */
  div.bracket.doubleElimination5 .round4 .verticalR { border: 0; }
  div.bracket.doubleElimination5 .round5 .seedA, div.bracket.doubleElimination5 .round5 .seedB { border-left: 0;}
  div.bracket.doubleElimination5 .round5 table tr.row { height:  450px; }
  div.bracket.doubleElimination5 .round6 table tr.row { height:  930px; }
  div.bracket.doubleElimination5 .round7 table tr.row { height: 1890px; }
  div.bracket.doubleElimination5 .round8 table tr.row { height: 3810px; }
  div.bracket.doubleElimination5 .round9 table tr.row { height: 7650px; }
  div.bracket.doubleElimination5 .round10 table tr.row{ height:15330px; }
  
   /* Special cases for 24 schemas: */
  div.bracket.doubleElimination.P24 .round1 .verticalR, div.bracket.doubleElimination0.P24 .round5 .verticalR { border: 0; }
  div.bracket.doubleElimination.P24 .round2 .seedA, div.bracket.doubleElimination.P24 .round2 .seedB,
  div.bracket.doubleElimination0.P24 .round6 .seedA, div.bracket.doubleElimination0.P24 .round6 .seedB { border-left: 0;}
  div.bracket.doubleElimination0.P24 .round5 .lineTop, div.bracket.doubleElimination0.P24 .round5 .lineBottom { border-right: 0; }
  div.bracket.doubleElimination.P24 .round2 table tr.row { height:   30px; }
  div.bracket.doubleElimination.P24 .round3 table tr.row { height:   90px; }
  div.bracket.doubleElimination.P24 .round4 table tr.row { height:   210px; }
  div.bracket.doubleElimination.P24 .round5 table tr.row { height:   450px; }
  div.bracket.doubleElimination.P24 .round6 table tr.row { height:   450px; }

  /* Special bracket DE24-Q8 (qualification schema): */
  div.bracket.doubleEliminationQualification.P24 .round1 .verticalR,
  div.bracket.doubleEliminationQualification.P24 .round-2 .verticalL{ border: 0; }
  div.bracket.doubleEliminationQualification.P24 .round2 .seedA, div.bracket.doubleEliminationQualification.P24 .round2 .seedB { border-left: 0;}
  div.bracket.doubleEliminationQualification.P24 .round5 .lineTop, div.bracket.doubleEliminationQualification.P24 .round5 .lineBottom { border-right: 0; }
  div.bracket.doubleEliminationQualification.P24 .round2 table tr.row,
  div.bracket.doubleEliminationQualification.P24 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleEliminationQualification.P24 .round-3 table tr.row,
  div.bracket.doubleEliminationQualification.P24 .round3 table tr.row { height:   90px; }
  div.bracket.doubleEliminationQualification.P24 .round4 table tr.row { height:   210px; }
  div.bracket.doubleEliminationQualification.P24 .round5 table tr.row { height:   450px; }
  div.bracket.doubleEliminationQualification.P24 .round6 table tr.row { height:   930px; }

  div.bracket.doubleElimination.P24 .round1 .verticalR { border: 0; }
  div.bracket.doubleElimination.P24 .round2 .seedA, div.bracket.doubleElimination.P24 .round2 .seedB,
  div.bracket.doubleElimination.P24 .round-2 .seedA, div.bracket.doubleElimination.P24 .round-2 .seedB,
  div.bracket.doubleElimination.P24 .round-3 .seedA, div.bracket.doubleElimination.P24 .round-3 .seedB,
  div.bracket.doubleElimination.P24 .round1 .lineTop, div.bracket.doubleElimination.P24 .round1 .lineBottom,
  div.bracket.doubleElimination.P24 .round-1 .lineTop, div.bracket.doubleElimination.P24 .round-1 .lineBottom,
  div.bracket.doubleElimination.P24 .round-3 .lineTop, div.bracket.doubleElimination.P24 .round-3 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleElimination.P24 .round2 table tr.row, div.bracket.doubleElimination.P24 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleElimination.P24 .round3 table tr.row, div.bracket.doubleElimination.P24 .round-2 table tr.row { height:   90px; }
  div.bracket.doubleElimination.P24 .round-3 table tr.row { height:   90px; }
  div.bracket.doubleElimination.P24 .round-4 table tr.row { height: 210px; }
  div.bracket.doubleElimination.P24 .round-5 table tr.row { height: 210px; }
  div.bracket.doubleElimination.P24 .round-6 table tr.row { height: 450px; }
  div.bracket.doubleElimination.P24 .round-7 table tr.row { height: 450px; }
  
  div.bracket.doubleElimination3.P24 .round3 table tr.row { height: 30px; }
  div.bracket.doubleElimination3.P24 .round4 table tr.row { height: 90px; }
  div.bracket.doubleElimination3.P24 .round5 table tr.row { height:210px; }
  div.bracket.doubleElimination3.P24 .round6 table tr.row { height:450px; }
  
  div.bracket.doubleElimination4.P24 .round3 table tr.row { height: 90px; }
  div.bracket.doubleElimination4.P24 .round4 table tr.row { height: 90px; }
  div.bracket.doubleElimination4.P24 .round5 table tr.row { height:210px; }
  div.bracket.doubleElimination4.P24 .round6 table tr.row { height:450px; }
  
  div.bracket.doubleElimination5.P24 .round3 table tr.row { height: 90px; }
  div.bracket.doubleElimination5.P24 .round4 table tr.row { height:210px; }
  div.bracket.doubleElimination5.P24 .round5 table tr.row { height:210px; }
  div.bracket.doubleElimination5.P24 .round6 table tr.row { height:450px; }
  
  /* double elimination schemas where drawround is 0 (16-2) */
  div.bracket.doubleElimination0.P16 .round5 table tr.row { height: 450px; }
  div.bracket.doubleElimination0.P16 .round5 .bracketmatch .seedA, 
  div.bracket.doubleElimination0.P16 .round5 .bracketmatch .seedB { border-left: 0; }
  div.bracket.doubleElimination0.P16 .round4 .verticalR { border: 0; }
  
  /* double elimination schemas where drawround is 0 (32-2) */
  div.bracket.doubleElimination0.P32 .round6 table tr.row { height: 930px; }
  div.bracket.doubleElimination0.P32 .round6 .bracketmatch .seedA, 
  div.bracket.doubleElimination0.P32 .round6 .bracketmatch .seedB { border-left: 0; }
  div.bracket.doubleElimination0.P32 .round5 .verticalR { border: 0; }
  
  
  
  /* Special cases for 48 schemas: */
  div.bracket.doubleElimination3.P48 .round1 .verticalR { border: 0; }
  div.bracket.doubleElimination3.P48 .round2 .seedA, div.bracket.doubleElimination3.P48 .round2 .seedB { border-left: 0;}
  div.bracket.doubleElimination3.P48 .round2 table tr.row { height:   30px; }
  div.bracket.doubleElimination3.P48 .round3 table tr.row { height:   90px; }
  div.bracket.doubleElimination3.P48 .round4 table tr.row { height:   210px; }
  div.bracket.doubleElimination3.P48 .round5 table tr.row { height:   450px; }
  div.bracket.doubleElimination3.P48 .round6 table tr.row { height:   930px; }
  
  div.bracket.doubleElimination4.P48 .round1 .verticalR { border: 0; }
  div.bracket.doubleElimination4.P48 .round1 .seedA, div.bracket.doubleElimination4.P48 .round1 .seedB,
  div.bracket.doubleElimination4.P48 .round2 .seedA, div.bracket.doubleElimination4.P48 .round2 .seedB,
  div.bracket.doubleElimination4.P48 .round-2 .seedA, div.bracket.doubleElimination4.P48 .round-2 .seedB,
  div.bracket.doubleElimination4.P48 .round-3 .seedA, div.bracket.doubleElimination4.P48 .round-3 .seedB,
  div.bracket.doubleElimination4.P48 .round1 .lineTop, div.bracket.doubleElimination4.P48 .round1 .lineBottom,
  div.bracket.doubleElimination4.P48 .round-1 .lineTop, div.bracket.doubleElimination4.P48 .round-1 .lineBottom,
  div.bracket.doubleElimination4.P48 .round-3 .lineTop, div.bracket.doubleElimination4.P48 .round-3 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleElimination4.P48 .round2 table tr.row, div.bracket.doubleElimination4.P48 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleElimination4.P48 .round3 table tr.row, div.bracket.doubleElimination4.P48 .round-2 table tr.row { height:   90px; }
  div.bracket.doubleElimination4.P48 .round4 table tr.row, div.bracket.doubleElimination4.P48 .round-3 table tr.row { height:   90px; }
  div.bracket.doubleElimination4.P48 .round5 table tr.row { height:   210px; }
  div.bracket.doubleElimination4.P48 .round6 table tr.row { height:   450px; }
  div.bracket.doubleElimination4.P48 .round7 table tr.row { height:   930px; }
  
  /* DE48-Q16 */
  div.bracket.doubleEliminationQualification0.P48 .round1 .verticalR { border: 0; }
  div.bracket.doubleEliminationQualification0.P48 .round2 .seedA, div.bracket.doubleEliminationQualification0.P48 .round2 .seedB { border-left: 0;}
  div.bracket.doubleEliminationQualification0.P48 .round2 table tr.row { height:   30px; }
  div.bracket.doubleEliminationQualification0.P48 .round3 table tr.row { height:   90px; }
  
  div.bracket.doubleEliminationQualification0.P48 .round1 .verticalR { border: 0; }
  div.bracket.doubleEliminationQualification0.P48 .round1 .seedA, div.bracket.doubleEliminationQualification0.P48 .round1 .seedB,
  div.bracket.doubleEliminationQualification0.P48 .round2 .seedA, div.bracket.doubleEliminationQualification0.P48 .round2 .seedB,
  div.bracket.doubleEliminationQualification0.P48 .round-2 .seedA, div.bracket.doubleEliminationQualification0.P48 .round-2 .seedB,
  div.bracket.doubleEliminationQualification0.P48 .round-3 .seedA, div.bracket.doubleEliminationQualification0.P48 .round-3 .seedB,
  div.bracket.doubleEliminationQualification0.P48 .round1 .lineTop, div.bracket.doubleEliminationQualification0.P48 .round1 .lineBottom,
  div.bracket.doubleEliminationQualification0.P48 .round-1 .lineTop, div.bracket.doubleEliminationQualification0.P48 .round-1 .lineBottom,
  div.bracket.doubleEliminationQualification0.P48 .round-3 .lineTop, div.bracket.doubleEliminationQualification0.P48 .round-3 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleEliminationQualification0.P48 .round2 table tr.row, div.bracket.doubleEliminationQualification0.P48 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleEliminationQualification0.P48 .round3 table tr.row, div.bracket.doubleEliminationQualification0.P48 .round-2 table tr.row { height:   90px; }
  div.bracket.doubleEliminationQualification0.P48 .round4 table tr.row, div.bracket.doubleEliminationQualification0.P48 .round-3 table tr.row { height:   90px; }
  /* DE48-Q8 */
  div.bracket.doubleEliminationQualification0.P48.S4808 .round4 table tr.row, div.bracket.doubleEliminationQualification0.P48.S4808 .round-5 table tr.row { height: 210px; }
  
  
  /* DE48-8 */
  div.bracket.doubleElimination5.P48 .round1 .verticalR { border: 0; }
  div.bracket.doubleElimination5.P48 .round2 .seedA, div.bracket.doubleElimination5.P48 .round2 .seedB { border-left: 0;}
  div.bracket.doubleElimination5.P48 .round2 table tr.row { height:   30px; }
  div.bracket.doubleElimination5.P48 .round3 table tr.row { height:   90px; }
  
  div.bracket.doubleElimination5.P48 .round1 .verticalR { border: 0; }
  div.bracket.doubleElimination5.P48 .round1 .seedA, div.bracket.doubleElimination5.P48 .round1 .seedB,
  div.bracket.doubleElimination5.P48 .round2 .seedA, div.bracket.doubleElimination5.P48 .round2 .seedB,
  div.bracket.doubleElimination5.P48 .round-2 .seedA, div.bracket.doubleElimination5.P48 .round-2 .seedB,
  div.bracket.doubleElimination5.P48 .round-3 .seedA, div.bracket.doubleElimination5.P48 .round-3 .seedB,
  div.bracket.doubleElimination5.P48 .round1 .lineTop, div.bracket.doubleElimination5.P48 .round1 .lineBottom,
  div.bracket.doubleElimination5.P48 .round-1 .lineTop, div.bracket.doubleElimination5.P48 .round-1 .lineBottom,
  div.bracket.doubleElimination5.P48 .round-3 .lineTop, div.bracket.doubleElimination5.P48 .round-3 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleElimination5.P48 .round2 table tr.row, div.bracket.doubleElimination5.P48 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleElimination5.P48 .round3 table tr.row, div.bracket.doubleElimination5.P48 .round-2 table tr.row, div.bracket.doubleElimination5.P48 .round-3 table tr.row { height:   90px; }
  div.bracket.doubleElimination5.P48 .round4 table tr.row, div.bracket.doubleElimination5.P48 .round-4 table tr.row { height:   210px; }
  div.bracket.doubleElimination5.P48 .round5 table tr.row, div.bracket.doubleElimination5.P48 .round-5 table tr.row { height:   210px; }
  div.bracket.doubleElimination5.P48 .round6 table tr.row { height:   450px; }
  div.bracket.doubleElimination5.P48 .round7 table tr.row { height:   930px; }
  
  
  /* Special cases for 40 schemas: */
  div.bracket.doubleElimination4.P40 .round-4 .verticalL, 
  div.bracket.doubleElimination4.P40 .round5 .verticalR { border: 0; }
  div.bracket.doubleElimination4.P40 .round4 .seedA, div.bracket.doubleElimination4.P40 .round4 .seedB,
  div.bracket.doubleElimination4.P40 .round6 .seedA, div.bracket.doubleElimination4.P40 .round6 .seedB,
  div.bracket.doubleElimination4.P40 .round-4 .seedA, div.bracket.doubleElimination4.P40 .round-4 .seedB,
  div.bracket.doubleElimination4.P40 .round-5 .lineTop, div.bracket.doubleElimination4.P40 .round-5 .lineBottom,
  div.bracket.doubleElimination4.P40 .round3 .lineTop, div.bracket.doubleElimination4.P40 .round3 .lineBottom { border: 0; border-left: 0; border-right: 0;}
  div.bracket.doubleElimination4.P40 .round6 .seedA { border-bottom: 1px solid #0e2666; }
  
  div.bracket.doubleElimination4.P40 .round-5 table tr.row { height:   210px; }
  div.bracket.doubleElimination4.P40 .round-6 table tr.row { height:   210px; }
  div.bracket.doubleElimination4.P40 .round4 table tr.row { height:   90px; }
  div.bracket.doubleElimination4.P40 .round5 table tr.row { height:   210px; }
  div.bracket.doubleElimination4.P40 .round6 table tr.row { height:   210px; }
  div.bracket.doubleElimination4.P40 .round7 table tr.row { height:   450px; }
  div.bracket.doubleElimination4.P40 .round8 table tr.row { height:   930px; }
  
  /* Special cases for 96 schemas: */
  div.bracket.doubleElimination4.P96 .round1 .verticalR { border: 0; }
  div.bracket.doubleElimination4.P96 .round1 .seedA, div.bracket.doubleElimination4.P96 .round1 .seedB,
  div.bracket.doubleElimination4.P96 .round2 .seedA, div.bracket.doubleElimination4.P96 .round2 .seedB,
  div.bracket.doubleElimination4.P96 .round-2 .seedA, div.bracket.doubleElimination4.P96 .round-2 .seedB,
  div.bracket.doubleElimination4.P96 .round-3 .seedA, div.bracket.doubleElimination4.P96 .round-3 .seedB,
  div.bracket.doubleElimination4.P96 .round1 .lineTop, div.bracket.doubleElimination4.P96 .round1 .lineBottom,
  div.bracket.doubleElimination4.P96 .round-1 .lineTop, div.bracket.doubleElimination4.P96 .round-1 .lineBottom,
  div.bracket.doubleElimination4.P96 .round-3 .lineTop, div.bracket.doubleElimination4.P96 .round-3 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleElimination4.P96 .round2 table tr.row, div.bracket.doubleElimination4.P96 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleElimination4.P96 .round3 table tr.row, div.bracket.doubleElimination4.P96 .round-2 table tr.row { height:   90px; }
  div.bracket.doubleElimination4.P96 .round4 table tr.row, div.bracket.doubleElimination4.P96 .round-3 table tr.row { height:   90px; }
  div.bracket.doubleElimination4.P96 .round5 table tr.row { height:   210px; }
  div.bracket.doubleElimination4.P96 .round6 table tr.row { height:   450px; }
  div.bracket.doubleElimination4.P96 .round7 table tr.row { height:   930px; }
  div.bracket.doubleElimination4.P96 .round8 table tr.row { height:  1890px; }
  
  /* Special cases for 96-16 schemas: */
  div.bracket.doubleElimination5.P96 .round1 .verticalR { border: 0; }
  div.bracket.doubleElimination5.P96 .round1 .seedA, div.bracket.doubleElimination5.P96 .round1 .seedB,
  div.bracket.doubleElimination5.P96 .round2 .seedA, div.bracket.doubleElimination5.P96 .round2 .seedB,
  div.bracket.doubleElimination5.P96 .round-2 .seedA, div.bracket.doubleElimination5.P96 .round-2 .seedB,
  div.bracket.doubleElimination5.P96 .round-3 .seedA, div.bracket.doubleElimination5.P96 .round-3 .seedB,
  div.bracket.doubleElimination5.P96 .round1 .lineTop, div.bracket.doubleElimination5.P96 .round1 .lineBottom,
  div.bracket.doubleElimination5.P96 .round-1 .lineTop, div.bracket.doubleElimination5.P96 .round-1 .lineBottom,
  div.bracket.doubleElimination5.P96 .round-3 .lineTop, div.bracket.doubleElimination5.P96 .round-3 .lineBottom,
  div.bracket.doubleElimination5.P96 .round-5 .lineTop, div.bracket.doubleElimination5.P96 .round-5 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleElimination5.P96 .round2 table tr.row, div.bracket.doubleElimination5.P96 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleElimination5.P96 .round3 table tr.row, div.bracket.doubleElimination5.P96 .round-2 table tr.row, div.bracket.doubleElimination5.P96 .round-3 table tr.row { height:   90px; }
  div.bracket.doubleElimination5.P96 .round4 table tr.row, div.bracket.doubleElimination5.P96 .round-4 table tr.row  { height:   210px; }
  div.bracket.doubleElimination5.P96 .round5 table tr.row, div.bracket.doubleElimination5.P96 .round-5 table tr.row { height:   210px; }
  div.bracket.doubleElimination5.P96 .round6 table tr.row { height:   450px; }
  div.bracket.doubleElimination5.P96 .round7 table tr.row { height:   450px; }
  div.bracket.doubleElimination5.P96 .round8 table tr.row { height:   930px; }
  div.bracket.doubleElimination5.P96 .round9 table tr.row { height:   930px; }
  div.bracket.doubleElimination5.P96 .round8 table tr.row { height:  1890px; }

  div.bracket.doubleElimination3.P96 .round1 .verticalR { border: 0; }
  div.bracket.doubleElimination3.P96 .round1 .seedA, div.bracket.doubleElimination3.P96 .round1 .seedB,
  div.bracket.doubleElimination3.P96 .round2 .seedA, div.bracket.doubleElimination3.P96 .round2 .seedB,
  div.bracket.doubleElimination3.P96 .round-2 .seedA, div.bracket.doubleElimination3.P96 .round-2 .seedB,
  div.bracket.doubleElimination3.P96 .round-3 .seedA, div.bracket.doubleElimination3.P96 .round-3 .seedB,
  div.bracket.doubleElimination3.P96 .round1 .lineTop, div.bracket.doubleElimination3.P96 .round1 .lineBottom,
  div.bracket.doubleElimination3.P96 .round-1 .lineTop, div.bracket.doubleElimination3.P96 .round-1 .lineBottom,
  div.bracket.doubleElimination3.P96 .round-3 .lineTop, div.bracket.doubleElimination3.P96 .round-3 .lineBottom,
  div.bracket.doubleElimination3.P96 .round-5 .lineTop, div.bracket.doubleElimination3.P96 .round-5 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleElimination3.P96 .round2 table tr.row, div.bracket.doubleElimination3.P96 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleElimination3.P96 .round3 table tr.row, div.bracket.doubleElimination3.P96 .round-2 table tr.row, div.bracket.doubleElimination3.P96 .round-3 table tr.row { height:   30px; }
  div.bracket.doubleElimination3.P96 .round4 table tr.row, div.bracket.doubleElimination3.P96 .round-4 table tr.row  { height:   90px; }
  div.bracket.doubleElimination3.P96 .round5 table tr.row, div.bracket.doubleElimination3.P96 .round-5 table tr.row { height:   210px; }
  div.bracket.doubleElimination3.P96 .round6 table tr.row { height:   450px; }
  div.bracket.doubleElimination3.P96 .round7 table tr.row { height:   930px; }
  div.bracket.doubleElimination3.P96 .round8 table tr.row { height:  1890px; }
  

  /* Special cases for 192-2 schemas: */
  div.bracket.doubleElimination0.P192 .round1 .verticalR,
  div.bracket.doubleElimination0.P192 .round1 .seedA, div.bracket.doubleElimination0.P192 .round1 .seedB,
  div.bracket.doubleElimination0.P192 .round2 .seedA, div.bracket.doubleElimination0.P192 .round2 .seedB,
  div.bracket.doubleElimination0.P192 .round-2 .seedA, div.bracket.doubleElimination0.P192 .round-2 .seedB,
  div.bracket.doubleElimination0.P192 .round-3 .seedA, div.bracket.doubleElimination0.P192 .round-3 .seedB,
  div.bracket.doubleElimination0.P192 .round1 .lineTop, div.bracket.doubleElimination0.P192 .round1 .lineBottom,
  div.bracket.doubleElimination0.P192 .round-1 .lineTop, div.bracket.doubleElimination0.P192 .round-1 .lineBottom,
  div.bracket.doubleElimination0.P192 .round-3 .lineTop, div.bracket.doubleElimination0.P192 .round-3 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleElimination0.P192 .round2 table tr.row, div.bracket.doubleElimination0.P192 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleElimination0.P192 .round3 table tr.row, div.bracket.doubleElimination0.P192 .round-2 table tr.row, div.bracket.doubleElimination0.P192 .round-3 table tr.row  { height:   90px; }
  div.bracket.doubleElimination0.P192 .round4 table tr.row { height:    210px; }
  div.bracket.doubleElimination0.P192 .round-5 table tr.row { height:   210px; }
  div.bracket.doubleElimination0.P192 .round5 table tr.row { height:   450px; }
  div.bracket.doubleElimination0.P192 .round-6 table tr.row { height:   450px; }
  div.bracket.doubleElimination0.P192 .round6 table tr.row { height:   930px; }
  div.bracket.doubleElimination0.P192 .round7 table tr.row { height:   1890px; }
  div.bracket.doubleElimination0.P192 .round-7 table tr.row { height:   450px; }
  div.bracket.doubleElimination0.P192 .round8 table tr.row { height:  3810px; }
  div.bracket.doubleElimination0.P192 .round-8 table tr.row { height:   930px; }
  div.bracket.doubleElimination0.P192 .round9 table tr.row { height:  3810px; }
  div.bracket.doubleElimination0.P192 .round-9 table tr.row { height:   930px; }
  div.bracket.doubleElimination0.P192 .round-10 table tr.row { height:   1890px; }
  div.bracket.doubleElimination0.P192 .round-11 table tr.row { height:   1890px; }
  div.bracket.doubleElimination0.P192 .round-12 table tr.row { height:   3810px; }
  div.bracket.doubleElimination0.P192 .round-13 table tr.row { height:   3810px; }
  
  /* Special cases for 192-32 schemas: */
  div.bracket.doubleElimination5.P192 .round1 .verticalR,
  div.bracket.doubleElimination5.P192 .round1 .seedA, div.bracket.doubleElimination5.P192 .round1 .seedB,
  div.bracket.doubleElimination5.P192 .round2 .seedA, div.bracket.doubleElimination5.P192 .round2 .seedB,
  div.bracket.doubleElimination5.P192 .round-2 .seedA, div.bracket.doubleElimination5.P192 .round-2 .seedB,
  div.bracket.doubleElimination5.P192 .round-3 .seedA, div.bracket.doubleElimination5.P192 .round-3 .seedB,
  div.bracket.doubleElimination5.P192 .round1 .lineTop, div.bracket.doubleElimination5.P192 .round1 .lineBottom,
  div.bracket.doubleElimination5.P192 .round-1 .lineTop, div.bracket.doubleElimination5.P192 .round-1 .lineBottom,
  div.bracket.doubleElimination5.P192 .round-3 .lineTop, div.bracket.doubleElimination5.P192 .round-3 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleElimination5.P192 .round2 table tr.row, div.bracket.doubleElimination5.P192 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleElimination5.P192 .round3 table tr.row, div.bracket.doubleElimination5.P192 .round-2 table tr.row, div.bracket.doubleElimination5.P192 .round-3 table tr.row  { height:   90px; }
  div.bracket.doubleElimination5.P192 .round4 table tr.row { height:    210px; }
  div.bracket.doubleElimination5.P192 .round5 table tr.row, div.bracket.doubleElimination5.P192 .round-5 table tr.row { height:   210px; }
  div.bracket.doubleElimination5.P192 .round6 table tr.row { height:   450px; }
  div.bracket.doubleElimination5.P192 .round7 table tr.row { height:   930px; }
  div.bracket.doubleElimination5.P192 .round8 table tr.row { height:  1890px; }
  div.bracket.doubleElimination5.P192 .round9 table tr.row { height:  30px; }
  
  /* Special cases for 192-64 schemas: */
  div.bracket.doubleElimination4.P192 .round1 .verticalR,
  div.bracket.doubleElimination4.P192 .round3 .verticalR { border: 0; }
  div.bracket.doubleElimination4.P192 .round1 .seedA, div.bracket.doubleElimination4.P192 .round1 .seedB,
  div.bracket.doubleElimination4.P192 .round2 .seedA, div.bracket.doubleElimination4.P192 .round2 .seedB,
  div.bracket.doubleElimination4.P192 .round4 .seedA, div.bracket.doubleElimination4.P192 .round4 .seedB,
  div.bracket.doubleElimination4.P192 .round-2 .seedA, div.bracket.doubleElimination4.P192 .round-2 .seedB,
  div.bracket.doubleElimination4.P192 .round-3 .seedA, div.bracket.doubleElimination4.P192 .round-3 .seedB,
  div.bracket.doubleElimination4.P192 .round1 .lineTop, div.bracket.doubleElimination4.P192 .round1 .lineBottom,
  div.bracket.doubleElimination4.P192 .round-1 .lineTop, div.bracket.doubleElimination4.P192 .round-1 .lineBottom,
  div.bracket.doubleElimination4.P192 .round-3 .lineTop, div.bracket.doubleElimination4.P192 .round-3 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleElimination4.P192 .round2 table tr.row, div.bracket.doubleElimination4.P192 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleElimination4.P192 .round3 table tr.row, div.bracket.doubleElimination4.P192 .round-2 table tr.row { height:   90px; }
  div.bracket.doubleElimination4.P192 .round4 table tr.row, div.bracket.doubleElimination4.P192 .round-3 table tr.row  { height:    90px; }
  div.bracket.doubleElimination4.P192 .round5 table tr.row { height:   210px; }
  div.bracket.doubleElimination4.P192 .round6 table tr.row { height:   450px; }
  div.bracket.doubleElimination4.P192 .round7 table tr.row { height:   930px; }
  div.bracket.doubleElimination4.P192 .round8 table tr.row { height:  1890px; }
  div.bracket.doubleElimination4.P192 .round9 table tr.row { height:  30px; }
  
  /* Special cases for 192-128 schemas: */
  div.bracket.doubleElimination3.P192 .round1 .verticalR,
  div.bracket.doubleElimination3.P192 .round3 .verticalR { border: 0; }
  div.bracket.doubleElimination3.P192 .round1 .seedA, div.bracket.doubleElimination3.P192 .round1 .seedB,
  div.bracket.doubleElimination3.P192 .round2 .seedA, div.bracket.doubleElimination3.P192 .round2 .seedB,
  div.bracket.doubleElimination3.P192 .round-2 .seedA, div.bracket.doubleElimination3.P192 .round-2 .seedB,
  div.bracket.doubleElimination3.P192 .round-3 .seedA, div.bracket.doubleElimination3.P192 .round-3 .seedB,
  div.bracket.doubleElimination3.P192 .round1 .lineTop, div.bracket.doubleElimination3.P192 .round1 .lineBottom,
  div.bracket.doubleElimination3.P192 .round-1 .lineTop, div.bracket.doubleElimination3.P192 .round-1 .lineBottom,
  div.bracket.doubleElimination3.P192 .round-3 .lineTop, div.bracket.doubleElimination3.P192 .round-3 .lineBottom { border-left: 0; border-right: 0;}
  div.bracket.doubleElimination3.P192 .round2 table tr.row, div.bracket.doubleElimination3.P192 .round-1 table tr.row { height:   30px; }
  div.bracket.doubleElimination3.P192 .round3 table tr.row, div.bracket.doubleElimination3.P192 .round-2 table tr.row { height:   30px; }
  div.bracket.doubleElimination3.P192 .round4 table tr.row, div.bracket.doubleElimination3.P192 .round-3 table tr.row  { height:    90px; }
  div.bracket.doubleElimination3.P192 .round5 table tr.row { height:   210px; }
  div.bracket.doubleElimination3.P192 .round6 table tr.row { height:   450px; }
  div.bracket.doubleElimination3.P192 .round7 table tr.row { height:   930px; }
  div.bracket.doubleElimination3.P192 .round8 table tr.row { height:  1890px; }
  div.bracket.doubleElimination3.P192 .round9 table tr.row { height:  30px; }
  
  /* Special cases for 256-2 schemas: */
  div.bracket.doubleElimination0.P256 .round9 table tr.row { height:   3810px; }

  /* Special case for 256-16 schema */
  
  div.bracket.doubleElimination6.P256 .round5 .verticalR { border: 0; }
  div.bracket.doubleElimination6.P256.S25616 .round6 .seedA, div.bracket.doubleElimination6.P256.S25616 .round6 .seedB { border-left: 0; border-right: 0;}

  div.bracket.doubleElimination6.P256 .round6 table tr.row { height:   930px; }
  div.bracket.doubleElimination6.P256 .round7 table tr.row { height:   1890px; }
  div.bracket.doubleElimination6.P256 .round8 table tr.row { height:   3810px; }
  div.bracket.doubleElimination6.P256 .round9 table tr.row { height:   7650px; }

  /* Lines from a loser-side match to the next one */
  .round-1 .bracketmatch .verticalL,
  .round-3 .bracketmatch .verticalL,
  .round-5 .bracketmatch .verticalL,
  .round-7 .bracketmatch .verticalL,
  .round-9 .bracketmatch .verticalL,
  .round-11 .bracketmatch .verticalL,
  .round-13 .bracketmatch .verticalL,
  .round-15 .bracketmatch .verticalL,
  .round-17 .bracketmatch .verticalL,
  .round-19 .bracketmatch .verticalL,  
  /* Schema specific adjustments */
  div.bracket.doubleElimination.P24 .round-2 .verticalL,
  div.bracket.doubleElimination.P24 .round-4 .verticalL,
  div.bracket.doubleElimination.P24 .round-6 .verticalL,
  div.bracket.doubleEliminationQualification0.P48 .round-2 .verticalL,
  div.bracket.doubleElimination4.P48 .round-2 .verticalL,
  div.bracket.doubleElimination5.P48 .round-2 .verticalL,
  div.bracket.doubleElimination5.P48 .round-4 .verticalL,
  div.bracket.doubleEliminationQualification0.P48 .round-4 .verticalL,
  div.bracket.doubleElimination4.P96 .round-2 .verticalL,
  div.bracket.doubleElimination5.P96 .round-2 .verticalL,
  div.bracket.doubleElimination5.P96 .round-4 .verticalL,
  div.bracket.doubleElimination3.P192 .round-2 .verticalL,
  div.bracket.doubleElimination4.P192 .round-2 .verticalL,
  div.bracket.doubleElimination5.P192 .round-2 .verticalL,
  div.bracket.doubleElimination5.P192 .round-4 .verticalL,
  div.bracket.doubleElimination0.P192 .round-2 .verticalL,
  div.bracket.doubleElimination0.P192 .round-2 .verticalL,
  div.bracket.doubleElimination0.P192 .round-4 .verticalL,
  div.bracket.doubleElimination0.P192 .round-6 .verticalL,
  div.bracket.doubleElimination0.P192 .round-8 .verticalL,
  div.bracket.doubleElimination0.P192 .round-10 .verticalL,
  div.bracket.doubleElimination0.P192 .round-12 .verticalL { border: 0; }
  div.bracket.doubleElimination.P24 .round-1 .verticalL,
  div.bracket.doubleElimination.P24 .round-3 .verticalL,
  div.bracket.doubleElimination.P24 .round-5 .verticalL,
  div.bracket.doubleEliminationQualification.P24 .round-1 .verticalL,
  div.bracket.doubleEliminationQualification0.P48 .round-1 .verticalL,
  div.bracket.doubleElimination4.P48 .round-1 .verticalL,
  div.bracket.doubleElimination5.P48 .round-1 .verticalL,
  div.bracket.doubleElimination5.P48 .round-3 .verticalL,
  div.bracket.doubleEliminationQualification0.P48 .round-3 .verticalL,
  div.bracket.doubleElimination4.P96 .round-1 .verticalL,
  div.bracket.doubleElimination5.P96 .round-1 .verticalL,
  div.bracket.doubleElimination5.P96 .round-3 .verticalL,
  div.bracket.doubleElimination4.P192 .round-1 .verticalL,
  div.bracket.doubleElimination5.P192 .round-1 .verticalL, 
  div.bracket.doubleElimination5.P192 .round-3 .verticalL,
  div.bracket.doubleElimination0.P192 .round-1 .verticalL,
  div.bracket.doubleElimination0.P192 .round-3 .verticalL,
  div.bracket.doubleElimination0.P192 .round-5 .verticalL,
  div.bracket.doubleElimination0.P192 .round-7 .verticalL,
  div.bracket.doubleElimination0.P192 .round-9 .verticalL,
  div.bracket.doubleElimination0.P192 .round-11 .verticalL  { border-left: 1px solid #0e2666; }
  
  .bracketmatch .lineBottom { background-color: #FFF; border-bottom: 1px solid #0e2666; width: 20px;  }
  .bracketmatch .lineTop { background-color: #FFF; border-top: 1px solid #0e2666; width: 20px;  }
  .bracketmatch .verticalR { background-color: #FFF;  border-right: 1px solid #0e2666;  }
  .bracketmatch .verticalL { background-color: #FFF;  border-left: 1px solid #0e2666;  }
  div.bracket { text-align: center; }
  .bracket table.score { width: auto; }
  .bracket .score th { text-align: center; text-transform: uppercase; font-family: 'Open sans'; padding: 0px; max-width: 300px; min-width: 300px; }
  .bracket .score th div { color: #0e2666; width: 260px; height: 100%; border-top: 1px solid #0e2666; border-bottom: 1px solid #0e2666; padding: 10px;margin-left: 20px; }
  .bracket .score .round {  max-width: 300px; min-width: 300px; }  
	.bracket .score .round.round2 { margin-left:-1px; }
  .bracket .score .round table { max-width: 300px; min-width: 300px; }  
  .bracket .score td.playerA, 
  .bracket .score td.playerB { max-width: 198px; white-space: nowrap; overflow: hidden; }
  .bracketmatch .topRow, 
  .bracketmatch .bottomRow { color: #0e2666;}
  .bracketmatch .bottomRow { font-size: 12px;vertical-align: top; }
  .bracketmatch .seedA,
  .bracketmatch .seedB { background-color: #FFF; border-bottom: 1px solid #0e2666; color: #0e2666; font-size: 12px; text-align: center; width: 20px;}
  
  .round1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P24 .round-1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P24 .round-3 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P24 .round-5 .bracketmatch:nth-child(even) .seedA,
  .doubleEliminationQualification.P24 .round-1 .bracketmatch:nth-child(even) .seedA,
  .doubleEliminationQualification0.P48 .round-1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination4.P48 .round-1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination3.P24.S16816 .round1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination4.S481632 .round2 .bracketmatch:nth-child(odd) .seedA,
  .doubleElimination4.S481632 .round4 .bracketmatch:nth-child(odd) .seedA,
  .doubleElimination5.P48 .round-1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination5.P48 .round-3 .bracketmatch:nth-child(even) .seedA,
  .doubleEliminationQualification0.P48 .round-3 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination4.P96 .round-1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination5.P96 .round-1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination5.P96 .round-3 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination4.P192 .round-1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination5.P192 .round-1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination5.P192 .round-3 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination0.P192 .round-1 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination0.P192 .round-3 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination0.P192 .round-5 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination0.P192 .round-7 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination0.P192 .round-9 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination0.P192 .round-11 .bracketmatch:nth-child(even) .seedA,
  .round-2 .bracketmatch:nth-child(even) .seedA,
  .round-4 .bracketmatch:nth-child(even) .seedA,
  .round-6 .bracketmatch:nth-child(even) .seedA,
  .round-8 .bracketmatch:nth-child(even) .seedA,
  .round-10 .bracketmatch:nth-child(even) .seedA,
  .round-12 .bracketmatch:nth-child(even) .seedA,
  .round-14 .bracketmatch:nth-child(even) .seedA,
  .round-16 .bracketmatch:nth-child(even) .seedA,
  .round-18 .bracketmatch:nth-child(even) .seedA,
  .round-20 .bracketmatch:nth-child(even) .seedA {
    border-left: 1px solid #0e2666;
  }
  .doubleElimination.P24 .round-4 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P24 .round-4 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P24 .round-6 .bracketmatch:nth-child(odd) .seedB,
  .doubleEliminationQualification.P24 .round-2 .bracketmatch:nth-child(even) .seedA,
  .doubleEliminationQualification.P24 .round-2 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P48 .round-2 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P48 .round-2 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P48 .round-4 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P48 .round-4 .bracketmatch:nth-child(odd) .seedB,
  .doubleEliminationQualification0.P48 .round-4 .bracketmatch:nth-child(even) .seedA,
  .doubleEliminationQualification0.P48 .round-4 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P96 .round-2 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P96 .round-2 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P96 .round-4 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P96 .round-4 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P192 .round-1 .bracketmatch:nth-child(even) .seedB,
  .doubleElimination.P192 .round-4 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P192 .round-4 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P192 .round-6 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P192 .round-6 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P192 .round-8 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P192 .round-8 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P192 .round-10 .bracketmatch:nth-child(even) .seedA,
  .doubleElimination.P192 .round-10 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P192 .round-12 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P192 .round9 .bracketmatch:nth-child(odd) .seedA,
  .doubleElimination.P192 .round9 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P256.S25616 .round6 .bracketmatch .seedA,
  .doubleElimination.P256.S25616 .round6 .bracketmatch .seedB 
  .doubleElimination.P256.S25602 .round9 .bracketmatch:nth-child(odd) .seedA,
  .doubleElimination.P256.S25602 .round9 .bracketmatch:nth-child(odd) .seedB { border-left: 0;}
  
  .round1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P24 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P24 .round-3 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P24 .round-5 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination.P24 .round1 .bracketmatch .seedA,
  .doubleElimination.P24 .round1 .bracketmatch .seedB,
  .doubleElimination.P24 .round2 .bracketmatch:nth-child(odd) .seedA,
  .doubleElimination.P24 .round2 .bracketmatch:nth-child(even) .seedB,
  .doubleElimination.P24 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleEliminationQualification.P24 .round1 .bracketmatch .seedA,
  .doubleEliminationQualification.P24 .round1 .bracketmatch .seedB,
  .doubleEliminationQualification.P24 .round2 .bracketmatch:nth-child(odd) .seedA,
  .doubleEliminationQualification.P24 .round2 .bracketmatch:nth-child(even) .seedB,
  .doubleEliminationQualification.P24 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleEliminationQualification0.P48 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination3.P24.S16816 .round1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination4.P48 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination4.S481632 .round2 .bracketmatch:nth-child(even) .seedB,
  .doubleElimination4.S481632 .round4 .bracketmatch:nth-child(even) .seedB,
  .doubleElimination5.P48 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination5.P48 .round-3 .bracketmatch:nth-child(odd) .seedB,
  .doubleEliminationQualification0.P48 .round-3 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination4.P96 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination5.P96 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination5.P96 .round-3 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination4.P192 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination5.P192 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination5.P192 .round-3 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination0.P192 .round-1 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination0.P192 .round-3 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination0.P192 .round-5 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination0.P192 .round-7 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination0.P192 .round-9 .bracketmatch:nth-child(odd) .seedB,
  .doubleElimination0.P192 .round-11 .bracketmatch:nth-child(odd) .seedB,
  .round-2 .bracketmatch:nth-child(odd) .seedB,
  .round-4 .bracketmatch:nth-child(odd) .seedB,
  .round-6 .bracketmatch:nth-child(odd) .seedB,
  .round-6 .bracketmatch:nth-child(odd) .seedB,
  .round-8 .bracketmatch:nth-child(odd) .seedB,
  .round-10 .bracketmatch:nth-child(odd) .seedB,
  .round-12 .bracketmatch:nth-child(odd) .seedB,
  .round-14 .bracketmatch:nth-child(odd) .seedB,
  .round-16 .bracketmatch:nth-child(odd) .seedB,
  .round-18 .bracketmatch:nth-child(odd) .seedB,
  .round-20 .bracketmatch:nth-child(odd) .seedB {
    border-left: 1px solid #0e2666;
  }

  .round .bracketmatch:nth-child(odd) .lineTop{ border-right: 1px solid #0e2666; }
  .round .bracketmatch:nth-child(even) .lineBottom { border-right: 1px solid #0e2666; }
  
  .bracketmatch .seedB { border: 0;}
  .bracketmatch .time {
    background-color: transparent;
  }
  table.score .bracketmatch td.matchno { width: 25px; cursor: default; }