body {
  font-family: "Roboto Condensed", sans-serif;
  background-color: #f4f7fc;
}

.Pop {
  font-family: "Poppins", sans-serif;
}

.Bruno {
  font-family: "Bruno Ace", sans-serif;
}

.app {
  font-weight: 600;
  font-size: 1.5625rem; /* 25px */
}

.red {
  background: #f56;
}

.c-red {
  color: #f56;
}

.green {
  background: #0c9;
}

.c-green {
  color: #0c9;
}

.yellow {
  background: #ffcc00;
}

.c-yellow {
  color: #ffcc00;
}

.c-grey {
  color: #878a99;
}

.bg-blue {
  background: #0570a4;
}

.text-secondary {
  color: #444 !important;
}

.text-body-xs {
  font-size: 0.625rem; /* 10px */
}

.text-body-sm {
  font-size: 0.75rem; /* 12px */
}

.text-body-regolar {
  font-size: 0.8125rem; /* 13px */
}

.text-body-md {
  font-size: 0.875rem; /* 14px */
}

.text-body-lg {
  font-size: 1rem; /* 16px */
}

.text-body-xl {
  font-size: 1.375rem; /* 22px */
}

.text-body-xxl {
  font-size: 1.75rem; /* 28px */
}

.text-headline-md {
  font-size: 2.5rem; /* 40px */
}

.text-display-xxl {
  font-size: 3.75rem; /* 60px */
}

.badge-danger {
  background: #f56 !important;
  color: #fff;
  border-radius: 5px;
  padding: 2px 10px;
}

.tit-label {
  font-size: 1.375rem; /* 22px */
}

.bg-menu {
  /* background-color: #23c790; */
  background: #2a7b5f;
  background: linear-gradient(
    90deg,
    rgba(42, 123, 95, 1) 0%,
    rgba(23, 99, 76, 1) 50%
  );
}

.bg-menu-alternative {
  /* background-color: #23c790; */
  background: #004ba7;
  background: linear-gradient(
    90deg,
    rgba(0, 75, 167, 1) 0%,
    rgba(5, 49, 102, 1) 50%
  );
}

/* Header */
.no-margin {
  margin: 0 -12px;
}

.header-main {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-repeat: no-repeat;
}

@media (min-width: 991px) {
  .header-main {
    background-position: bottom -61px center;
  }
}

.header-title {
  height: 210px;
}

@media (max-width: 768px) {
  .header-title {
    height: auto;
  }
}
.title {
  font-size: 3.125rem; /* 50px */
  font-weight: 700;
  line-height: 1;
  color: #fff;
}

.title-dark {
  font-size: 3.125rem; /* 50px */
  font-weight: 700;
  line-height: 1;
  color: #333;
}

.sub-title {
  font-size: 0.9375rem; /* 15px */
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
.pre-title {
  font-size: 1.5625rem; /* 25px */
  line-height: 1;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 768px) {
  .title {
    font-size: 1.875rem; /* 30px */
  }
  .sub-title {
    font-size: 1.25rem; /* 20px */
  }
  .pre-title {
    font-size: 1.25rem; /* 20px */
  }
}
.header-overlay {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-logo {
  width: 100px;
  height: auto;
}

.logo-gdb {
  width: 200px;
  height: auto;
}

.img-scudetto {
  width: 24px !important;
  height: auto;
}

.img-classifica {
  width: 18px !important;
  height: auto;
}

.table-classifica td {
  padding: 6px 10px;
}

.scudetto {
  max-height: 100px;
  margin-bottom: 15px;
}

.scudetto-header {
  max-height: 80px;
}

.scudetto-players {
  max-height: 50px;
  margin: 30px 0;
}
.scudetto-players-table {
  max-height: 30px;
}

.img-player-cell {
  height: 50px;
  width: 50px;
}
.active > .page-link,
.page-link.active {
  background-color: #23c790 !important;
  border-color: #23c790 !important;
  color: #fff !important;
  font-weight: 600;
}
@media (max-width: 768px) {
  .form-mobile {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  .img-logo {
    width: 80px;
  }
  .logo-gdb {
    width: 180px;
    height: auto;
  }
}

.nome-squadra {
  font-size: 0.9375rem; /* 15px */
}
@media (max-width: 768px) {
  .nome-squadra {
    font-size: 0.6875rem; /* 11px */
  }
}

.squadra {
  height: 200px;
  width: 200px;
}

@media (max-width: 768px) {
  .squadra {
    height: 200px;
    width: 150px;
  }
  .scudetto {
    max-height: 80px;
    margin-bottom: 15px;
  }
}

.hover-squadre:hover .card {
  background-color: #aff7d2 !important;
}

.no-btn {
  background-color: transparent;
  border: none;
}

.data-incontro {
  min-width: 90px;
}

.accordion-button {
  padding: 8px 8px !important;
}

.bg-schedina {
  background-color: #244c93;
  width: 250px;
  height: 120px;
}

.bg-risultati {
  background-color: #fff053;
}

.box-image-player {
  width: 250px;
  height: 250px;
}

.tit-giocatore {
  font-size: 1rem; /* 14px */
  line-height: 1.1rem;
  margin-bottom: 3px;
}
.lt-sp-1 {
  letter-spacing: 1px;
}

.lt-sp-2 {
  letter-spacing: 2px;
}

/* MAIN MENU */
.main-menu {
  list-style-type: none;
}
.main-menu li {
  padding: 12px 12px 8px 12px;
}
.main-menu li.active {
  border-bottom: 4px solid #fff;
}
.main-menu li a {
  text-decoration: none;
}

/**/

/* MAIN MENU */
.secondary-menu {
  list-style-type: none;
}
.secondary-menu li {
  padding: 8px 8px 0px 8px;
}
.secondary-menu li.active {
  border-bottom: 2px solid #fff;
}
.secondary-menu li a {
  text-decoration: none;
}

/**/

ul.gironi {
  list-style-type: none;
}

ul.gironi li:hover {
  background-color: #f4f7fc;
}

/* tabellino */
.tabellino:hover {
  background-color: #f4f7fc;
}

.bg-gray {
  background-color: #f4f7fc;
}

table.bg-gray {
  border-collapse: collapse;
  width: 100%;
}

table.bg-gray,
table.bg-gray th,
table.bg-gray td {
  border: 5px solid #fff;
  font-weight: bold;
}

table.bg-gray td {
  padding: 5px 10px;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

/* HEADER */
.brand {
  background-color: #fd0;
  font-size: 1.25rem; /* 20px */
  font-weight: 700;
  color: #333;
}

.user-setting-icon {
  width: 32px;
  height: 32px;
  font-size: 0.9375rem; /* 15px */
  font-weight: 400;
}

.red {
  background: #f56;
}

drpd-dark {
  background-color: #212529;
  color: #fff;
  border: none;
  font-size: 0.75rem; /* 12px */
}

/* MENU */
.menu .line {
  font-size: 0.8125rem; /* 13px */
}

.menu .line.active {
  background: #353535;
  border-radius: 5px;
}

.menu .line:hover {
  background: #353535;
  border-radius: 5px;
}

.menu .line a {
  text-decoration: none;
}

.icon-menu {
  color: #6d6868;
  font-size: 1.25rem; /* 20px */
  width: 40px;
}

.bg-primary {
  background-color: #3186c8 !important;
}

.bg-danger {
  background-color: #ec4561 !important;
}

.bg-success {
  background-color: #2a9177 !important;
}

.bg-default {
  background-color: #06c2de !important;
}

.bg-warning {
  background-color: #f0ad4e !important;
}

.bg-blue {
  background-color: #0570a4;
}