@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');

body.expand-menu .sidebar-label {
height:35px;
margin:0;
padding:0;
}

.f-s-20 {
font-size:20px;
}

.page-signin {
background-image:url(../img/wbu/wbu-signin.jpg);
background-size: cover;
}

.login-wrapper {
box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.21);
}
.login-wrapper h3 {
color:#555;
}

.navicon-right {
display:none !important;
}

.signin-logo {
line-height:100%;
}

.logo-wbu > span {
font-style: italic;
text-shadow:
-1px -1px 0 #56565a,
 1px -1px 0 #56565a,
-1px  1px 0 #56565a,
 1px  1px 0 #56565a;
}

.logo-wbu > span:nth-child(1) {
color:#008f35;
}

.logo-wbu > span:nth-child(2) {
color:#ffffff;
}

.logo-wbu > span:nth-child(3) {
color:#df051c;
}

.signin-logo .tx-info {
color:#555
}

.tx-dark-blue {
color: #0E2E4B;
}

button {
cursor:pointer;
}

.text-small {
text-transform: lowercase !important;
}

table.dataTable tr td {
cursor:pointer;
}

.tr-nowrap td,
.tr-nowrap th {
white-space: nowrap;
}

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

.st-modal-input {
width: 40px;
padding: 0.25rem 0.25rem;
}

@media (min-width: 992px) {
.modal-lg {
    max-width: 1000px;
}
}

tfoot {
    display: table-header-group;
}

table.dataTable thead th {
padding-bottom: 5px;
}

table.dataTable tfoot th {
padding: 0 2px 5px;
text-align: left;
}

table.dataTable tfoot th input {
width:80%;
display:none;
}

table.dataTable tfoot th.w-search input {
display:inherit;
width: 32px;
}

table.dataTable .table-row th.w-search {
padding-left: 0;
text-align: left;
}

table.fixedHeader-locked {
position: fixed !important;
background-color: white;
top:60px !important;
}

table.dataTable {
margin-left:0;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
padding-left: 3px;
padding-right: 3px;
}

table.dataTable .table-row th {
font-family: Roboto Condensed;
padding-left: 3px;
padding-right: 3px;
}

table.dataTable .table-row th.sorting_disabled {
padding-right: 3px;
}


table.dataTable.nowrap thead th {
padding-left: 3px;
padding-right: 17px;
vertical-align: top;
white-space: inherit;
}

.table-stwrap {
width:100%;
clear:both;
overflow-x:auto;
}

table.dataTable thead .table-row-1 th {
border-bottom: 3px solid transparent;
text-align:center;
}

table.dataTable thead .table-row-1 th.tplace01,
table.dataTable thead .table-row-1 th.tplace02,
.m-result-row-1 .tplace01,
.m-result-row-1 .tplace02 {
border-bottom: 3px solid transparent;
text-align:center;
}

table.dataTable thead .table-row-1 th.tplace01,
.m-result-row-1 .tplace01{
border-bottom-color: #F49917;
}

table.dataTable thead .table-row-2 th.tplace01,
table.dataTable tfoot .table-row-3 th.tplace01,
.m-result-row-2 .tplace01{
background-color: rgba(255, 255, 0, 0.1);
border-bottom: 0;
border-top:0;
}

table.dataTable thead .table-row-1 th.tplace02,
.m-result-row-1 .tplace02{
border-bottom-color: #0866C6;
}

table.dataTable thead .table-row-2 th.tplace02,
table.dataTable tfoot .table-row-3 th.tplace02,
.m-result-row-2 .tplace02{
background-color: rgba(8, 102, 198, 0.2);
border-bottom: 0;
border-top:0;
}

tr.cut td {
background-color:rgba(35, 191, 8, 0.15) !important;
}

tr.cut.cancel td {
background-color:#d6d10026 !important;
}

.modal-results .m-result input {
width: 46px;
}

