.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.md-button {
  margin: 6px 16px 6px 0;
  padding: 0 14px;
  letter-spacing: 0.75px;
}
.md-button:last-child {
  margin-right: 0;
}
.md-button.md-primary.md-raised:not([disabled]) {
  background-color: #063851 !important;
  color: #fdde12 !important;
}
.md-button.md-primary.md-raised:not([disabled]) md-icon {
  color: #fdde12 !important;
}
.md-button.bordered_btn {
  background: transparent;
  border: 1px solid #063851;
  color: #063851;
  line-height: 34px;
}
.md-button.bordered_btn md-icon {
  margin-right: 5px;
  color: #686868 !important;
}
.md-button.tn-btn-icon {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
}
.md-button.tn-btn-icon md-icon {
  margin-right: 5px;
}
.md-button.md-icon-button.bordered_btn {
  padding: 7px;
  background: transparent;
  color: #fdde12;
}
.md-button.md-icon-button.bordered_btn md-icon {
  color: #fdde12 !important;
}
.md-button.md-fab {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0;
}
.md-button.md-fab.md-primary.bordered_btn {
  background: transparent;
  border: 1px solid #fdde12;
  color: #fdde12;
  line-height: 34px;
}
.md-button.md-fab.md-primary.bordered_btn:not([disabled]).md-focused,
.md-button.md-fab.md-primary.bordered_btn:focus,
.md-button.md-fab.md-primary.bordered_btn:hover {
  background-color: rgba(158, 158, 158, 0.2);
}
.md-button.md-fab.md-primary.bordered_btn md-icon {
  color: #fdde12 !important;
}
.md-button.md-fab md-icon {
  margin: 0;
}

.md-headline {
  margin: 0 0 32px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.25px;
}

.md-body-1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.md-body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
}

md-autocomplete.tn-req md-autocomplete-wrap md-progress-linear.md-inline {
  bottom: 21px;
}

.tn-req-rez .md-avatar {
  flex: none;
  width: 25px;
  height: 25px;
  margin-right: 8px;
  border-radius: 50%;
  box-sizing: content-box;
  display: inline-block;
  vertical-align: middle;
}

md-tabs .md-tab.md-active,
md-tabs .md-tab.md-active md-icon {
  color: #fcc805;
}

md-backdrop.md-edit-dialog-backdrop {
  z-index: 80;
}

md-edit-dialog {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  z-index: 81;
  background-color: #f9f9f9;
  border-radius: 2px;
  cursor: default;
}

md-edit-dialog > .md-content {
  padding: 16px 24px 0;
}

md-edit-dialog > .md-content .md-title {
  color: rgba(0, 0, 0, 0.87);
  margin-bottom: 8px;
}

md-edit-dialog > .md-content md-input-container {
  margin: 0;
  font-size: 13px;
}

md-edit-dialog > .md-content md-input-container input {
  float: none;
}

md-edit-dialog > .md-content md-input-container .md-errors-spacer {
  min-height: auto;
  min-width: auto;
  color: rgba(0, 0, 0, 0.54);
}

md-edit-dialog
  > .md-content
  md-input-container
  .md-errors-spacer
  .md-char-counter {
  padding: 5px 2px 5px 0;
}

md-edit-dialog > .md-content md-input-container [ng-message] {
  padding: 5px 0 5px 2px;
}

md-edit-dialog > .md-actions {
  margin: 0 16px 8px;
}

md-edit-dialog > .md-actions .md-button {
  margin: 0;
  min-width: initial;
}

md-edit-dialog > .md-actions .md-button + .md-button {
  margin-left: 8px;
}

.md-table-pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  box-sizing: border-box;
  padding: 0 24px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  border-top: 1px rgba(0, 0, 0, 0.12) solid;
}

.md-table-pagination md-select {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-width: 64px;
}

.md-table-pagination md-select:not([disabled]):focus .md-select-value {
  color: rgba(0, 0, 0, 0.54);
}

.md-table-pagination md-select .md-select-value {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.md-table-pagination md-select .md-select-value span.md-select-icon {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-right: -6px !important;
}

.md-table-pagination md-select .md-select-value span.md-select-icon:after {
  top: initial;
  -webkit-transform: scaleY(0.5) scaleX(1);
  transform: scaleY(0.5) scaleX(1);
}

.md-table-pagination > * {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
}

.md-table-pagination > .buttons:not(:first-child),
.md-table-pagination > .limit-select:not(:first-child) {
  margin-left: 32px;
}

.md-table-pagination > .buttons {
  margin-right: -16px;
}

.md-table-pagination > .buttons > .md-button.md-icon-button {
  margin: 0;
}

.md-table-pagination > .buttons > .label + .md-button.md-icon-button {
  margin-left: 20px;
}

md-select.md-table-select {
  margin: 0;
}

md-select.md-table-select > .md-select-value {
  padding: 0;
  min-width: 0;
  min-height: 24px;
  border-bottom: 0 !important;
}

md-select.md-table-select > .md-select-value > span {
  display: block;
  height: auto;
  -webkit-transform: none !important;
  transform: none !important;
}

md-select.md-table-select > .md-select-value > span > .md-text {
  display: inherit;
  height: inherit;
  -webkit-transform: inherit;
  transform: inherit;
}

md-select.md-table-select > .md-select-value > span.md-select-icon {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 24px;
  margin: 0;
}

md-select.md-table-select > .md-select-value > span.md-select-icon:after {
  top: initial;
}

.md-select-menu-container.md-table-select,
.md-select-menu-container.md-pagination-select {
  margin-left: -2px;
  border-radius: 2px;
}

.md-select-menu-container.md-table-select md-select-menu,
.md-select-menu-container.md-pagination-select md-select-menu,
.md-select-menu-container.md-table-select md-content,
.md-select-menu-container.md-pagination-select md-content {
  border-radius: inherit;
}

.md-select-menu-container.md-table-select md-content,
.md-select-menu-container.md-pagination-select md-content {
  padding: 0;
}

.md-select-menu-container.md-table-select .md-text {
  font-size: 13px;
}

.md-select-menu-container.md-pagination-select .md-text {
  font-size: 12px;
}

md-toolbar.md-table-toolbar {
  box-shadow: none;
}

md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default,
md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.87);
}

md-toolbar.md-table-toolbar.md-default-theme:not(.md-menu-toolbar).md-default
  .md-button,
md-toolbar.md-table-toolbar:not(.md-menu-toolbar).md-default .md-button {
  color: rgba(0, 0, 0, 0.87);
}

@media only screen and (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
  md-toolbar.md-table-toolbar .md-toolbar-tools {
    height: 64px;
    max-height: initial;
  }
}

md-toolbar.md-table-toolbar .md-toolbar-tools {
  padding: 0 24px;
}

md-toolbar.md-table-toolbar .md-toolbar-tools md-icon {
  color: rgba(0, 0, 0, 0.54);
}

md-toolbar.md-table-toolbar .md-toolbar-tools > .md-button.md-icon-button {
  margin: 0;
}

md-toolbar.md-table-toolbar
  .md-toolbar-tools
  > .md-button.md-icon-button:first-child {
  margin-left: -12px;
}

md-toolbar.md-table-toolbar
  .md-toolbar-tools
  > .md-button.md-icon-button:last-child {
  margin-right: -12px;
}

md-card > md-toolbar.md-table-toolbar:first-child,
md-card > md-table-container:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

md-card > md-toolbar.md-table-toolbar:last-child,
md-card > md-table-container:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

