@font-face {
  font-family: SFProDisplay;
  src: url(/fonts/SFProDisplay-Medium.ttf);
}

@font-face {
  font-family: SFProDisplay;
  src: url(/fonts/SFProDisplay-Bold.ttf);
  font-weight: bold;
}

body {
  font-family: SFProDisplay;
}

hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

a {
  color: #000;
}

.table-row {
  cursor: pointer;
}

#deleteEvent {
  color: red;
  font-size: 2em;
}
#editComment {
  font-size: 2em;
}
.btn-report {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Style the active class (and buttons on mouse-over) */
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle, .btn-dark:hover {
  color: #000;
  background-color: #fffffF;
  border-color: #fff;
}
.img-report {
  height: 35px;
  background-color: #343a40;
}
#commentImg {
  width: 30px;
  border: none;
}
#commentButton {
  border: none;
  background-color: #FFF;
}
.light-green {
  background-color: #00ad50;
}
.light-red {
  background-color: #D64504;
}
.light-gray {
  background-color: #D3D3D3;
}
#bajenImg {
  width: 4.5rem;
}
#timeOfGame {
  margin-top: 0;
  margin-bottom: 0;
}
#mainLogo {
  width: 10rem;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
#mainMenu {
  height: 4rem;
}
#mainRubrik {
  margin-bottom: 2rem;
  font-weight: bold;
  font-size: 30px;
}
#audience {
  font-size: 0.8rem;
}
#audience_img {
  vertical-align: middle;
}
#loginText, #adminText {
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 24px;
}
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
#button_rounded, .button_rounded {
  background-color: #000;
  width: 210px;
  height: 50px;
  border-color: #000;
  margin-bottom: 2rem;
}
#finished, #new {
  background-color: #000;
  width: 140px;
  height: 30px;
  border-color: #000;
  margin-bottom: 2rem;
  color: #fff;
}
#email, #password {
  border: 1px solid #000;
  border-radius: 0;
  box-shadow: #fff;
}
.login_container, .admin_container {
  padding-left: 2rem;
  padding-right: 2rem;
}
#login_button, #admin_button {
  margin-top: 3rem;
}
.btn-circle.btn-sm { 
  width: 40px; 
  height: 40px; 
  padding: 6px;
  border-radius: 20px; 
  font-size: 10px; 
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.btn-border-white {
  border-color: #fff;
}
#mainMenu.btn-dark:active:focus {
  color: #000!important; 
  background-color: #FFF!important;
  border-color: #fff!important;
}
.vyText {
  text-align: center;
  margin: 2rem;
}
.goal_img_report {
  height: 40px;
  visibility: hidden;
}
.modal-footer {
  justify-content: center;
}
#imgHomeTeam_ScoreBoard, #imgAwayTeam_ScoreBoard {
  height: 90px;
}
#scoreTeam {
  overflow-wrap: break-word;
  display: table-cell;
}

#homeResult, #awayResult {
  font-size: 30px;
  font-weight: bold;
  vertical-align: middle;
}
#gameControlButton {
  margin-top: 25%;
  padding: 0;
}
#menyText {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.lineup_button {
  padding-bottom: 0;
  margin-bottom: 0;
}