/* ......... allgemein ................ */
#bt_tta h3.ui-accordion-header { background: #fafafa; padding: 10px; cursor: pointer; }
#bt_tta h3.ui-accordion-header:before { font-family: "dashicons"; content: "\f543"; padding-right: 10px; display: inline; }
#bt_tta h3.ui-accordion-header-active:before { font-family: "dashicons"; content: "\f460"; }
#bt_tta div.ui-accordion-content { margin: 0; margin-bottom: 20px; }

#bt_tta input[type="text"],
#bt_tta input[type="email"],
textarea#bt_tta_fehler_bemerkungen {
  width:100%;
}
#bt_tta select {
  width: 100%;
  max-width: inherit;  /* 20210904 */
}
.bt_tta_checkbox {
  padding: 8px;
  border: 1px solid #ccc;
  background: #fafafa;
  margin: 5px 5px 5px 5px;
  min-height: 175px;
  height: auto;
}
#bt_tta_counter_disziplinen.bt_tta_info {
  margin-top: 0;
}
.bt_tta_bot {
  position: absolute;
  bottom: 10px;
}
.bt_tta_checkbox_checked {
  background: #fde1e2;
}
#bt_tta_verein_is_missing {
  margin-top: 10px;
}
.bt_tta_sieger{
  color: gold;
}
#bt_tta_form sup {
  font-size: 11px;
}
#bt_tta_form label {
  color: #555;
  font-weight: 600;
}
#bt_tta_disziplinen_liste label {
}
#bt_tta_form label.bt_tta_checkbox {
  display: block;
}
#bt_tta_form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
}
#bt_tta_bemerkungen { width: 100%; }
.bt_tta_finger {
  cursor: pointer;
}
.bt_tta_cursor {
  cursor: default;
}
.bt_tta_border {
  border: none !important;
}
.bt_tta_border td,
.bt_tta_border th {
  padding: 10px 3px;
  border: none;
  line-height: 18px;
}
.bt_tta_border table th {
  font-weight: 600;
}
.bt_tta_border tbody tr {
  background: transparent;
}
.bt_tta_special {
  font-weight: 600;
  background: #fde1e2;
  padding:10px;
  border-radius: 4px;
}
.bt_break { word-wrap: break-word; }
.bt_tta_fett {
  font-weight: 600;
}
.bt_visi_hide{
  visibility: hidden;
  border: none !important;
}
.bt_hide,
.bt_tta_hidden {
  display: none;
}
.bt_melden{
  padding: 30px 0;
}
.bt_tta_important {
  color: #ff0000;
}
.bt_tta_highlight {
  font-weight: bold;
  color: #ff0000;
}
#turnierinfo .ui-accordion-header-icon {  /* 20210904 */
  display: none;
}
#turnierinfo .bt_tta_content { padding-bottom: 10px; }
#turnierinfo table.border,
#turnierinfo table.border th,
#turnierinfo table.border td {
  border: 1px solid #e0e0e0;
  border-collapse: collapse;
  padding: 5px;
}
#turnierinfo td,
#bt_tta_backend th {
  text-align: left;
  vertical-align: top;
}
.bt_tta_daten_nav {
  color: #555 !important;
}
.bt_tta_daten_nav::before {
  content: "\00a0\00a0";
  width:20px;
  display: inline-block;
  color: #555;
}
.bt_tta_daten_ok {
  color: #007bb8 !important;
}
.bt_tta_daten_ok::before {
  content: "\2713\00a0";
  width:20px;
  display: inline-block;
  color: #007bb8;
}
/* ................................... class  ............................... */
#bt_tta_tab_spielfeld {
  width: max-content;
  border: none;
  margin-bottom: 0;
}
#bt_tta_tab_spielfeld tr {
  border-bottom-width: 0;  /* 20210904 */
}
#bt_tta_tab_spielfeld td,
#bt_tta_tab_spielfeld th {
  padding: 5px;
  border: 1px solid #f0f0f0;
  background: #ffffff; /* 20210904 */
}
.bt_col_kasten {
  padding: 10px 0px;
  border: 1px solid #f0f0f0;
  border-left: 0;
  border-top: 0;
  height: auto;
  min-height: 105px !important;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 100px;
}
.bt_col_diagonal {
  transform: rotate(10deg);
}
.bt_tta_spielfeld_nr {
  width: 30px;
  text-align: center;
  background: #fafafa;
}
.bt_tta_spielfeld_name {
  float:left;
}
.bt_tta_spielername {
  width: 165px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bt_tta_spielergebnis {
  width: 25px;
  text-align: center;
}
.bt_tta_spieler_leer {
  border: none !important;
  background: #fff;
}
.bt_tta_borderbotnone {
  border-bottom: none !important;
}
/* .......................... Scrollable Table .............................. */
.bt_table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}
.bt_table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
}
.bt_table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 5px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}
.bt_tta_pull_left {
  float: left;
}
.bt_tta_pull_right {
  float: right;
}
.bt_tta_nowrap {
  white-space: nowrap;
  display:inline;
}
.bt_tta_title {
  float: left;
  font-weight: bold;
  padding-right:20px;
  min-width: 100px;
  max-width: 100%;
  display:inline-block;
}
.bt_tta_field {
  display: inline-block;
}
.bt_tta_field input {
  width: auto;
  float: left;
}
.bt_tta_radio {
  float:left;
}
.bt_tta_disziplin_count {
  float: left;
}
.bt_tta_farbe {
  text-align: center;
  width: 30px;
  height: 30px;
}
.bt_tta_set {
  width: 70px !important;
}
.bt_tta_winner {
  font-weight: 700;
}
#bt_tta_tab_spielfeld .bt_tta_winner{
  max-width: 180px;
}
.bt_tta_mg_top {
  margin-top: 1.0em;
}
.bt_tta_mg_top_xl {
  margin-top: 2.0em;
}
.bt_tta_mg_bot_xs {
  margin-bottom: 0.5em;
}
.bt_tta_mg_bot {
  margin-bottom: 1.0em;
}
.bt_tta_mg_bot_xl {
  margin-bottom: 1.8em;
}
.bt_tta_rechts {
  text-align: right;
}
.bt_tta_mittig {
  text-align: center;
}
.bt_tta_bold {
  font-weight: bold;
}
.bt_tta_curs { font-style: italic; }
.bt_tta_info {
  font-style: italic;
  font-weight: normal;
  display: inline-block;
  margin-top: 12px;
}
.bt_tta_heading {
  font-weight: bold;
}
.bt_font_sm { font-size: 0.85em; }
.bt_tta_teilnehmer, .bt_font_xs {
  font-size: 0.8em;
}
.bt_tta_smallhr {
  margin: 10px 0;
  background: #c1c1c1;
}
.bt_tta_odd {
  padding: 10px;
}
.bt_tta_borderleft {
  border-left: 1px solid #f0f0f0 !important;
}
.bt_tta_borderbottom {
  border-bottom: 1px solid #f0f0f0!important;
}
.bt_tta_border_bottom {
  border-bottom: 1px solid #fafafa;
  margin: 5px 0;
}
.bt_tta_lggrey{
  background: #fcfcfc !important;
}
.bt_tta_grey {
  background: #fafafa;
}
.bt_tta_even {
  background: #fafafa;
  padding: 10px;
}
.bt_tta_scroll {
  padding-left: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 290px;
}
.bt_pdf_contact_tab td,
.bt_pdf_contact_tab th {
  width: 25%;
}
div.bt_tta_teilnehmerdaten.bt-frontend{
  min-height: 70px;
}
#bt_tta_tab_spielfeld .bt_tta_spielername span,
#bt_tta_spielfeld .bt_col_kasten span,
#bt_tta_news .bt_tta_teilnehmerdaten span,
#bt_tta_spielergebnisse .bt_tta_teilnehmerdaten span {
  font-size: 90%;
  font-style: italic;
}
.bt_tta_accordion {
  display: inline-block;
}
.bt_tta_message {
  color: #ff0000;
}
.bt_tta_pflichtfeld::after {
  content: "*";
  padding-left: 5px;
  display: inline-block;
  color: #be0002;
}
.bt_tta_btn {
  padding: 10px;
  cursor: pointer;
  font-weight: 500;
  -moz-transition: -moz-all 1.5s ease;
  -o-transition: -webkit-all 1.5s ease;
  -ms-transition: -ms-all 1.5s ease;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.dashicons-update {
  font-size: 25px;
}
.bt_tta_captcha {
  padding-top: 5px;
  margin-right: 10px;
}
#bt_tta_captcha_ergebnis {
  max-width: 80px;
}
#bt_tta_captcha_aufgabe {
  background-image: url("../images/result.png");
  color: #808080;
  font-size: 1.15em;
  font-weight: bold;
  padding: 10px;
}
.bt_tta_elemhead .bt_tta_mobil_heading {
  display: none;
  font-size: 18px;
  font-weight: 700;
  color: #555;
}
/* ..................... Responsive Tabelle Spiele / Ergebnisse  ............ */
#bt_tta_spielfeld .bt_table-scrollable {
  margin-bottom: 2.0em;
}
.bt_tta_box {
  padding-top: 10px;
  padding-bottom: 0;
}
.bt_tta_nur_smart {
  display: block;
}
.bt_tta_nur_smart_zahl {
  float: left;
  text-align: center;
  width: 45%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
}
.bt_tta_nur_smart_trenn {
  float: left;
  text-align: center;
  width: 10%;
}
#bt_tta_news .bt_tta_looser,
#bt_tta_news .bt_tta_winner,
#bt_tta_news .bt_tta_match_open,
#bt_tta_news .bt_tta_elemhead .bt_tta_heading,
#bt_tta_spielergebnisse .bt_tta_looser,
#bt_tta_spielergebnisse .bt_tta_winner,
#bt_tta_spielergebnisse .bt_tta_match_open,
#bt_tta_spielergebnisse .bt_tta_elemhead .bt_tta_heading {
  text-align: center;
}
.bt_not_tablet,
.bt_not_mobil,
.bt_not_xsmobil_none {
  display: none;
}
.bt_not_xsmobil_right {
  float: right;
}
#bt_tta_spielergebnisse .col-xs-4 {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
}
#bt_tta_teilnehmerdaten a {
  cursor: pointer;
}
.bt_not_smart {
  display: none;
}
#ui-datepicker-div{ background: #fff; }
.ui-widget.ui-widget-content { border: 1px solid #d1d1d1; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled {
    cursor: default!important;
    pointer-events: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #e6e6e6;
    font-weight: normal;
    color: #555;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
/*    border: 1px solid #aaa;
*/    background: #fff;
    font-weight: normal;
    color: #212121;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
/*	border: 1px solid #999999;     */
	background: #dadada;
	font-weight: normal;
	color: #212121;
}
.ui-datepicker .ui-datepicker-prev:before { content: "\f341"; font-family: 'dashicons'; }
.ui-datepicker .ui-datepicker-next:before { content: "\f345"; font-family: 'dashicons'; }
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
  padding: 10px;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