.modal-results .modal-full-screen {
max-width: unset;
width: 95%;
}

table.dataTable thead .table-row-1 th.secondround {
border-bottom-color: #666666;
padding-right: 3px;
}

table.dataTable thead .table-row-1 th.final {
border-bottom-color: #23bf08;
padding-right: 3px;
}

table.dataTable thead .table-row-1 th.wbonus {
border-bottom-color: #d9534f;
padding-right: 3px;
}

table.dataTable thead .table-row-1 th.nobonus {
border-bottom-color: #f0ad4e;
padding-right: 3px;
}

table.dataTable thead .table-row-2 th {
border-bottom: 0;
border-top:0;
}

table.dataTable thead .table-row-2 th.final {
text-align: center;
text-transform: initial;
line-height: 100%;
padding-top: 9px;
vertical-align: middle;
}


table.dataTable thead .table-row-2 th.secondround {
background-color: rgba(102, 102, 102, 0.1);
}

tr.final-win-01 td {
background-color:#edc35714 !important;
}

tr.final-win-01 td:first-child {
background-color:#edc357 !important;
}

tr.final-win-02 td {
background-color:#598efa14 !important;
}

tr.final-win-02 td:first-child {
background-color:#b9d0ff !important;
}

tr.final-win-03 td {
background-color:#eda78514 !important;
}

tr.final-win-03 td:first-child {
background-color:#eda785 !important;
}

tr td.secondround {
background-color: rgba(102, 102, 102, 0.1) !important;
}

.opponent {
height:100px;
width: 50px !important;
}

.opponent span {
display: inline-block;
transform: rotate(270deg) ;
-webkit-transform: rotate(270deg) ;
-moz-transform: rotate(270deg) ;
-o-transform: rotate(270deg) ;
-ms-transform: rotate(270deg) ;
width: 100px;
text-align: left;
}

.table.table-final-results tr th,
.table.table-final-results tr td{
text-align:center;
}

.align-middle td {
vertical-align: middle !important;
}

.table.table-final-results tr td.left-th {
text-align:right;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
background-color: #dee2e6;
color: #343a40;
letter-spacing: 0.5px;
}

.table.table-final-results tr td input[type="text"] {
width: 40px;
font-size: 18px;
}

.bgtransp {
background-color:transparent !important;
}

.table.table-final-results tr td.bgtransp {
background-color:#f8f9fa !important;
}

.vs {
padding:0 5px;
}

.total {
background-color:rgba(35, 191, 8, 0.15) !important;
}

.filter-start label {
float:left;
}

.filter-start .cplaceall.ckbox span:after {
background-color:#868e96;
}

.filter-start .cplace01.ckbox span {
background-color: #f5991730;
}
.filter-start .cplace01.ckbox span:after {
background-color:#F49917;
}

.filter-start .cplace02.ckbox span:after {
background-color:#0866C6;
}
.filter-start .cplace02.ckbox span {
background-color:rgba(8, 102, 198, 0.2);
}

.front-link-td a {
color:#1d8822;
}


.modal-no-hdc .chdc,
.modal-no-hdc .thdc
{display:none;}

.table-no-hdc .chdc,
.table-no-hdc .thdc,
.table-no-hdc span.shdc
{display:none;}



/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 10000;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* Add Results */

.table-add-results td input {
margin:0 auto;
width: 60px;
font-size: 18px;
text-align: center;
}

.table-add-results td.m-result:last-child input {width:70px;}

#div-results {
display:none;
}


/* Unlogget Results View */

.table-wbu-prelim tbody td {
vertical-align:middle;
}
.table-wbu-prelim tbody td:nth-child(1) {
font-weight:bold;
font-size:18px;
}
.table-wbu-prelim.no-hdc tbody td:nth-child(2),
.table-wbu-prelim tbody td:nth-child(3) {
font-weight:bold;
font-size:18px;
}

