@charset "UTF-8";
/* CSS Document */

#tournament_content_new {flex-grow: 1 }
#contentcol {border: 0px solid #f79; margin: 10px 100px 10px!important; padding: 0px!important; position: relative; top: 0px }

    /*** caroulsel ***/

.loop-container-flex {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  border: 0px solid #f09;
    z-index: 0;
    position: relative;
    top: -5px; left: 0px; background: var(--secondary); margin: 20px 0px
}

.bg-trans-cross-fade {
  width: 100%;
  height: 500px;
  position: relative;
  z-index: 1;
  margin: 0px;
}

.bg-trans-cross-fade .bg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
    background-repeat: no-repeat;
  background-size: cover;
  background-position: center  center;
}

.bg-trans-cross-fade .bg-layer .fg-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-size: cover;
    background-repeat: no-repeat;
  background-position: center  center;
  transition: opacity 2s;
}

.bg-trans-cross-fade .bg-layer .fg-layer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  z-index: 4;
}

/*** end caroulsel ***/

.footer_t {background: var(--slgrey); min-height: 50px; padding: 10px 100px}

.footer_t table {width: 100%; }
.footer_t td { font-size: 0.9em; font-weight: 200; color: var(--dltext)}
.footer_t td a { font-size:1em; font-weight: 500; color: var(--main)}

.sec_title{font-size: 1.4em; font-weight: 500; margin: 30px 0px 20px; color: var(--t_tit_bg)!important; text-transform: uppercase}
.sec_title a {font-size: 1.0em; font-weight: 500; margin: 30px 0px 20px; color: var(--t_tit_bg)}
.sub_title {font-size: 1.3em; font-weight: 500; margin: 30px 0px 20px; color: var(--t_tit_bg)}
.team_logo {max-height: 90px; max-width: 180px}

/***** forms *****/
.input_text_t { font-size: 1em; font-weight: 150!important; color: var(--dtext); border: 1px solid var(--vlgrey); width: 100%; border-radius: 0px; padding: 7px 3px; background: var(--white)!important; font-family: '{{ tournament.font_family }}','Text',sans-serif !important;}
.sp_form label {display: block; font-size: 1em; font-weight: 450; margin: 20px 0px 5px}
.input_select {padding: 9px 3px } 
.input_text_t:focus  {border-bottom: 1px solid var(--t_tit_bg)!important;outline: none!important; }

.input_text_ts { font-size: 0.0em; font-weight: 250!important; color: var(--dtext); border: 1px solid var(--vlgrey); width: 100%; border-radius: 0px; padding: 4px 3px; background: var(--white)!important; font-family: '{{ tournament.font_family }}','Text',sans-serif !important;; margin: 0px!important; display: table}


.tourn_button {background: var(--t_tit_bg); border: 1px solid var(--t_tit_tx); color: var(--t_tit_tx); margin: 20px 0px 10px; padding: 6px 10px; border-radius: 20px; font-size: 1.1em; font-weight: 500; text-shadow: 1px 1px 2px rgba(0,0,0,0.2)}

/*** tables */

.table_t {background: none; margin: 30px 0px 0px!important; padding: 0px; width: 100%; border-radius: 0px!important; font-size: 1.0em;border-left: 1px solid var(--vlgrey); border-bottom: 1px solid var(--vlgrey);  }
.table_t .tablesorter-header {
    background-repeat: no-repeat; /* Ensure the background doesn't repeat */
    background-position: right center; /* Position the icon on the right and center vertically */
    padding-right: 20px; /* Adjust padding so the text doesn't overlap with the icon */
}
.table_t th, .table_t td {padding: 8px 5px; border-right: 1px solid var(--vlgrey); border-top: 1px solid var(--vlgrey); }
.table_t th {font-size: 1.2em!important; font-weight: bold; }
.table_t thead {background: var(--slgrey); }
.player_photo_t , .player_photo_t img   {max-height: 30px!important; ; max-width: 30px!important; margin: 0px auto}