@media screen and (min-width:768px) {
  .bt_not_smart {
    display: block;
  }
  .bt_tta_nur_smart_zahl,
  .bt_tta_nur_smart_trenn {
    width: unset;
  }
  .bt_tta_nur_smart {
    display: none;
  }
  .bt_not_xsmobil_right {
    float: none;
  }
  .bt_not_mobil {
    display: block;
  }
  #bt_tta_news .bt_tta_looser,
  #bt_tta_news .bt_tta_winner,
  #bt_tta_news .bt_tta_match_open,
  #bt_tta_news .bt_tta_elemhead .bt_tta_heading,
  #bt_tta_spielergebnisse .bt_tta_looser,
  #bt_tta_spielergebnisse .bt_tta_winner,
  #bt_tta_spielergebnisse .bt_tta_match_open,
  #bt_tta_spielergebnisse .bt_tta_elemhead .bt_tta_heading {
    text-align: start;
  }
}
@media screen and (min-width:1050px) {
  .bt_not_tablet {
    display: block;
  }
}
/* ..................  Responsive Tabelle Bisherige Anmeldungen ............. */
#bt_tta_anmeldungen_head {
  margin-right: unset;
}
@media screen and (max-width:768px) {
  #bt_tta_anmeldungen_head {
    display: none;
  }
  #bt_tta_anmeldungen .bt_tta_element {
    width: 100%;
  }
  #bt_tta_anmeldungen .bt_tta_mittig {
    text-align: left;
  }
  #bt_tta_anmeldungen .bt_tta_element::before {
    content: attr(data-label);
    width: 30%; float: left;
    padding: 1em; padding-left: 2em;
    font-weight: bold; margin: -1em 1em -1em -1em;
  }
}
/* .......................... Animation for spinners ........................ */
.animate-spin{
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}