@charset "UTF-8";

/* @import url('https://fonts.cdnfonts.com/css/american-captain-2'); */
@font-face {
  font-family: 'American Captain';
  src: url('../webfonts/AmericanCaptain-MdEY.otf') format('truetype');
}

html
{
  overflow: -moz-scrollbars-vertical; 
  /* overflow-y: scroll; */ /* Show scrollbars */
  height: 100%;
}

body
{
  /* min-height: 100%; */
  /* background-image: url('../../images/CommunityFotoBearbeitet.png'); */
  /* background-repeat: repeat-y; */
  /* background-attachment: fixed; */
  /* background-size: 100% auto; */
  /* background-position: center 56px; */
  /* font-family: 'American Captain', sans-serif; */
}

h1
{
	font-family: 'American Captain', sans-serif;
	text-transform: uppercase;
}

.card {
  position: relative;
  z-index: 90;
}
.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: -3px;
}
.ribbon-wrapper .ribbon {
  font: bold 15px sans-serif;
  color: #333;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: relative;
  padding: 7px 0;
  top: 15px;
  left: -30px;
  width: 120px;
  background-color: #E10F0F;
  color: #fff;
}

button.gfx, button.gfx-goofy
{
  border: none;
  background-color: transparent;
  background-size: auto 100%;
  background-repeat: no-repeat;
  width: 380px;
  height: 116px;
  padding: 0;
  color: #fff;
}
button.gfx
{
  background-image: url('../../images/Schaltflachen.png');
  background-position: right center;
}
button.gfx-goofy
{
  background-image: url('../../images/Schaltflachen-goofy.png');
  background-position: left center;
}
button.gfx .label, button.gfx-goofy .label
{
  height: 100%;
  font-size: 3rem;
}
button.gfx .label
{
  float: right;
}
button.gfx-goofy .label
{
  float: left;
}
button.gfx .icon, button.gfx-goofy .icon
{
}
button.gfx .icon
{
  float: left;
}
button.gfx-goofy .icon
{
  float: right;
}

#scoreboard .img-thumbnail
{
  background: none;
  border:none;
}

.btn-plus, .btn-minus
{
	cursor: pointer;
}
.plus-minus > .form-control[type="number"]
{
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.plus-minus > .form-control[type="number"]::-webkit-inner-spin-button,
.plus-minus > .form-control[type="number"]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

.greenscreen {
	/* background-color: rgb(0, 255, 68); */
	/* background-color: rgb(31, 93, 166); */
	background-color: rgb(4, 98, 172);
	/* text-shadow: 2px 2px 0 #000000; */
}

/* #scoreboard {
  background-image: url('../images/football-flag-stadium.jpeg');
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #fff !important;
}
.input-group > .form-control.draw-deck {
  max-width: 3rem !important;
} */
.stopwatch-controls {
  display: flex;
  justify-content: center;
}
.stopwatch-controls button {
  border: none;
  background: none;
}

#und1c1_field {
  background-image: url('../../images/PITCH_web.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 575.98px) {
  #und1c1_field {
    width: 192px;
    height: 144px;
  }
}
@media (min-width: 576px) {
  #und1c1_field {
    width: 208px;
    height: 162px;
  }
}
@media (min-width: 768px) {
  #und1c1_field {
    width: 320px;
    height: 252px;
  }
}
@media (min-width: 992px) {
  #und1c1_field {
    width: 400px;
    height: 306px;
  }
}
/* @media (min-width: 1200px) {
  #und1c1_field {
    width: 480px;
    height: 360px;
  }
}
@media (min-width: 1400px) {
  #und1c1_field {
    width: 640px;
    height: 486px;
  }
} */

textarea.match-event-outcome {
  min-height: 75px !important;
}