/*
.table-wbu-prelim.no-hdc tbody td:nth-child(3),
.table-wbu-prelim tbody td:nth-child(4) {
font-weight:bold;
font-size:18px;
/color:#a22828;/
}*/

.table-wbu-prelim tbody td.merged span {
margin-top: 20px;
}

.table-wbu-prelim tbody td.playername,
.table-wbu-prelim.no-hdc tbody td.sumpins,
.table-wbu-prelim.hdc tbody td.sumpinshdc {
color:#a22828;
}



/* Final */
table.dataTable.table-final thead th
{
pading-bottom:inherit;
}

/* Add Results Final RR */
.table-add-results-rr td,
.table-add-results-rr th {
padding-right: 5px;
padding-left: 5px;
}

.table.table-add-results-rr tr td input {
text-align:center;
}

.table.table-add-results-rr tr td input[type="text"] {
width: 50px;
}

.table.table-add-results-rr tr td input[readonly] {
background-color: #e9ecef;
opacity: 1;
border: none;
font-size:14px;
padding:0;
width: 26px;
}

.table.table-add-results-rr tr td.total {
font-size:20px;
padding: 7px 5px;
color:#000;
}

.table.table-add-results-rr tr td.opponent {
vertical-align: bottom;
height:120px;
}

.table.table-add-results-rr tr td.opponent span {
margin-bottom: 40px;
margin-left: 30px;
margin-right: -30px;
line-height: 1;
}

.results-no-hdc .thdc,
.results-no-vr .tvr,
.results-no-bonus .tbonus
{display:none}


/* Add Results Final On Pins */

.table.table-add-results-on-pins td,
.table.table-add-results-on-pins th {
padding-left:5px;
padding-right:5px;
}

.table.table-add-results-on-pins td input{
margin:0 auto;
text-align:center;
}


/* Results Final RR */

.box-final-results-rr {
margin-bottom:50px;
}

.box-final-results-rr .table td {
color:#000;
border-right:1px solid #ddd;
}

.box-final-results-rr .table td:last-child {
border-right:none;
}

.box-final-results-rr .table tr td:nth-child(2),
.box-final-results-rr .table tr td:nth-child(4) {
font-weight:bold;
}

.box-final-results-rr .table tr td.game {
font-weight:bold;
text-align:center;
}

.box-final-results-rr .table tr td.game-won {
color:green;
}

.box-final-results-rr .table tr td.game-los{
color:red;
}

.box-final-results-rr .table tr td.game-drw{
color:yellow;
}

.box-final-results-rr .table tr td.game span.rev-res {
color:#aaa;
font-weight:100;
}

.box-final-results-rr .table tr td.game span.rev-res:before {
content:" : ";
}

table.dataTable td.game .rev {
font-family: Roboto Condensed;
font-weight: 300;
font-size: 13px;
color:#aaa;
}

.box-final-results-rr .table tr td.game span.rev:before {
content:'(';
}

.box-final-results-rr .table tr td.game span.rev:after {
content:')';
}

.box-final-results-rr .dt-buttons,
.box-final-results-on-pins .dt-buttons {
margin-bottom:10px;
text-align: left !important;
}

/* Results Final On Pins */

.box-final-results-on-pins {
margin-bottom:50px;
}

/*
.box-final-results-on-pins .table tr td:nth-child(2),
.box-final-results-on-pins .table tr td:nth-child(4) {
font-weight:bold;
}
*/

.box-final-results-on-pins .table tr td {
color:#000;
}

.box-final-results-on-pins .table td {
color:#000;
border-right:1px solid #ddd;
}

.box-final-results-on-pins .table td:last-child {
border-right:none;
}

.box-final-results-on-pins .table .table-row-2 th:nth-child(6),
.box-final-results-on-pins .table .table-row-2 th:nth-child(7),
.box-final-results-on-pins .table .table-row-2 th:nth-child(8),
.box-final-results-on-pins .table .table-row-2 th:nth-child(9),
.box-final-results-on-pins .table .table-row-2 th:nth-child(10),
.box-final-results-on-pins .table .table-row-2 th:nth-child(11) 
{
/*text-align:center;*/
}