md-table-container {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

table.md-table {
  width: 100%;
  border-spacing: 0;
  overflow: hidden;
}

table.md-table thead.md-head > tr.md-row {
  height: 56px;
}

table.md-table tbody.md-body > tr.md-row,
table.md-table tfoot.md-foot > tr.md-row {
  height: 48px;
}

table.md-table thead.md-head + .md-table-progress md-progress-linear {
  top: -3px;
}

table.md-table .md-table-progress th {
  padding: 0;
}

table.md-table .md-table-progress th md-progress-linear {
  height: 0;
  transition: opacity 1s;
}

table.md-table .md-table-progress th md-progress-linear.ng-hide {
  opacity: 0;
}

table.md-table .md-table-progress th md-progress-linear > .md-container {
  height: 3px;
  top: 0;
  transition: none;
}

table.md-table
  .md-table-progress
  th
  md-progress-linear
  > .md-container
  > .md-bar {
  height: 3px;
}

table.md-table th.md-column {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}

table.md-table th.md-column.md-sort {
  cursor: pointer;
}

table.md-table th.md-column md-icon {
  height: 16px;
  width: 16px;
  font-size: 16px !important;
  line-height: 16px !important;
}

table.md-table th.md-column md-icon.md-sort-icon {
  color: rgba(0, 0, 0, 0.26);
  opacity: 0;
  transition: -webkit-transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s;
}

table.md-table th.md-column md-icon.md-sort-icon.md-asc {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

table.md-table th.md-column md-icon.md-sort-icon.md-desc {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

table.md-table th.md-column md-icon:not(:first-child) {
  margin-left: 8px;
}

table.md-table th.md-column md-icon:not(:last-child) {
  margin-right: 8px;
}

table.md-table th.md-column.md-active,
table.md-table th.md-column.md-active md-icon {
  color: rgba(0, 0, 0, 0.87);
}

table.md-table th.md-column:hover md-icon.md-sort-icon,
table.md-table th.md-column.md-active md-icon.md-sort-icon {
  opacity: 1;
}

table.md-table tr.md-row[ng\:repeat].ng-leave,
table.md-table tr.md-row[ng-repeat].ng-leave,
table.md-table tr.md-row[x-ng-repeat].ng-leave,
table.md-table tr.md-row[data-ng-repeat].ng-leave {
  display: none;
}

table.md-table.md-row-select tbody.md-body > tr.md-row {
  transition: background-color 0.2s;
}

table.md-table.md-row-select tbody.md-body > tr.md-row:not([disabled]):hover {
  background-color: #eeeeee !important;
}

table.md-table.md-row-select tbody.md-body > tr.md-row.md-selected {
  background-color: #f5f5f5;
}

table.md-table.md-row-select td.md-cell:first-child,
table.md-table.md-row-select th.md-column:first-child {
  width: 20px;
  padding: 0 0 0 24px;
}

table.md-table.md-row-select td.md-cell:nth-child(2),
table.md-table.md-row-select th.md-column:nth-child(2) {
  padding: 0 24px;
}

table.md-table.md-row-select td.md-cell:nth-child(n + 3):nth-last-child(n + 2),
table.md-table.md-row-select
  th.md-column:nth-child(n + 3):nth-last-child(n + 2) {
  padding: 0 56px 0 0;
}

table.md-table:not(.md-row-select) td.md-cell:first-child,
table.md-table:not(.md-row-select) th.md-column:first-child {
  padding: 0 24px;
}

table.md-table:not(.md-row-select)
  td.md-cell:nth-child(n + 2):nth-last-child(n + 2),
table.md-table:not(.md-row-select)
  th.md-column:nth-child(n + 2):nth-last-child(n + 2) {
  padding: 0 56px 0 0;
}

table.md-table td.md-cell,
table.md-table th.md-column {
  vertical-align: middle;
  text-align: left;
}

table.md-table td.md-cell > *,
table.md-table th.md-column > * {
  vertical-align: middle;
}

table.md-table td.md-cell:last-child,
table.md-table th.md-column:last-child {
  padding: 0 24px 0 0;
}

table.md-table td.md-cell.md-clickable,
table.md-table th.md-column.md-clickable {
  cursor: pointer;
}

table.md-table td.md-cell.md-clickable:focus,
table.md-table th.md-column.md-clickable:focus {
  outline: none;
}

table.md-table td.md-cell.md-numeric,
table.md-table th.md-column.md-numeric {
  text-align: right;
}

table.md-table td.md-cell md-checkbox,
table.md-table th.md-column md-checkbox {
  margin: 0;
  width: 20px;
}

table.md-table td.md-cell {
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
  border-top: 1px rgba(0, 0, 0, 0.12) solid;
}

table.md-table td.md-cell.md-numeric md-select {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

table.md-table td.md-cell.md-numeric md-select .md-select-value {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

table.md-table td.md-cell.md-placeholder {
  color: rgba(0, 0, 0, 0.26);
}

table.md-table td.md-cell md-select > .md-select-value > span.md-select-icon {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: rgba(0, 0, 0, 0.54);
  width: 18px;
  text-align: right;
}

table.md-table
  td.md-cell
  md-select
  > .md-select-value
  > span.md-select-icon:after {
  -webkit-transform: scaleY(0.4) scaleX(0.8);
  transform: scaleY(0.4) scaleX(0.8);
}

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div,
.tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left;
}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.content_wrapper {
  max-width: 1396px;
  padding: 0 15px;
  margin: 0 auto;
}

main.content_wrapper {
  min-height: 500px;
  padding-top: 32px;
  padding-bottom: 60px;
}

h1.main_title {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 30px;
}

h2.main_title {
  line-height: 1.3;
}

img {
  max-width: 100%;
  height: auto;
}

.clear {
  clear: both;
  display: block;
}

.nowrap {
  white-space: nowrap;
}

.image {
  display: block;
  outline: none;
  text-decoration: none;
}
.image img {
  display: block;
}

.formatted_text > *:first-child {
  margin-top: 0;
}

.formatted_text > *:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1024px) {
  .dtbl {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}

.dcl {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1024px) {
  .dcl {
    height: 100%;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
  }
}
.dcl:last-child {
  margin-bottom: 0;
  padding-right: 0;
}

.dtbl_all {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.dcl_all {
  margin: 0;
  display: table-cell;
  vertical-align: top;
  height: 100%;
}

body.md-default-theme,
body,
html.md-default-theme,
html,
main > md-content.md-default-theme,
main > md-content {
  background: #fff;
}

h1 .md-button {
  margin-left: 20px;
}

.md-button.md-48 {
  padding: 0;
  height: 48px !important;
  line-height: 48px !important;
  width: 48px !important;
}

md-icon.md-48 {
  font-size: 48px !important;
  height: 48px !important;
  width: 48px !important;
}

.live_indicator {
  text-transform: uppercase;
  color: #ff0000;
  padding-left: 30px;
  height: 30px;
  line-height: 30px;
  position: relative;
  font-size: 0.9em;
}
.live_indicator:before {
  content: "";
  background-image: url("../img/live_indicator_greenbg.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}
.live_indicator.table {
  padding-left: 0px;
  height: auto;
  line-height: 25px;
}
.live_indicator.table > a {
  text-decoration: none;
}
.live_indicator.table::before {
  content: none;
}
.live_indicator.table .live_text {
  display: block;
  position: relative;
  font-size: 15px;
  line-height: 1.5;
  color: #ff0000;
  text-decoration: none;
}
.live_indicator.table .live_text:before {
  content: "";
  background-image: url("../img/live_indicator_greenbg.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  position: relative;
  left: 0;
  top: -2px;
  width: 26px;
  height: 26px;
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.live_indicator.table .live_time,
.live_indicator.table .live_result {
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  text-transform: none;
  text-decoration: none;
}

.md-tab md-icon {
  margin-right: 0.4em;
  vertical-align: -0.25em;
}

.upload-image-block {
  margin-bottom: 44px;
}
.upload-image-block__preview img {
  display: block;
  margin-bottom: 8px;
  max-width: 200px;
  max-height: 200px;
}
.upload-image-block__button {
  margin: 10px 0 0 0;
}
.upload-image-block > div:first-child {
  margin-right: 40px;
}
@media only screen and (max-width: 600px) {
  .upload-image-block > div:first-child {
    margin-right: 20px;
  }
}
.hint {
  position: absolute;
  left: 8px;
  right: auto;
  top: 42px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: grey;
}

md-switch {
  margin: 0 0 42px;
}
md-switch + .hint {
  position: relative;
  top: auto;
  bottom: auto;
  margin-top: -42px;
  margin-bottom: 42px;
}

.profile_edit_wrapper {
  padding-top: 48px;
}

.md-bordered {
  padding: 0 10px;
  border: 1px solid #699f2f !important;
}
.md-bordered md-icon {
  vertical-align: -0.25em;
  margin-right: 0.2em;
  color: #000 !important;
}

.m-gutter-0 {
  margin: 0 !important;
}

.m-gutter-top-0 {
  margin-top: 0 !important;
}

.m-gutter-left-0 {
  margin-left: 0 !important;
}

.m-gutter-right-0 {
  margin-right: 0 !important;
}

.m-gutter-bottom-0 {
  margin-bottom: 0 !important;
}

.tn-uppercase {
  text-transform: uppercase !important;
}

md-datepicker[md-hide-icons="calendar"] {
  width: 100%;
}
md-datepicker[md-hide-icons="calendar"] .md-datepicker-input-container {
  display: block;
  width: 100%;
}
md-datepicker[md-hide-icons="calendar"]
  .md-datepicker-input-container
  .md-input {
  max-width: 100%;
}
md-datepicker[md-hide-icons="calendar"]
  .md-datepicker-input-container
  .md-datepicker-triangle-button {
  right: 5px;
}
md-datepicker[md-hide-icons="calendar"]
  .md-datepicker-input-container
  .md-datepicker-expand-triangle {
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
}

.error_container,
.info_container {
  position: relative;
  margin-bottom: 20px;
}
.error_container *,
.info_container * {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.error_container p,
.info_container p {
  margin: 0;
}
.error_container .close,
.info_container .close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0 none;
  outline: none;
}

.error_container {
  background-color: #e84855;
}
.error_container * {
  color: #fff;
}

.info_container * {
  color: #000;
}

.info_block {
  margin-bottom: 50px;
  padding: 22px;
  background: #fffbe3;
  border: 1px solid #fef5b8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.info_block + md-divider {
  margin-bottom: 50px;
}
.info_block--reg_info {
  padding: 14px 20px;
}
.info_block--reg_info label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.info_block--reg_info .value {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
}
.info_block--total {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.5px;
}

.double_col {
  margin: 0 -8px;
}
.double_col > * {
  padding: 0 8px;
}
@media only screen and (max-width: 599px) {
  .double_col > * {
    margin-bottom: 20px;
  }
}
.double_col > *:last-child {
  margin-bottom: 0;
}
.double_col > * .info_block {
  margin-bottom: 0;
}

.md-headline {
  margin: 0 0 32px 0;
}

.md-title {
  margin: 0 0 30px 0;
}

.md-subhead {
  margin: 0 0 20px 0;
}

.p-gutter-left-40 {
  padding-left: 40px !important;
}

@media only screen and (min-width: 600px) {
  .p-gutter-sm-left-40 {
    padding-left: 40px !important;
  }
}

.m-gutter-top-20 {
  margin-top: 20px !important;
}

.m-gutter-bottom-20 {
  margin-bottom: 20px !important;
}

.m-gutter-top-30 {
  margin-top: 30px !important;
}

.m-gutter-bottom-30 {
  margin-bottom: 30px !important;
}

.m-gutter-top-40 {
  margin-top: 40px !important;
}

.m-gutter-bottom-40 {
  margin-bottom: 40px !important;
}

.m-gutter-top-50 {
  margin-top: 50px !important;
}

.m-gutter-bottom-50 {
  margin-bottom: 50px !important;
}

.m-gutter-bottom-60 {
  margin-bottom: 60px !important;
}

.m-gutter-top-60 {
  margin-top: 60px !important;
}

.m0 {
  margin: 0 !important;
}

.p-gutter-top-10 {
  padding-top: 10px !important;
}

.p-gutter-bottom-10 {
  padding-bottom: 10px !important;
}

.p-gutter-top-20 {
  padding-top: 20px !important;
}

.p-gutter-bottom-20 {
  padding-bottom: 20px !important;
}

.p-gutter-top-30 {
  padding-top: 30px !important;
}

.p-gutter-bottom-30 {
  padding-bottom: 30px !important;
}

.p-gutter-top-40 {
  padding-top: 40px !important;
}

.p-gutter-bottom-40 {
  padding-bottom: 40px !important;
}

.p-gutter-top-50 {
  padding-top: 50px !important;
}

.p-gutter-bottom-50 {
  padding-bottom: 50px !important;
}

.p-gutter-bottom-60 {
  padding-bottom: 60px !important;
}

.p-gutter-top-60 {
  padding-top: 60px !important;
}

.p0 {
  padding: 0 !important;
}

.scrollable_table {
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

.text_color--black {
  color: #000;
}

.cont {
  width: 100%;
  padding-top: 32px;
  padding-bottom: 60px;
}

.md-card-image-link {
  display: block;
  border: 0 none;
  text-decoration: none;
  outline: none;
}
.md-card-image-link .md-card-image {
  display: block;
  width: 100%;
}

.tn-filters {
  margin-bottom: 52px;
  border-top: 1px solid #cfd8dc;
}
.tn-filters.guides-filters {
  padding-top: 10px;
}
.tn-filters.guides-filters .guides-filters__fields {
  width: 100%;
}
.tn-filters.guides-filters .guides-filters__fields md-input-container {
  max-width: 25%;
  flex: 0 0 25%;
}
@media only screen and (max-width: 960px) {
  .tn-filters.guides-filters .guides-filters__fields md-input-container {
    max-width: 50%;
    flex: 0 0 50%;
    margin-left: 0 !important;
  }
  .tn-filters.guides-filters
    .guides-filters__fields
    md-input-container:first-child {
    padding-right: 20px;
  }
}
.tn-filters.tournaments {
  padding-bottom: 30px;
  width: 100%;
}
.tn-filters.tournaments .filters-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  margin: 0 -12px;
  flex: 1;
}
.tn-filters.tournaments .filters-holder .tn-filters__row {
  padding: 16px 12px 0 12px;
}
@media only screen and (max-width: 960px) {
  .tn-filters.tournaments .tn-filters__row {
    width: 50%;
  }
  .tn-filters.tournaments .tn-filters__row .tn-filters__multiselect,
  .tn-filters.tournaments .tn-filters__row md-input-container {
    width: 100%;
  }
  .tn-filters.tournaments md-select {
    min-width: auto;
  }
}
.tn-filters.in-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #cfd8dc;
}
.tn-filters.in-row > div {
  margin-right: 20px;
}
.tn-filters__row {
  padding: 16px 0 0;
  border: 0 none;
  border-bottom: 1px solid #cfd8dc;
}
.tn-filters__row.no-border {
  border-bottom: none;
}
.tn-filters__column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px 0;
}
.tn-filters__label {
  min-width: 100px;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 599px) {
  .tn-filters__label {
    margin-bottom: 12px;
    font-size: 16px;
  }
}
.tn-filters__selects md-checkbox {
  margin-right: 26px;
}
@media only screen and (min-width: 960px) {
  .tn-filters__selects md-checkbox .md-label {
    font-size: 16px;
  }
}
.tn-filters__multiselect md-select {
  min-width: 250px;
}

.multiselect-holder {
  margin-top: 45px;
}
.multiselect-holder .header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.multiselect-holder .multiselect-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 16px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  width: auto;
}
.multiselect-holder md-content._md {
  max-height: 240px;
}

@media only screen and (min-width: 768px) {
  .tn-dialog-w700:not(.md-dialog-fullscreen) {
    max-width: 700px;
  }
}

@media only screen and (min-width: 960px) {
  .tn-dialog-w700.md-dialog-fullscreen {
    max-width: 700px;
  }
}

.tn-dialog-w700 .md-dialog-content {
  min-width: 0;
}

.tn-dialog-w700 md-datepicker {
  display: block;
}

@media (max-width: 1279px) and (min-width: 960px) {
  .layout-gt-sm-row:not(.layout-md-column)
    > .md-auto-horizontal-margin:not(:first-child),
  .layout-gt-xs-row:not(.layout-gt-sm-column):not(.layout-md-column)
    > .md-auto-horizontal-margin:not(:first-child),
  .layout-md-row:not(.layout-md-column)
    > .md-auto-horizontal-margin:not(:first-child),
  .layout-row:not(.layout-gt-xs-column):not(.layout-gt-sm-column):not(
      .layout-md-column
    )
    > .md-auto-horizontal-margin:not(:first-child) {
    margin-left: 16px;
  }
}

.tn-input-explainer {
  margin: 0;
  color: #aaa;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

md-dialog md-dialog-actions {
  padding: 0 24px;
}
md-dialog md-dialog-actions .md-button {
  margin-left: 20px;
  margin-bottom: 20px;
}

.menu-item-badge {
  display: inline-block;
  margin-left: 4px;
  min-width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  color: #063851;
  background-color: #fdde12;
}

.tn-image {
  display: block;
  text-decoration: none !important;
  outline: none;
}
.tn-image img {
  display: block;
}

.tn-chips {
  display: block;
  font-size: 0;
}
.tn-chips__item {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  margin-right: 6px;
  padding: 0 7px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.25px;
  overflow: hidden;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
}
.tn-chips__item--open {
  border: 1px solid #b7b7b7;
  color: #909090;
  line-height: 16px;
}
.tn-chips__item--indoor {
  background: #a5a5a5;
}
.tn-chips__item--acrylic {
  background: #0007aa;
}
.tn-chips__item--asphalt {
  background: #37474f;
}
.tn-chips__item--syntetic {
  background: #009c5b;
}
.tn-chips__item--clay {
  background: #bc5a00;
}
.tn-chips__item--rubber {
  background: #000000;
}
.tn-chips__item--carpet {
  background: #0085ff;
}
.tn-chips__item--wood {
  background: #662b00;
}
.tn-chips__item--plastic {
  background: #00b5b5;
}

.tn-btn-icon {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.tn-btn-icon md-icon {
  margin-right: 5px;
}

md-list.user-list md-list-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
md-list.user-list md-list-item .md-avatar-icon {
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  border: 2px solid #b0bec5;
  color: #b0bec5;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  box-sizing: border-box;
}
md-list.user-list md-list-item:last-child {
  border-bottom: 0 none;
}

@media only screen and (max-width: 959px) {
  .md-headline {
    font-size: 20px;
    line-height: 24px;
  }
}

@media only screen and (min-width: 960px) {
  .layout-gt-sm-row > md-input-container:not(:first-child) {
    margin-left: 16px;
  }
  .layout-gt-sm-row > .md-block:not(:first-child) {
    margin-left: 16px;
  }
}

.tn-actions .md-button.btn--flat:first-child {
  margin-left: -14px;
}

.tn-hero {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 312px;
  padding: 30px 0 32px;
  background: #063851;
}
.tn-hero * {
  color: #fff;
}
.tn-hero__col + .tn-hero__col {
  margin-top: 22px;
}
@media only screen and (min-width: 960px) {
  .tn-hero__col + .tn-hero__col {
    margin: 0;
    padding-left: 25px;
  }
}
.tn-hero__col > * + * {
  margin-top: 42px;
}
@media only screen and (min-width: 960px) {
  .tn-hero__col > * + * {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 960px) {
  .tn-hero__col.col-left {
    -webkit-box-flex: 0 0 430px;
    -moz-box-flex: 0 0 430px;
    -webkit-flex: 0 0 430px;
    -ms-flex: 0 0 430px;
    flex: 0 0 430px;
    max-width: 430px;
  }
}
@media only screen and (min-width: 1280px) {
  .tn-hero__col.col-left {
    -webkit-box-flex: 0 0 500px;
    -moz-box-flex: 0 0 500px;
    -webkit-flex: 0 0 500px;
    -ms-flex: 0 0 500px;
    flex: 0 0 500px;
    max-width: 500px;
  }
}
.tn-hero-profile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.tn-hero-profile__back {
  -webkit-box-flex: 0 0 30px;
  -moz-box-flex: 0 0 30px;
  -webkit-flex: 0 0 30px;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  max-width: 30px;
  padding-top: 12px;
}
@media only screen and (min-width: 400px) {
  .tn-hero-profile__back {
    -webkit-box-flex: 0 0 48px;
    -moz-box-flex: 0 0 48px;
    -webkit-flex: 0 0 48px;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    max-width: 48px;
    padding-top: 16px;
  }
}
.tn-hero-profile__back .md-button {
  margin: 0;
}
@media only screen and (max-width: 399px) {
  .tn-hero-profile__back .md-button.md-48 {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px;
    line-height: 24px !important;
  }
  .tn-hero-profile__back .md-button.md-48 md-icon {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
}
@media only screen and (min-width: 600px) {
  .tn-hero-profile__back + .tn-hero-profile__image {
    -webkit-box-flex: 0 0 120px;
    -moz-box-flex: 0 0 120px;
    -webkit-flex: 0 0 120px;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
  }
}
@media only screen and (min-width: 600px) {
  .tn-hero-profile__back + .tn-hero-profile__image .image {
    margin: 0 0 0 10px;
  }
}
.tn-hero-profile__image {
  -webkit-box-flex: 0 0 58px;
  -moz-box-flex: 0 0 58px;
  -webkit-flex: 0 0 58px;
  -ms-flex: 0 0 58px;
  flex: 0 0 58px;
  max-width: 58px;
}
@media only screen and (min-width: 400px) {
  .tn-hero-profile__image {
    -webkit-box-flex: 0 0 96px;
    -moz-box-flex: 0 0 96px;
    -webkit-flex: 0 0 96px;
    -ms-flex: 0 0 96px;
    flex: 0 0 96px;
    max-width: 96px;
  }
}
@media only screen and (min-width: 600px) {
  .tn-hero-profile__image {
    -webkit-box-flex: 0 0 176px;
    -moz-box-flex: 0 0 176px;
    -webkit-flex: 0 0 176px;
    -ms-flex: 0 0 176px;
    flex: 0 0 176px;
    max-width: 176px;
  }
}
.tn-hero-profile__image .image {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  width: 48px;
  height: 48px;
  border: 2px solid #fff;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media only screen and (min-width: 400px) {
  .tn-hero-profile__image .image {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (min-width: 600px) {
  .tn-hero-profile__image .image {
    margin: 0 auto;
  }
}
.tn-hero-profile__image .image img {
  display: block;
  width: 100%;
  height: 100%;
}
.tn-hero-profile__image .image md-icon {
  display: block;
  color: #fff;
  font-size: 32px !important;
  height: 32px !important;
  width: 32px !important;
}
@media only screen and (min-width: 400px) {
  .tn-hero-profile__image .image md-icon {
    font-size: 48px !important;
    height: 48px !important;
    width: 48px !important;
  }
}
.tn-hero-profile__info {
  position: relative;
  top: -2px;
}
.tn-hero-profile__info .name {
  margin: 0;
  font-weight: normal;
  line-height: 1.1;
}
.tn-hero-profile__info .action {
  margin-top: 2px;
  margin-left: -14px;
}
.tn-hero-profile__info .action * {
  margin: 0;
}
.tn-hero-profile__info .action .md-primary {
  color: #fdde12 !important;
}
.tn-hero-profile__actions {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 16px;
  padding-top: 4px;
}
@media only screen and (min-width: 400px) {
  .tn-hero-profile__actions {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .tn-hero-profile__actions {
    margin-left: 40px;
  }
}
.tn-hero-profile__actions .md-fab {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  margin: 0;
}
.tn-hero-profile__actions .md-fab md-icon {
  font-size: 24px;
}
.tn-hero-profile + .tn-hero-stats {
  margin-top: 14px;
}
@media only screen and (max-width: 959px) {
  .tn-hero-profile + .tn-hero-stats {
    margin-top: 22px;
  }
}
.tn-hero-stats__head,
.tn-hero-trnmts__head {
  padding-left: 4px;
  padding-bottom: 8px;
  border-bottom: 1px solid #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.tn-hero-stats__head + .tn-hero-stats__body {
  margin-top: 16px;
}

.tn-hero-stats__body .item {
  padding: 0 45px;
}
.tn-hero-stats__body .item:first-child {
  padding-left: 0;
}
.tn-hero-stats__body .item:last-child {
  padding-right: 0;
}

.tn-hero-stats__body .value {
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
}

.tn-hero-matches > * + * {
  margin-top: 12px;
}
@media only screen and (min-width: 1280px) {
  .tn-hero-matches > * + * {
    margin: 0;
    padding-left: 20px;
  }
}
.tn-hero-matches .md-button {
  margin: 0;
}

.tn-hero-matches .total {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  max-width: 260px;
  min-height: 38px;
  padding: 0px 6px;
  background-color: #fdde12;
  color: #fff;
  border-radius: 2px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.75px;
  margin: 0;
}
@media only screen and (max-width: 1279px) {
  .tn-hero-matches .total {
    margin: 0 auto;
  }
}
.tn-hero-matches .total .num {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 0 0 24px;
  -moz-box-flex: 0 0 24px;
  -webkit-flex: 0 0 24px;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  max-width: 24px;
  height: 24px;
  margin-right: 10px;
  background: #fff;
  border-radius: 50%;
  color: #fdde12;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.25px;
}
.tn-hero-matches .total:not([disabled]):hover {
  color: #fdde12;
}
.tn-hero-matches .total:not([disabled]):hover .num {
  background: #fdde12;
  color: #fff;
}

@media only screen and (max-width: 1279px) {
  .tn-hero-matches .time {
    text-align: center;
  }
}

.tn-hero-trnmts__head + .tn-hero-trnmts__body {
  margin-top: 6px;
}

.tn-hero-trnmts__body {
  margin: 0 -5px;
}
.tn-hero-trnmts__body .item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-top: 10px;
  padding: 0 5px;
}

.tn-hero-trnmt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: relative;
  width: 100%;
  padding: 9px 40px 9px 17px;
  border: 1px solid #607d8b;
  border-radius: 3px;
  text-decoration: none !important;
  cursor: pointer;
  -webkit-transition: background 150ms ease-in-out;
  -moz-transition: background 150ms ease-in-out;
  -o-transition: background 150ms ease-in-out;
  -ms-transition: background 150ms ease-in-out;
  transition: background 150ms ease-in-out;
}
.tn-hero-trnmt * {
  color: #fff;
}
.tn-hero-trnmt .division {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.5px;
}
.tn-hero-trnmt md-icon {
  position: absolute;
  top: 50%;
  right: 4px;
  height: 32px;
  width: 32px;
  min-height: 32px;
  min-width: 32px;
  font-size: 32px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.tn-hero-trnmt:not(.show-all) {
  background: #455a64;
}
.tn-hero-trnmt.show-all {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 68px;
}
.tn-hero-trnmt.show-all .text {
  color: #fdde12;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.75px;
}
.tn-hero-trnmt.show-all md-icon {
  color: #fdde12;
}
.tn-hero-trnmt.empty {
  min-height: 68px;
  padding-left: 60px;
  padding-right: 20px;
}
.tn-hero-trnmt.empty md-icon {
  left: 18px;
  right: auto;
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
  font-size: 24px;
  color: #fad879;
}
.tn-hero-trnmt:hover {
  background: #607d8b;
}

.dialog-hero-torunaments {
  max-width: 450px;
}
@media only screen and (min-width: 960px) {
  .dialog-hero-torunaments .md-dialog-content {
    min-width: 450px;
  }
}
.dialog-hero-torunaments .tn-hero-trnmts .item {
  margin-top: 7px;
}
.dialog-hero-torunaments .tn-hero-trnmts .item:first-child {
  margin-top: 0;
}

.tn-txtimg__image {
  -webkit-box-flex: 0 0 160px;
  -moz-box-flex: 0 0 160px;
  -webkit-flex: 0 0 160px;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  max-width: 160px;
  margin-right: 32px;
}
@media only screen and (max-width: 599px) {
  .tn-txtimg__image {
    margin-bottom: 20px;
  }
}
.tn-trophies {
  margin-top: 45px;
  padding: 16px;
  border-left: 8px solid #fdde12;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
@media only screen and (min-width: 600px) {
  .tn-trophies {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 500px;
    padding: 12px 0 12px 16px;
  }
}
.tn-trophies__text {
  margin: 0 0 12px 0;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  text-transform: uppercase;
}
@media only screen and (min-width: 600px) {
  .tn-trophies__text {
    max-width: 80px;
    margin: 0 40px 0 0;
  }
}
.tn-trophies__list-item {
  -webkit-box-flex: 0 0 19%;
  -moz-box-flex: 0 0 19%;
  -webkit-flex: 0 0 19%;
  -ms-flex: 0 0 19%;
  flex: 0 0 19%;
  max-width: 19%;
  margin: 0 0.5%;
}
@media only screen and (min-width: 600px) {
  .tn-trophies__list-item {
    -webkit-box-flex: 0 0 62px;
    -moz-box-flex: 0 0 62px;
    -webkit-flex: 0 0 62px;
    -ms-flex: 0 0 62px;
    flex: 0 0 62px;
    max-width: 62px;
    margin: 0 6px 0 0;
  }
}
.tn-trophies__list-item > div {
  position: relative;
  padding-bottom: 100%;
  background: #eceff1;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (min-width: 600px) {
  .tn-trophies__list-item > div {
    width: 62px;
    height: 62px;
  }
}
.tn-trophies__list-item > div.num {
  color: #fdde12;
  font-size: 18px;
  line-height: 21px;
}
.tn-trophies__list-item > div * {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

md-input-container .hint-below {
  color: rgba(0, 0, 0, 0.38);
  font-size: 13px;
}

.hide-on-desktop {
  display: none;
}
@media only screen and (max-width: 600px) {
  .hide-on-desktop {
    display: block;
  }
}
ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
}

.nav_bg {
  /*	.dtbl_all{
			.dcl_all{
				&:last-child{
					text-align: right;
					width: 105px;
					
					@include max(599){
						width: 100px;
					}
					@include max(479){
						width: 70px;
					}
				}
			}
		}
		
		.dtbl_all{
			height: 48px;
		}
		
		.dcl_all{
			vertical-align: middle;
		}*/
}
.nav_bg .md-toolbar-tools {
  max-height: 68px;
  height: 68px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 599px) {
  .nav_bg .content_wrapper {
    padding-right: 5px;
  }
}
.nav_bg .header_logo {
  color: #fff;
  filter: none;
  font-size: 20px;
  letter-spacing: 0.15px;
  text-transform: uppercase;
}
.nav_bg .search_btn {
  font-size: 30px;
}
.nav_bg .notification_btn {
  font-size: 30px;
}
.nav_bg md-icon {
  font-size: 32px;
  width: 32px;
  height: 32px;
  color: #fff;
}
.nav_bg .md-button.md-icon-button {
  width: 48px;
  height: 48px;
  margin: 0;
}
.nav_bg .md-button.burger_btn {
  margin-left: -3px;
}
@media only screen and (min-width: 480px) {
  .nav_bg .md-button.burger_btn {
    margin-left: -11px;
  }
}
@media only screen and (min-width: 1400px) {
  .nav_bg .md-button.burger_btn {
    margin-left: -18px;
  }
}
.nav_bg .md-button.burger_btn + .header_logo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 6px;
}
.nav_bg .md-button.burger_btn + .header_logo .header-logo-icon {
  width: 150px;
  fill: #fff;
}
@media only screen and (max-width: 479px) {
  .nav_bg .md-button.md-icon-button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    width: 32px;
    height: 32px;
    min-height: 32px;
  }
  .nav_bg .md-button md-icon {
    font-size: 28px;
    width: auto;
    height: auto;
  }
  .nav_bg .md-button.burger_btn md-icon {
    font-size: 32px;
  }
}
.md-sidenav-left {
  background: #fdde12;
  padding: 120px 0px 20px 0;
  overflow: visible;
}
.md-sidenav-left * {
  color: #063851;
}
.md-sidenav-left .menu_decorations {
  position: relative;
}
.md-sidenav-left .menu_decorations img {
  opacity: 0.2;
  position: absolute;
  display: block;
  width: 120px;
  height: 120px;
  pointer-events: none;
}
.md-sidenav-left .menu_decorations img:nth-child(1) {
  left: -40px;
  top: -60px;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
.md-sidenav-left .menu_decorations img:nth-child(2) {
  left: 70px;
  top: -120px;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
  width: 70px;
  height: 70px;
}
.md-sidenav-left .menu_decorations img:nth-child(3) {
  left: 130px;
  top: -60px;
  -webkit-transform: rotate(80deg);
  -moz-transform: rotate(80deg);
  -ms-transform: rotate(80deg);
  -o-transform: rotate(80deg);
  transform: rotate(80deg);
  width: 90px;
  height: 90px;
}
.md-sidenav-left h2 {
  text-transform: uppercase;
  margin: 0 0 30px;
  font-size: 18px;
  padding-left: 20px;
}
.md-sidenav-left ul,
.md-sidenav-left li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: none;
}
.md-sidenav-left nav {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.md-sidenav-left nav > ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.md-sidenav-left nav > ul > li a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  display: block;
  padding: 12px 20px;
}
.md-sidenav-left nav > ul > li a:hover,
.md-sidenav-left nav > ul > li a.menu-inpath,
.md-sidenav-left nav > ul > li a.menu-active {
  text-decoration: underline;
}
.md-sidenav-left nav > ul > li ul {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.md-sidenav-left nav > ul > li ul li {
  padding-left: 20px;
}
.md-sidenav-left .close_menu {
  position: absolute;
  right: 2px;
  top: 7px;
  cursor: pointer;
  z-index: 1;
}

md-backdrop.md-opaque {
  opacity: 0.7;
}

.important_alert {
  background: #e1e7ea;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  padding: 10px 0 14px 0;
  display: none;
}
.important_alert .content_wrapper {
  position: relative;
  padding-left: 32px;
  padding-right: 42px;
  font-size: 13px;
  color: #063851;
  min-height: 30px;
}
.important_alert .content_wrapper:before {
  content: "";
  background-image: url("../img/jumping_ball.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
}
.important_alert .content_wrapper md-icon {
  color: #063851;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -12px;
}
.important_alert .md-button {
  position: absolute;
  right: 0px;
  top: -9px;
  margin: 0;
}
.important_alert .md-button md-icon {
  color: #063851;
}

.md-button.loggedin_btn {
  position: relative;
  min-width: 0;
  background: #fdde12;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #063851;
  font-size: 14px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media only screen and (max-width: 599px) {
  .md-button.loggedin_btn {
    padding: 0;
  }
}
@media only screen and (min-width: 600px) {
  .md-button.loggedin_btn {
    padding-left: 50px;
  }
}
.md-button.loggedin_btn:hover {
  background: #fde021;
}
.md-button.loggedin_btn .image_cont {
  display: block;
  width: 36px;
  height: 36px;
  background: #fff;
  border: 2px solid #fff;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media only screen and (min-width: 600px) {
  .md-button.loggedin_btn .image_cont {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.md-button.loggedin_btn .image_cont img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.md-button.loggedin_btn .image_cont span {
  display: block;
  background: #273139;
  line-height: 34px;
  color: #fdde12;
}
.md-button.loggedin_btn md-icon {
  vertical-align: -11px;
}

.sidenav-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 30px 0;
}
.sidenav-title > h2 {
  margin-bottom: 0;
}

.language-holder-header,
.language-holder-sidemenu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  padding: 0 5px;
}
.language-holder-header a,
.language-holder-sidemenu a {
  text-transform: uppercase;
  color: #063851;
  position: relative;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  padding: 0 10px;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
.language-holder-header a:after,
.language-holder-sidemenu a:after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  right: -1px;
}
.language-holder-header a:not(.current):hover,
.language-holder-sidemenu a:not(.current):hover {
  color: #fff;
}
.language-holder-header a:last-child:after,
.language-holder-sidemenu a:last-child:after {
  content: none;
}
.language-holder-header a.current,
.language-holder-sidemenu a.current {
  color: #fff;
}

@media only screen and (max-width: 960px) {
  .language-holder-header {
    display: none;
  }
}

footer {
  background: #ededed;
  padding: 25px 0;
  color: #999;
  text-align: center;
}
footer nav ul {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
footer nav li {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin: 0 16px 10px;
  background: none;
}
footer nav li:before {
  display: none;
}
footer nav a {
  display: block;
  color: #063851;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  text-decoration: none;
}
footer nav a:hover {
  text-decoration: underline;
}
footer nav + .copyright_text {
  margin-top: 10px;
}
footer .social-link-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 25px 0 15px 0;
}
footer .social-link-block > a {
  text-decoration: none;
  color: #455a64;
  margin: 0 12px 10px 12px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}
footer .social-link-block > a md-icon {
  transition: all 0.2s ease-in-out;
  color: #455a64;
}
footer .social-link-block > a > span {
  margin: 2px 0 0 8px;
  display: inline-block;
}
footer .social-link-block > a:hover {
  opacity: 0.9;
  transition: all 0.2s ease-in-out;
}
footer .social-link-block > a:hover md-icon {
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}

.cookies_block {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 90%;
  background: #fff;
  display: none;
  padding: 20px 20px 22px 18px;
  z-index: 9999;
}
@media only screen and (min-width: 500px) {
  .cookies_block {
    width: 354px;
    padding: 22px 20px 22px 22px;
  }
}
.cookies_block .cookie_text {
  margin: 0 0 10px;
}
.cookies_block p {
  margin: 0;
  line-height: 1.2;
  color: #000;
}
.cookies_block .md-button {
  margin-left: 0px;
}
.cookies_block a.link_to_terms {
  color: #fcc805;
  text-decoration: none;
}
.cookies_block a.link_to_terms:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 992px) {
  .cont {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
}

@media only screen and (min-width: 992px) {
  .content--has-sb-r {
    flex: 1 1 calc(100% - 240px);
    max-width: calc(100% - 240px);
  }
}

@media only screen and (max-width: 991px) {
  .sidebar {
    margin-top: 48px;
    border-top: 1px solid #b0bec5;
  }
}

@media only screen and (min-width: 992px) {
  .sidebar {
    flex: 0 0 240px;
    max-width: 240px;
  }
}

@media only screen and (min-width: 992px) {
  .sidebar--right {
    margin: 0 0 0 15px;
  }
}

.banners {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .banners {
    max-width: 320px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banners {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 672px;
    margin: 0 auto;
  }
  .banners .banners__item {
    -webkit-box-flex: 0 0 336px;
    -moz-box-flex: 0 0 336px;
    -webkit-flex: 0 0 336px;
    -ms-flex: 0 0 336px;
    flex: 0 0 336px;
    max-width: 336px;
    padding: 0 8px;
  }
  .banners .banners__item:nth-child(-n + 2) {
    margin-top: 0;
  }
  .banners .banners__headline + .banners__item + .banners__item {
    margin-top: 0;
  }
}
.banners__headline {
  width: 100%;
  color: #778899;
  font-size: 9px;
  line-height: 11px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .banners__headline {
    margin: 12px 0 10px;
  }
}
@media only screen and (min-width: 992px) {
  .banners__headline {
    position: absolute;
    top: -15px;
    right: 0;
    text-align: right;
  }
}
.banners__headline + .banners__item {
  margin-top: 0;
}
.banners__item {
  display: block;
  max-width: 320px;
  margin-top: 15px;
}
@media only screen and (min-width: 992px) {
  .banners__item {
    max-width: 240px;
    margin-top: 30px;
  }
}
.banners__item:first-child {
  margin-top: 0;
}
.banners .banner {
  border: 1px solid #000000;
}

.banner {
  display: block;
  text-decoration: none !important;
  outline: none;
  overflow: hidden;
}
.banner img {
  display: block;
  width: 100%;
}
.banner iframe {
  display: block;
  border: 0 none;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .banner .desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .banner .mobile {
    display: none !important;
  }
}
.pager {
  margin-top: 32px;
  font-size: 0;
  text-align: center;
}
.pager a:not(.md-button) {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
  padding: 0 4px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.pager a:not(.md-button):hover {
  color: #000;
}
.pager a:not(.md-button).current {
  color: #fdde12;
}
.pager .md-button {
  display: inline-block;
  vertical-align: top;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
}
.pager .md-button span {
  display: block;
  color: inherit;
}
.pager .md-button.fow {
  margin-left: 6px;
}
.pager .md-button.bck {
  margin-right: 6px;
}
.pager .md-button.dis {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.2);
}

.tournament_bg {
  flex: 0 0 auto;
  height: 350px;
  background-size: cover;
  background-position: top -392px center;
  position: relative;
  background-repeat: no-repeat;
  padding: 38px 0 0;
  overflow: hidden;
}
@media only screen and (max-width: 600px) {
  .tournament_bg {
    height: 300px;
  }
}
@media only screen and (max-width: 1400px) {
  .tournament_bg {
    background-position: top -250px center;
  }
}
@media only screen and (max-width: 800px) {
  .tournament_bg {
    background-position: center center;
  }
}
@media only screen and (max-width: 600px) {
  .tournament_bg {
    padding-top: 0px;
  }
}
.tournament_bg:before,
.tournament_bg:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#273139+0,273139+100&1+0,0+100 */
  background: -moz-linear-gradient(left, #273139 0%, rgba(39, 49, 57, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #273139 0%,
    rgba(39, 49, 57, 0) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #273139 0%, rgba(39, 49, 57, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273139', endColorstr='#00273139',GradientType=1 );
  /* IE6-9 */
}
@media only screen and (min-width: 1400px) {
  .tournament_bg:before,
  .tournament_bg:after {
    width: 400px;
  }
}
@media only screen and (min-width: 1500px) {
  .tournament_bg:before,
  .tournament_bg:after {
    width: 500px;
  }
}
@media only screen and (min-width: 1600px) {
  .tournament_bg:before,
  .tournament_bg:after {
    width: 600px;
  }
}
@media only screen and (min-width: 1700px) {
  .tournament_bg:before,
  .tournament_bg:after {
    width: 700px;
  }
}
@media only screen and (min-width: 1800px) {
  .tournament_bg:before,
  .tournament_bg:after {
    width: 800px;
  }
}
@media only screen and (min-width: 2200px) {
  .tournament_bg:before,
  .tournament_bg:after {
    width: 900px;
  }
}
@media only screen and (max-width: 600px) {
  .tournament_bg:before,
  .tournament_bg:after {
    display: none;
  }
}
.tournament_bg:after {
  left: auto;
  right: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#273139+0,273139+100&0+0,1+100 */
  background: -moz-linear-gradient(left, rgba(39, 49, 57, 0) 0%, #273139 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(39, 49, 57, 0) 0%,
    #273139 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(39, 49, 57, 0) 0%, #273139 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00273139', endColorstr='#273139',GradientType=1 );
  /* IE6-9 */
}
.tournament_bg .content_wrapper {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 600px) {
  .tournament_bg .content_wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #063851;
    z-index: 2;
  }
}
.tournament_bg .content_wrapper,
.tournament_bg .dtbl,
.tournament_bg .dcl {
  height: 100%;
}
@media only screen and (min-width: 600px) {
  .tournament_bg .dtbl {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .tournament_bg .dtbl .dcl {
    display: table-cell;
    vertical-align: top;
  }
}
.tournament_bg .dcl {
  vertical-align: top;
  overflow: hidden;
}
@media only screen and (min-width: 600px) {
  .tournament_bg .dcl:last-child {
    width: 40%;
    text-align: right;
  }
}
.tournament_bg .dcl:last-child img {
  max-width: 327px;
}
@media only screen and (max-width: 800px) {
  .tournament_bg .dcl:last-child img {
    max-width: 200px;
  }
}
@media only screen and (max-width: 600px) {
  .tournament_bg .dcl:last-child img {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .tournament_bg .dcl:last-child {
    position: absolute;
    bottom: 45px;
    left: 0px;
    width: 100%;
    z-index: 3;
    text-align: center;
    padding-top: 10px;
  }
  .tournament_bg .dcl:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#273139+0,273139+100&0.11+0,0.65+35,1+100 */
    background: -moz-linear-gradient(
      top,
      rgba(39, 49, 57, 0.11) 0%,
      rgba(39, 49, 57, 0.65) 35%,
      #273139 100%
    );
    /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      rgba(39, 49, 57, 0.11) 0%,
      rgba(39, 49, 57, 0.65) 35%,
      #273139 100%
    );
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      rgba(39, 49, 57, 0.11) 0%,
      rgba(39, 49, 57, 0.65) 35%,
      #273139 100%
    );
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c273139', endColorstr='#273139',GradientType=0 );
    /* IE6-9 */
    opacity: 0.8;
    z-index: 2;
  }
}
@media only screen and (max-width: 600px) {
  .tournament_bg .dcl:nth-child(1) {
    position: relative;
    z-index: 4;
    padding-top: 60px;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
  }
  .tournament_bg .dcl:nth-child(1) .info_wrapper {
    display: table-cell;
    vertical-align: bottom;
    height: 100%;
    padding-bottom: 59px;
  }
  .tournament_bg .dcl:nth-child(1) h2 {
    font-size: 30px;
    margin: 0 0 15px;
  }
  .tournament_bg .dcl:nth-child(1) h3 {
    font-size: 14px;
    margin: 0 0 5px;
  }
  .tournament_bg .dcl:nth-child(1) .date {
    display: none;
  }
}
.tournament_bg * {
  color: #fff;
}
.tournament_bg h3 {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0 0 5px;
}
.tournament_bg h2 {
  font-size: 38px;
  font-weight: 500;
  margin: 0 0 40px;
  line-height: 1;
}
.tournament_bg .date {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  max-width: 300px;
  padding: 10px 0;
  font-weight: 700;
}
.tournament_bg md-nav-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #063851;
  overflow-y: auto;
  z-index: 7;
}
.tournament_bg .md-nav-item {
  position: relative;
  margin-left: 4px;
}
.tournament_bg .md-nav-item:first-child {
  margin-left: 8px;
}
.tournament_bg .md-nav-bar {
  border: 0;
  position: relative;
  z-index: 2;
  max-width: 1396px;
  margin: 0 auto;
}
.tournament_bg .md-nav-bar ._md-nav-button {
  position: static;
  margin: 0;
}
.tournament_bg .md-nav-bar ._md-nav-button ._md-nav-button-text {
  color: #b0bec5;
}
.tournament_bg .md-nav-bar ._md-nav-button:after {
  content: "";
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}
.tournament_bg .md-nav-bar ._md-nav-button.md-active ._md-nav-button-text {
  color: #fff;
}
.tournament_bg .md-nav-bar ._md-nav-button.md-active:after {
  opacity: 1;
}
.tournament_bg .md-button._md-nav-button {
  min-width: 110px;
  padding-left: 7px;
  padding-right: 7px;
}
@media only screen and (max-width: 400px) {
  .tournament_bg .md-button._md-nav-button {
    min-width: 97px;
  }
}
.tournament_bg md-nav-ink-bar {
  height: 3px;
  background: #fff !important;
}
.tournament_bg.inner_header {
  background: #063851;
  padding-top: 0px;
  height: 180px;
}
.tournament_bg.inner_header:before,
.tournament_bg.inner_header:after {
  content: none;
}
.tournament_bg.inner_header .content_wrapper {
  padding-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .tournament_bg.inner_header .content_wrapper {
    padding-bottom: 25px;
  }
}
.tournament_bg.inner_header .content_wrapper:before {
  display: none;
}
@media only screen and (max-width: 600px) {
  .tournament_bg.inner_header {
    padding-top: 15px;
    height: 146px;
  }
}
.tournament_bg.inner_header h4 {
  margin: 0 0 5px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.9em;
}
.tournament_bg.inner_header h4 + md-select {
  margin-top: 5px;
  margin-bottom: 5px;
}
.tournament_bg.inner_header .md-icon-button {
  margin-left: 0;
}
.tournament_bg.inner_header .dtbl_all {
  height: 100%;
}
.tournament_bg.inner_header .dtbl_all .dcl_all {
  vertical-align: middle;
  height: 100%;
  padding-bottom: 30px;
}
.tournament_bg.inner_header .dtbl_all .dcl_all:first-child {
  width: 50px;
}
@media only screen and (max-width: 600px) {
  .tournament_bg.inner_header .dtbl_all .dcl_all:first-child {
    width: 27px;
  }
  .tournament_bg.inner_header .dtbl_all .dcl_all:first-child .md-button {
    margin-left: -15px;
  }
}
.tournament_bg.inner_header .dtbl_all .dcl_all:nth-child(2) {
  width: 180px;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 600px) {
  .tournament_bg.inner_header .dtbl_all .dcl_all:nth-child(2) {
    width: 110px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.tournament_bg.inner_header .dtbl_all .dcl_all:last-child {
  width: auto;
  text-align: left;
}
.tournament_bg.inner_header md-select {
  max-width: 300px;
}
@media only screen and (max-width: 600px) {
  .tournament_bg.inner_header md-select {
    max-width: 100%;
  }
}
.tournament_bg.inner_header md-select .md-select-value {
  border: 0;
}
.tournament_bg.inner_header md-select .md-select-value span {
  font-size: 1.3rem;
  line-height: 1.3;
}
@media only screen and (max-width: 600px) {
  .tournament_bg.inner_header md-select .md-select-value span {
    font-size: 1.1rem;
  }
}
.tournament_bg.inner_header md-select .md-select-value .md-select-icon {
  color: #fff;
}
.tournament_bg.inner_header md-select .md-select-value .md-select-icon:after {
  font-size: 18px;
}
.tournament_bg.inner_header md-select.header-court-select {
  max-width: fit-content;
}

md-list.tn_list {
  max-width: 768px;
  display: block;
  text-align: left;
}
md-list.tn_list.tournament-calendar {
  max-width: 100%;
}
md-list.tn_list.tournament-calendar md-list-item > .group_toggler {
  text-transform: uppercase;
}
md-list.tn_list.tournament-calendar
  md-list-item
  .tn-tournament-list__item
  md-card
  md-card-actions
  > a {
  text-transform: uppercase;
}
md-list.tn_list .group_toggler.selected {
  background-color: rgba(158, 158, 158, 0.2);
}
md-list.tn_list md-list-item {
  display: block;
  min-height: 5px;
  padding: 0;
  border-bottom: 1px solid #ddd;
}
md-list.tn_list md-list-item:first-child {
  border-top: 1px solid #ddd;
}
md-list.tn_list md-list-item:before {
  display: none;
}
md-list.tn_list md-list-item .md-button {
  display: block;
  width: 100%;
  margin: 0;
  text-align: left;
  position: relative;
  min-height: 44px;
  line-height: 44px;
  text-transform: none;
}
md-list.tn_list md-list-item .md-button md-icon {
  color: #fdde12;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -13px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
md-list.tn_list md-list-item md-list {
  padding: 0 0 0 20px;
}
md-list.tn_list md-list-item md-list md-list-item:first-child {
  border-top: 0;
}
md-list.tn_list md-list-item md-list md-list-item:last-child {
  border-bottom: 0;
}

.one_result {
  position: relative;
  height: auto;
  background: #fffbe3;
}
.one_result .dcl_all {
  vertical-align: middle;
}
.one_result .res_header {
  background: #e1e7ea;
  padding: 7px 15px;
  overflow: hidden;
}
.one_result .res_header > div.dtbl_all {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.one_result .res_header a {
  text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.87);
}
.one_result .res_header .sep {
  display: inline-block;
  vertical-align: 3px;
  width: 4px;
  height: 4px;
  background: #333;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 8px;
}
.one_result .res_header div {
  font-size: 13px;
}
.one_result .res_header .dcl_all:last-child {
  text-align: right;
}
.one_result .res_body {
  min-height: 112px;
  padding: 16px 0px 16px 15px;
}
.one_result .res_body * {
  font-size: 14px;
}
.one_result .res_body .bye_player {
  font-size: 18px;
  line-height: 22px;
}
.one_result .res_body .dcl_all:not(:first-child):not(.btn-cell) {
  width: 110px;
  white-space: nowrap;
  font-size: 18px;
  line-height: 22px;
}
.one_result .res_body .dcl_all:not(:first-child):not(.btn-cell) span {
  display: inline-block;
  min-width: 17px;
  font-size: 18px;
  line-height: 22px;
}
.one_result
  .res_body
  .dcl_all:not(:first-child):not(.btn-cell)
  .results_score_holder {
  position: relative;
  display: block;
  line-height: 1;
}
.one_result .res_body .dcl_all.btn-cell {
  width: 113px;
  padding-left: 10px;
}
.one_result .res_body .dcl_all.btn-cell button {
  margin: 0;
}
.one_result .res_body .dcl_all .center_status {
  position: relative;
  top: 21px;
  right: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: right;
}
.one_result .res_body .one_match {
  margin-bottom: 4px;
}
.one_result .res_body .one_match:last-child {
  margin: 0;
}
.one_result .res_body .one_match > .dtbl_all {
  height: 38px;
}
.one_result .res_body .one_match .set-won {
  font-weight: 700;
}
.one_result .res_body .one_match.winner .name {
  font-weight: 700;
}
.one_result
  .res_body
  .one_match.winner
  .dcl_all:last-child
  .results_score_holder,
.one_result
  .res_body
  .one_match.winner
  .dcl_all:last-child
  .results_status_holder {
  position: relative;
  display: block;
}
.one_result
  .res_body
  .one_match.winner
  .dcl_all:last-child
  .results_score_holder:after,
.one_result
  .res_body
  .one_match.winner
  .dcl_all:last-child
  .results_status_holder:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border: 14px solid #37474f;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 0 none;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.one_result .res_body .one_player {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 2px;
  line-height: 22px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
}
.one_result .res_body .one_player:last-child {
  margin-bottom: 0;
}
.one_result .res_body .one_player .image_cont,
.one_result .res_body .one_player .flag,
.one_result .res_body .one_player .name {
  display: table-cell;
  vertical-align: middle;
}
.one_result .res_body .one_player .image_cont {
  width: 38px;
}
.one_result .res_body .one_player .image_cont .image {
  display: block;
  width: 38px;
  height: 38px;
  border: 1px solid #778899;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.one_result .res_body .one_player .image_cont img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
}
.one_result .res_body .one_player .image_cont .icon {
  display: block;
  width: 38px;
  height: 38px;
  line-height: 1;
  border: 1px solid #778899;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.one_result .res_body .one_player .image_cont .icon md-icon {
  display: block;
  width: 36px;
  height: 36px;
  margin: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
.one_result .res_body .one_player .image_cont + .name {
  padding-left: 10px;
}
.one_result .res_body .one_player .flag {
  width: 30px;
  padding-right: 8px;
}
.one_result .res_body .one_player .flag img {
  display: block;
}
.one_result .res_body .one_player .name {
  padding-right: 6px;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.one_result .res_footer {
  min-height: 34px;
  width: 100%;
  padding: 7px 15px;
  background: #e1e7ea;
  font-size: 13px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.one_result .res_footer .date {
  white-space: nowrap;
}
.one_result .res_footer a {
  text-decoration: none;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.87);
}
.one_result .res_footer .sep {
  display: inline-block;
  vertical-align: 3px;
  width: 4px;
  min-width: 4px;
  height: 4px;
  background: #333;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin: 0 8px;
}
.one_result .res_footer .court-info a {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media only screen and (min-width: 950px) {
  .one_result .res_footer .court-info__title {
    max-width: 145px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 350px) {
  .one_result .res_footer .court-info__title {
    max-width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.one_result .res_footer .live_indicator {
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.one_result .res_footer .live_indicator.info {
  padding-left: 27px;
}
.one_result .res_footer .live_indicator.info:before {
  background-size: 25px;
  height: 25px;
  width: 25px;
}
.one_result .res_footer .live_indicator.info .live_text,
.one_result .res_footer .live_indicator.info .live_time {
  font-size: 13px !important;
}
.one_result .res_footer .live_indicator.info .live_time {
  margin-left: 5px;
  white-space: nowrap;
}
.one_result .res_footer.space-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.one_result .live_indicator {
  position: relative;
  top: 21px;
  height: 38px;
  line-height: 38px;
  margin-left: -7px;
}
.one_result .live_indicator:before {
  height: 38px;
}
.one_result .live_indicator.info {
  height: auto;
  line-height: normal;
  text-align: center;
  padding-left: 32px;
}
.one_result .live_indicator.info:before {
  background-size: 30px;
  height: 30px;
  width: 30px;
  top: -5px;
}
.one_result .live_indicator.info > span {
  font-size: 16px !important;
  display: block !important;
}
.one_result .live_indicator.info > span.live_text {
  text-align: left;
}
.one_result .live_indicator.info > span.live_result,
.one_result .live_indicator.info > span.live_time {
  margin-left: -42px;
  color: rgba(0, 0, 0, 0.87);
}
.one_result .live_indicator.info > span.live_time {
  text-transform: none;
}
.one_result.doubles .res_body {
  padding-top: 10px;
  padding-bottom: 10px;
}
.one_result.doubles .res_body .dcl_all .center_status {
  top: 25px;
}
.one_result.doubles .res_body .live_indicator {
  top: 25px;
}
.one_result.doubles .one_match {
  margin-bottom: 8px;
}
.one_result.doubles .one_match:last-child {
  margin: 0;
}
.one_result.doubles .one_match > .dtbl_all {
  height: 42px;
}
.one_result.doubles .one_player {
  line-height: 1.1;
}
.one_result.doubles .one_player .image_cont {
  width: 20px;
}
.one_result.doubles .one_player .image_cont .image {
  width: 20px;
  height: 20px;
}
.one_result.doubles .one_player .image_cont .icon {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 1;
}
.one_result.doubles .one_player .image_cont .icon md-icon {
  display: block;
  min-width: 18px;
  min-height: 18px;
  width: 18px;
  height: 18px;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}
.one_result.doubles .one_player .image_cont + .name {
  padding-left: 11px;
}
.one_result.doubles .one_player .name {
  font-size: 13px;
  line-height: 17px;
}
.one_result.doubles .one_player .name span {
  font-size: inherit;
  line-height: inherit;
}
.one_result.doubles .one_player.flaged {
  margin-bottom: 4px;
}
.one_result.doubles .one_player.flaged:last-child {
  margin-bottom: 0;
}

.draw_toggler {
  margin: 0 0 25px;
}
.draw_toggler button {
  margin: 0 4px;
  background: none;
  padding: 0;
  border: none;
  height: auto;
  display: inline-block;
  vertical-align: top;
  width: 50px;
}
@media only screen and (max-width: 420px) {
  .draw_toggler button {
    width: 42px;
    margin: 0 3px;
  }
}
@media only screen and (max-width: 350px) {
  .draw_toggler button {
    width: 42px;
    margin: 0 1px;
  }
}
.draw_toggler button:focus {
  outline: none;
}
.draw_toggler button:first-child {
  margin-left: 0;
}
.draw_toggler button:last-child {
  margin-right: 0;
}
.draw_toggler button span {
  display: block;
}
.draw_toggler button span.title {
  color: #063851;
  font-size: 11px;
  margin: 0 0 4px;
  text-align: center;
}
.draw_toggler button span.box {
  border: 1px solid #b0bec5;
  padding: 0 10px;
  height: 80px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
@media only screen and (max-width: 420px) {
  .draw_toggler button span.box {
    padding: 0 5px;
  }
}
.draw_toggler button span.box .box_center {
  display: table-cell;
  vertical-align: middle;
}
.draw_toggler button.level_1r .box_center span {
  height: 12px;
  margin: 0 0 4px;
  background: #fdde12;
}
.draw_toggler button.level_1r .box_center span:last-child {
  margin: 0;
}
.draw_toggler button.level_2r .box_center > span {
  margin: 0 0 5px;
}
.draw_toggler button.level_2r .box_center > span span {
  height: 1px;
  background: #fdde12;
  margin: 0 0 2px;
}
.draw_toggler button.level_2r .box_center > span:last-child {
  margin: 0;
}
.draw_toggler button.level_8f .box_center > span {
  margin: 0 0 6px;
}
.draw_toggler button.level_8f .box_center > span:first-child {
  margin-top: 3px;
}
.draw_toggler button.level_8f .box_center > span span {
  height: 2px;
  background: #fdde12;
  margin: 0 0 3px;
}
.draw_toggler button.level_8f .box_center > span:last-child {
  margin: 0;
}
.draw_toggler button.level_4f .box_center > span {
  height: 2px;
  background: #fdde12;
  margin: 0 0 6px;
}
.draw_toggler button.level_4f .box_center > span:nth-child(2) {
  margin-bottom: 9px;
}
.draw_toggler button.level_4f .box_center > span:last-child {
  margin: 0;
}
.draw_toggler button.level_sf .box_center > span {
  height: 2px;
  background: #fdde12;
  margin: 0 0 12px;
}
.draw_toggler button.level_sf .box_center > span:last-child {
  margin: 0;
}
.draw_toggler button.level_f .box_center > span {
  height: 2px;
  background: #fdde12;
  margin: 0 0 12px;
}
.draw_toggler button.level_f .box_center > span:last-child {
  margin: 0;
}
.draw_toggler button.active.level_1r .box_center span,
.draw_toggler button.active.level_sf .box_center span,
.draw_toggler button.active.level_4f .box_center span,
.draw_toggler button.active.level_f .box_center span {
  background: #fff;
}
.draw_toggler button.active.level_2r .box_center span span,
.draw_toggler button.active.level_8f .box_center span span {
  background: #fff;
}
.draw_toggler button.active .box {
  background: #b0bec5;
}

.one_division_wrapper {
  margin: 0 0 40px;
}
.one_division_wrapper table.group_table.md-table .one_player {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.one_division_wrapper table.group_table.md-table .one_player .image_cont {
  min-width: 48px;
}

h2.main_title + md-table-container {
  margin-top: -18px;
}

md-table-container:not(.clubs-table) table.md-table {
  empty-cells: show;
  width: auto;
  margin: 0 0 0px 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0px;
  table-layout: auto;
}
md-table-container:not(.clubs-table) table.md-table th,
md-table-container:not(.clubs-table) table.md-table td,
md-table-container:not(.clubs-table) table.md-table th.md-column,
md-table-container:not(.clubs-table) table.md-table td.md-cell {
  padding: 8px 8px 8px 15px !important;
  border: 2px solid #fff;
  text-align: center;
  font-size: 14px;
}

md-table-container:not(.clubs-table) table.md-table thead.md-head > tr.md-row {
  height: auto;
}

md-table-container table.group_table,
md-table-container table.group_table.md-table {
  width: 100%;
}
md-table-container table.group_table th,
md-table-container table.group_table.md-table th {
  color: #063851;
  font-weight: 400;
}
md-table-container table.group_table th:first-child,
md-table-container table.group_table.md-table th:first-child {
  width: 250px;
}
md-table-container table.group_table td,
md-table-container table.group_table.md-table td {
  min-width: 102px;
  height: 78px;
  background: #e1e7ea;
}
md-table-container table.group_table td:first-child,
md-table-container table.group_table.md-table td:first-child {
  background: #fffbe3;
  text-align: left;
}
md-table-container table.group_table td.disabled,
md-table-container table.group_table.md-table td.disabled {
  background: #b0bec5;
}
md-table-container table.group_table td.dark,
md-table-container table.group_table.md-table td.dark {
  min-width: 70px;
  width: 70px;
  background: #fffbe3;
  color: #000;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.25px;
}
md-table-container table.group_table .one_player,
md-table-container table.group_table.md-table .one_player {
  display: table;
  table-layout: fixed;
  max-width: 227px;
  min-width: 177px;
  width: 100%;
  margin: 0 0 2px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
}
md-table-container table.group_table .one_player:last-child,
md-table-container table.group_table.md-table .one_player:last-child {
  margin: 0;
}
md-table-container table.group_table .one_player .flag,
md-table-container table.group_table .one_player .name,
md-table-container table.group_table .one_player .image_cont,
md-table-container table.group_table.md-table .one_player .flag,
md-table-container table.group_table.md-table .one_player .name,
md-table-container table.group_table.md-table .one_player .image_cont {
  display: table-cell;
  vertical-align: middle;
}
md-table-container table.group_table .one_player .flag,
md-table-container table.group_table.md-table .one_player .flag {
  width: 48px;
  padding-right: 10px;
}
md-table-container table.group_table .one_player .flag img,
md-table-container table.group_table.md-table .one_player .flag img {
  margin-top: 2px;
}
md-table-container table.group_table .one_player .image_cont,
md-table-container table.group_table.md-table .one_player .image_cont {
  width: 48px;
}
md-table-container table.group_table .one_player .icon,
md-table-container table.group_table .one_player .image,
md-table-container table.group_table.md-table .one_player .icon,
md-table-container table.group_table.md-table .one_player .image {
  display: block;
  width: 38px;
  height: 38px;
  border: 1px solid #778899;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
}
md-table-container table.group_table .one_player .icon img,
md-table-container table.group_table .one_player .image img,
md-table-container table.group_table.md-table .one_player .icon img,
md-table-container table.group_table.md-table .one_player .image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
md-table-container table.group_table .one_player .icon md-icon,
md-table-container table.group_table .one_player .image md-icon,
md-table-container table.group_table.md-table .one_player .icon md-icon,
md-table-container table.group_table.md-table .one_player .image md-icon {
  display: block;
  min-width: 0;
  min-height: 0;
  width: 36px;
  height: 36px;
  margin: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
}
md-table-container table.group_table .one_player .image,
md-table-container table.group_table.md-table .one_player .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
md-table-container table.group_table .one_player .name,
md-table-container table.group_table.md-table .one_player .name {
  font-size: 16px;
  line-height: 22px;
  max-height: 44px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
md-table-container table.group_table .doubles .flag,
md-table-container table.group_table.md-table .doubles .flag {
  width: 30px;
}
md-table-container table.group_table .doubles .image_cont,
md-table-container table.group_table.md-table .doubles .image_cont {
  width: 30px;
}
md-table-container table.group_table .doubles .icon,
md-table-container table.group_table .doubles .image,
md-table-container table.group_table.md-table .doubles .icon,
md-table-container table.group_table.md-table .doubles .image {
  width: 20px;
  height: 20px;
}
md-table-container table.group_table .doubles .icon md-icon,
md-table-container table.group_table .doubles .image md-icon,
md-table-container table.group_table.md-table .doubles .icon md-icon,
md-table-container table.group_table.md-table .doubles .image md-icon {
  width: 18px;
  height: 18px;
  font-size: 14px;
  line-height: 18px;
}
md-table-container table.group_table .doubles .name,
md-table-container table.group_table.md-table .doubles .name {
  font-size: 13px;
  line-height: 17px;
}
md-table-container table.group_table .planned-holder,
md-table-container table.group_table.md-table .planned-holder {
  position: relative;
}
md-table-container
  table.group_table
  .planned-holder
  .planned_icon:hover
  + .planned-tooltip,
md-table-container
  table.group_table.md-table
  .planned-holder
  .planned_icon:hover
  + .planned-tooltip {
  opacity: 1;
}
md-table-container table.group_table .planned-holder .planned-tooltip,
md-table-container table.group_table.md-table .planned-holder .planned-tooltip {
  display: block;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: 30px;
  min-width: 150px;
  font-size: 12px;
  line-height: 1.4;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  pointer-events: none;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  color: #000;
  z-index: 1;
}
md-table-container table.group_table .planned_icon,
md-table-container table.group_table.md-table .planned_icon {
  height: 22px;
  width: 22px;
  min-height: 22px;
  min-width: 22px;
  color: #000;
}
md-table-container table.group_table .score,
md-table-container table.group_table.md-table .score {
  font-size: 0.9em;
}
md-table-container table.group_table .score a:-webkit-any-link,
md-table-container table.group_table.md-table .score a:-webkit-any-link {
  color: #000;
  text-decoration: none;
}
md-table-container table.group_table .winner .score,
md-table-container table.group_table.md-table .winner .score {
  font-weight: bold;
}
md-table-container table.group_table .winner > div > span,
md-table-container table.group_table.md-table .winner > div > span {
  font-weight: bold;
  white-space: nowrap;
}
md-table-container
  table.group_table
  tr:last-child
  td
  .planned-holder
  .planned-tooltip,
md-table-container
  table.group_table.md-table
  tr:last-child
  td
  .planned-holder
  .planned-tooltip {
  top: auto;
  bottom: 0;
}

.court_schedule_wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 -10px;
}
.court_schedule_wrapper .one_court {
  margin: 0 10px;
}
.court_schedule_wrapper .one_court .court_title {
  color: #555;
  font-weight: 400;
  text-align: left;
  padding-bottom: 9px;
  border-bottom: 2px solid #ffd967;
  margin: 0 0 30px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .court_schedule_wrapper .one_court .court_title {
    margin: 0 0 20px;
    font-size: 1.2em;
  }
}
.court_schedule_wrapper .one_court .schedule_item {
  margin: 0 0 30px;
}
@media only screen and (max-width: 1023px) {
  .court_schedule_wrapper .one_court .schedule_item {
    margin: 0 0 15px;
  }
}
.court_schedule_wrapper .one_court .time {
  margin: 0 0 15px;
  color: #777;
}
@media only screen and (max-width: 1023px) {
  .court_schedule_wrapper .one_court .time {
    margin: 0 0 10px;
  }
}
.court_schedule_wrapper .one_court .time md-icon {
  vertical-align: -7px;
  margin-right: 8px;
}
@media only screen and (min-width: 1024px) {
  .court_schedule_wrapper.places_1 {
    max-width: 380px;
  }
}
@media only screen and (min-width: 1024px) {
  .court_schedule_wrapper.places_2 {
    max-width: 783px;
  }
}
@media only screen and (min-width: 1024px) {
  .court_schedule_separator {
    background: #ddd;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 28px;
  }
}

.results_list > [layout="row"] {
  margin: 0 -6px;
}
.results_list > [layout="row"] > div {
  margin-bottom: 12px;
  padding: 0 6px;
}

@media only screen and (min-width: 960px) {
  .md-dialog-content {
    min-width: 770px;
  }
}

@media only screen and (min-width: 1280px) {
  .md-dialog-content {
    min-width: 970px;
  }
}

.registered_tournaments {
  margin: 8px 0 0 0;
  padding: 0;
  list-style: none;
}
.registered_tournaments li {
  position: relative;
  margin-bottom: 8px;
  padding: 0 0 0 30px;
  background: none;
}
.registered_tournaments li:last-child {
  margin-bottom: 0;
}
.registered_tournaments md-icon {
  position: absolute;
  top: -2px;
  left: 0;
}

.bottom_line {
  padding-bottom: 8px;
  border-bottom: 2px solid #e1e7ea;
}
.bottom_line.yellow {
  border-color: #e6d92b;
}

md-list.devisions_list {
  max-width: 100%;
  margin-bottom: 50px;
}
md-list.devisions_list:last-child {
  margin-bottom: 0;
}
md-list.devisions_list .group_toggler {
  padding: 0 11px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.25px;
  padding-right: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
md-list.devisions_list table {
  width: 100%;
  cursor: default;
  border: 0 none;
  border-spacing: 0;
}
md-list.devisions_list table td,
md-list.devisions_list table th {
  padding: 10px 5px 10px 20px;
  border: 0 none;
  border-bottom: 1px solid #e1e7ea;
}
md-list.devisions_list table thead td,
md-list.devisions_list table thead th {
  padding-top: 12px;
  padding-bottom: 12p;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.4px;
}
md-list.devisions_list table tbody td {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}
md-list.devisions_list table tbody tr:last-child td {
  border-bottom: 0 none;
}
md-list.devisions_list table .rating {
  width: 60px;
  text-align: left;
}
md-list.devisions_list table .person {
  width: 250px;
}
md-list.devisions_list table .person a {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: none;
  cursor: pointer;
}
md-list.devisions_list table .person.person2x {
  width: 500px;
}
md-list.devisions_list table .avatar {
  -webkit-box-flex: 0 0 40px;
  -moz-box-flex: 0 0 40px;
  -webkit-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
md-list.devisions_list table .avatar img {
  display: block;
  width: 40px;
  height: 40px;
}
md-list.devisions_list table .avatar md-icon {
  width: 40px;
  height: 40px;
  min-height: 40px;
  color: #b0bec5;
  font-size: 30px;
  line-height: 36px;
  border: 2px solid #b0bec5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
md-list.devisions_list table .club {
  width: 250px;
}

md-list.tournament-tables md-list-item .md-button {
  font-weight: 400;
}

.reg_to_tournament_switch_block {
  margin-bottom: 50px;
  border: 1px solid transparent;
}
.reg_to_tournament_switch_block .reg_switch {
  padding: 0 25px 0;
}
.reg_to_tournament_switch_block .reg_switch md-switch {
  margin: 0;
}
.reg_to_tournament_switch_block .reg_switch md-switch h3 {
  margin: 0;
}
@media only screen and (max-width: 599px) {
  .reg_to_tournament_switch_block .reg_switch .form-element > * {
    margin-left: 0;
    margin-right: 0;
  }
  .reg_to_tournament_switch_block .reg_switch .form-element > * > * {
    margin-left: 0;
    margin-right: 0;
  }
}
.reg_to_tournament_switch_block .reg_switch md-autocomplete md-input-container {
  margin: 0;
}
.reg_to_tournament_switch_block
  .reg_switch
  md-autocomplete
  .md-show-clear-button
  button {
  top: 0;
}
.reg_to_tournament_switch_block .reg_price {
  margin-top: 20px;
  padding: 5px 25px;
}
.reg_to_tournament_switch_block.selected {
  border-color: #b0bec5;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.reg_to_tournament_switch_block.selected .reg_switch {
  padding: 25px 25px 0;
}
.reg_to_tournament_switch_block.selected .reg_switch md-switch {
  margin-bottom: 20px;
}
.reg_to_tournament_switch_block.selected
  .reg_switch
  .form-element.recommended-division
  md-input-container {
  max-width: 350px;
}
.reg_to_tournament_switch_block.selected .reg_price {
  margin-top: 0;
  background: #e1e7ea;
}

.tn-tournament-list {
  margin: 0 -9px;
}
.tn-tournament-list__item {
  margin-bottom: 56px;
  padding: 0 9px;
}
.tn-tournament-list .stat-pill {
  display: inline-block;
  padding: 0 12px;
  border: 2px solid #778899;
  color: #546e7a;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.15px;
  border-radius: 20px;
}
.tn-tournament-list md-card {
  flex: 1;
  margin: 0;
  border-radius: 3px;
  overflow: hidden;
}
.tn-tournament-list md-card .md-card-image {
  border-radius: 0;
}
.tn-tournament-list md-card md-card-header {
  padding: 13px;
  background-color: #e1e7ea;
}
.tn-tournament-list md-card md-card-title {
  flex: 0 0 auto;
  margin-bottom: 10px;
  padding: 13px;
}
.tn-tournament-list md-card md-card-title md-card-title-text .md-headline {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.25px;
  text-decoration: none;
}
@media only screen and (min-width: 1280px) {
  .tn-tournament-list md-card md-card-title md-card-title-text .md-headline {
    font-size: 34px;
  }
}
.tn-tournament-list md-card md-card-title md-card-title-text .md-subhead {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}
.tn-tournament-list
  md-card
  md-card-title
  md-card-title-text
  .md-subhead
  + .md-headline {
  margin-top: 6px;
}
.tn-tournament-list md-card md-card-content {
  flex: 1;
  padding: 13px;
}
.tn-tournament-list md-card md-card-content p {
  margin: 0;
}
.tn-tournament-list md-card md-card-actions {
  margin: 0;
  padding: 10px 13px;
}
.tn-tournament-list md-card md-card-actions .md-button {
  letter-spacing: 0.75px;
  width: auto;
}
.tn-tournament-list + div .md-button span {
  vertical-align: middle;
}

md-table-container
  table.md-table.group_table:not(.md-row-select)
  th.md-column:not(:first-child) {
  padding: 8px 5px 8px 5px !important;
}

md-table-container
  table.md-table.group_table:not(.md-row-select)
  td.md-cell:not(:first-child) {
  padding: 8px 5px 8px 5px !important;
}

.court_schedule_nav {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: space-between;
  -moz-align-items: space-between;
  -ms-align-items: space-between;
  -ms-flex-align: space-between;
  align-items: space-between;
}
.court_schedule_nav .prev,
.court_schedule_nav .next {
  position: absolute;
  cursor: pointer;
  z-index: 2;
}
.court_schedule_nav .prev[aria-disabled="true"],
.court_schedule_nav .next[aria-disabled="true"] {
  opacity: 0.5;
}
.court_schedule_nav .prev {
  left: 0px;
}
.court_schedule_nav .next {
  right: 20px;
}
.court_schedule_nav.fixed {
  position: fixed;
  top: 78px;
  height: 24px;
  width: calc(100% - 45px);
  z-index: 9;
}

.created-court-header {
  position: fixed;
  background: #fff;
  top: 69px;
  height: 50px;
  width: 100%;
  left: 15px;
  z-index: 8;
  display: flex;
}
.created-court-header h2 {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #ffd967;
  padding-bottom: 9px;
  color: #555;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .created-court-header h2 {
    font-size: 1.2em;
  }
}
.swiss-table-holder .rounds-holder button .box {
  padding: 10px;
  background-color: #fff;
}
.swiss-table-holder .rounds-holder button .box .box_center span {
  background-color: #fdde12;
}

.swiss-table-holder .rounds-holder button:first-child .box_center span {
  height: 100%;
}

.swiss-table-holder .rounds-holder button:nth-child(2) .box_center span {
  height: calc(50% - 2px);
}

.swiss-table-holder
  .rounds-holder
  button:nth-child(3)
  .box_center
  span:first-child,
.swiss-table-holder
  .rounds-holder
  button:nth-child(3)
  .box_center
  span:nth-child(3) {
  height: calc(25% - 2px);
}

.swiss-table-holder
  .rounds-holder
  button:nth-child(3)
  .box_center
  span:nth-child(2) {
  height: calc(50% - 4px);
}

.swiss-table-holder
  .rounds-holder
  button:nth-child(4)
  .box_center
  span:first-child,
.swiss-table-holder
  .rounds-holder
  button:nth-child(4)
  .box_center
  span:nth-child(4) {
  height: 2px;
}

.swiss-table-holder
  .rounds-holder
  button:nth-child(4)
  .box_center
  span:nth-child(2),
.swiss-table-holder
  .rounds-holder
  button:nth-child(4)
  .box_center
  span:nth-child(3) {
  height: calc(50% - 8px);
}

.swiss-table-holder
  .rounds-holder
  button:nth-child(5)
  .box_center
  span:first-child,
.swiss-table-holder
  .rounds-holder
  button:nth-child(5)
  .box_center
  span:nth-child(5) {
  height: 2px;
}

.swiss-table-holder
  .rounds-holder
  button:nth-child(5)
  .box_center
  span:nth-child(2),
.swiss-table-holder
  .rounds-holder
  button:nth-child(5)
  .box_center
  span:nth-child(4) {
  height: calc(20% - 3px);
}

.swiss-table-holder
  .rounds-holder
  button:nth-child(5)
  .box_center
  span:nth-child(3) {
  height: calc(40% - 3px);
}

.swiss-table-holder
  .rounds-holder
  button:nth-child(6)
  .box_center
  span:first-child,
.swiss-table-holder
  .rounds-holder
  button:nth-child(6)
  .box_center
  span:nth-child(6) {
  height: 2px;
}

.swiss-table-holder
  .rounds-holder
  button:nth-child(6)
  .box_center
  span:nth-child(2),
.swiss-table-holder
  .rounds-holder
  button:nth-child(6)
  .box_center
  span:nth-child(3),
.swiss-table-holder
  .rounds-holder
  button:nth-child(6)
  .box_center
  span:nth-child(4),
.swiss-table-holder
  .rounds-holder
  button:nth-child(6)
  .box_center
  span:nth-child(5) {
  height: 8.5px;
}

.swiss-table-holder .rounds-holder button:nth-child(7) .box_center span {
  height: 2px;
  margin-bottom: 7px;
}
.swiss-table-holder
  .rounds-holder
  button:nth-child(7)
  .box_center
  span:last-child {
  margin-bottom: 0px;
}

.swiss-table-holder .rounds-holder button:nth-child(8) .box_center span {
  height: 2px;
  margin-bottom: 6px;
}
.swiss-table-holder
  .rounds-holder
  button:nth-child(8)
  .box_center
  span:last-child {
  margin-bottom: 0px;
}

.swiss-table-holder .rounds-holder button.active .box {
  background-color: #8fa4ae;
}
.swiss-table-holder .rounds-holder button.active .box .box_center span {
  background-color: #fff !important;
}

.swiss-table-holder .rounds-holder button[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
}

.swiss-table-holder .devisions_list md-list-item {
  border-top: none !important;
}
.swiss-table-holder .devisions_list md-list-item table tr.gray-row td,
.swiss-table-holder .devisions_list md-list-item table tr.gray-row th {
  background: #f7f7f7;
}
.swiss-table-holder .devisions_list md-list-item table th,
.swiss-table-holder .devisions_list md-list-item table td {
  padding-left: 15px;
}
.swiss-table-holder .devisions_list md-list-item table th.matches-cell,
.swiss-table-holder .devisions_list md-list-item table td.matches-cell {
  white-space: nowrap;
}
.swiss-table-holder .devisions_list md-list-item table th.person,
.swiss-table-holder .devisions_list md-list-item table td.person {
  width: 270px;
}
.swiss-table-holder .devisions_list md-list-item table th.person > div,
.swiss-table-holder .devisions_list md-list-item table td.person > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th.person
  > div
  .person-avatar-holder,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td.person
  > div
  .person-avatar-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th.person
  > div
  .person-name-holder,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td.person
  > div
  .person-name-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th.person
  > div
  .person-name-holder
  a,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td.person
  > div
  .person-name-holder
  a {
  white-space: nowrap;
}
.swiss-table-holder .devisions_list md-list-item table th.person .avatar,
.swiss-table-holder .devisions_list md-list-item table td.person .avatar {
  margin-right: 6px;
}
@media only screen and (max-width: 768px) {
  .swiss-table-holder .devisions_list md-list-item table th.person .avatar,
  .swiss-table-holder .devisions_list md-list-item table td.person .avatar {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .swiss-table-holder .devisions_list md-list-item table th.matches-won-cell,
  .swiss-table-holder .devisions_list md-list-item table th.sets-won-cell,
  .swiss-table-holder .devisions_list md-list-item table th.difference-cell,
  .swiss-table-holder .devisions_list md-list-item table td.matches-won-cell,
  .swiss-table-holder .devisions_list md-list-item table td.sets-won-cell,
  .swiss-table-holder .devisions_list md-list-item table td.difference-cell {
    display: none;
  }
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .position-difference.positive:before,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .position-difference.negative:before,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .position-difference.positive:before,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .position-difference.negative:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin: 0 3px 3px 0;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .position-difference.positive,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .position-difference.positive {
  color: #7db342;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .position-difference.positive:before,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .position-difference.positive:before {
  border-bottom: 5px solid #7db342;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .position-difference.negative,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .position-difference.negative {
  color: #ff0c3e;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .position-difference.negative:before,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .position-difference.negative:before {
  border-top: 5px solid #ff0c3e;
  margin: 0 3px 2px 0;
}
.swiss-table-holder .devisions_list md-list-item table th .matches-holder,
.swiss-table-holder .devisions_list md-list-item table td .matches-holder {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  margin: 0 8px 0 0;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span {
  margin: 0 4px 0 0;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.won,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.lost,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.bye,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.won,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.lost,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.bye {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.won
  md-icon,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.lost
  md-icon,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.bye
  md-icon,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.won
  md-icon,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.lost
  md-icon,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.bye
  md-icon {
  color: #fff;
  font-size: 18px;
  min-width: 0;
  min-height: 0;
  width: auto;
  height: auto;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.won,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.won {
  background-color: #7db342;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.lost,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.lost {
  background-color: #ff0c3e;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.bye,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.bye {
  background-color: #8fa4ae;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.planned,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.planned {
  margin: 0px 1px 0 -2px;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-holder
  > span.planned
  md-icon,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-holder
  > span.planned
  md-icon {
  font-size: 29px;
  min-width: 0;
  min-height: 0;
  width: auto;
  height: auto;
}
.swiss-table-holder .devisions_list md-list-item table th .matches-text,
.swiss-table-holder .devisions_list md-list-item table td .matches-text {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  vertical-align: middle;
}
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  th
  .matches-text
  .line-break,
.swiss-table-holder
  .devisions_list
  md-list-item
  table
  td
  .matches-text
  .line-break {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  height: 0;
}
@media only screen and (max-width: 768px) {
  .swiss-table-holder .devisions_list md-list-item table th,
  .swiss-table-holder .devisions_list md-list-item table td {
    padding-left: 5px;
  }
}
.draw-content-desc-holder {
  background-color: #fffbe3;
  padding: 12px;
  border: 1px solid #fdde12;
  border-radius: 2px;
  margin: 0 0 20px 0;
}
.draw-content-desc-holder * {
  font-size: 13px;
  font-weight: 500;
}
.draw-content-desc-holder *:first-child {
  margin-top: 0;
}
.draw-content-desc-holder *:last-child {
  margin-bottom: 0;
}
.h2h-link {
  color: #9ca3af;
  text-decoration: none;
  font-weight: 500;
}
.bracket_container {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 3px;
  padding-bottom: 50px;
}
.bracket_container *,
.bracket_container *::before,
.bracket_container *::after {
  box-sizing: border-box;
}
.bracket_container .tournament-bracket {
  /*		@include min(1095){
			min-width: 1034px;
		}*/
}
.bracket_container .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.bracket_container ul {
  margin: 0;
  padding: 0;
}

.tournament-bracket {
  display: flex;
  flex-direction: column;
}
@media (min-width: 200px) {
  .tournament-bracket {
    flex-direction: row;
  }
}
.tournament-bracket__round {
  display: block;
  width: 285px;
  margin-left: -3px;
}
@media only screen and (min-width: 330px) {
  .tournament-bracket__round {
    width: 295px;
  }
}
@media only screen and (min-width: 340px) {
  .tournament-bracket__round {
    width: 305px;
  }
}
@media only screen and (min-width: 350px) {
  .tournament-bracket__round {
    width: 315px;
  }
}
@media only screen and (min-width: 360px) {
  .tournament-bracket__round {
    width: 325px;
  }
}
@media only screen and (min-width: 370px) {
  .tournament-bracket__round {
    width: 335px;
  }
}
@media only screen and (min-width: 380px) {
  .tournament-bracket__round {
    width: 345px;
  }
}
@media only screen and (min-width: 390px) {
  .tournament-bracket__round {
    width: 355px;
  }
}
@media only screen and (min-width: 400px) {
  .tournament-bracket__round {
    min-width: 365px;
    max-width: 33.333%;
    width: 100%;
  }
}
.tournament-bracket__round:first-child .tournament-bracket__round-title {
  padding-left: 0;
}

.tournament-bracket__round-title {
  color: #9e9e9e;
  font-weight: 400;
  text-align: left;
  padding-right: 25px;
  padding-left: 23px;
}
.tournament-bracket__round-title span {
  display: block;
  border-bottom: 2px solid #ffd967;
  padding-bottom: 4px;
}

.tournament-bracket__list {
  display: flex;
  flex-direction: column;
  flex-flow: row wrap;
  justify-content: center;
  height: 100%;
  min-height: 100%;
  border-bottom: 1px dashed #fff;
  padding-bottom: 2em;
  margin-bottom: 2em;
  transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
}
@media (max-width: 200px) {
  .tournament-bracket__list {
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
}
@media (min-width: 200px) {
  .tournament-bracket__list {
    margin-bottom: 0;
    padding-bottom: 0;
    border-right: 1px dashed #fff;
    border-bottom: 0;
  }
}
.tournament-bracket__round:last-child .tournament-bracket__list {
  border: 0;
}

.tournament-bracket__item {
  display: flex;
  flex: 0 1 auto;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  padding: 2% 0;
  width: 48%;
  transition: padding 0.2s linear;
}
.tournament-bracket__item:nth-child(odd) {
  margin-right: 2%;
}
.tournament-bracket__item:nth-child(even) {
  margin-left: 2%;
}
.tournament-bracket__item::after {
  transition: width 0.2s linear;
}
@media (max-width: 200px) {
  .tournament-bracket__item {
    width: 100%;
  }
  .tournament-bracket__item:nth-child(odd),
  .tournament-bracket__item:nth-child(even) {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 200px) {
  .tournament-bracket__item {
    padding: 0.5em 1em;
    width: 100%;
  }
  .tournament-bracket__item:nth-child(odd),
  .tournament-bracket__item:nth-child(even) {
    margin: 0;
  }
  .tournament-bracket__item::after {
    position: absolute;
    right: 0;
    content: "";
    display: block;
    width: 1em;
    height: 45%;
    border-right: 2px solid #063851;
  }
  .tournament-bracket__item:nth-child(odd)::after {
    top: 50%;
    border-top: 2px solid #063851;
    transform: translateY(-1px);
  }
  .tournament-bracket--rounded .tournament-bracket__item:nth-child(odd)::after {
    border-top-right-radius: 0.2em;
  }
  .tournament-bracket__item:nth-child(even)::after {
    bottom: 50%;
    border-bottom: 2px solid #063851;
    transform: translateY(1px);
  }
  .tournament-bracket--rounded
    .tournament-bracket__item:nth-child(even)::after {
    border-bottom-right-radius: 0.2em;
  }
  .tournament-bracket__round:first-child .tournament-bracket__item {
    padding-left: 0;
  }
  .tournament-bracket__round:last-child .tournament-bracket__item {
    /*padding-right: 0;*/
  }
  .tournament-bracket__round:last-child .tournament-bracket__item::after {
    /*display: none;*/
    height: 52%;
  }
}
.tournament-bracket__item:only-child::after {
  display: none;
}
@media (min-width: 200px) {
  .tournament-bracket__item {
    padding: 0.5em 1.5em;
  }
  .tournament-bracket__item::after {
    width: 1.5em;
  }
}
.tournament-bracket__match {
  display: flex;
  width: 100%;
  background-color: #ffffff;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  transition: padding 0.2s ease-in-out, border 0.2s linear;
}
.tournament-bracket__match:focus {
  border-color: #2196f3;
}
.tournament-bracket__match::before,
.tournament-bracket__match::after {
  transition: all 0.2s linear;
}
.tournament-bracket__match .one_result .res_body .one_match {
  min-height: 40px;
}
.tournament-bracket__match .one_result.doubles .res_body .one_match {
  min-height: 42px;
}
@media (max-width: 200px) {
  .tournament-bracket__match {
    padding: 0.75em 0.5em;
  }
}
@media (min-width: 200px) {
  .tournament-bracket__match::before,
  .tournament-bracket__match::after {
    position: absolute;
    left: 0;
    z-index: 1;
    content: "";
    display: block;
    width: 1em;
    height: 10%;
    border-left: 2px solid #063851;
  }
  .tournament-bracket__match::before {
    bottom: 50%;
    border-bottom: 2px solid #063851;
    transform: translate(0, 1px);
  }
  .tournament-bracket--rounded .tournament-bracket__match::before {
    /*border-bottom-left-radius: 0.6em;*/
  }
  .tournament-bracket__match::after {
    top: 50%;
    border-top: 2px solid #063851;
    transform: translate(0, -1px);
  }
  .tournament-bracket--rounded .tournament-bracket__match::after {
    /*border-top-left-radius: 0.6em;*/
  }
}
@media (min-width: 200px) {
  .tournament-bracket__match::before,
  .tournament-bracket__match::after {
    width: 1.5em;
  }
  .tournament-bracket__match::before {
    transform: translate(0, 1px);
  }
  .tournament-bracket__match::after {
    transform: translate(0, -1px);
  }
}
.tournament-bracket__round:first-child .tournament-bracket__match::before,
.tournament-bracket__round:first-child .tournament-bracket__match::after {
  display: none;
}

.tournament-bracket__content {
  display: flex;
}
.tournament-bracket__content::after {
  content: ":";
  width: 1em;
  text-align: center;
  padding: 0.2em 0.1em;
}
@media (min-width: 200px) {
  .tournament-bracket__content::after {
    order: 1;
  }
}
.tournament-bracket__content .tournament-bracket__team:first-child {
  width: 50%;
  order: 0;
  text-align: right;
}
@media (min-width: 200px) and (max-width: 200px) {
  .tournament-bracket__content .tournament-bracket__team:first-child {
    align-items: flex-end;
  }
}
.tournament-bracket__content
  .tournament-bracket__team:first-child
  .tournament-bracket__country {
  order: 2;
  justify-content: flex-end;
}
@media (min-width: 200px) {
  .tournament-bracket__content
    .tournament-bracket__team:first-child
    .tournament-bracket__country {
    order: 0;
  }
}
@media (min-width: 200px) and (max-width: 200px) {
  .tournament-bracket__content
    .tournament-bracket__team:first-child
    .tournament-bracket__country {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.tournament-bracket__content
  .tournament-bracket__team:first-child
  .tournament-bracket__score {
  order: 0;
}
@media (min-width: 200px) {
  .tournament-bracket__content
    .tournament-bracket__team:first-child
    .tournament-bracket__score {
    order: 2;
  }
}
.tournament-bracket__content .tournament-bracket__team:last-child {
  width: 50%;
  order: 2;
  text-align: left;
}
@media (min-width: 200px) and (max-width: 200px) {
  .tournament-bracket__content .tournament-bracket__team:last-child {
    align-items: flex-start;
  }
}
@media (min-width: 200px) {
  .tournament-bracket__content
    .tournament-bracket__team:last-child
    .tournament-bracket__country {
    justify-content: flex-start;
  }
}
@media (min-width: 200px) and (max-width: 200px) {
  .tournament-bracket__content
    .tournament-bracket__team:last-child
    .tournament-bracket__country {
    align-items: flex-start;
  }
}
.tournament-bracket__content
  .tournament-bracket__team:last-child
  .tournament-bracket__code {
  order: 1;
}

.tournament-bracket__table {
  width: 100%;
}

.tournament-bracket__caption {
  font-size: 0.8rem;
  color: #bdbdbd;
  font-weight: 300;
  padding-bottom: 0.75em;
}

.tournament-bracket__team {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media (min-width: 200px) {
  .tournament-bracket__team {
    flex-direction: column-reverse;
  }
}
@media (min-width: 200px) {
  .tournament-bracket__team {
    flex-direction: column-reverse;
  }
}
.tournament-bracket__country {
  font-size: 0.95rem;
  display: flex;
  margin-top: 0.5em;
  align-items: center;
}
@media (max-width: 200px) {
  .tournament-bracket__country {
    margin-top: 0;
  }
}
@media (min-width: 200px) and (max-width: 200px) {
  .tournament-bracket__country {
    display: flex;
    flex-direction: column;
  }
  .tournament-bracket__country .tournament-bracket__code {
    margin-top: 0.2em;
  }
}
.tournament-bracket__code {
  padding: 0 0.5em;
  color: #212121;
  font-weight: 600;
  text-transform: uppercase;
  border: 0;
  text-decoration: none;
  cursor: help;
  transition: padding 0.2s ease-in-out;
}
@media (max-width: 200px) {
  .tournament-bracket__code {
    padding: 0 0.25em;
  }
}
@media (min-width: 200px) and (max-width: 200px) {
  .tournament-bracket__code {
    padding: 0;
  }
}
.tournament-bracket__score {
  display: flex;
  align-items: center;
}
.tournament-bracket__team:first-child .tournament-bracket__score {
  flex-direction: row-reverse;
  padding-left: 0.75em;
}
.tournament-bracket__team:last-child .tournament-bracket__score {
  padding-right: 0.75em;
}

.tournament-bracket__number {
  display: inline-block;
  padding: 0.2em 0.4em 0.2em;
  border-bottom: 0.075em solid transparent;
  font-size: 0.95rem;
  background-color: #f5f5f5;
  border-color: spin(shade(#f5f5f5, 10%), -10);
}
.tournament-bracket__team--winner .tournament-bracket__number {
  background-color: #fff176;
  border-color: spin(shade(#fff176, 2%), -10);
}

.tournament-bracket__medal {
  padding: 0 0.5em;
}

.tournament-bracket__medal--gold {
  color: #ffd700;
}

.tournament-bracket__medal--silver {
  color: #c0c0c0;
}

.tournament-bracket__medal--bronze {
  color: #cd7f32;
}

.player_photo {
  position: relative;
  width: 80px;
  height: 80px;
  line-height: 72px;
  border: 2px solid #fff;
  text-align: center;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media only screen and (max-width: 600px) {
  .player_photo {
    width: 50px;
    height: 50px;
    line-height: 46px;
  }
}
.player_photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
}
.player_photo md-icon {
  color: #263238;
  font-size: 60px !important;
  height: 60px !important;
  width: 60px !important;
}
@media only screen and (max-width: 600px) {
  .player_photo md-icon {
    font-size: 40px !important;
    height: 40px !important;
    width: 40px !important;
  }
}
.playerprofile_header {
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 48px 0 0;
  height: 180px;
  background: #063851;
  padding-top: 0px;
  flex: 0 0 auto;
}
@media only screen and (max-width: 600px) {
  .playerprofile_header {
    height: auto;
    padding-top: 0px;
  }
}
.playerprofile_header.auto-height {
  height: auto;
}
.playerprofile_header .content_wrapper {
  position: relative;
  z-index: 1;
  padding-bottom: 48px;
}
.playerprofile_header .content_wrapper,
.playerprofile_header .dtbl,
.playerprofile_header .dcl {
  height: 100%;
}
.playerprofile_header .dcl {
  vertical-align: middle;
}
.playerprofile_header * {
  color: #fff;
}
.playerprofile_header .name .sep {
  width: 4px;
  height: 4px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  vertical-align: 2px;
  margin: 0 8px;
}
.playerprofile_header h2 {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 4px;
  line-height: 1;
}
@media only screen and (max-width: 600px) {
  .playerprofile_header h2 {
    font-size: 20px;
  }
}
.playerprofile_header .md-icon-button {
  margin-left: 0;
}
.playerprofile_header .dtbl_all {
  height: 100%;
  min-height: 132px;
}
@media only screen and (max-width: 600px) {
  .playerprofile_header .dtbl_all {
    min-height: 102px;
  }
}
.playerprofile_header .dtbl_all .dcl_all {
  vertical-align: top;
  height: 100%;
  padding-top: 26px;
  padding-bottom: 14px;
}
@media only screen and (max-width: 400px) {
  .playerprofile_header .dtbl_all .dcl_all.hide-on-mobile {
    display: none;
  }
}
.playerprofile_header .dtbl_all .dcl_all:first-child {
  width: 48px;
}
.playerprofile_header .dtbl_all .dcl_all:first-child > button md-icon {
  position: relative;
  right: 3px;
}
@media only screen and (min-width: 600px) {
  .playerprofile_header .dtbl_all .dcl_all:first-child > button {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .playerprofile_header .dtbl_all .dcl_all:first-child {
    width: 40px;
  }
}
.playerprofile_header .dtbl_all .dcl_all:nth-child(2) {
  width: 128px;
  padding-left: 0px;
  padding-right: 48px;
}
@media only screen and (max-width: 600px) {
  .playerprofile_header .dtbl_all .dcl_all:nth-child(2) {
    width: 98px;
  }
}
@media only screen and (max-width: 479px) {
  .playerprofile_header .dtbl_all .dcl_all:nth-child(2) {
    width: 90px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 400px) {
  .playerprofile_header .dtbl_all .dcl_all:nth-child(2) {
    width: 70px;
    padding-right: 20px;
  }
}
.playerprofile_header .dtbl_all .dcl_all:nth-child(3) {
  padding-top: 26px;
  vertical-align: top;
}
.playerprofile_header .dtbl_all .dcl_all:last-child {
  width: auto;
  text-align: left;
  vertical-align: middle;
}
.playerprofile_header .dtbl_all .player_photo {
  border-color: #b0bec5;
}
.playerprofile_header .dtbl_all .player_photo md-icon {
  color: #b0bec5;
}
.playerprofile_header .dtbl_all .country {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.playerprofile_header .dtbl_all .country.margin-bottom {
  margin-bottom: 6px !important;
}
.playerprofile_header .dtbl_all .country:last-child {
  margin: 0;
}
.playerprofile_header .dtbl_all .country .flag,
.playerprofile_header .dtbl_all .country .name {
  display: table-cell;
  vertical-align: middle;
}
.playerprofile_header .dtbl_all .country .flag {
  width: 40px;
  padding-right: 10px;
}
.playerprofile_header .dtbl_all .country .flag img {
  margin-top: 4px;
}
.playerprofile_header .contact_preview {
  margin: 2px 0 0 -6px;
}
.playerprofile_header .contact_preview md-icon {
  vertical-align: -6px;
  margin-right: 5px;
}
.playerprofile_header md-nav-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #063851;
  overflow-y: auto;
  z-index: 7;
}
.playerprofile_header .md-nav-item {
  margin-left: 4px;
}
.playerprofile_header .md-nav-item:first-child {
  margin-left: 8px;
}
.playerprofile_header .md-nav-bar {
  border: 0;
  position: relative;
  z-index: 2;
  max-width: 1396px;
  margin: 0 auto;
}
.playerprofile_header .md-nav-bar ._md-nav-button {
  position: static;
  margin: 0;
  /*&:after{
				content: '';
				opacity: 0;
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 3px;
				background: #fff;
			}*/
}
.playerprofile_header .md-nav-bar ._md-nav-button.md-focused {
  background-color: inherit;
}
.playerprofile_header .md-nav-bar ._md-nav-button ._md-nav-button-text {
  color: #b0bec5;
}
.playerprofile_header
  .md-nav-bar
  ._md-nav-button.md-active
  ._md-nav-button-text {
  color: #fff;
}
.playerprofile_header .md-button._md-nav-button {
  min-width: 110px;
  padding-left: 7px;
  padding-right: 7px;
}
@media only screen and (max-width: 400px) {
  .playerprofile_header .md-button._md-nav-button {
    min-width: 97px;
  }
}
.playerprofile_header md-nav-ink-bar {
  height: 3px;
  background: #fff !important;
}

.profile_section {
  margin-bottom: 40px;
}
.profile_section .league_title {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}
.profile_section .tn-trophies {
  max-width: 100%;
  margin-top: 15px;
}
@media only screen and (min-width: 600px) {
  .profile_section .tn-trophies {
    margin-top: 0;
  }
}
.profile_section .statistics-wrapper {
  gap: 10px;
  margin-bottom: 40px;
}
.profile_section .statistics-graphics {
  margin-bottom: 40px;
  border: 1px solid #c3cdd3;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  overflow: auto;
}
.profile_section .statistics-graphics::-webkit-scrollbar {
  height: 6px;
  border-radius: 3px;
}
.profile_section .statistics-graphics::-webkit-scrollbar-track {
  background: #f0f0f0;
}
.profile_section .statistics-graphics::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #c1c1c1;
}
.profile_section .statistics-graphics > div {
  padding: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 33.33%;
  border-right: 1px solid #c3cdd3;
  min-width: 365px;
}
.profile_section .statistics-graphics > div:last-child {
  border-right: none;
}
.profile_section .statistics-graphics > div h4 {
  margin: 0 0 20px 0;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.profile_section .statistics-graphics > div .graph-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.profile_section .statistics-graphics > div .graph-holder .progress-circle {
  position: relative;
  display: inline-block;
  margin: 1rem;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #063851;
  width: 90px;
  height: 90px;
  min-width: 90px;
  min-height: 90px;
  margin: 0 25px 0 0;
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: colorload 2s;
  animation: colorload 2s;
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle
  span {
  font-size: 1.5rem;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle
  span:after {
  content: "%";
  font-weight: 600;
  color: #fff;
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-0:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(90deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-1:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(93.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-2:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(97.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-3:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(100.8deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-4:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(104.4deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-5:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(108deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-6:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(111.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-7:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(115.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-8:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(118.8deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-9:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(122.4deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-10:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(126deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-11:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(129.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-12:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(133.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-13:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(136.8deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-14:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(140.4deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-15:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(129.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-16:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(133.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-17:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(136.8deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-18:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(140.4deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-19:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(144deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-20:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(151.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-21:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(158.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-22:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(161.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-23:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(165.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-24:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(169.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-25:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(180deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-26:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(183.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-27:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(187.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-28:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(190.8deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-29:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(194.4deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-30:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(198deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-31:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(201.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-32:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(205.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-33:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(208.8deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-34:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(212.4deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-35:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(216deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-40:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(234deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-36:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(219.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-37:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(223.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-38:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(226.8deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-39:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(230.4deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-41:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(237.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-42:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(241.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-43:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(244.8deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-44:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(248.4deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-45:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(252deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-46:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(255.6deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-47:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(259.2deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-48:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(262.8deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-49:after {
  background-image: linear-gradient(
      90deg,
      #063851 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(266.4deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-50:after {
  background-image: linear-gradient(
      -90deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-51:after {
  background-image: linear-gradient(
      -86.4deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-52:after {
  background-image: linear-gradient(
      -82.6deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-53:after {
  background-image: linear-gradient(
      -79.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-54:after {
  background-image: linear-gradient(
      -75.6deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-55:after {
  background-image: linear-gradient(
      -72deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-56:after {
  background-image: linear-gradient(
      -68.4deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-57:after {
  background-image: linear-gradient(
      -64.8deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-58:after {
  background-image: linear-gradient(
      -61.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-59:after {
  background-image: linear-gradient(
      -57.6deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-60:after {
  background-image: linear-gradient(
      -54deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-61:after {
  background-image: linear-gradient(
      -50.4deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-62:after {
  background-image: linear-gradient(
      -46.8deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-63:after {
  background-image: linear-gradient(
      -43.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-64:after {
  background-image: linear-gradient(
      -39.6deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-65:after {
  background-image: linear-gradient(
      -36deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-66:after {
  background-image: linear-gradient(
      -32.4deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-67:after {
  background-image: linear-gradient(
      -28.8deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-68:after {
  background-image: linear-gradient(
      -25.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-69:after {
  background-image: linear-gradient(
      -21.6deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-70:after {
  background-image: linear-gradient(
      -18deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-71:after {
  background-image: linear-gradient(
      -14.4deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-72:after {
  background-image: linear-gradient(
      -10.8deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-73:after {
  background-image: linear-gradient(
      -7.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-74:after {
  background-image: linear-gradient(
      -3.6deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-75:after {
  background-image: linear-gradient(
      0deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-76:after {
  background-image: linear-gradient(
      3.6deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-77:after {
  background-image: linear-gradient(
      7.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-78:after {
  background-image: linear-gradient(
      10.8deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-79:after {
  background-image: linear-gradient(
      14.4deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-80:after {
  background-image: linear-gradient(
      18deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-81:after {
  background-image: linear-gradient(
      21.6deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-82:after {
  background-image: linear-gradient(
      25.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-83:after {
  background-image: linear-gradient(
      28.8deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-84:after {
  background-image: linear-gradient(
      32.4deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-85:after {
  background-image: linear-gradient(
      36deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-86:after {
  background-image: linear-gradient(
      39.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-87:after {
  background-image: linear-gradient(
      43.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-88:after {
  background-image: linear-gradient(
      46.8deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-89:after {
  background-image: linear-gradient(
      50.4deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-90:after {
  background-image: linear-gradient(
      54deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-91:after {
  background-image: linear-gradient(
      57.6deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-92:after {
  background-image: linear-gradient(
      61.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-93:after {
  background-image: linear-gradient(
      64.8deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-94:after {
  background-image: linear-gradient(
      68.4deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-95:after {
  background-image: linear-gradient(
      72deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-96:after {
  background-image: linear-gradient(
      75.6deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-97:after {
  background-image: linear-gradient(
      79.2deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-98:after {
  background-image: linear-gradient(
      82.8deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-99:after {
  background-image: linear-gradient(
      86.4deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .progress-circle.progress-100:after {
  background-image: linear-gradient(
      90deg,
      #e1e7ea 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #e1e7ea 50%, #063851 50%, #063851);
}

@-webkit-keyframes colorload {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .graph-explanation__item {
  font-size: 14px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .graph-explanation__item
  > span {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  bottom: 1px;
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .graph-explanation__item.ones
  > span {
  background-color: #e1e7ea;
}
.profile_section
  .statistics-graphics
  > div
  .graph-holder
  .graph-explanation__item.twos
  > span {
  background-color: #063851;
}
.profile_section .statistics-graphics > div .line-graph-holder {
  width: 150px;
  height: 100px;
  min-height: 20px;
  display: table;
  margin-bottom: 10px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.profile_section .statistics-graphics > div .line-graph-holder span {
  display: inline-block;
  width: 30px;
  height: 20px;
  position: relative;
}
.profile_section .statistics-graphics > div .line-graph-holder span:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  display: block;
  bottom: 50%;
}
.profile_section .statistics-graphics > div .line-graph-holder span:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  border: 1px solid gray;
  background-color: #fff;
  right: -4px;
  z-index: 3;
}
.profile_section .statistics-graphics > div .line-graph-holder span.win:before {
  background-color: #7db342;
  transform: rotate(-23deg);
}
.profile_section .statistics-graphics > div .line-graph-holder span.win:after {
  top: -1px;
}
.profile_section
  .statistics-graphics
  > div
  .line-graph-holder
  span.loss:before {
  background-color: #ff0c3e;
  transform: rotate(23deg);
}
.profile_section .statistics-graphics > div .line-graph-holder span.loss:after {
  bottom: 1px;
}
.profile_section .statistics-graphics > div .game-streak {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: 30px;
}
.profile_section .statistics-graphics > div .game-streak > span {
  color: #ffffff;
  width: 24px;
  height: 24px;
  margin: 0 2px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 50%;
  text-align: center;
}
.profile_section .statistics-graphics > div .game-streak__win {
  background: #7db342;
}
.profile_section .statistics-graphics > div .game-streak__lose {
  background: #ff0c3e;
}
.profile_section .statistics-graphics .progress-circle {
  width: 90px;
  height: 90px;
}
.profile_section .statistics-graphics .progress-circle > span {
  width: 60px;
  height: 60px;
}
.profile_section .statistics-graphics .progress-circle > span:after {
  content: "";
}
.profile_section .statistics-graphics.two-graphs > div {
  width: 50%;
}
@media only screen and (max-width: 850px) {
  .profile_section .statistics-graphics > div {
    min-width: 335px;
    border-right: none;
    padding: 15px;
  }
}
@media only screen and (max-width: 350px) {
  .profile_section .statistics-graphics > div {
    min-width: 300px;
  }
}
@media only screen and (max-width: 650px) {
  .profile_section .bordered_table .date-cell {
    display: none;
  }
}
.profile_section .bordered_table .player-position {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}
.profile_section .tournament-header {
  border-top: 2px solid #eaeff2;
  border-bottom: 2px solid #ffd967;
  margin-bottom: 20px;
  margin-top: 15px;
  padding-top: 30px;
  padding-bottom: 15px;
}
.profile_section .tournament-header img {
  height: 100px;
}
.profile_section .tournament-header h4,
.profile_section .tournament-header p {
  font-size: 12px;
}
.profile_section .tournament-header h4,
.profile_section .tournament-header h3,
.profile_section .tournament-header p {
  margin: 0;
}
.profile_section md-table-container {
  margin-bottom: 20px;
}
.profile_section md-table-container .division-title {
  font-size: 16px;
}
.profile_section md-table-container td {
  cursor: pointer;
}
.profile_section .tn-filters {
  padding-top: 15px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #cfd8dc;
}
.profile_section .results_list .one_result .results_score_holder span sup {
  position: relative;
  right: 3px;
}

.tn-ratings {
  padding: 16px;
  border-left: 8px solid #fdde12;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
@media only screen and (min-width: 600px) {
  .tn-ratings {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0 12px 16px;
  }
}
.tn-ratings__text {
  margin: 0 0 12px 0;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  text-transform: uppercase;
}
@media only screen and (min-width: 600px) {
  .tn-ratings__text {
    max-width: 80px;
    margin: 0 40px 0 0;
  }
}
.tn-ratings__list {
  gap: 6px;
  padding-right: 6px;
}
@media only screen and (min-width: 600px) {
  .tn-ratings__list {
    padding-right: 12px;
  }
}
.tn-ratings__list-item {
  -webkit-box-flex: 0 0 24%;
  -moz-box-flex: 0 0 24%;
  -webkit-flex: 0 0 24%;
  -ms-flex: 0 0 24%;
  flex: 0 0 24%;
  height: 62px;
  border: 1px solid #063851;
  text-align: center;
  min-width: 82px;
  display: flex;
  flex-direction: column;
}
.tn-ratings__list-item-more {
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #eceff1;
  background: #eceff1;
}
.tn-ratings__list-item-header {
  display: flex;
  width: 100%;
  align-items: center;
  text-align: center;
  background: #063851;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  height: 30px;
  justify-content: center;
  white-space: break-spaces;
}
.tn-ratings__list-item .rating-points-wrapper {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.tn-ratings__list-item .num {
  color: #fdde12;
  font-size: 18px;
  line-height: 21px;
}

.rankings-modal {
  text-align: center;
}
.rankings-modal a {
  text-decoration: none;
}
.rankings-modal .title {
  text-align: left;
}
.rankings-modal .tn-trophies-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 0 none;
  border-spacing: 0;
  border-collapse: collapse;
}
.rankings-modal .tn-trophies-table__row {
  display: table-row;
  border-bottom: 1px solid #dadada;
}
.rankings-modal
  .tn-trophies-table__row.head
  .rankings-modal
  .tn-trophies-table__cell {
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.4px;
}
.rankings-modal .tn-trophies-table__cell {
  display: table-cell;
  vertical-align: middle;
  padding: 12px 15px 12px 0;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .rankings-modal .tn-trophies-table__cell.highest-ranking {
    display: none;
  }
}
.tn-ratings .rating,
.rankings-modal .rating,
.head2head-table-holder .rating {
  font-weight: bold;
  font-size: 18px;
}
.tn-ratings.has-large-values .rating {
  font-size: 14px;
}
.tn-ratings.has-very-large-values .rating {
  font-size: 12px;
}

.tn-ratings .rating-delta,
.rankings-modal .rating-delta,
.head2head-table-holder .rating-delta {
  visibility: hidden;
  font-size: 12px;
}
.tn-ratings .rating-delta md-icon,
.rankings-modal .rating-delta md-icon,
.head2head-table-holder .rating-delta md-icon {
  margin-right: -5px;
}
.tn-ratings .rating-delta.negative,
.tn-ratings .rating-delta.positive,
.rankings-modal .rating-delta.negative,
.rankings-modal .rating-delta.positive,
.head2head-table-holder .rating-delta.negative,
.head2head-table-holder .rating-delta.positive {
  visibility: visible;
}
.tn-ratings .rating-delta.negative,
.rankings-modal .rating-delta.negative,
.head2head-table-holder .rating-delta.negative {
  color: red;
}
.tn-ratings .rating-delta.negative md-icon,
.rankings-modal .rating-delta.negative md-icon,
.head2head-table-holder .rating-delta.negative md-icon {
  color: red;
}
.tn-ratings .rating-delta.positive,
.rankings-modal .rating-delta.positive,
.head2head-table-holder .rating-delta.positive {
  color: #7db341;
}
.tn-ratings .rating-delta.positive md-icon,
.rankings-modal .rating-delta.positive md-icon,
.head2head-table-holder .rating-delta.positive md-icon {
  color: #7db341;
}
.tn-ratings.has-large-values .rating-delta {
  font-size: 10px;
}
.tn-ratings.has-very-large-values .rating-delta {
  font-size: 8px;
}

md-table-container table.bordered_table,
md-table-container table.bordered_table.md-table {
  empty-cells: show;
  width: 100%;
  margin: 0 0 0 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0px;
}
md-table-container table.bordered_table th,
md-table-container table.bordered_table td,
md-table-container table.bordered_table th.md-column,
md-table-container table.bordered_table td.md-cell,
md-table-container table.bordered_table.md-table th,
md-table-container table.bordered_table.md-table td,
md-table-container table.bordered_table.md-table th.md-column,
md-table-container table.bordered_table.md-table td.md-cell {
  padding: 5px 12px !important;
  border: 0px;
  border-bottom: 1px solid #ededed;
  text-align: left;
  /*&:nth-child(2){
				//width: 15%;
			}*/
}
md-table-container table.bordered_table tr.md-row,
md-table-container table.bordered_table.md-table tr.md-row {
  border: none;
  outline: transparent;
}
md-table-container table.bordered_table .md-button,
md-table-container table.bordered_table.md-table .md-button {
  min-height: 30px;
  line-height: 30px;
}

md-table-container table.md-table thead.md-head > tr.md-row {
  height: auto;
}

@media only screen and (max-width: 767px) {
  .planner_section .md-title {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .planner_section md-table-container table.planner_table.md-table {
    display: block;
  }
  .planner_section md-table-container table.planner_table.md-table thead {
    display: none !important;
  }
  .planner_section md-table-container table.planner_table.md-table tbody,
  .planner_section md-table-container table.planner_table.md-table tfoot,
  .planner_section md-table-container table.planner_table.md-table tr,
  .planner_section md-table-container table.planner_table.md-table th,
  .planner_section md-table-container table.planner_table.md-table td {
    display: block;
  }
  .planner_section md-table-container table.planner_table.md-table tr {
    height: auto;
  }
  .planner_section md-table-container table.planner_table.md-table td {
    padding: 10px 0 !important;
    border: 0;
    text-align: left !important;
  }
  .planner_section md-table-container table.planner_table.md-table .md-cell {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #cfd8dc;
  }
  .planner_section
    md-table-container
    table.planner_table.md-table
    .md-cell
    .mobile-label {
    -webkit-box-flex: 0 0 48%;
    -moz-box-flex: 0 0 48%;
    -webkit-flex: 0 0 48%;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    margin-right: 4%;
  }
  .planner_section
    md-table-container
    table.planner_table.md-table
    .md-cell:before {
    content: "";
    display: block;
    width: 0;
    min-height: 36px;
  }
  .planner_section
    md-table-container
    table.planner_table.md-table
    tbody
    tr:first-child
    td:first-child {
    border-top: 0 none;
  }
  .planner_section
    md-table-container
    table.planner_table.md-table
    tbody
    tr:not(:first-child) {
    margin-top: 24px;
  }
}

@media only screen and (min-width: 768px) {
  .planner_section md-table-container table.planner_table.md-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    empty-cells: show;
    table-layout: fixed;
  }
  .planner_section
    md-table-container
    table.planner_table.md-table
    .mobile-label {
    display: none !important;
  }
  .planner_section md-table-container table.planner_table.md-table th,
  .planner_section md-table-container table.planner_table.md-table td,
  .planner_section md-table-container table.planner_table.md-table th.md-column,
  .planner_section md-table-container table.planner_table.md-table td.md-cell {
    padding: 5px 12px !important;
    border: 0px;
    border-bottom: 1px solid #ededed;
    text-align: left;
  }
  .planner_section md-table-container table.planner_table.md-table td {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
  }
  .planner_section
    md-table-container
    table.planner_table.md-table
    .total_matches {
    width: 140px;
  }
  .planner_section md-table-container table.planner_table.md-table .match_term {
    width: 170px;
  }
  .planner_section md-table-container table.planner_table.md-table .actions {
    width: 160px;
  }
}

@media only screen and (min-width: 1200px) {
  .planner_section
    md-table-container
    table.planner_table.md-table
    .total_matches {
    width: 150px;
  }
  .planner_section md-table-container table.planner_table.md-table .match_term {
    width: 200px;
  }
  .planner_section md-table-container table.planner_table.md-table .actions {
    width: 250px;
  }
}

.planner_section md-card .md-title,
.planner_section md-card .md-subhead {
  margin-bottom: 0px;
}

.planner_section md-card md-card-avatar {
  box-sizing: content-box;
}

.tn-in-card-action-text {
  font-size: 0.9em;
  padding-left: 12px;
}

md-input-container.tn_player_search .md-input {
  height: 40px;
  line-height: 36px;
  font-size: 1.1em;
}

.profile_info {
  margin-top: 40px;
}
.profile_info md-table-container table.bordered_table,
.profile_info md-table-container table.bordered_table.md-table {
  width: auto;
  min-width: 750px;
  max-width: 900px;
  table-layout: auto;
  border-top: 1px solid #ededed;
}
.profile_info md-table-container table.bordered_table th,
.profile_info md-table-container table.bordered_table td,
.profile_info md-table-container table.bordered_table th.md-column,
.profile_info md-table-container table.bordered_table td.md-cell,
.profile_info md-table-container table.bordered_table.md-table th,
.profile_info md-table-container table.bordered_table.md-table td,
.profile_info md-table-container table.bordered_table.md-table th.md-column,
.profile_info md-table-container table.bordered_table.md-table td.md-cell {
  padding: 10px 12px !important;
}
.profile_info md-table-container table.bordered_table th:nth-child(1),
.profile_info md-table-container table.bordered_table td:nth-child(1),
.profile_info md-table-container table.bordered_table th.md-column:nth-child(1),
.profile_info md-table-container table.bordered_table td.md-cell:nth-child(1),
.profile_info md-table-container table.bordered_table.md-table th:nth-child(1),
.profile_info md-table-container table.bordered_table.md-table td:nth-child(1),
.profile_info
  md-table-container
  table.bordered_table.md-table
  th.md-column:nth-child(1),
.profile_info
  md-table-container
  table.bordered_table.md-table
  td.md-cell:nth-child(1) {
  width: 287px;
  font-weight: 500;
}
.profile_info md-table-container table.bordered_table th:nth-child(2),
.profile_info md-table-container table.bordered_table td:nth-child(2),
.profile_info md-table-container table.bordered_table th.md-column:nth-child(2),
.profile_info md-table-container table.bordered_table td.md-cell:nth-child(2),
.profile_info md-table-container table.bordered_table.md-table th:nth-child(2),
.profile_info md-table-container table.bordered_table.md-table td:nth-child(2),
.profile_info
  md-table-container
  table.bordered_table.md-table
  th.md-column:nth-child(2),
.profile_info
  md-table-container
  table.bordered_table.md-table
  td.md-cell:nth-child(2) {
  width: auto;
}
.profile_info md-table-container table.bordered_table tbody.md-body > tr.md-row,
.profile_info
  md-table-container
  table.bordered_table.md-table
  tbody.md-body
  > tr.md-row {
  height: 54px;
}

@media only screen and (min-width: 580px) {
  .profile-contact__dialog-content .md-dialog-content {
    min-width: 400px;
  }
}

.profile-contact__results_list {
  padding: 16px 0;
}
.profile-contact__results_list md-list {
  padding: 0;
  border-top: 1px solid #ededed;
}
.profile-contact__results_list md-list-item {
  border-bottom: 1px solid #ededed;
  padding: 0;
}
.profile-contact__results_list md-list-item md-icon {
  margin-right: 20px !important;
}
.profile-contact__results_list md-list-item a {
  text-decoration: none;
}

.matchresults-table {
  max-width: 100%;
  margin: 25px 0;
  overflow: hidden;
  overflow-x: auto;
}
.matchresults-table td {
  padding: 10px;
  border-bottom: 1px solid #e1e1e1;
}
.matchresults-table th {
  border-bottom: 1px solid #e1e1e1;
}
.matchresults-table tr:last-child td {
  border-bottom: 0 none;
}
.matchresults-table table {
  width: 100%;
  border-spacing: 0;
}
.matchresults-table thead th {
  padding: 10px;
  border-bottom: 1px solid #e1e1e1;
  font-weight: normal;
}
.matchresults-table thead th.invalid {
  color: #dd2c00;
}
.matchresults-table .table-validation-message {
  font-size: 12px;
  color: #e84855;
  margin-top: 5px;
  text-align: center;
}
.matchresults-table .player {
  margin-bottom: 4px;
}
.matchresults-table .player:last-child {
  margin-bottom: 0;
}
.matchresults-table .player .player_photo {
  min-width: 40px;
  width: 40px;
  height: 40px;
  border: 2px solid #b0bec5;
}
.matchresults-table .player .player_photo + .player_name {
  margin-left: 12px;
}
.matchresults-table .player .player_photo img {
  display: block;
}
.matchresults-table .player .player_photo md-icon {
  display: block;
  width: 36px !important;
  height: 36px !important;
  color: #b0bec5;
  font-size: 22px !important;
  line-height: 36px;
  text-align: center;
}
.matchresults-table .player .player_name {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}
.matchresults-table input[type="number"] {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border: 1px solid #546e7a;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -moz-appearance: textfield;
}
.matchresults-table input[type="number"]::-webkit-outer-spin-button,
.matchresults-table input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.matchresults-table md-checkbox {
  display: block;
  width: 20px;
  margin: 0 auto;
}

md-table-container table.md-table.full-page-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  empty-cells: show;
}
md-table-container table.md-table.full-page-table th,
md-table-container table.md-table.full-page-table td,
md-table-container table.md-table.full-page-table th.md-column,
md-table-container table.md-table.full-page-table td.md-cell {
  padding: 5px 12px !important;
  border: 0px;
  border-bottom: 1px solid #ededed;
  text-align: left;
}

.tn-planner-dialog .checkbox-holder {
  padding-right: 10px;
}
@media only screen and (min-width: 600px) {
  .tn-planner-dialog .checkbox-holder {
    padding-right: 25px;
  }
}
.tn-planner-dialog [dir="rtl"] md-checkbox .md-label {
  margin-left: 0;
  margin-right: 38px;
}

.tn-planner-dialog .input-label {
  display: inline-block;
  color: rgba(0, 0, 0, 0.54);
}

.tn-planner-dialog md-input-container md-list {
  padding: 0;
  border-bottom: 1px solid #cfd8dc;
}

.tn-planner-dialog md-input-container md-list-item.md-2-line {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  padding: 6px 9px 6px 0;
  max-width: 100%;
}
@media only screen and (min-width: 600px) {
  .tn-planner-dialog md-input-container md-list-item.md-2-line {
    padding: 6px 24px 6px 0;
  }
}
.tn-planner-dialog md-input-container md-list-item.md-2-line:before {
  min-height: 40px;
}
.tn-planner-dialog md-input-container md-list-item.md-2-line .md-avatar {
  width: 40px;
  height: 40px;
  margin: 0 13px 0 0;
  box-sizing: border-box;
}
.tn-planner-dialog md-input-container md-list-item.md-2-line img.md-avatar {
  border-radius: 50%;
  border: 2px solid #fff;
}
.tn-planner-dialog md-input-container md-list-item.md-2-line md-icon.md-avatar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border: 2px solid #b0bec5;
  color: #b0bec5;
  font-size: 32px;
  text-align: center;
}
.tn-planner-dialog
  md-input-container
  md-list-item.md-2-line
  .md-list-item-text {
  margin: 0;
  padding-right: 8px;
}
.tn-planner-dialog
  md-input-container
  md-list-item.md-2-line
  .md-list-item-text
  .title {
  letter-spacing: 0.25px;
}
.tn-planner-dialog
  md-input-container
  md-list-item.md-2-line
  .md-list-item-text
  .text {
  color: #546e7a;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tn-planner-dialog
  md-input-container
  md-list-item.md-2-line
  .md-list-item-text
  .text
  a {
  color: #546e7a;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-decoration: none;
}
.tn-planner-dialog
  md-input-container
  md-list-item.md-2-line
  .md-list-item-text
  .text
  a:hover {
  text-decoration: underline;
}
.tn-planner-dialog
  md-input-container
  md-list-item.md-2-line
  .md-secondary-container
  md-checkbox {
  width: 20px;
}

.recipients md-list {
  padding: 6px 0;
}

.recipient {
  border: 1px solid #cfd8dc;
}
.recipient:not(:first-child) {
  margin-top: 12px;
}
.recipient__info {
  display: block;
  padding-top: 10px;
  padding-bottom: 13px;
  padding-right: 47px;
  color: #546e7a;
  font-weight: 400;
  letter-spacing: 0.25px;
  text-align: right;
}
@media only screen and (min-width: 600px) {
  .recipient__info {
    padding-right: 62px;
  }
}
.recipient__info a {
  color: #fdde12;
  text-decoration: none;
}
.recipient md-list-item {
  min-height: 40px;
}
.recipient md-list-item:before {
  min-height: 40px;
}
.recipient md-list-item.md-3-line > .md-no-style {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  padding: 6px 9px 6px 10px;
  max-width: 100%;
}
@media only screen and (min-width: 600px) {
  .recipient md-list-item.md-3-line > .md-no-style {
    padding: 6px 24px 6px 17px;
  }
}
.recipient md-list-item.md-3-line > .md-no-style:before {
  min-height: 40px;
}
.recipient md-list-item.md-3-line > .md-no-style .md-avatar {
  width: 40px;
  height: 40px;
  margin: 0 13px 0 0;
  box-sizing: border-box;
}
.recipient md-list-item.md-3-line > .md-no-style img.md-avatar {
  border-radius: 50%;
  border: 2px solid #fff;
}
.recipient md-list-item.md-3-line > .md-no-style md-icon.md-avatar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border: 2px solid #b0bec5;
  color: #b0bec5;
  font-size: 32px;
  text-align: center;
}
.recipient md-list-item.md-3-line > .md-no-style .md-list-item-text {
  margin: 0;
  padding-right: 8px;
}
.recipient md-list-item.md-3-line > .md-no-style .md-list-item-text .title {
  letter-spacing: 0.25px;
}
.recipient md-list-item.md-3-line > .md-no-style .md-list-item-text .text {
  color: #546e7a;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.recipient md-list-item.md-3-line > .md-no-style .md-list-item-text .text a {
  color: #546e7a;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-decoration: none;
}
.recipient
  md-list-item.md-3-line
  > .md-no-style
  .md-list-item-text
  .text
  a:hover {
  text-decoration: underline;
}
.recipient
  md-list-item.md-3-line
  > .md-no-style
  .md-secondary-container
  md-checkbox {
  width: 20px;
  padding: 0;
}

/*md-dialog.md-dialog-fullscreen{*/
/*md-dialog{
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
}*/
@media only screen and (max-width: 959px) {
  .md-dialog-fullscreen {
    max-width: 100%;
    max-height: 100%;
  }
}

.tn-plann-matches-wrapper md-card {
  margin-left: 0px;
}
@media only screen and (max-width: 959px) {
  .tn-plann-matches-wrapper md-card {
    margin-right: 0px;
  }
}
.tn-plann-matches-wrapper md-card md-card-header md-card-header-text .md-title {
  font-size: 16px;
}
.tn-plann-matches-wrapper md-card md-card-actions {
  margin-right: 16px;
  margin-bottom: 16px;
}

.statistics-table-holder {
  max-width: 100%;
  overflow: auto;
  margin-top: 30px;
}

.statistics-table {
  width: 100%;
  max-width: 600px;
  width: 600px;
  border-collapse: collapse;
}
.statistics-table thead tr th {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #ededed;
}
.statistics-table thead tr th:first-child {
  width: 170px;
}
@media only screen and (max-width: 550px) {
  .statistics-table thead tr th:first-child {
    width: 120px;
  }
}
.statistics-table tbody tr.bold-row td {
  font-weight: 600;
  background-color: #fdde12;
}
.statistics-table tbody tr:last-child td {
  border-bottom: none;
}
.statistics-table tbody tr td {
  padding: 20px 10px;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #ededed;
}
.statistics-table tbody tr td:first-child {
  text-align: left;
}

.match-results-dialog .result-status-explanation {
  display: flex;
  align-items: center;
}

.match-results-dialog md-tabs {
  padding: 25px 20px;
}
.match-results-dialog md-tabs .explanation_text {
  font-size: 12px;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.38);
}

.tn-memberships .section-title {
  font-size: 24px;
  font-weight: 400;
  padding: 8px 0;
  position: relative;
  margin: 16px 0 16px;
}

.tn-memberships .section-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ffc107;
  /* Yellow color */
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: 8px;
}

.tn-memberships .offer-card {
  border-radius: 3px;
  overflow: hidden;
  margin: 0 9px 56px 9px;
}
.tn-memberships .offer-card md-card-title {
  flex: 0 0 auto;
  margin-bottom: 10px;
  padding: 13px;
}
.tn-memberships .offer-card md-card-title md-card-title-text {
  flex: 1;
  flex-direction: column;
  display: flex;
}
.tn-memberships .offer-card md-card-title md-card-title-text .md-subhead {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}
.tn-memberships .offer-card md-card-title md-card-title-text .md-headline {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.25px;
  text-decoration: none;
}
.tn-memberships .offer-card md-card-content {
  flex: 1;
  padding: 13px;
}
.tn-memberships .offer-card md-card-content p {
  margin: 0;
}

.tn-memberships .subscription-list {
  margin: -20px 0 40px;
}
.tn-memberships .subscription-list .subscription-card {
  padding: 25px 10px;
}
.tn-memberships .subscription-list .subscription-card h3 {
  margin: 0;
}
.tn-memberships .subscription-list .subscription-card p {
  font-size: 14px;
  margin: 0 0 10px;
}
.tn-memberships .subscription-list .subscription-card .md-avatar {
  width: 94px;
  height: 94px;
  border-radius: 0;
  border: 1px solid #546e7a;
  margin-top: 0;
  margin-bottom: 0;
}
.tn-memberships .subscription-list .subscription-card .subscription-status {
  display: inline-block;
  padding: 2px 7px 0;
  background-color: #8bc34a;
  color: #fff;
  border-radius: 18px;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  max-width: max-content;
  margin: 0;
  letter-spacing: 0.25px;
  overflow: hidden;
}
.tn-memberships
  .subscription-list
  .subscription-card
  .subscription-status-disabled {
  background-color: #eceff1;
  color: #000;
}
.tn-memberships .subscription-list .subscription-card .subscription-validity {
  font-size: 14px;
}
@media (max-width: 600px) {
  .tn-memberships .subscription-list .subscription-card {
    display: block;
  }
  .tn-memberships .subscription-list .subscription-card img {
    text-align: center;
  }
  .tn-memberships .subscription-list .subscription-card .md-list-item-text {
    width: 100%;
  }
  .tn-memberships .subscription-list .subscription-card .view-button {
    justify-content: flex-start;
    margin-top: 20px;
  }
}
.tn-memberships .green-message-box {
  background-color: #deecc8;
  color: #000000;
  padding: 16px 16px;
  border-radius: 4px;
  text-align: left;
  font-size: 14px;
  margin-bottom: 30px;
}

.courts-filters {
  margin-bottom: 30px;
  padding-top: 10px;
}
.courts-filters__fields {
  margin: 0 -10px;
}
.courts-filters__fields md-input-container {
  -webkit-box-flex: 0 0 50%;
  -moz-box-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 12px;
  padding-right: 12px;
}
@media only screen and (min-width: 960px) {
  .courts-filters__fields md-input-container {
    -webkit-box-flex: 0 0 25%;
    -moz-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.list-with-image {
  /*	@include max(959){
		md-list-item{
			@include flex-flow(row wrap);
			@include align-items(flex-start);
		}

		.tn-image{
			@include calc('width', 26%, '104px');
		}

		.list-info{
			@include calc('max-width', 70%, '100% - 104px - 20px');
		}
		
		.md-secondary-container{
			display: none !important;
			@include flex(1 1 100%);
			@include justify-content(flex-end);
			max-width: 100%;
			width: 100%;
			margin-top: 14px;
		}
	}*/
}
.list-with-image md-list-item {
  padding: 20px 10px;
  border-bottom: 1px solid #cfd8dc;
}
.list-with-image md-list-item:first-child {
  border-top: 1px solid #cfd8dc;
}
@media only screen and (min-width: 960px) {
  .list-with-image md-list-item.no-image .tn-image {
    display: none;
  }
}
.list-with-image .tn-image {
  width: 104px;
  height: auto;
  margin-right: 20px;
}
.list-with-image .list-info__title {
  display: block;
  margin-bottom: 20px;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}
@media only screen and (max-width: 959px) {
  .list-with-image .list-info__title {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .list-with-image .list-info__title {
    font-size: 16px;
  }
}
.list-with-image .list-info__text {
  margin-top: 4px;
  letter-spacing: 0.25px;
}
@media only screen and (max-width: 959px) {
  .list-with-image md-list-item {
    position: relative;
    display: block;
    padding-left: 134px;
  }
  .list-with-image md-list-item:before {
    display: none !important;
  }
  .list-with-image md-list-item.no-image {
    padding-left: 10px;
  }
  .list-with-image .tn-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 2;
  }
  .list-with-image .tn-image__holder {
    position: absolute;
    top: 20px;
    left: 10px;
    bottom: 20px;
    display: block;
    width: 104px;
    overflow: hidden;
  }
  .list-with-image .tn-image img {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: none;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .list-with-image .list-info {
    max-width: 100%;
  }
  .list-with-image .md-secondary-container {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .list-with-image md-list-item {
    padding-left: 88px;
  }
  .list-with-image .tn-image__holder {
    left: 5px;
    width: 70px;
  }
}
.court-gallery {
  padding-right: 40px;
}
@media only screen and (max-width: 959px) {
  .court-gallery {
    max-width: 500px;
    margin: 0 auto 52px;
    padding: 0;
  }
}
.court-gallery__mains {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
}
.court-gallery__mains .tn-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.court-gallery__mains .tn-image.current {
  opacity: 1;
}
.court-gallery__mains-holder {
  position: relative;
  display: block;
  font-size: 0;
  white-space: nowrap;
}
.court-gallery__mains-holder .tn-image {
  display: inline-block;
  vertical-align: top;
}
.court-gallery__images {
  margin: 10px -5px 0;
}
.court-gallery__images {
  *zoom: 1;
}
.court-gallery__images:before,
.court-gallery__images:after {
  content: "";
  display: table;
}
.court-gallery__images:after {
  clear: both;
}
@media only screen and (min-width: 1200px) {
  .court-gallery__images {
    margin: 20px -10px 0;
  }
}
.court-gallery__images .tn-image {
  float: left;
  max-width: 25%;
  width: 100%;
  padding: 0 5px;
  outline: none !important;
  opacity: 0.2;
  transition: opacity 0.15s ease;
}
@media only screen and (min-width: 1200px) {
  .court-gallery__images .tn-image {
    padding: 0 10px;
  }
}
.court-gallery__images .tn-image img {
  outline: none !important;
  cursor: pointer;
}
.court-gallery__images .tn-image.current {
  opacity: 1;
}
.court-gallery__images .tn-image.current img {
  cursor: default;
}
.court-gallery[ng-cloak]
  .court-gallery__mains-holder
  .tn-image:not(:first-child) {
  display: none !important;
}

.court-spec__item {
  padding: 20px 0;
}
@media only screen and (max-width: 959px) {
  .court-spec__item {
    padding: 10px 0;
  }
}
.court-spec__item .tn-chips__item {
  margin: 2px 6px 2px 0;
}
.court-spec__item .bordered_btn md-icon {
  color: inherit !important;
}

.court-spec__item--directions {
  padding-top: 50px;
}
@media only screen and (max-width: 959px) {
  .court-spec__item--directions {
    padding-top: 40px;
  }
}
.court-spec__label {
  padding-right: 10px;
}

.court-spec__value {
  padding-left: 10px;
}

.court-spec a {
  color: #fcc805;
  text-decoration: none;
}

.courts-map-modal {
  height: 100%;
}
.courts-map-modal .md-dialog-content {
  height: 100%;
  padding: 0;
}
.courts-map-modal .courts-map {
  width: 100%;
  height: 100%;
}

.courts-header,
.head2head-header {
  padding: 35px 0;
  background: #263238;
}
.courts-header > div,
.head2head-header > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.courts-header *,
.head2head-header * {
  color: #fff;
}
.courts-header a.md-button,
.head2head-header a.md-button {
  margin-left: -10px;
  min-width: 48px;
}
.courts-header h2,
.head2head-header h2 {
  margin: 0;
  font-weight: 400;
}

.tn-news {
  margin: 0 -16px;
  padding: 0;
}
.tn-news__item {
  margin: 32px 0 0 0;
  padding: 0 16px;
}
.tn-news .md-headline {
  display: block;
  max-height: 72px;
  margin: 0;
  color: #000;
  text-decoration: none;
  outline: none;
  overflow: hidden;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
@media only screen and (min-width: 960px) {
  .tn-news .md-headline {
    max-height: 84px;
  }
}
.tn-news .md-headline:hover {
  color: #fdde12;
}
.tn-news .date {
  color: #000;
}
.tn-news .date + .text {
  margin-top: 20px;
}
.tn-news .text {
  max-height: 72px;
  overflow: hidden;
}
.tn-news md-card {
  margin: 0;
}
.tn-news md-card md-card-title {
  padding: 26px 20px 20px;
}
.tn-news md-card md-card-content {
  padding: 0 20px 20px;
}
.tn-news__item--full-width {
  margin-top: 0;
}
@media only screen and (min-width: 960px) {
  .tn-news__item--full-width .md-headline {
    max-height: 102px;
    color: #000;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.25px;
    text-decoration: none;
    outline: none;
  }
  .tn-news__item--full-width md-card {
    position: relative;
    min-height: 324px !important;
    padding-left: 50%;
  }
  .tn-news__item--full-width md-card-title {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .tn-news__item--full-width md-card-actions {
    margin-top: auto;
  }
  .tn-news__item--full-width .md-card-image-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
  }
  .tn-news__item--full-width .md-card-image-link img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 960px) and (min-width: 1300px) {
  .tn-news__item--full-width .md-card-image-link img {
    height: auto;
  }
}
@media only screen and (min-width: 960px) {
  .tn-new-preview .main_title {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.25px;
  }
}

.tn-new-preview .main_title + .tn-new-preview__date {
  margin-top: -12px;
}

.tn-new-preview__date {
  margin-bottom: 30px;
  color: #000;
}

.tn-new-preview__short-desc {
  margin-bottom: 30px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.tn-new-preview__image {
  margin-bottom: 40px;
}
.tn-new-preview__image img {
  width: 100%;
}

.tn-new-preview__desc-holder {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media only screen and (max-width: 850px) {
  .tn-new-preview__desc-holder {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.tn-new-preview__other-news {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 350px;
  margin-left: 50px;
}
.tn-new-preview__other-news .tn-news {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.tn-new-preview__other-news .tn-news__item {
  max-height: 466px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 850px) {
  .tn-new-preview__other-news {
    width: 100%;
    margin-left: 0;
  }
  .tn-new-preview__other-news .tn-news > div {
    max-height: 100%;
  }
}
.tn-new-preview__desc {
  margin-bottom: 30px;
  width: calc(100% - 400px);
}
.tn-new-preview__desc > * {
  margin: 30px 0;
}
.tn-new-preview__desc > *:first-child {
  margin-top: 0;
}
.tn-new-preview__desc > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 850px) {
  .tn-new-preview__desc {
    width: 100%;
  }
}
.tn-new-preview__title {
  margin-bottom: 32px;
  padding-bottom: 8px;
  border-bottom: 3px solid #e48900;
  overflow: hidden;
}
@media only screen and (max-width: 850px) {
  .tn-new-preview__title {
    margin-top: 30px;
  }
}
.tn-new-preview .tn-news {
  margin: 0 -8px;
}
.tn-new-preview .tn-news__item {
  margin-top: 0;
  padding: 0 8px;
}
@media only screen and (max-width: 959px) {
  .tn-new-preview .tn-news__item:not(:first-child) {
    margin-top: 32px;
  }
}
.tn-news-header {
  padding: 18px 0;
  background: #063851;
}
.tn-news-header .md-button {
  margin: 0;
  color: #fff;
}
.tn-news-header md-icon {
  color: #fff;
}
.tn-news-header .title {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
}
@media only screen and (min-width: 960px) {
  .tn-news-header .title {
    font-size: 24px;
    line-height: 28px;
  }
}
.tn-news-header .dtbl_all {
  height: 60px;
}
@media only screen and (min-width: 960px) {
  .tn-news-header .dtbl_all {
    height: 80px;
  }
}
.tn-news-header .dcl_all {
  vertical-align: middle;
  padding-left: 25px;
}
.tn-news-header .dcl_all:first-child {
  padding-left: 0;
}
.tn-news-header .dcl_all.icon-cl {
  width: 50px;
  padding: 0;
}
.tn-news-header .dcl_all.icon-cl + .dcl_all.title-cl {
  padding-left: 10px;
}
.tn-news-header .dcl_all.image-cl {
  width: 125px;
  padding-left: 5px;
}
.tn-news-header .dcl_all.image-cl img {
  display: block;
  max-width: 120px;
}

.tn-news--slider {
  position: relative;
}
.tn-news--slider .tn-news__item:not(:first-child):not(.tns-item) {
  display: none;
}
.tn-news--slider md-card {
  box-shadow: none;
}

.homepage-index {
  flex: 1 1 auto;
}

.hp-hero {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 20%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
@media only screen and (min-width: 1460px) {
  .hp-hero {
    min-height: 302px;
    padding: 0;
    background-size: auto;
  }
}
@media only screen and (max-width: 991px) {
  .hp-hero {
    display: none;
  }
}
.hp-hero-mobile {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 30.47%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: none;
}
@media only screen and (max-width: 991px) {
  .hp-hero-mobile {
    display: block;
  }
}
.hp-nav {
  max-width: 1920px;
  margin: 0 auto;
  background: #f0f0f0;
}
.hp-nav nav {
  display: none;
}
@media only screen and (min-width: 600px) {
  .hp-nav nav {
    display: block;
  }
}
.hp-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hp-nav li {
  margin: 0;
  padding: 0;
  background: none;
  margin-right: 32px;
}
.hp-nav li:last-child {
  margin-right: 0;
}
.hp-nav li:before {
  display: none;
}
.hp-nav a {
  display: block;
  color: #063851;
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.hp-nav a:hover {
  color: #fdde12;
}
.hp-nav .region-side {
  -webkit-box-flex: 0 0 200px;
  -moz-box-flex: 0 0 200px;
  -webkit-flex: 0 0 200px;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  max-width: 200px;
}
@media only screen and (min-width: 600px) {
  .hp-nav .region-side {
    border-left: 1px solid #b0bec5;
    padding-left: 10px;
  }
}
.hp-nav .region-side md-input-container {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
}
.hp-nav .region-side md-input-container md-icon {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 0 0 32px;
  -moz-box-flex: 0 0 32px;
  -webkit-flex: 0 0 32px;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  max-width: 32px;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  color: #fdde12;
  font-size: 32px;
  text-align: center;
}
.hp-nav .region-side md-input-container md-select {
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.hp-nav .region-side md-input-container md-select md-select-value {
  padding: 2px 2px 2px 0 !important;
  border: 0 none !important;
  color: #37474f;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.75px;
  text-transform: uppercase;
}
.hp-nav .region-side md-input-container md-select .md-select-icon {
  display: flex;
  align-items: center;
  width: auto;
  transform: none;
}
.hp-nav .region-side md-input-container md-select .md-select-icon:after {
  display: none;
}
.hp-nav .region-side md-input-container md-select .md-select-icon:before {
  all: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 8px solid #37474f;
  border-bottom: 0;
}

.hp-title {
  margin: 0 0 32px 0;
  color: #000000;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.25px;
}
@media only screen and (min-width: 960px) {
  .hp-title {
    margin: 0 0 40px 0;
  }
}
.hp-blocks {
  max-width: 850px;
  margin: 42px auto 0;
}
.hp-blocks > div {
  margin: 4px 0 0 0;
}
@media only screen and (min-width: 960px) {
  .hp-blocks > div {
    margin: 0 0 0 4px;
  }
}
.hp-blocks > div:first-child {
  margin: 0;
}
.hp-blocks > div:first-child .hp-blocks__block {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.hp-blocks > div:last-child .hp-blocks__block {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.hp-blocks__block {
  padding: 32px 20px 32px 20px;
  background: #eceff1;
}
@media only screen and (min-width: 600px) {
  .hp-blocks__block {
    padding: 60px 20px 50px 20px;
  }
}
.hp-blocks__block .value {
  margin-bottom: 10px;
  color: #fdde12;
  font-size: 60px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  letter-spacing: -0.5px;
  white-space: nowrap;
}
.hp-blocks__block .md-title {
  margin: 0;
  color: #000000;
  font-weight: normal;
  text-align: center;
}

.hp-section {
  margin-bottom: 60px;
}
@media only screen and (min-width: 960px) {
  .hp-section {
    margin-bottom: 68px;
  }
}
.hp-section__actions {
  margin-top: 32px;
}
.hp-section__actions .md-button {
  margin: 0;
}
.hp-section .results_list .one_result .results_score_holder span sup {
  position: relative;
  right: 3px;
}

.hp-section--blocks {
  margin: 0;
  padding: 48px 0 0;
  border-top: 1px solid #b0bec5;
}
.hp-section--blocks .hp-section__logo {
  width: 170px;
  height: 80px;
  margin: 0 auto 20px;
  background-image: url("../img/logo.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hp-section--blocks .hp-section__title {
  color: #000000;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}
@media only screen and (min-width: 960px) {
  .hp-section--blocks .hp-section__title {
    font-size: 28px;
    line-height: 34px;
  }
}
.hp-section--blocks .hp-section__subtitle {
  max-width: 90%;
  margin: 15px auto 0;
  color: #000000;
}
@media only screen and (min-width: 960px) {
  .hp-section--blocks .hp-section__subtitle {
    max-width: 76%;
  }
}
.hp-section--blocks .hp-section__actions {
  margin-top: 32px;
}
.hp-section--blocks .more-link {
  color: #7db342;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
}
.hp-section--blocks .more-link:hover {
  text-decoration: underline;
}

.hp-section--slides .tns-ovh,
.hp-section--news .tns-ovh {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.hp-section--slides .tn-news,
.hp-section--news .tn-news {
  margin: 0;
}
.hp-section--slides .tn-news__item,
.hp-section--news .tn-news__item {
  padding: 0;
}

.hp-section--slides .tns-nav,
.hp-section--news .tns-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: 32px;
}
.hp-section--slides .tns-nav button,
.hp-section--news .tns-nav button {
  all: unset;
  display: block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  padding: 0;
  background: #c4c4c4;
  border-radius: 50%;
  border: 3px solid #c4c4c4;
  cursor: pointer;
}
.hp-section--slides .tns-nav button.tns-nav-active,
.hp-section--news .tns-nav button.tns-nav-active {
  background: #000000;
}

.hp-section--news .tn-news .md-headline {
  min-height: 72px;
}

@media only screen and (max-width: 959px) {
  .hp-section--news .tn-news md-card-content {
    display: none;
  }
}

.hp-section--tournaments .tn-tournament-list__item {
  margin: 0;
}
@media only screen and (max-width: 959px) {
  .hp-section--tournaments .tn-tournament-list__item {
    margin-top: 32px;
  }
  .hp-section--tournaments .tn-tournament-list__item:first-child {
    margin-top: 0;
  }
}
.hp-section--matches .results_list > [layout="row"] {
  margin: 0 -9px;
}
.hp-section--matches .results_list > [layout="row"] > div {
  margin: 20px 0 0 0;
  padding: 0 9px;
}
.hp-section--matches .results_list > [layout="row"] > div:first-child {
  margin-top: 0;
}
.hp-section--matches .results_list > [layout="row"] > div:nth-child(n + 7) {
  display: none;
}
@media only screen and (min-width: 960px) {
  .hp-section--matches .results_list > [layout="row"] > div:nth-child(-n + 2) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .hp-section--matches .results_list > [layout="row"] > div:nth-child(-n + 3) {
    margin-top: 0;
  }
}
.hp-section--matches .results_list.show-all > [layout="row"] > div {
  display: block;
}

.hp-section--banners {
  border-top: 1px solid #b0bec5;
  padding-top: 60px;
}
.hp-section--banners .banners-holder {
  margin: 0 -5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.hp-section--banners .banners-holder .banner-item {
  width: calc(50% - 10px);
  margin: 0 5px;
  border-radius: 5px;
}
.hp-section--banners .banners-holder .banner-item:first-child .image-holder {
  background-image: url("../img/h2h_singles_banner.png");
}
.hp-section--banners .banners-holder .banner-item:nth-child(2) .image-holder {
  background-image: url("../img/h2h_duos_banner.png");
}
.hp-section--banners .banners-holder .banner-item .image-holder {
  border-radius: 5px 5px 0 0;
  padding: 0px 0px 45% 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hp-section--banners .banners-holder .banner-item .content-holder {
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-flow: column nowrap;
  -moz-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.hp-section--banners .banners-holder .banner-item .content-holder > p {
  margin: 0px 0px 20px 0px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .hp-section--banners .banners-holder .banner-item {
    width: 100%;
    margin: 0;
  }
  .hp-section--banners .banners-holder .banner-item:first-child {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 960px) {
  .hp-section--banners {
    padding-top: 68px;
  }
}
.region_modal {
  max-width: 323px;
}
.region_modal .md-dialog-content {
  position: relative;
  min-width: 0;
  padding-top: 66px;
}
.region_modal .close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.region_modal .close md-icon {
  color: #000000;
}
.region_modal .title {
  color: #000000;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.25px;
}
.region_modal .subtitle {
  margin-top: 20px;
  color: #000000;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.5px;
}
.region_modal .actions {
  margin-top: 32px;
}

.hp-section--slides.tn-banners {
  position: relative;
}

.tn-banners .tns-ovh {
  box-shadow: none;
}

.tn-banners .tns-nav {
  position: absolute;
  bottom: 10px;
  left: 48%;
  display: flex;
  justify-content: center;
  z-index: 1;
}

.tn-banners .tns-nav button {
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
}

.banner_nav {
  position: relative;
  display: flex;
}

.banner_nav .prev,
.banner_nav .next {
  position: absolute;
  cursor: pointer;
  z-index: 2;
}

.banner_nav .prev {
  left: 30px;
  opacity: 0.7;
}

.banner_nav .next {
  right: 30px;
  opacity: 0.7;
}

.arrow-plc {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  top: 40%;
}

.tn-news--slider .tn-banners__item:not(:first-child):not(.tns-item) {
  display: none;
}

@media only screen and (max-width: 599px) {
  .arrow-plc {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    top: 30%;
  }
  .banner_nav .prev {
    left: 10px;
    width: 30px;
  }
  .banner_nav .next {
    right: 10px;
    width: 30px;
  }
}

@media only screen and (max-width: 380px) {
  .arrow-plc {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    top: 28%;
  }
  .banner_nav .prev {
    left: 10px;
    width: 25px;
  }
  .banner_nav .next {
    right: 10px;
    width: 25px;
  }
}

.message {
  margin-bottom: 32px;
  padding: 20px;
}
@media only screen and (min-width: 960px) {
  .message {
    padding: 32px;
  }
}
.message__text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
@media only screen and (min-width: 960px) {
  .message__text {
    font-size: 18px;
    line-height: 28px;
  }
}
.message .termscond-checkbox {
  margin: 28px 0 32px;
  padding: 0;
  font-size: 0;
}
.message .termscond-checkbox md-checkbox {
  min-height: 0;
  padding-left: 32px;
}
.message .termscond-checkbox md-checkbox .md-ink-ripple {
  position: absolute;
  top: 3px;
  left: 0;
  margin: 0;
  -webkit-transform: noneempty-map();
  -moz-transform: noneempty-map();
  transform: noneempty-map();
}
@media only screen and (min-width: 960px) {
  .message .termscond-checkbox md-checkbox .md-ink-ripple {
    top: 5px;
  }
}
.message .termscond-checkbox md-checkbox .md-label {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
@media only screen and (min-width: 960px) {
  .message .termscond-checkbox md-checkbox .md-label {
    font-size: 18px;
    line-height: 28px;
  }
}
.message__actions .md-button {
  margin: 0;
}

.message--notice {
  background: #fffbe3;
  border: 1px solid #fef5b8;
}

table.clubs-table {
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
}
table.clubs-table th,
table.clubs-table td {
  padding: 8px 8px 8px 12px;
  border: 0 none;
  border-bottom: 1px solid #ededed;
  text-align: left;
}
table.clubs-table th .mw120,
table.clubs-table td .mw120 {
  min-width: 120px;
  text-align: center;
}
table.clubs-table th {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.4px;
}
table.clubs-table td.cl-club {
  width: 30%;
}
table.clubs-table td.cl-achievements {
  width: 100%;
}
table.clubs-table .club {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  text-decoration: none !important;
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  transition: color 150ms ease-in-out;
}
table.clubs-table .club__image {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 0 0 40px;
  -moz-box-flex: 0 0 40px;
  -webkit-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  max-width: 40px;
  width: 40px;
  height: 40px;
}
table.clubs-table .club__image img {
  display: block;
}
table.clubs-table .club__image md-icon {
  height: 28px;
  width: 28px;
  min-height: 28px;
  min-width: 28px;
  color: #fff;
  font-size: 28px;
}
table.clubs-table .club__image.icon {
  background: #b0bec5;
}
table.clubs-table .club__image + .club__title {
  margin-left: 16px;
}
table.clubs-table .club__title {
  display: block;
}
table.clubs-table .club:hover {
  color: #fdde12;
}
table.clubs-table--club-info {
  width: 100%;
  border-top: 1px solid #ededed;
}
@media only screen and (min-width: 600px) {
  table.clubs-table--club-info {
    min-width: 550px;
    width: auto;
  }
}
table.clubs-table--club-info td {
  height: 54px;
}
table.clubs-table--players-info {
  width: 100%;
}

.profile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  text-decoration: none;
}
.profile__image,
.profile__icon {
  -webkit-box-flex: 0 0 40px;
  -moz-box-flex: 0 0 40px;
  -webkit-flex: 0 0 40px;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -moz-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  max-width: 40px;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  border-radius: 50%;
  overflow: hidden;
}
.profile__image {
  border: 2px solid #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.profile__icon {
  border: 2px solid #b0bec5;
}
.profile__icon md-icon {
  display: block;
  height: auto;
  width: auto;
  min-height: 0;
  min-width: 0;
  color: #b0bec5;
  font-size: 28px;
}
.profile__name {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.club-info {
  margin-top: 50px;
}

.tn-club-preview .tn-txtimg {
  max-width: 720px;
}

.tn-club-preview md-tab-content {
  padding-top: 24px;
}

.tn-club-preview md-tabs .md-tab {
  color: #778899;
}
.tn-club-preview md-tabs .md-tab md-icon {
  color: #778899;
}
.tn-club-preview md-tabs .md-tab.md-active {
  color: #fdde12;
}
.tn-club-preview md-tabs .md-tab.md-active md-icon {
  color: #fdde12;
}

.trophies-modal {
  max-width: 800px;
}
.trophies-modal .md-dialog-content {
  min-width: 0;
}

@media only screen and (max-width: 767px) {
  .tn-trophies-table__row {
    position: relative;
    min-height: 74px;
    padding: 12px 0 12px 66px;
    border-bottom: 1px solid #dadada;
  }
  .tn-trophies-table__row.head {
    display: none !important;
  }
  .tn-trophies-table__row.head + .tn-trophies-table__row {
    border-top: 1px solid #dadada;
  }
  .tn-trophies-table__cell {
    margin-bottom: 6px;
  }
  .tn-trophies-table__cell:last-child {
    margin-bottom: 0;
  }
  .tn-trophies-table__cell.image {
    position: absolute;
    top: 12px;
    left: 0;
    margin: 0;
  }
  .tn-trophies-table__cell.image img {
    display: block;
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
    overflow: hidden;
  }
}

@media only screen and (min-width: 768px) {
  .tn-trophies-table {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 0 none;
    border-spacing: 0;
    border-collapse: collapse;
  }
  .tn-trophies-table__row {
    display: table-row;
    border-bottom: 1px solid #dadada;
  }
  .tn-trophies-table__row.head .tn-trophies-table__cell {
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: 0.4px;
  }
  .tn-trophies-table__cell {
    display: table-cell;
    vertical-align: middle;
    padding: 12px 15px 12px 0;
    color: #000;
  }
  .tn-trophies-table__cell.image {
    width: 114px;
    padding-left: 12px;
    padding-right: 0;
  }
  .tn-trophies-table__cell.image img {
    display: block;
    max-width: 62px;
    max-height: 62px;
    border-radius: 50%;
    overflow: hidden;
  }
}

.ratings {
  font-size: 14px;
  min-height: calc(100vh + 155px);
}
.ratings .ratings-profile-search {
  margin: 0;
}
.ratings-list-container {
  position: sticky;
  top: 10px;
}
.ratings-list-container .ranks-search-holder {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}
.ratings-list-container .ranks-search-holder .ranking-desc-link {
  text-decoration: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ratings-list-container .ranks-search-holder .ranking-desc-link:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 600px) {
  .ratings-list-container .ranks-search-holder .ranking-desc-link {
    display: none;
  }
}
.ratings-list {
  margin: 0 -9px;
}
.ratings-list__item {
  margin-bottom: 56px;
  padding: 0 9px;
}
.ratings-list md-card {
  flex: 1;
  margin: 0;
  border-radius: 3px;
  overflow: hidden;
}
.ratings-list md-card .updated-date {
  padding: 8px 15px;
  color: rgba(0, 0, 0, 0.54);
}
.ratings-list md-card md-card-content {
  flex: 1;
  padding: 23px;
  font-size: 12px;
}
.ratings-list md-card md-card-content p {
  margin: 0;
}
.ratings-list md-card md-card-content .rating,
.ratings-list md-card md-card-content .rating-delta {
  min-width: 60px;
}
.ratings-list md-card md-card-content md-list-item .rating,
.ratings-list md-card md-card-content md-list-item .rating-delta {
  min-width: 50px;
}
.ratings-list md-card md-card-title {
  color: white;
  background: #263238;
}
.ratings-list md-card md-card-actions {
  margin: 0;
  padding: 10px 13px;
}
.ratings-list md-card md-card-actions .md-button {
  letter-spacing: 0.75px;
}
.ratings-header {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.54);
  text-align: center;
  align-items: center;
  margin-top: 30px;
}
@media only screen and (max-width: 959px) {
  .ratings-header {
    text-align: left;
  }
}
.ratings-header .rating,
.ratings-header .rating-delta {
  min-width: 70px;
}
.ratings-header .player {
  min-width: 240px;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .ratings-header .player {
    text-align: left;
    min-width: 220px;
  }
}
@media only screen and (max-width: 768px) {
  .ratings-header .player {
    min-width: auto;
  }
}
.ratings-header .tournament {
  position: relative;
}
.ratings-header .tournament.first {
  padding-left: 25px;
}
.ratings-header .tournament.first button {
  left: 0;
  display: inline-block;
}
.ratings-header .tournament.last {
  padding-right: 25px;
}
.ratings-header .tournament.last button {
  right: 0;
  display: inline-block;
}
.ratings-header .tournament button {
  background: transparent;
  padding: 0;
  border: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  transition: all 0.3s ease-in-out;
  display: none;
}
.ratings-header .tournament button:hover {
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}
.ratings-virtual-list {
  height: 700px;
  height: 100vh;
}
.ratings-virtual-list .selected-profile {
  background-color: #aaaaaa;
}
.ratings-virtual-list .md-virtual-repeat-scroller {
  overflow: hidden;
}
.ratings-list md-list-item {
  border-top: 1px solid #dddddd;
}
.ratings-list md-list-item .md-button {
  letter-spacing: normal;
  line-height: normal;
}
.ratings-list md-list-item .points-wrapper .points:first-child {
  font-weight: bold;
}
.ratings-list md-list-item .player {
  width: 300px;
}
@media only screen and (max-width: 768px) {
  .ratings-list md-list-item .player {
    width: 100%;
  }
}
.ratings-list md-list-item .points {
  text-align: center;
}
.ratings-list md-list-item .rating,
.ratings-list md-list-item .rating-delta {
  min-width: 60px;
  text-align: center;
}
.ratings-list md-list-item .rating-delta {
  margin-right: 10px;
  visibility: hidden;
}
.ratings-list md-list-item .rating-delta md-icon {
  margin-right: -5px;
}
.ratings-list md-list-item .rating-delta.negative,
.ratings-list md-list-item .rating-delta.positive {
  visibility: visible;
}
.ratings-list md-list-item .rating-delta.negative {
  color: red;
}
.ratings-list md-list-item .rating-delta.negative md-icon {
  color: red;
}
.ratings-list md-list-item .rating-delta.positive {
  color: #7db341;
}
.ratings-list md-list-item .rating-delta.positive md-icon {
  color: #7db341;
}
@media only screen and (max-width: 768px) {
  .ratings .points,
  .ratings .tournament,
  .ratings .points-wrapper {
    display: none;
  }
}
.player1-search-holder,
.player2-search-holder {
  position: relative;
}
.player1-search-holder .tn_player_search,
.player2-search-holder .tn_player_search {
  margin-top: 25px;
}
.player1-search-holder .tn_player_search .md-input,
.player2-search-holder .tn_player_search .md-input {
  height: 30px;
}
.player1-search-holder .user-list,
.player2-search-holder .user-list {
  position: absolute;
  left: 0;
  top: 59px;
  background: #fff;
  z-index: 2;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.versus-holder {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.versus-holder > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background-color: #dcedc8;
  width: 49px;
  height: 49px;
  border-radius: 50%;
  font-family: Roboto;
  font-size: 18px;
  margin: 20px auto 0 auto;
}

.progress-bar {
  padding: 5px 0;
}

.head2head-table-holder {
  margin-bottom: 55px;
  padding-top: 40px;
  border-top: 1px solid #cfd8dc;
}
.head2head-table-holder > table {
  width: 100%;
  border-bottom: 1px solid #cfd8dc;
}
.head2head-table-holder > table > tbody > tr:nth-child(odd) {
  background-color: #eceff1;
  text-align: center;
  font-family: Roboto;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
}
.head2head-table-holder > table > tbody > tr:nth-child(even) td {
  font-family: Roboto;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.5px;
}
.head2head-table-holder > table > tbody > tr:nth-child(even) td:first-child {
  text-align: right;
  padding: 15px 27px 15px 34px;
}
.head2head-table-holder
  > table
  > tbody
  > tr:nth-child(even)
  td:first-child
  .tn-ratings__list {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  padding-right: 0;
}
.head2head-table-holder
  > table
  > tbody
  > tr:nth-child(even)
  td:first-child
  .tns-nav {
  text-align: center;
  display: inline-block;
}
.head2head-table-holder > table > tbody > tr:nth-child(even) td:last-child {
  text-align: left;
  padding: 15px 34px 15px 27px;
}
.head2head-table-holder > table > tbody > tr:nth-child(even) td:only-child {
  padding: 15px 27px 15px 27px;
}
.head2head-table-holder > table > tbody > tr:nth-child(even) td .achievements {
  max-width: 300px;
  display: inline-block;
}
.head2head-table-holder
  > table
  > tbody
  > tr:nth-child(even)
  td
  .tn-ratings__list-item {
  max-width: 120px;
  min-width: 120px;
}
.head2head-table-holder > table > tbody > tr td {
  padding: 21px 34px;
}
.head2head-table-holder > table > tbody > tr td:first-child .tns-outer {
  text-align: right;
}
.head2head-table-holder > table > tbody > tr td table {
  border-bottom: none;
  width: 100%;
}
.head2head-table-holder > table > tbody > tr td table tr {
  background-color: transparent;
}
.head2head-table-holder > table > tbody > tr td table tr td {
  padding: 0 !important;
}
.head2head-table-holder > table > tbody > tr td table tr td .player-stats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr
  td
  .player-stats
  .percentage {
  font-family: Roboto;
  font-weight: bold;
  font-size: 36px;
  line-height: 42px;
  color: #263238;
  margin: 15px 0 50px 0;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr
  td
  .player-stats
  .percentage.win {
  color: #7db342;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr
  td
  .player-stats
  .player-image-holder {
  max-height: 110px;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr
  td
  .player-stats
  .player-image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 0 30px 0;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr
  td
  .player-stats
  .player-image.icon {
  font-size: 69px;
  border: 1px solid #778899;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr
  td
  .player-stats
  .player-name {
  font-family: Roboto;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 15px 0;
  max-width: 200px;
  text-decoration: none;
  color: #263238;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr
  td
  .player-stats
  .game-streak {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: 30px;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr
  td
  .player-stats
  .game-streak
  > span {
  color: #ffffff;
  width: 24px;
  height: 24px;
  margin: 0 2px;
  font-size: 14px;
  line-height: 24px;
  border-radius: 50%;
  text-align: center;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr
  td
  .player-stats
  .game-streak__win {
  background: #7db342;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr
  td
  .player-stats
  .game-streak__lose {
  background: #ff0c3e;
}
.head2head-table-holder > table > tbody > tr td table tr.player-stats-row > td {
  width: 33.33%;
}
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr.player-stats-row
  > td:first-child,
.head2head-table-holder
  > table
  > tbody
  > tr
  td
  table
  tr.player-stats-row
  > td:last-child {
  vertical-align: top;
}
@media only screen and (max-width: 599px) {
  .head2head-table-holder
    > table
    > tbody
    > tr
    td
    table
    tr.player-stats-row
    > td {
    width: 50%;
  }
  .head2head-table-holder
    > table
    > tbody
    > tr
    td
    table
    tr.player-stats-row
    > td:first-child
    .player-stats {
    padding-right: 10px;
  }
  .head2head-table-holder
    > table
    > tbody
    > tr
    td
    table
    tr.player-stats-row
    > td:last-child
    .player-stats {
    padding-left: 10px;
  }
  .head2head-table-holder
    > table
    > tbody
    > tr
    td
    table
    tr.player-stats-row
    .players-compare {
    display: none;
  }
}
.head2head-table-holder .info-icon {
  color: #7db342;
  font-size: 20px;
  vertical-align: top;
  cursor: pointer;
}
.head2head-table-holder .tns-nav {
  padding: 0;
  width: 120px;
  text-align: center;
}
.head2head-table-holder .tns-nav button {
  width: 12px;
  height: 12px;
  background: #c4c4c4;
  border-radius: 50%;
  border: none;
  margin: 0 2px;
  position: relative;
  vertical-align: middle;
  padding: 0;
}
.head2head-table-holder .tns-nav button.tns-nav-active:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #000;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 50%;
}

.players-compare {
  text-align: center;
}
.players-compare .progress-circle {
  position: relative;
  display: inline-block;
  margin: 1rem;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #263238;
  width: 200px;
  height: 200px;
}
.players-compare .progress-circle:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: colorload 2s;
  animation: colorload 2s;
}
.players-compare .progress-circle span {
  font-size: 1.5rem;
  color: #8b8b8b;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}
.players-compare .progress-circle span:after {
  content: "%";
  font-weight: 600;
  color: #8b8b8b;
}
.players-compare .progress-circle.progress-0:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(90deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-1:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(93.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-2:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(97.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-3:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(100.8deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-4:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(104.4deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-5:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(108deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-6:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(111.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-7:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(115.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-8:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(118.8deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-9:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(122.4deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-10:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(126deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-11:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(129.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-12:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(133.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-13:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(136.8deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-14:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(140.4deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-15:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(129.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-16:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(133.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-17:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(136.8deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-18:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(140.4deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-19:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(144deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-20:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(151.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-21:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(158.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-22:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(161.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-23:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(165.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-24:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(169.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-25:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(180deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-26:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(183.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-27:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(187.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-28:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(190.8deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-29:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(194.4deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-30:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(198deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-31:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(201.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-32:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(205.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-33:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(208.8deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-34:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(212.4deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-35:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(216deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-40:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(234deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-36:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(219.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-37:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(223.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-38:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(226.8deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-39:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(230.4deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-41:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(237.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-42:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(241.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-43:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(244.8deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-44:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(248.4deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-45:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(252deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-46:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(255.6deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-47:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(259.2deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-48:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(262.8deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-49:after {
  background-image: linear-gradient(
      90deg,
      #263238 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(266.4deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-50:after {
  background-image: linear-gradient(
      -90deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-51:after {
  background-image: linear-gradient(
      -86.4deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-52:after {
  background-image: linear-gradient(
      -82.6deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-53:after {
  background-image: linear-gradient(
      -79.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-54:after {
  background-image: linear-gradient(
      -75.6deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-55:after {
  background-image: linear-gradient(
      -72deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-56:after {
  background-image: linear-gradient(
      -68.4deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-57:after {
  background-image: linear-gradient(
      -64.8deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-58:after {
  background-image: linear-gradient(
      -61.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-59:after {
  background-image: linear-gradient(
      -57.6deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-60:after {
  background-image: linear-gradient(
      -54deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-61:after {
  background-image: linear-gradient(
      -50.4deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-62:after {
  background-image: linear-gradient(
      -46.8deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-63:after {
  background-image: linear-gradient(
      -43.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-64:after {
  background-image: linear-gradient(
      -39.6deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-65:after {
  background-image: linear-gradient(
      -36deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-66:after {
  background-image: linear-gradient(
      -32.4deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-67:after {
  background-image: linear-gradient(
      -28.8deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-68:after {
  background-image: linear-gradient(
      -25.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-69:after {
  background-image: linear-gradient(
      -21.6deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-70:after {
  background-image: linear-gradient(
      -18deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-71:after {
  background-image: linear-gradient(
      -14.4deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-72:after {
  background-image: linear-gradient(
      -10.8deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-73:after {
  background-image: linear-gradient(
      -7.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-74:after {
  background-image: linear-gradient(
      -3.6deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-75:after {
  background-image: linear-gradient(
      0deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-76:after {
  background-image: linear-gradient(
      3.6deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-77:after {
  background-image: linear-gradient(
      7.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-78:after {
  background-image: linear-gradient(
      10.8deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-79:after {
  background-image: linear-gradient(
      14.4deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-80:after {
  background-image: linear-gradient(
      18deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-81:after {
  background-image: linear-gradient(
      21.6deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-82:after {
  background-image: linear-gradient(
      25.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-83:after {
  background-image: linear-gradient(
      28.8deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-84:after {
  background-image: linear-gradient(
      32.4deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-85:after {
  background-image: linear-gradient(
      36deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-86:after {
  background-image: linear-gradient(
      39.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-87:after {
  background-image: linear-gradient(
      43.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-88:after {
  background-image: linear-gradient(
      46.8deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-89:after {
  background-image: linear-gradient(
      50.4deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-90:after {
  background-image: linear-gradient(
      54deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-91:after {
  background-image: linear-gradient(
      57.6deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-92:after {
  background-image: linear-gradient(
      61.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-93:after {
  background-image: linear-gradient(
      64.8deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-94:after {
  background-image: linear-gradient(
      68.4deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-95:after {
  background-image: linear-gradient(
      72deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-96:after {
  background-image: linear-gradient(
      75.6deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-97:after {
  background-image: linear-gradient(
      79.2deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-98:after {
  background-image: linear-gradient(
      82.8deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-99:after {
  background-image: linear-gradient(
      86.4deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}
.players-compare .progress-circle.progress-100:after {
  background-image: linear-gradient(
      90deg,
      #7db342 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #7db342 50%, #263238 50%, #263238);
}

@-webkit-keyframes colorload {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}
.players-compare .progress-circle.winner-p1 {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.players-compare .progress-circle.winner-p1 img {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.players-compare .progress-circle span {
  width: 170px;
  height: 170px;
  margin-left: -85px;
  margin-top: -85px;
}
.players-compare .progress-circle span:after {
  content: "";
}
.players-compare .progress-circle span img {
  position: relative;
  top: 30px;
}

.players-tournament-holder
  .results_list
  .one_result
  .res_body
  .results_score_holder
  > span {
  padding-right: 5px;
}
.players-tournament-holder
  .results_list
  .one_result
  .res_body
  .results_score_holder
  > span
  sup {
  position: relative;
  right: 3px;
}

.players-tournament-holder .results_list .one_result .res_footer > span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}


/* Naujos klasės su panašiu dizainu */

.custom-md-avatar {
  border: 2px solid #B0BEC5;
  color: #B0BEC5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 13px 0 0;
  flex-shrink: 0;
   display: inline-flex;
  align-items: center;
  justify-content: center;
}

.custom-md-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.custom-md-list-item-text {
    margin: 0;
    padding-right: 8px;
    margin-right: 40px;
    width: 100%;
}

.custom-md-list-item-text .custom-title {
    letter-spacing: 0.25px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
}

.custom-md-list-item-text .custom-text {
    color: #546E7A;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.custom-md-list-item-text .custom-text a {
    color: #546E7A;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-decoration: none;
}

.custom-md-list-item-text .custom-text a:hover {
    text-decoration: underline;
}


.custom-checkbox-email {
  width: 18px;
  height: 18px;
  border: 2px solid #757575;
  border-color: rgba(44, 84, 104, 0.87);
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.2s ease;
}

.custom-checkbox-email:checked {
  background-color: rgba(44, 84, 104, 0.87); 
  border-color: rgba(44, 84, 104, 0.00);
}

.custom-checkbox-email:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #fff; 
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.custom-checkbox-email:disabled {
  border-color: #bdbdbd;
  background-color: #9e9e9e;
  cursor: default;
}

.custom-checkbox-email:disabled:checked::after {
  border-color: #fff; 
}


.custom-checkbox {
  width: 18px;
  height: 18px;
  border: 2px solid #757575;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 0.2s ease;
}

.custom-checkbox:checked {
  background-color: rgba(139, 195, 74, 0.87);
  border-color: rgba(139, 195, 74, 0.87);
}

.custom-checkbox:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.custom-checkbox:disabled {
  border-color: #bdbdbd;
  background-color: #9e9e9e;
  cursor: default;
}

.custom-checkbox:disabled:checked::after {
  border-color: #fff; 
}

/* Custom MD-Select Dizainas */
.custom-md-select-container {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}

.custom-md-select-container label {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 4px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: color 0.3s;
}

.custom-md-select-container:focus-within label {
  color: #063851;
}

.custom-md-select-wrapper {
  position: relative;
  display: inline-block;
  min-width: 120px;
  width: 100%;
}

.custom-md-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
  transition: border-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  min-height: 24px;
  background-color: transparent;
}


.custom-md-select-trigger:hover {
  border-bottom-color: rgba(0, 0, 0, 0.26);
}

.custom-md-select-trigger.active {
  border-bottom-color: #063851;
  border-bottom-width: 2px;
}

.custom-md-select-value {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 8px;
  font-size: 16px;
  text-transform: uppercase;
}

.custom-md-select-arrow {
  color: rgba(0, 0, 0, 0.54);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  margin-left: 8px;
  flex-shrink: 0;
}

.custom-md-select-trigger.active .custom-md-select-arrow {
  transform: rotate(180deg);
  color: #063851;
}

.custom-md-select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
  margin-top: 4px;
}

.custom-md-select-option {
  padding: 0 16px;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
  transition: background-color 0.2s;
  min-height: 48px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.custom-md-select-option:last-child {
  border-bottom: none;
}


.custom-md-select-option:hover {
  background-color: #eee;
  color: rgba(0, 0, 0, 0.87);
}


.custom-md-select-option.selected {
  background-color: #eee;
  color: #063851;
}

.custom-md-select-option:active {
  background-color: rgba(6, 56, 81, 0.3);
}
/*court select*/
.custom-court-md-select-container {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}

.custom-court-md-select-container label {
  position: absolute;
  top: 32px;
  left: 0;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  pointer-events: none;
  z-index: 1;
}

.custom-court-md-select-trigger.active ~ label,
.custom-court-md-select-container:focus-within label {
  top: 0;
  font-size: 12px;
  color: #063851;
}

.custom-court-md-select-container label.md-floating {
  top: 0;
  font-size: 12px;
  color: #063851;
}

.custom-court-md-select-wrapper {
  position: relative;
  display: inline-block;
  min-width: 120px;
  width: 100%;
}

.custom-court-md-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  padding-top: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  transition: border-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  min-height: 48px;
  background-color: transparent;
}

.custom-court-md-select-trigger:hover {
  border-bottom-color: rgba(0, 0, 0, 0.26);
}

.custom-court-md-select-trigger.active {
  border-bottom-color: #063851;
  border-bottom-width: 2px;
}

.custom-court-md-select-value {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 8px;
  font-size: 16px;
}

.custom-court-md-select-arrow {
  color: rgba(0, 0, 0, 0.54);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  margin-left: 8px;
  flex-shrink: 0;
}

.custom-court-md-select-trigger.active .custom-court-md-select-arrow {
  transform: rotate(180deg);
  color: #063851;
}

.custom-court-md-select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
  margin-top: 4px;
}

.custom-court-md-select-option {
  padding: 0 16px;
  cursor: pointer;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  transition: background-color 0.2s;
  min-height: 48px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.custom-court-md-select-option:last-child {
  border-bottom: none;
}

.custom-court-md-select-option:hover {
  background-color: #eee;
  color: rgba(0, 0, 0, 0.87);
}

.custom-court-md-select-option.selected {
  background-color: #eee;
  color: #063851;
}

.custom-court-md-select-option:active {
  background-color: rgba(6, 56, 81, 0.3);
}

/*court surface select*/
.custom-court-surface-md-select-container {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}

.custom-court-surface-md-select-container label {
  position: absolute;
  top: 32px;
  left: 0;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  pointer-events: none;
  z-index: 1;
}

.custom-court-surface-md-select-trigger.active ~ label,
.custom-court-surface-md-select-container:focus-within label {
  top: 0;
  font-size: 12px;
  color: #063851;
}

.custom-court-surface-md-select-container label.md-floating {
  top: 0;
  font-size: 12px;
  color: #063851;
}

.custom-court-surface-md-select-trigger[disabled] ~ label,
.custom-court-surface-md-select-trigger[ng-disabled="true"] ~ label,
.custom-court-surface-md-select-container.disabled label {
  color: rgba(0, 0, 0, 0.26) !important;
}

.custom-court-surface-md-select-wrapper {
  position: relative;
  display: inline-block;
  min-width: 120px;
  width: 100%;
}

.custom-court-surface-md-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  padding-top: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  transition: border-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  min-height: 48px;
  background-color: transparent;
}

.custom-court-surface-md-select-trigger:hover {
  border-bottom-color: rgba(0, 0, 0, 0.26);
}

.custom-court-surface-md-select-trigger.active {
  border-bottom-color: #063851;
  border-bottom-width: 2px;
}

.custom-court-surface-md-select-trigger[disabled],
.custom-court-surface-md-select-trigger[ng-disabled="true"] {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.26) !important;
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

.custom-court-surface-md-select-trigger[disabled]:hover,
.custom-court-surface-md-select-trigger[ng-disabled="true"]:hover {
  border-bottom-color: rgba(0, 0, 0, 0.26) !important;
}

.custom-court-surface-md-select-trigger[disabled] .custom-court-surface-md-select-value,
.custom-court-surface-md-select-trigger[ng-disabled="true"] .custom-court-surface-md-select-value {
  color: rgba(0, 0, 0, 0.26) !important;
}

.custom-court-surface-md-select-trigger[disabled] .custom-md-select-arrow,
.custom-court-surface-md-select-trigger[ng-disabled="true"] .custom-md-select-arrow {
  color: rgba(0, 0, 0, 0.26) !important;
}

.custom-court-surface-md-select-value {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 8px;
  font-size: 16px;
}

.custom-md-select-arrow {
  color: rgba(0, 0, 0, 0.54);
  transition: transform 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  margin-left: 8px;
  flex-shrink: 0;
}

.custom-court-surface-md-select-trigger.active .custom-md-select-arrow {
  transform: rotate(180deg);
  color: #063851;
}

.custom-court-surface-md-select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  max-height: 200px;
  overflow-y: auto;
  margin-top: 4px;
}

.custom-court-surface-md-select-option {
  padding: 0 16px;
  cursor: pointer;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  transition: background-color 0.2s;
  min-height: 48px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.custom-court-surface-md-select-option:last-child {
  border-bottom: none;
}

.custom-court-surface-md-select-option:hover {
  background-color: #eee;
  color: rgba(0, 0, 0, 0.87);
}

.custom-court-surface-md-select-option.selected {
  background-color: #eee;
  color: #063851;
}

.custom-court-surface-md-select-option:active {
  background-color: rgba(6, 56, 81, 0.3);
}


@media only screen and (max-width: 599px) {
  .players-tournament-holder .results_list .hide-mobile {
    display: none;
  }
}

@media only screen and (min-width: 599px) {
  .players-tournament-holder .results_list .hide-desktop {
    display: none;
  }
}

@media only screen and (max-width: 959px) {
  .player1-search-holder {
    padding-right: 30px;
  }
  .versus-holder {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 599px) {
  .head2head-table-holder {
    margin: 0 -17px 55px -17px;
  }
  .head2head-table-holder > table > tbody > tr:nth-child(even) td:first-child {
    padding: 15px 20px 15px 10px;
  }
  .head2head-table-holder > table > tbody > tr:nth-child(even) td:last-child {
    padding: 15px 10px 15px 20px;
  }
  .head2head-table-holder > table > tbody > tr:nth-child(even) td:only-child {
    padding: 15px 10px 15px 10px;
  }
  .players-compare {
    width: 0;
  }
  .players-compare * {
    display: none !important;
  }
  .percentage {
    margin: 5px 0 30px 0;
  }
  .player-name {
    font-size: 18px !important;
    line-height: 28px !important;
    max-width: 100% !important;
  }
}