#strategy-cards-away .accordion-body {
  text-align: left !important;
}
.accordion.strategy-cards .accordion-item {
  border: none;
}
.accordion.strategy-cards .accordion-item .accordion-button {
  border-top-left-radius: var(--bs-border-radius-xl);
  border-top-right-radius: var(--bs-border-radius-xl);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordion.strategy-cards .accordion-body p {
  padding: 4px;
  font-size: 80%;
  background-color: #fff;
  color: #000;
}
/* .strategy-card-select option {
  padding-left: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.strategy-card-select option.instantaneous {
  background-image: url('../images/instantaneous.png');
}
.strategy-card-select option.permanent {
  background-image: url('../images/permanent.png');
} */
.strategy-card-select option.coach, .accordion.strategy-cards .coach button, .accordion.strategy-cards .coach .accordion-body, tr.coach {
  /* background-image: url('../images/coach_tab.png'); */
  background-color: #231F20;
  color: #fff;
}
.accordion.strategy-cards .coach button::after {
	filter: brightness(0) invert(1);
}
.strategy-card-select option.goalie, .accordion.strategy-cards .goalie button, .accordion.strategy-cards .goalie .accordion-body, tr.goalie {
  /* background-image: url('../images/goalie_tab.png'); */
  background-color: #8253A2;
  color: #fff;
}
.strategy-card-select option.pass_cross, .accordion.strategy-cards .pass_cross button, .accordion.strategy-cards .pass_cross .accordion-body, tr.pass_cross {
  /* background-image: url('../images/pass_cross_tab.png'); */
  background-color: #FFC00F;
  color: #000;
}
.strategy-card-select option.dribbling, .accordion.strategy-cards .dribbling button, .accordion.strategy-cards .dribbling .accordion-body, tr.dribbling {
  /* background-image: url('../images/dribbling_tab.png'); */
  background-color: #25ADE3;
  color: #fff;
}
.strategy-card-select option.defense, .accordion.strategy-cards .defense button, .accordion.strategy-cards .defense .accordion-body, tr.defense {
  /* background-image: url('../images/defense_tab.png'); */
  background-color: #C12026;
  color: #fff;
}
.strategy-card-select option.attack, .accordion.strategy-cards .attack button, .accordion.strategy-cards .attack .accordion-body, tr.attack {
  /* background-image: url('../images/attack_tab.png'); */
  background-color: #2AB250;
  color: #fff;
}
.strategy-card-select option.athleticism, .accordion.strategy-cards .athleticism button, .accordion.strategy-cards .athleticism .accordion-body, tr.athleticism {
  /* background-image: url('../images/athleticism_tab.png'); */
  background-color: #fff;
  color: #000;
}

#timeline {
  background: linear-gradient(#000, #000) no-repeat center/2px 100%;
}
.timeline-item {
  min-height: 5rem;
}
.timeline-item-time {
  width: 3rem;
  height: 3rem;
}

.template {
  display: none !important;
}

img.img-icon-2xs {
	max-width: 8px;
	height: auto;
}

img.img-icon-xs {
	max-width: 16px;
	height: auto;
}

img.img-icon-sm {
	max-width: 24px;
	height: auto;
}

img.img-icon {
	max-width: 32px;
	height: auto;
}

img.img-icon-md {
	max-width: 48px;
	height: auto;
}

img.img-icon-lg {
	max-width: 64px;
	height: auto;
}

img.img-icon-xl {
	max-width: 96px;
	height: auto;
}

img.img-icon-2xl {
	max-width: 128px;
	height: auto;
}

.positioning-indicator {
	height: 6px;
	width: 36px;
}
.positioning-indicator .left-side {
	height: 100%;
	width: 25%;
}
.positioning-indicator .center-field {
	height: 100%;
	width: 49.98%;
}
.positioning-indicator .right-side {
	height: 100%;
	width: 25%;
}
.positioning-indicator .green-line {
	background: #28B150;
}
.positioning-indicator .blue-line {
	background: #54ADDF;
}
.positioning-indicator .yellow-line {
	background: #FFC00B;
}
.positioning-indicator .pink-line {
	background: #E59CAC;
}
.positioning-indicator .red-line {
	background: #C12025;
}
.positioning-indicator .violet-line {
	background: #7F5DA7;
}

.set-pieces-indicator {
}

.special-abilities {
}

/* HIDE RADIO/CHECKBOX */
.img-checkbox [type=checkbox],
.img-checkbox [type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
/* IMAGE STYLES */
.img-checkbox [type=checkbox] + i.bi,
.img-checkbox [type=radio] + i.bi,
.img-checkbox [type=checkbox] + img,
.img-checkbox [type=radio] + img {
  cursor: pointer;
}
/* CHECKED STYLES */
.img-checkbox [type=checkbox]:not(:checked) + i.bi,
.img-checkbox [type=radio]:not(:checked) + i.bi,
.img-checkbox [type=checkbox]:not(:checked) + img,
.img-checkbox [type=radio]:not(:checked) + img {
  opacity: 0.3;
}

div.tox-promotion, span.tox-statusbar__branding, div.leaflet-control-attribution.leaflet-control {
	visibility: hidden !important;
}