/* Table Unlogged */

.table-unlogged thead tr th,
.table-unlogged thead tr td,
.table-unlogged tbody tr th,
.table-unlogged tbody tr td {
  border-color: #e9ecef;
}

.table-bordered {
border:none;
}


.table-bordered.table-unlogged thead tr th:first-child, 
.table-bordered.table-unlogged tbody tr td:first-child {
border-left:1px solid #e9ecef;
}

.table.table-bordered thead > tr > th.border-top {
border-top:1px solid #e9ecef;
}

.table-bordered.table-unlogged thead tr th {
background-color:#d8dce3;
}

.table-unlogged tr.cut td {
background-color: #84ff6f4f !important;
}

.table-unlogged tr.cut.cancel td {
background-color: #d6d10026 !important;
}


.table-unlogged td.v-res {
padding:0;
}

.table-unlogged td.v-res span {
display:block;
padding: 0.3rem;
border-top: 1px solid #e9ecef;
}

.table-unlogged td.v-res span:first-child {
border:none;
}

.unlogged .buttons-print span:before {
content:'\f02f';
font: normal normal normal 14px/1 FontAwesome;
margin-right:5px;
}

.unlogged .buttons-print {
margin-bottom:10px;
}

.table-unlogged th.h1 {display:none;}

/* Forms */

.has-error input, .has-error textarea {
border-color:#dc3545 !important;
}

.has-error .select2-container--default .select2-selection--single {
border-color:#dc3545 !important;
}

.has-error .custom-control-indicator {
background-color: #efa2a9;
}

.select2-container {
min-width: 65px;
}

body.modal-open>.select2-container {
z-index: 10000;
}

.sl-sideleft {
z-index: 10000;
}


/* Allerts */

.main-alert {
position:fixed;
top:0;
width:100%;
z-index:2000;
}


/* Table for Teams */

.tteams2 table.dataTable.display tbody tr.odd {
background-color:#fff;
}

.tteams2 td.merged {
text-align:center;
vertical-align: middle !important;
position:relative;
}

.tteams2 td.merged-big {
font-weight:bold;
font-size:20px;
}

.tteams2 table.dataTable.display tbody tr.pnr1 td.merged span {
position: absolute;
left:1px;
width:100%;
margin-top: 22px;
z-index:1;
}

.tteams2 table.dataTable.display.table-wbu-secondround tbody tr.pnr1 td.merged span {
margin-top: 10px;
}

.tteams2 table.dataTable.display tbody tr.pnr1 td.merged-big span {
margin-top: 16px;
}

.tteams2 table.dataTable.display tbody tr.pnr2 td.merged,
.tteams2 table.dataTable.display tbody tr.pnr2 td.merged .text-danger {
color:transparent !important;
border-top-color: transparent !important;
}

.tteams2 table.dataTable.display tbody tr:hover,
.tteams2 table.dataTable.display tbody tr.odd > .sorting_1, 
.tteams2 table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
.tteams2 table.dataTable.display tbody tr.even > .sorting_1, 
.tteams2 table.dataTable.order-column.stripe tbody tr.even > .sorting_1 
{
background-color:#fff;
}

.tteams2 table.dataTable.display tbody tr.pnr1 td {
border-top-width: 3px;
}

table.dataTable .no-sort::after, table.dataTable .no-sort::before { display: none!important; }

table.dataTable .no-sort { pointer-events: none!important; cursor: default!important; }

table.dataTable thead tr.pd-b-12 th {padding-bottom:12px;}

.tteams2 table.dataTable.display tbody tr.added {
display:none;
}

table.dataTable .no-filter select {display:none;}