.matches_table  {margin: 10px 0px 10px; min-height: 60px; background: var(--slgrey); table-layout: fixed}
.matches_table td {border: 0px solid #f90; padding: 5px; position: relative; overflow: hidden}
.matches_table td img {max-height: 40px; max-width: 40px; margin: 0px auto}
.matches_table td a {text-align: center; font-size: 1.05em}
.matches_table .number { font-size: 1.6em; font-weight: bold}
.match-report-public {display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; color: var(--t_tit_bg); border: 1px solid #dcdcdc; border-radius: 50%; background: #fff; font-size: 13px}
.match-report-public:hover, .match-report-public:focus {color: #fff; background: var(--t_tit_bg); border-color: var(--t_tit_bg); text-decoration: none; outline: none}

.machdate {font-size: 1.1em; color: var(--black); margin: 20px 0px 5px}
.machdate i {color: var(--t_tit_bg)}

.group-match-date:first-child .machdate {margin-top: 0px}
.matches_table .match-team-logo {width: 38px!important}
.matches_table .match-team-logo img {
    display: block;
    max-width: 34px;
    max-height: 34px;
}
.matches_table .match-team-name {line-height: 1.2em}
.matches_table .match-team-name a {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.matches_table .match-result-cell {
    width: 82px!important;
    min-width: 82px;
    max-width: 82px;
    text-align: center;
    vertical-align: middle;
}
.matches_table .match-result-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 82px;
    min-width: 82px;
}
.matches_table .match-score-row {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    width: 100%;
}
.matches_table .match-score-text {
    display: block;
    width: 100%;
    color: var(--black);
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.1em;
    text-align: center;
    white-space: nowrap;
}
.matches_table .match-report-row {
    display: flex;
    justify-content: center;
    width: 100%;
}
.matches_table .match-result-stack .match-report-public {
    width: 24px;
    height: 24px;
    margin: 0px auto;
    font-size: 12px;
}
.matches_table .match-result-stack--pending p {
    display: flex;
    justify-content: center;
}
.matches_table .match-result-stack--pending p {
    margin: 0px;
    font-size: 0.85em;
    line-height: 1.25em;
}
.results_table .standing-team-name {
    max-width: 120px;
    line-height: 1.2em;
}
.results_table .standing-team-name a {
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#table h2 {font-size: 1.05em; margin: 0px!important; font-weight: 500; width: 100%; background: #cfcfcf; padding: 6px 4px; text-align: center}
.results_table {border: 1px solid #cfcfcf; width: 100%; font-size: 0.9em; margin: 0px 0px 15px}
.results_table td, .results_table th {padding: 6px 4px; border-bottom: 1px solid #efefef;  border-left: 1px solid #efefef}
.results_table th {font-weight: 700; background: #efefef}
.results_table tr td:first-child,.results_table tr th:first-child {border-left: none}
.results_table tr:last-child td {border-bottom: none}
.results_table img {max-width: 20px; max-height: 20px}

#referee_table {border: 1px solid #cfcfcf!important}
#referee_table th,
#referee_table td {
    text-align: left;
}

#rankings {margin: 10px 0px 50px; font-weight: 500!important}
#rankings .rank_menu { margin: 0px 1px!important; padding: 2px 0px }
#rankings .active { background: var(--t_menu_bg)!important; border: none!important; font-weight: 500!important; pointer-events: none!important}

.radios label {font-size: 0.9em}
.radios p {font-size: 1em; margin-right: 10px}
.radios input[type="radio"] {margin: 0px 5px 0px 0px}
    
    
.more_less h3 {font-size: 1.1em}
.more_less i {font-size: 1.3em; margin: 0px 0px 0px 5px}
.more_less span {font-size: 1.2em; font-weight: 600; margin: 0px 0px 0px 5px}


.upload_butt button {margin: 0px 5px 0px 0px!important; font-weight: 500!important; padding: 3px 7px!important; border-radius: 300px!important;color: var(--t_menu_tx)!important; background: var(--t_menu_bg)!important;text-shadow: 1px 1px 1px rgba(0,0,0,0.05);  border: 1px solid var(--t_menu_tx)!important; font-size: 0.8em!important; line-height: 1em!important}
.upload_butt upload-file {position: absolute; bottom: -15px!important; left: 5px!important}

.form_auto .md-whiteframe-z1 {box-shadow: none!important; font-size: 1em; font-weight: 150!important; color: var(--dtext); border: 1px solid var(--vlgrey); width: 100%; border-radius: 0px; padding: 4px 3px; background: var(--white)!important; line-height: 1em!important}
.form_auto md-autocomplete {height: 35px!important}

.input_form label {margin-top: 20px!important; display: block}

.results_table_t {border: 1px solid #cfcfcf; width: 40%; font-size: 0.9em; margin: 0px 0px 15px}
.results_table_t td, .results_table_t th {padding: 6px 4px; border-bottom: 1px solid #efefef;  border-left: 1px solid #efefef}
.results_table_t th {font-weight: 600; }
.results_table_t tr td:first-child,.results_table_t tr th:first-child {border-left: none}
.results_table_t tr:last-child td {border-bottom: none}
.results_table_t img {max-width: 20px; max-height: 20px}

.results_table_t md-checkbox {margin: 0px!important; padding: 0px!important}
.results_table_t input[type="number"] { width: 50px!important}
.results_table_t md-select { width: 50px!important; margin: 0px!important; padding: 0px!important; border: none!important}

.results_table_t .fa-circle-minus, .title_table .fa-circle-minus {color: var(--red)}
.results_table_t .fa-circle-plus, .title_table .fa-circle-plus {color: var(--green)}
.results_table_t h5, .title_table h5 {display: inline-block; font-size: 1.3em; font-weight: 500; margin: 0px 5px}
.results_table_t i, .title_table i {display: inline-block; font-size: 1.1em; transform: translateY(-1px)}
.title_table p {font-size: 1.4em; margin-right: 10px}
.title_table p b {font-weight: 600}

.news_display {margin: 0px 0px 30px 10px}
.news_title {font-size: 1.05em; font-weight: bold; line-height: 18px}
.news_title .ns_numb {background: var(--main); color: var(--t_tit_tx); font-size: 0.9em; height: 18px; width: 18px; display: inline-block; line-height: 17px; text-align: center; border-radius: 18px; transform: translateY(-1px); margin-right: 5px}
.news_title .ns_date {font-weight: normal; font-size: 0.8em; margin: 0px 0px 2px 28px}

.nws_table {margin: 10px 0px 30px 28px; width: calc(100% - 28px); }

.nws_table img {max-width: 200px; max-height: 180px}

.nws_table tr td:first-child {width: 220px; }
.nws_table tr td:last-child {;vertical-align: top }
.nws_table .newscontent { height: 100%}

.insc_form { margin: 0px!important; padding: 0px!important}

.t_form label { display: block; font-size: 1em!important; font-weight: 450!important; margin: 10px 0px 5px!important}

.t_form .input_text { font-size: 1em; font-weight: 150!important; color: var(--dtext); border: 1px solid var(--vlgrey); width: 100%; border-radius: 0px; padding: 7px 3px; background: var(--white)!important}
.t_form .input_select {padding: 9px 3px } 
.t_form .input_text:focus  {border-bottom: 1px solid var(--main)!important;outline: none!important; }

.t_form .button_small {font-weight: 500; padding: 3px 20px; border-radius: 300px;color: var(--main); background: none;text-shadow: 1px 1px 1px rgba(0,0,0,0.05); white-space: nowrap;  border: 1px solid var(--main); display: inline-block!important; font-size: 1em; width: auto!important; flex: 0 0 auto;
justify-self: start;}