@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:link, a:active, a:visited {  color: #16AFD3;  text-decoration: none;  }  a:hover { text-decoration: underline;}  table {  border-spacing: 0;  border-collapse: collapse;  }  table th {  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;}  .superhide { display: none !important; }  .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; } } 

@media all {   html, body { font-family: 'Open Sans', arial;  background-color: #FAFAFA; margin: 0; padding: 0; color: #0e2666; }  h1 { font-family: 'Open Sans'; font-size: 32px; font-weight: 600; color: #0e2666; }  h1:first-letter { text-transform: uppercase; }  h2 { font-family: 'Open Sans'; font-weight: 600; font-size: 26px; color: #0e2666; margin-bottom: 15px; }  h3 { font-family: 'Open Sans'; font-weight: 600; font-size: 22px; color: #0e2666; margin-bottom: 7px; }  h4 { font-family: 'Open Sans'; font-weight: 600; font-size: 18px; color: #0e2666; margin-bottom: 5px; }  h5 { font-family: 'Open Sans'; font-weight: normal; font-size: 14px; color: #0e2666; margin-bottom: 3px; }  a, a:link, a:active, a:visited { color: #467DF7; }  a { outline: none; }   .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'); } } 

@media all {   input, select { font-family: 'Open Sans'; padding: 0 10px; outline: 0; }   .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; border-radius: 18px;} .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: #467DF7; 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 #467DF7; color: #467DF7; 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: #467DF7; } .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 .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; }   .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.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%; } .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-weight: 600; font-size: 16px; color: #475A65; margin-bottom: 5px; }   ul.zSuggest { margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 16px; color: #0e2666; } 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: #0E2666; 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; }   #CSFormCover { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #FFFFFF; opacity: 0.9; z-index: 12; } #CSFormSpinner { position: fixed; display: flex; flex-flow: column; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 13; text-align: center; margin: 0 auto; } .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; }   .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 {}  .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: 2;  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 .form-control::placeholder { color: #AEB5C9; } .material select.form-control {  font-size: 14px; } .material .form-control + label {  position: absolute;  top: 8px;  left: 3px;  font-size: 16px;  color: #467DF7;  transition: all .2s ease-out;  white-space: nowrap;  z-index: 1; } .material .form-control.search {  padding-left: 35px; } .material .form-control.search + label {  left: 35px; } .material .form-control.copy {  background: transparent urL(/img/copy.svg) no-repeat right 8px center / 16px; } .material .form-control.copy:focus + label:after {  content: "Link was copied to your clipboard.";  color: #FF9800;  padding-left: 8px; } .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, .material .form-control[type='date'] + label, .material .form-control[type='time'] + label {  top: -15px;  color: #467df7;  font-size: 12px; } .material textarea.form-control + label, .material textarea.form-control:valid + label { top: -20px; } .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: #467DF7; } .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 input.form-control:read-only { color: rgba(14,38,102,0.6); } .material input.form-control:read-only + 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;  border-radius: 8px 8px 0 0;  background-color: #EAEDF4; } .material textarea.form-control:disabled {  background-color: #FFDFDF; } .material.dark .form-control {  color: #FFF; } .material.dark .form-control option {  color: #000; }   .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;}  .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 {  display: flex; } .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:first-child + label { border-radius: 18px 0 0 18px; } .material .radio-related input:nth-last-child(2) + label { border-radius: 0 18px 18px 0; } .material .radio-related input:checked + label { background-color: #467df7;  font-weight: 700;  color: #FFF; }  .message.error { color: #bf3636; }  } 

@media all {  *::selection {  background: rgba(59,176,255,0.2) ;  }  mark {  background: rgba(59,176,255,0.2);  }     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; padding-top: 16px; }  .CSModalBox { background-color: #FFF; min-width: 500px; max-height: 84vh; box-shadow: 6px 12px 24px rgba(14, 38, 102, 0.3); border-radius: 16px; }  .whitecircleBtn { border: 2px solid white; border-radius: 18px; color: white; font-weight: 600; width: 30px; height: 30px; background: transparent; padding: 4px; text-align: center; }  .whitecircleBtn:hover, .whitecircleBtn:active { opacity: 0.75; }  .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;  }  a.smallbutton { display: inline-flex; align-items: center; height: 24px; border: 1px solid #467DF7; border-radius: 12px; padding: 0 12px; text-transform: uppercase; font-weight: 700; font-size: 12px; color: #467DF7 !important; margin: 2px 0; }  a.smallbutton:active, a.smallbutton: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);  }    #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; }  #Shop { 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 #Shop.hide { display: none;}  #Shop .lineCount { color: #FF9800; text-align: center; line-height: 22px; font-size: 12px; padding-left: 4px; width: 100%;}  #OrderBox, .CSModalBox.Coupon { 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 { opacity: 0.5; }  #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 { font-weight: 600; }  #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: #FFF; background: #467DF7; height: 36px; border: 0; padding: 0 20px; 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; }  div.actionsline { padding: 8px 0px; display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; margin-bottom: 40px;}  div.actionsline.sticky { position: sticky; bottom: 0; z-index: 2; background: #FFF; }  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.confirm[disabled],input.confirm[disabled]:hover { opacity: 0.5; }  input.save { 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-radius: 18px; }  input.save: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 { font-size: 24px; }  .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: block; width: 100%; text-align: center; text-decoration: none; color: #FFFFFF; outline: none; text-align: left; padding: 0px 20px 0 10px; white-space: nowrap; font-size: 14px;}  #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; } #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.icon { background-position: left 10px center; background-repeat: no-repeat; padding-left: 43px !important; text-align: left; white-space: nowrap;}  #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: 30px; 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: 30px; 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: 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.seeded, .seedingForm .seeded { background-color: #71A33B !important; color: #FFFFFF; border-bottom: 0; }  .seedingNumber.error { background-color: #BF3636 !important; color: #FFFFFF; border-bottom: 0; }  .seedingNumber.warning { background-color: #FF9800 !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; 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; 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 { display: flex; align-items: center; font-size: 12px; text-transform: none; border: 0px solid #aaaaaa; }  .breadcrumbs a, .breadcrumbs span { font-size: 12px; padding-left: 17px; background: transparent url(/img/arrow-right-blue.svg) left 5px center/6px no-repeat; }  .breadcrumbs span { color: #0E26668A; }  .breadcrumbs a:first-child { background: transparent; padding-left: 0; }  .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 li { margin-bottom: 10px; }    .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; 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-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: 3; }  .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 .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; }  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; } .lastEvents { display: flex; justify-content: space-between; flex-flow: row wrap;}  div.articleBoxes { display: flex; justify-content: space-between; 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; background: #F3F3F3; }  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: none; }  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: #E7E9EC 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; 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; align-items: center; }  div.articleBoxes .articleBox .authorSection div.profileImage { flex-basis: 38px; }  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, table.standard.memberList tr th a,table.standard.memberList tr th a:hover { color: #0e2666; font-weight: 600; }  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);}  .gender { font-size: 20px; font-weight: bold; line-height: 14px; }  .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; }  .orgsContainer,  .playersContainer { display: flex; justify-content: space-around; align-items: center; flex-flow: row wrap; }  .Organizations .Organization,  .Players .Player { position: relative; 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; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }   .breadcrumb { display: flex; align-items: center; font-size: 28px; margin: 16px 0;}  .breadcrumb span { max-width: 232px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }  .breadcrumb img { width: 46px; margin-right: 12px; }  .breadcrumb a { text-decoration: none; background: transparent url(/img/arrow-right-blue.svg) right center/12px no-repeat; padding-right: 20px; margin-right: 8px; }  .breadcrumb a:hover { text-decoration: none; }  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 { opacity: 0.8; }  div.seasonSelector a.next { background-image: url(/img/arrow-right-white.svg); }  table.standard thead tr:nth-child(odd) { background-color: inherit; 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 { color: #0e2666; font-weight: 600; }  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; }  .searchResults .error { margin-top: 16px; color: #FF5F5F; font-weight: 600; }  table.standard tbody tr:not(.daterow):hover { background-color: #F5FBFF; transition: background }     table.standard .tournament.withbanner { border-top: 0 !important; background: #E7E9EC;}  table.standard .tournament.banner { border-bottom: 0 !important; border-top: 8px solid white !important; }  table.standard .tournament.banner td { width: 100%; background: #E7E9EC;}  table.standard .tournament.banner td:hover { cursor: pointer; }       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 tr.joined { text-decoration: line-through;}  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: 20px, 20px; background-repeat: no-repeat; }  table.standard.search div.date { font-size: 12px;}  table.standard.search a { color: #0E2666; }  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; text-indent: 21px; 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; text-indent: 21px; 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; text-indent: 21px; 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 { background: #467DF7 url() center center no-repeat; }  table.standard.search tr:nth-child(even) td.type { background-color: #799FF5; }  table.standard.search td.type.Challenge { display: table-cell; background-image: url(/img/challenge-icon-head-white.svg); width: 36px;}  table.standard.search td.type.Article { display: table-cell; background-image: url(/img/news-white.svg); width: 36px;}  table.standard.search td.type.Team { display: table-cell; background-image: url(/img/team-white.svg); width: 36px;}  table.standard.search td.type.Ranking { display: table-cell; background-image: url(/img/ranking-white.svg); width: 36px;}  table.standard.search td.type.Rating { display: table-cell; background-image: url(/img/pro/ratings-light.svg); width: 36px;}  table.standard.search td.type.Venue { display: table-cell; background-image: url(/img/venue-white.svg); width: 36px;}  table.standard.search td.type.Organization { background-image: url(/img/organization-white.svg); width: 36px;}  table.standard.search td.type.Tournament { display: table-cell; background-image: url(/img/pro/tournaments-white.svg); width: 36px;}  table.standard.search td.type.Handicap { display: table-cell; background-image: url(/img/pro/handicaps-white.svg); width: 36px;}  table.standard.search td.type.Player { background-image: url(/img/player-white.svg); width: 36px;}  table.standard.search td.type.Points { background-image: url(/img/pro/pointsystem-white.svg); width: 36px;}  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); }  table.standard.search.notifications .comment { display: table-cell; background: transparent url(/img/comment-blue.svg) center center / 17px no-repeat}  table.standard.search tr.player .badge { display: inline-block; height: 16px; width: 12px; background: transparent url(/img/badge-orange.svg) left center/10px no-repeat; vertical-align: middle; }  table.standard.search tr.player .claimed { display: inline-block; height: 16px; width: 12px; background: transparent url(/img/claim.svg) left center/10px no-repeat; vertical-align: middle; }  table.standard.search tr.player .unclaimed { display: none; height: 16px; width: 12px; background: transparent url(/img/claim.svg) left center/10px no-repeat; opacity: 0.4; vertical-align: middle; }  .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 top 1px center/ 14px no-repeat; }  .editarea.tournaments .live { display: inline-block; min-width: 20px; background: transparent url(/img/live-icon.gif) left top 1px center / 14px no-repeat }  .editarea.tournaments .result { display: inline-block; min-width: 20px; background: transparent url(/img/finished.svg) left top 1px 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 .official { background: transparent url(/img/sanctioned.svg) center right 5px no-repeat; padding-left: 0; }  .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; }  .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; }    .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: #2BBB98; border: 1px solid #2BBB98; background: white 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-green-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: white 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 #newMemberBox,  #Content #playerSwapBtn .CSModalBox,  #Content #leagueTimeScheduleBtn .CSModalBox,  .CSModalBox.light { display: none; background-color: #FFF; }  #Content #addPlayersBox h2,  #Content #addTeamsBox h2,  #Content #playerSwapBtn .CSModalBox h2,  #Content #leagueTimeScheduleBtn .CSModalBox h2,  .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;}  #Content #addPlayersBox .memberOf { font-weight: 600; }  #addTeamsBox,  #tournamentDivisionPopup > .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 { }  #ShareBoxAccess.error .message { color: #FF0000; margin: 16px 0;}  #ShareBoxAccess.warning .message { color: #FF9800; margin: 16px 0;}  .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; }     .CommentBtn { font-family: '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; }  .CommentList .comment .menu .selectorContainer { top: 34px; left: 200px; }  .CommentNotify .comment { font-size: 13px; color: #FFF; }  .CommentList .comment { font-size: 13px; 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; }     .CSGalleryCover { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #0E2666; 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: #F3F3F3; 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: #F3F3F3; 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; }    .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 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 h3 { margin-bottom: 6px; }  #Signup .checkbox ~ label { color: #FF9800; }  #Signup .checkbox { background-color: #FFFFFF; }  .fbLoginBtn { cursor: pointer; margin-bottom: 12px; }  .fbLoginBtn .fbLoginLogo { height: 36px; padding-left: 40px; line-height: 36px; background: #3B5998 url(/img/FB-f-Logo__blue_29.png) left center no-repeat; color: #FFFFFF; border-radius: 18px;}  #Signup .fbLoginBtn .fbLoginLogo, #Signup .fbLoginBtn .fbLoginText { border: 1px solid #75838C; }  #Signup .fbLoginBtn .fbLoginText { border-left: none; }   div.Place.content { min-height: 800px; margin-top: 30px; }  div.Place.content.edit { margin-top: 0; } .claimBtn { height: 36px; line-height: 36px; border: 1px solid #467DF7; border-radius: 18px; padding: 0 16px; font-weight: 600; font-size: 14px; color: #467DF7; background: #FFF url(/img/claim.svg) left 12px center / 16px no-repeat; text-indent: 18px; width: fit-content; white-space: nowrap; display: inline-block; }  .claimBtn:hover { background-color: #EAEDF4; }  td.medalIcon { width: 21px; }  img.medalIcon { margin-top: 3px; }  .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 .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; }    .ZinfoWindow h4 { color: #000000; }  .editBtn { cursor: pointer; }  #preJoinMessage, #preAddPlayerMessage, #preAddTeamMessage { text-align: center; }    .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;  border-radius: 8px;  }  .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, #modal-loader div.actions { vertical-align: top; text-align: right; margin-right: -16px; margin-top: 24px; margin-bottom: 4px; }  .modal div.actions input:first-child, #modal-loader 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 }      #modal-loader .modal-background {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 0%;  background: rgba(14, 38, 102, 0.5);  display: grid;  place-items: center;  transition: all 0.3s ease-in;  visibility: hidden;  z-index: -10;  }  #modal-loader .open-modal {  visibility: visible;  z-index: 1001;  height: 100%;  }  #modal-loader .modal-content {  background: #FFF;  border-radius: 8px;  max-height: calc(100% - 100px);  max-width: 960px;  min-width: 320px;  min-height: 100px;  padding: 10px 30px 20px;  box-shadow: 0px 0px 16px rgba(14, 38, 102, 0.5);  position: relative;  overflow-y: auto;  }  #modal-loader .modal-close-btn {  position: absolute;  right: 8px;  top: 8px;  width: 45px;  height: 45px;  background: transparent url(/img/close-white.svg) center no-repeat;  cursor: pointer;  }      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; z-index: 1; }  header.profilePage div.PROFILE { position: absolute; top: 295px; left: 0px; z-index: 4; }  header.profilePage div.PROFILE > img { width: 170px; filter: drop-shadow(3px 6px 12px rgba(0,0,0,.3));}  header.profilePage div.PROFILE .csImgEditMenu { left: 60px; top: 145px; }  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-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: 188px; 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 h2 { margin-top: 0; margin-bottom: 10px; } header.profilePage.place { top: -207px; height: 247px; }  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; }    .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-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; 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 .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; }    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; }    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 { color: #475a65; padding-top: 20px; line-height: 25px; font-size: 18px; display: flex; align-items: center; }  .participants table td a { color: #0e2666; }  .participants table td { }  .playerProfile .badge, .profileMini .badge { display: inline-block; height: 22px; width: 16px; background: transparent url(/img/badge-orange.svg) left center/16px no-repeat; vertical-align: middle; }  .participants .badge,  .matchdetails .name .badge { display: inline-block; height: 16px; width: 12px; background: transparent url(/img/badge-orange.svg) left center/10px no-repeat; vertical-align: middle; }  .playerProfile .claimed { display: inline-block; height: 22px; width: 16px; background: transparent url(/img/claim.svg) left center/16px no-repeat; vertical-align: middle; }  .participants .claimed,  .matchdetails .name .claimed { display: inline-block; height: 16px; width: 12px; background: transparent url(/img/claim.svg) left center/10px no-repeat; vertical-align: middle; }  .playerProfile .unclaimed,  .participants .unclaimed,  .matchdetails .name .unclaimed { display: none; height: 16px; width: 12px; background: transparent url(/img/claim.svg) left center/10px no-repeat; opacity: 0.4; vertical-align: middle; }  .participants .represents { font-size: smaller; color: #0e2666AA; }  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: #808CAC !important; color: #FFFFFF; border: 1px solid #96A5AC !important; }  .participants td.created { font-size: 14px; }  .Tournament .participants .participantSelector,  .Team .participantSelector{ height: 40px; width: 40px; border-radius: 20px; margin-bottom: 10px; background: #467DF7 url(/img/list-box-white.svg) center center no-repeat; }  .Tournament .participants .participantSelector.box,  .Team .participantSelector.box { background-image: url(/img/list-white.svg); }  .Tournament .participants .participantSelector.list,  .Team .participantSelector.list { background-image: url(/img/list-box-white.svg); }  .Tournament .participants .participantSelector:hover,  .Team .participantSelector:hover { background-color: #5788F6; }  .Tournament .participants .colorStatus { padding: 0; height: 30px; }  .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: 32px; text-align: center; }  .participants .colorStatus .red { background-color: #FF5F5F; }  .participants .colorStatus .blue { background-color: #3BB0FF; }  .participants .colorStatus .green { background-color: #32E0A6; }  .participants .colorStatus .orange { background-color: #FF9800; }  .participants .colorStatus .yellow { background-color: #ffe261; }  .participants .colorStatus .options { position: absolute; top: 25px; left: 0; width: 100%; z-index: 1; border: 1px solid #EDEDED; 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: #0e2666; }  .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-red.svg) right top/contain 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: 36px; height: 36px; border: 1px solid #467DF7; font-size: 14px; font-weight: 700; color: #467DF7; border-radius: 18px; display: flex; align-items: center; justify-content: center; background: transparent url(/img/options-lightblue.svg) center center/contain no-repeat; }  #scheduleMenu .description:hover { opacity: 0.8; cursor: pointer;} #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.svg) 10px center/16px no-repeat; }  #scheduleMenu .selector .option.matchprotocol { background: #FFF url(/img/print.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.tables { background: #FFF url(/img/table.svg) 10px center/15px no-repeat; }  #scheduleMenu .selector .option.tableplanner { background: #FFF url(/img/table.svg) 10px center/15px 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; }  #scheduleMenu sup { font-size: 10px; vertical-align: top; color: #808CAC; }  .CommentList .dots { margin-right: 4px; }  .CommentList .selector { position: absolute; top: -14px; right: 4px; min-width: 200px; z-index: 1; background-color: #FFF; border-radius: 18px; overflow: visible; }  .CommentList .selector .option { height: 36px; line-height: 36px; padding-left: 35px; color: #000; padding-right: 0px; padding-top: 0; padding-bottom: 0; white-space: nowrap; }  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; border-radius: 18px; }  table.score .selector .option { display: block; 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 { padding-left: 35px; background: transparent url(/img/forfeit.svg) 10px center/16px 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.sets { padding-left: 35px; background: transparent url(/img/sets.svg) 10px center/16px no-repeat; }  table.score .selector .option.hcp { padding-left: 35px; background: transparent url(/img/pro/handicaps-dark.svg) 10px center/20px no-repeat; }  table.score .selector .option.matchprotocol { padding-left: 35px; background: transparent url(/img/print.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.scoreboardlink { 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; } table.score .selector .option.swap { padding-left: 35px; background: #FFF url(/img/swap.svg) 10px center/16px no-repeat; }  table.score .selector .option.goLive { padding-left: 35px; background: #FFF url(/img/live.svg) 10px center/16px no-repeat; }  div.addAmountLine { display: flex; justify-content: space-between; 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; box-shadow: 6px 12px 24px rgba(14, 38, 102, 0.3); }  .selector .option { padding-left: 10px; font-family: 'Open sans'; font-size: 15px; height: 32px; line-height: 30px; color: #000; }  .selector .option.edit { background-image: url(/img/edit-blue.svg); background-position: left 10px center; background-repeat: no-repeat; }  .selector .option.delete { background-image: url(/img/delete.svg); background-position: left 10px center; background-repeat: no-repeat; }  .selector .option:hover { background-color: rgba(59,176,255,0.2); cursor: pointer; }  .selector .option:first-child:hover { border-radius: 18px 18px 0 0; }  .selector .option:last-child:hover { border-radius: 0 0 18px 18px; }  .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;}    .cs-tooltip { position:relative; border-bottom:1px dashed #000; }  .cs-tooltip:before { content: attr(title); white-space: nowrap; text-transform:none; position: absolute; left:50%; transform:translateX(-50%); top:-43px; padding:8px; border-radius:4px; background:#000; color: #fff; text-align:center; z-index: 1; display: none; }  .cs-tooltip:hover:before { display: block;}  .cs-tooltip:after { content: ""; position:absolute; left:50%; margin-top:-5px; top:-5px; transform:translateX(-50%); border:10px solid #000; border-color: black transparent transparent transparent ; display: none; }  .cs-tooltip:hover:after { display: block; }  #resultSection .podium { display: flex; align-items: flex-end; }  #resultSection .podium .profile {position: relative; text-align: center; width: 100%;}  #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; }  #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 solid #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; }  #addTeamsForm .message,  #addPlayersBox.error form .message,  #join.error form .message { margin-top: 16px; margin-bottom: 10px; color: #ff6969; max-width: 500px; }  #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-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 { text-align: center; background-color: transparent; border-bottom: 0; border-top: 0; }  .drawSEBox table.drawSETable .separator { background-color: transparent; border-bottom: 0; border-top: 0; }  .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: 8px; left: 0px; width: 100%; text-transform: uppercase; height: 24px; padding-left: 30px; line-height: 24px; 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; }  #drawMenu .legends img { height: 24px; }  #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 { padding-right: 16px; font-weight: normal; color: #808CAC; vertical-align: top;}  #tournamentDetails td { vertical-align: top;}  .deadlineOpen { color: #71a33b; }  .deadlineLastday { color: #FF9800;}  .deadlineExpired { color: #BF3636; text-decoration: line-through; }  .entryclosed { color: #FF9800;}  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; }  #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-last-child(4n),  #RankingTable td.score:nth-last-child(4n+1) { background-color: #eef0f4; }  #RankingTable tr:hover td.score:nth-last-child(4n),  #RankingTable tr:hover td.score:nth-last-child(4n+1) { background-color: #e2e5ed; }  #RankingTable td.totalCol { padding: 0 6px; }  #RankingTable td.totalCol:nth-child(odd) { background-color: #0E2666; color: #FFF; border-bottom: 1px solid #1F4192 ; }  #RankingTable td.totalCol:nth-child(even) { background-color: #1F4192; color: #FFF; border-bottom: 1px solid #0E2666; }  #RankingTable td.rankScore,  #RankingTable td.average {  }  #RankingTable .rank1 td.rankScore,  #RankingTable .rank2 td.rankScore,  #RankingTable .rank3 td.rankScore { color: #FF9800; }    #RankingTable th a { color: rgba(255,255,255,0.7); }  #RankingTable tbody .namecol { display: flex; }  #RankingTable tbody .name .rankingflag { display: flex; align-items: center; margin-right: 8px;}  #RankingTable tbody .name .rankingflag img { width: 18px; }  #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 4px; font-size: 12px; text-transform: capitalize; }    #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 > span { color: #FFFFFF; background-color: #FF9800; font-weight: 700; padding: 2px 8px; border-radius: 50%; }  #RankingTable td.score.pos2 > span { color: #FFFFFF; background-color: #808CAC; font-weight: 700; padding: 2px 8px; border-radius: 50%; }  #RankingTable td.score.pos3 > span { 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; }  div.ratingListGrid { display: flex; justify-content: space-around; align-items: stretch; align-content: stretch; flex-flow: row wrap;}  .ratings .ratingBox { 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; }  .ratings .ratingBox table { width: 100%; border-radius: 18px;}  .ratings .ratingBox th.header { height: 72px; background-color: #51628F; padding: 10px 15px; text-align: center; font: Bold 18px/18px Open Sans; color: #FFF; border-radius: 18px 18px 0 0;}  .ratings .ratingBox th.header span { font-size: 12px; color: #0E2666; }  .ratings .ratingBox th, .ratings .ratingBox td { padding: 4px; height: 36px; font-size: 14px; }  .ratings .ratingBox th { }  .ratings .ratingBox td { line-height: 17px; padding: 8px 2px; }  .ratings .ratingBox tr td:first-child { padding-left: 8px; }  .ratings .ratingBox tr td:last-child{ padding-right: 8px; font-size: 16px; color: #0E2666; font-weight: 600; }  .ratings .ratingBox tr:nth-child(1) td, .ratings .ratingBox tr:nth-child(1) td a { color: #467DF7; font-weight: 600; }  .ratings .ratingBox tbody tr:nth-child(even) { background-color: #FFF;}  .ratings .ratingBox img.profile { height: 48px; vertical-align: middle; }  .ratings .ratingBox td a { color: #0E2666; }  .ratings .ratingBox .points { padding-right: 10px; }  .ratings .ratingBox 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; 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-size: 20px; padding-left: 15px; font-weight: normal !important; }  .Rankings table.list tr.bottom td { background-color: #FF9800 !important; 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;}     table.mvp th .info { padding-top: 20px; padding-left: 10px; font-size: 18px; line-height: 32px; }  table.mvp th .info img { vertical-align: bottom; }  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 { }  table.mvp th .name a { font-size: 32px; text-align: left; color: inherit; }  table.mvp thead td { font-weight: bold; text-align: center; }  table.mvp thead td.player,  table.mvp tbody 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 { text-align: center;}  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 { 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; }    #scoreContainer { max-width: 100%; overflow-x: visible; }  table.score {  text-align: center;  vertical-align: middle;  border-collapse: collapse;  width: 100%;  font-size: 14px;  margin-top: 16px;  }  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: 26px;  margin: 0;  padding: 0;  }  table.score td.matchno {  color: #0e2666;  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 {  background: transparent url(/img/options-blue.svg) right -5px center no-repeat;  padding-right: 12px;  }  table.score td.matchno.menu:hover { background-color: #EAEDF4; }  table.score .individualMatches .menu, table.score .round .menu { background-image: url(/img/options-blue.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 .selectorContainer .hcp,  table.score td.individualMatchno .selectorContainer .overlay,  table.score td.individualMatchno .selectorContainer .matchprotocol { display: none; }  table.score .editmode td.individualMatchno {  background: #FFF url(/img/options-blue.svg) center right -5px / 24px no-repeat;  padding-right: 12px;  }  table.score .editmode td.individualMatchno:hover { background-color: #EAEDF4; }    table.score tr.matchDetails .matchno, table.score tr.matchSets .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/options-blue.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;  }  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 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: #CCC; }  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 .myself {  color: #FF9800;  }  table.score td.playerHighlight .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: rgba(14,38,102,0.94);    color: #FFFFFF;    }  table.score .finished:nth-child(even) {  background-color: #172266;    color: #FFFFFF;    }  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 { margin-top: 16px; }  table.score .roundHead { display: flex; justify-content: flex-start; }  table.score .roundHead .roundCollapse { background: transparent url(/img/arrow-up-dark.svg) left 8px center / 16px no-repeat; text-indent: 36px; }  table.score .roundHead .roundCollapse.collapsed { background-image: url(/img/arrow-down-dark.svg); }  table.score h3 {  padding: 3px 0;  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;  padding: 3px; margin-right: 16px;  margin-left: 16px;  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,  table.score .round input.editBestOf {  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/20px 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;  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: #1F4192;  }  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 {  margin-left: auto;  }  .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;  padding-left: 10px;  padding-right: 10px;  margin-left: 5px;  line-height: 28px;  border-radius: 14px;  padding: 0 15px;  cursor: pointer;  border: 0;  }  .drawButton .btn { color: #FFF; }  .finishBtn div.btn:hover, .drawButton:hover { background-color: #5788F6; }  .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;  }  table.score .drawButton.disabled, .finishBtn.disabled div, #addPlayersBtn.disabled {  background-color: #0e2666;  color: #FFF;  opacity: 0.25;  cursor: default !important;  }   textarea:focus, input:focus{  outline: 0;  }     .tournaments img.pro, .teams img.pro, .organizations img.pro, .ranking img.pro { height: 41px; }  .ownerIcons { position: relative; }  .ownerIcons img.owner { height: 41px; }  .ownerIcons img.flag { position: absolute; bottom:0; right: 0px; width: 16px;}  .tournaments td.pro { padding: 0 10px; padding-left: 0; }  .tournaments a { color: #0E2666; }  .tournaments span.day { color: #8E8E8E; }  .tournaments div.date { font-size: 12px; color: #0E2666; }  .tournaments div.name { font-size: 13px; color: #0E2666;}  .tournaments div.info { font-size: 12px; color: #0E2666; }  #tournament { clear: both; }  #tournamentForm .official,  #challengesForm .official { text-transform: uppercase; 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: flex-start; flex-flow: row wrap; }  .livestream .video { display: block; width: 300px; min-height: 187px; margin-right: 16px; margin-bottom: 16px; }  .livestreamBoxContainer a.externalVideo { display: block; position: relative; height: 187px; width: 300px; background: transparent linear-gradient(180deg, #516091 0%, #0E2666 100%) 0% 0% no-repeat padding-box; box-shadow: 6px 6px 20px #41528643; border-radius: 16px;}  .livestreamBoxContainer a.externalVideo:after { content: ""; background: transparent url(/img/video-white.svg) center center / 72px no-repeat; position: absolute; width: 100%; height: 100%; }  .livestreamBoxContainer a.externalVideo span { position: absolute; bottom: 32px; width: 100%;text-align: center; text-align: center; font-size: 14px; font-weight: 600; color: #BFD0F5; }  .livestreamBoxContainer a.externalVideo span:after { position: absolute; content: ""; right: 80px; background: transparent url(/img/external-link.svg) center center no-repeat; width: 16px; height: 16px;}     .VenueList .map { width: 100%; height: 100%; margin-top: 10px; }    .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 {  color: #467DF7; border: 1px solid #467DF7;  padding: 0px; padding-left: 12px; 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: 600;  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: 600;  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 img { width: 16px;}  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-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;  }    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; }    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; }   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-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; border-radius: 18px; }  #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 {  z-index: -1;  }    .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; }    .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; }   .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;  }    .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;  }   iframe.ad { margin: 16px 0; border: none; }  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;  border-radius: 10px;  overflow: hidden;  }  div.progress div.label { position: absolute; width: 100%; height: 100%; z-index: 2;}  div.progress div.bar { position: absolute; background-color: #3BB0FF; height: 100%; border-radius: 10px; 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 {  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; }    #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 { }  .follow-small input { display: none; }  .follow-small label { display: block; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #2BBB98; 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 / 22px 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: #2BBB98;   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-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 #2BBB98; position: relative; background-color: white; transition: all 0.3s ease-in; padding: 0 14px; padding-left: 28px; line-height: 30px; color: #2BBB98; 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: #2BBB98 url(/img/check-white.svg) left 10px center no-repeat; border: 0; transition: all 0.3s ease-out; color: #FFF; }  .follow-organization label:after,  .follow-organization label:before {   content: "";   display: block;   background-color: #2BBB98;   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; }  #search-filter { display: flex; justify-content: flex-start; margin: 16px 0; flex-flow: row wrap; overflow: auto;}  #search-filter input { display: none; } #search-filter label { display: inline-block; background-color: #E1E7F4; color: #51628F; font-size: 12px; padding: 10px; border-radius: 18px; height: 36px; margin: 8px 8px;}  #search-filter div:first-child input ~ label { margin-left: 0; }  #search-filter input:checked ~ label { transition: background-color 0.8s ease-in-out; background-color: #307bb9; color: #FFF; }  #search-filter input ~ label { background: #E1E7F4 url() left 12px center / 16px no-repeat; padding-left: 36px; padding-right: 18px; }  #search-filter input:checked ~ label { background-color: #467DF7; }  #search-filter .all input ~ label { padding-left: 18px; }  #search-filter .tournament input ~ label { background-image: url(/img/pro/tournaments-white.svg); }  #search-filter .player input ~ label { background-image: url(/img/player-white.svg); }  #search-filter .ranking input ~ label { background-image: url(/img/ranking-white.svg);; }  #search-filter .organization input ~ label { background-image: url(/img/organization-white.svg); }  #search-filter .article input ~ label { background-image: url(/img/news-white.svg); }  #search-filter .venue input ~ label { background-image: url(/img/venue-white.svg); }  #search-filter .team input ~ label { background-image: url(/img/team-white.svg); }  #search-filter .challenge input ~ label { background-image: url(/img/challenge-icon-head-white.svg); background-size: 12px; }  #search-filter .handicap input ~ label { background-image: url(/img/pro/handicaps-white.svg); }  #search-filter .points input ~ label { background-image: url(/img/pro/pointsystem-white.svg); }  #search-filter .rating input ~ label { background-image: url(/img/pro/ratings-white.svg); }    .challengematches { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px 0;}   .challengematch { box-shadow: 0 0px 16px rgba(99,99,99,0.25); cursor: pointer; flex-grow:1; flex-shrink: 1; flex-basis: 45%; margin: 20px; border-radius: 4px; }  .challengematch .header { padding: 10px 0; background: #FFF; text-align: center; color: #42a1e2}  .challengematch .header .date { font: 16px Open Sans; font-weight: 600; color: #0E2666; }  .challengematch .header .challenge { display: inline-block; font: Bold 18px/18px Open Sans; color: #467DF7; }  .challengematch .header .discipline { font: Bold 15px/18px Open Sans; color: #FF9800; font-weight: 700; }  .challengematch .header .venue { color: #0E2666; font: 15px Open Sans; }   .challengematch.waiting .header { background: #FFF url(/img/calendar-blue.svg) top 8px left 10px /16px no-repeat; }  .challengematch.playing .header { background: #FFF url(/img/live-icon.gif) top 8px left 10px /16px no-repeat; }  .challengematch.finished .header { background: #FFF url(/img/finished-blue.svg) top 8px left 10px /16px no-repeat; }  .challengematch.waiting { background-color: #f7f7f7; background: linear-gradient(111deg, #EAEDF4, #E1E7F4); }  .challengematch.playing { background-color: #0f7dba; background: linear-gradient(111deg, #3BB0FF, #4074E8); color: #FFF; } .challengematch.finished { background-color: #253a47; background: linear-gradient(111deg, #51628F, #0E2666); color: #FFF; }   .challengematch.waiting .versus { color: #475a65; }  .challengeSearch .finished .discipline { color: #b5b5b5; }  .challengeSearch .discipline { color: #7c7c7c; font-weight: 800; font-size: 18px; text-transform: uppercase; }  .challengeSearch .score { font-size: 28px; font-weight: 800; line-height: 32px; }  .winner { color: #FF9800; }  .challengematch .matchline { display: flex; justify-content: space-around; align-items: center; padding: 20px 0; min-width: 32px; }  .challengematch .matchline > div { flex-basis: 40%; }  .challengematch .matchline .scores { flex-basis: 20%; display: flex; justify-content: space-around; align-items: center; padding-bottom: 40px; }  .challengematch .matchline .scores div { font-size: 32px; font-weight: 700; }  .challengematch .matchline .scores div.raceTo { font-size: 20px; opacity: 0.7; margin: 0 5px; }  .challengematch .matchline .represents { font-size: smaller; }  .challengematch .profileImage img { filter: drop-shadow(0 1px 2px rgba(0,56,102,.5)); }  .challengematch .flagbox { position: relative; height: 0; z-index: 1;}  .challengematch .flagbox img.flag { position: absolute; left: 65%; top: 62px; max-height: 23px; } } 
@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; }  .qc-cmp2-container { 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; } }  
@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); }  #modal-loader .modal-content { max-width: calc(100vw - 40px); overflow: auto;}  .Home .col2-3 h1 { margin-top: 0px; font-size: 20px; }   #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; }  #Shop { }  #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 { margin: 0; padding: 0; }  #HeaderMenuMobileDropInner > ul li a { 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 { margin-left: 20px; 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; display: block; width: 100%; }  #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; }  .CSModalBox { top: 0 !important; min-width: initial; width: 100%; min-width: 0 !important; height: 100vh; max-height: 100%; border-radius: 0; box-shadow: none; }  #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; }  #tournamentDetails #description { max-width: 95vw; } #tournamentDetails #description a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }  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 { height: auto;}  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: 0px; }  #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.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: absolute; top: 120px; left: 12px; text-align:center; z-index: 10; }  header.profilePage h1 { margin-top: 0; 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 !important; padding: 10px; }  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.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; }  .breadcrumbs { font-size: 16px; }  .breadcrumbs a, .breadcrumbs span {  overflow: hidden; max-width: 50%; white-space: nowrap; text-overflow: ellipsis; min-width: 0; }    .breadcrumbs *:last-child { display: none; }    .breadcrumb a img { margin-right: 4px; filter: drop-shadow(3px 6px 12px rgba(0,0,0,.3)); }  .breadcrumb a span { display: none; }  #OrderBox, .CSModalBox.Coupon { 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%; }    .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; }  #search-filter { flex-flow: nowrap; overflow: auto;} }