.dataTables_wrapper .dataTables_filter input {margin-left: 5px;}

.table td.td-no-gameday {
vertical-align: middle;
text-align: center;
font-weight: bold;
font-size:22px;
background-color:#ffffff;
}

.table td.td-liganame {
background-color:#DEE2E5;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
background-color: #dee2e6;
color: #343a40;
letter-spacing: 0.5px;
}

/* Einzelergebnisse */

.table.table-gameday-results-person td {
font-size:13px;
vertical-align: middle;
}

.table.table-gameday-results-person tfoot td {
font-size:13px;
text-align:center;
}

#totalpins, #totalteam {background-color:#bcfcb1}


/* Tabs Teams */

.nav-pills .nav-link.tab-team {
border:1px solid #aaa;
border-bottom:none;
}

.nav-pills .nav-link.active-team {
background-color: #0866C6;
border-color: #0866C6;
}

.td-gameday .report_state {
color: #1c9806;
/*background-color: #f7d1d5;*/
}

.td-gameday.td-noreport .report_state {
color: #b51f2e;
/*background-color: #f7d1d5;*/
}

.td-gameday a {
color:#000000;
cursor:pointer;
}

/* Online Results - Frontend */

.table-season tbody tr td:first-child {
color:#000;
font-weight:bold;
text-transform: uppercase;
background-color:#d8dce3;
}

.table-season {margin-bottom: 0}

.table td.ratesign {
text-align:center;
vertical-align: middle;
}

.table td.rate-caret-up {color:green}
.table td.rate-caret-down {color:red}
.table td.rate-circle {font-size:9px;color:blue;}

.table-wrapper {overflow:auto}

.nowrap {white-space:nowrap}

.table.pairs .td01 {text-align:right}

.table.pairs .td02, .table.pairs .td03, .table.pairs .td05, .table.pairs .td06 {
text-align:center;
}

.table.pairs .td04 {
text-align:center;
color:#000;
background-color:#fff;
width:10px;
}

.table.pairs td.points1 {background-color:#f3eeb4}
.table.pairs td.points2 {background-color:#b2e4a9}

.table.pairs .gamenr {text-align:center;font-weight:bold;color:#000;background-color:#dee2e6;}

#onlineresults .sl-logo {
left:0;
z-index:1031
}

#onlineresults .select2-results__option {white-space:nowrap}

.st-select {
background-color:#cfd2d8;
z-index:1;
padding: 5px 20px 10px 20px;
}
@media (min-width: 576px) {

	.st-select {
	display:flex;
	position:fixed;
	width:100%;
	background-color:#cfd2d8;
	z-index:1;
	padding: 5px 25px 10px;
	}

	.st-select .row , .st-select .row-fluid {width:100%}

	#onlineresults .sl-pagebody {margin-top:60px;}

}

.table td.link-name {
color:#ff8600;
text-decoration:underline;
cursor:pointer;
}

.table td.link-day {overflow:hidden}
.table td.link-day:hover {background-color:#f0f8ff!important}

.table td.link-day a {
text-decoration:none;
cursor:pointer;
display:block;
margin:-2em;
padding:2em;
}

.table td.link-day.results-online a {
color:#ff8600;
}



input.parsley-error {border:1px solid red}
input.double-game-error {border:1px solid red; background-color:#ffdada}

.alert a {color:#dc3545;text-decoration:underline}

.custom-control-description {min-width:30px;}

.table tr.rlbuttons td.td-no-gameday {font-size:1px;}

.bg-secondary {
background-color: #cdd0d4 !important;
}

.table td.liganame {
background-color: #cdd0d4 !important;
font-weight:bold;
color:#000;
text-transform: uppercase;
}

.table.responsive tbody tr td {background-color:#e9ecef}

.table-setup-gameday td.td-gameday {cursor:pointer;}
.table-setup-gameday td.td-gameday:hover {background-color:#f0f8ff!important}