
    @font-face {
        font-family: 'Poppins';
        src: url('/fonts/Poppins-Regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
    }
    @font-face {
        font-family: 'Poppins';
        src: url('/fonts/Poppins-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
    }
    @font-face {
        font-family: 'Poppins';
        src: url('/fonts/Poppins-SemiBold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
    }
    @font-face {
        font-family: 'Poppins';
        src: url('/fonts/Poppins-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
    }



:root {
    /* change the background color of the <body> */
    --body-bg: #ffffff;
    --base-empoli-blue: #001a32;
    --secondary-empoli-blue: #0b599a;
    --tertiary-empoli-blue: #3462a7;
    --tertiary-empoli-blue-with-opacity: rgba(52, 98, 167, 0.6);
    --quaternary-empoli-blue: #5b88c2;
    --sidebar-bg: var(--base-empoli-blue);
    --content-top-border-color: var(--base-empoli-blue);
    --sidebar-menu-color: #ffffff;
    --sidebar-menu-active-item-color: var(--base-empoli-blue);
    --sidebar-menu-active-item-bg: #ffffff;
    --sidebar-padding-right: 16px;
    --sidebar-padding-left: 16px;
    --sidebar-max-width: 250px;
    --font-size-base: 15px;
    --responsive-header-bg: var(--base-empoli-blue);
    --button-primary-bg: var(--secondary-empoli-blue);
    --button-secondary-color: var(--secondary-empoli-blue);
    --pagination-active-bg: var(--secondary-empoli-blue);
    --content-search-icon-color: #ffffff;
    --sidebar-menu-icon-color: #ffffff;
    --sidebar-menu-active-item-color: var(--secondary-empoli-blue);
    --button-shadow: none;
    --form-input-error-shadow: 0 0 0 3px #FE6060;
    --btn-secondary-border-color: var(--secondary-empoli-blue);

}

aside.content-top {
    background-color: #F9F9F9;
    height: 85px;
}

.menu-item .menu-item-contents {
    font-size: var(--font-size-base);
}

.logo-custom {
    text-align: center;
}

.logo-custom img,.responsive-logo img {
    max-height: 100px;
}
#main-menu .menu .menu-item {
    margin-bottom: 4px;
}
#navigation-toggler {
    color: #ffffff;
    -webkit-filter: none !important; 
    filter: none !important;
}

.btn {
    
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    font-size:  var(--font-size-base);
}

.btn-secondary {
    border: 1px solid var(--btn-secondary-border-color);
}

.btn-secondary:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):hover {
    border: 1px solid var(--btn-secondary-border-color);
    color: var(--button-secondary-color);

}

body.ea.page-login {
    background-color: var(--base-empoli-blue);
}

.login-wrapper .logo img {
    max-height: 200px;
    margin-bottom: 20px;
}

.row + .giocatore {
    border: 1px dotted;
    padding: 0.5em 1em;
    margin-top: 0.15rem;
}

.row + .giocatore > span {
    padding-left: 0;
}

.osservatore > a, .giocatore > a {
    padding: 0;
}

.osservatore {
    background-color: var(--secondary-empoli-blue);
    border: 1px solid;
    padding: 0.5em 1em;
}

.link-osservatore {
    color: #ffffff;
    text-decoration: none;
}

.link-osservatore:hover {
    color:#ffffff; 
    text-decoration:none; 
    cursor:pointer;  
}



.button-pdf a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 140px;
    height: 40px;
    padding: 7px;
    margin-top: 25px;
    background-color: var(--button-primary-bg);
    color: #ffffff;
    text-decoration: none;
}

.button-pdf a:hover {
    background-color: var(--button-primary-bg);
    border: 0;
    box-shadow: var(--button-hover-shadow);
}


.checked-star {
    color: #0f7ff1;
}

.unchecked-star {
    color: #0f7ff1;
    opacity: 0.5;
}

.loan-star {
    color: #0f7ff1;
    opacity: 0.375;
}

.table.datagrid.fold-table > thead > tr > th[dir="ltr"]:has(> span.sr-only) {
    text-align: right;
}

.table.datagrid.fold-table > thead > tr > th[dir="ltr"] > span.sr-only {
    display: contents;
}

table.fold-table > tbody > tr.view {
    display: none;
}

.label-azioni {
    display: none;
}

::selection {
    color: white;
    background: #3367d1;
}

.datagrid-sortings {
    display: none;
}

.action-sortings-button i {
    color: var(--text-color-light);
}

.action-sortings-button.action-sortings-applied i, .action-sortings-button .action-sortings-button-count, .action-sortings-reset i {
    color: var(--button-secondary-color);
}

.action-filters-button i,.action-filters-button.action-filters-applied i, .action-filters-button .action-filters-button-count, .action-filters-reset i {
    color: var(--button-secondary-color);
}

.content-header .datagrid-sortings {
    margin-right: 10px;
}

.sorting-field {
    border-top: 1px solid var(--modal-border-color);
}

.sorting-heading {
    align-items: center;
    padding: 10px 0;
}

.sorting-heading a {
    color: var(--link-color);
    cursor: pointer;
    flex: 1;
    margin-left: 7px;
}

#modal-sortings .modal-dialog {
    max-width: 300px;
}

#modal-sortings .modal-content {
    background: var(--modal-bg);
    border: 1px solid var(--modal-border-color);
    border-radius: var(--border-radius);
}

#modal-sortings .modal-header {
    background: var(--modal-header-bg);
    border-bottom-color: transparent;
    padding: 10px 15px;
}

#modal-sortings .modal-title {
    color: var(--modal-title-color);
    font-size: var(--font-size-base);
}

#modal-sortings .modal-body {
    background: var(--modal-bg);
    border-bottom: 0;
    border-radius: var(--border-radius);
    padding: 15px;
}

.datagrid td.actions a:not(.dropdown-item) {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}



@media (max-width: 767px) {
    table.datagrid:not(.datagrid-empty) tr:not(.empty-row) td.batch-actions-selector {
        padding: 8px;
        display: none;
    }

    table.fold-table > tbody > tr.view {
        display: block;
    }

    table.fold-table > tbody > tr.view td:first-child,
    table.fold-table > tbody > tr.view th:first-child {
        position: relative;
        padding-left: 2%;
    }

    table.fold-table > tbody > tr.fold {
        display: none;
    }

    table.fold-table > tbody > tr.fold.open {
        display: block;
    }

    table.fold-table > tbody > tr.view.open {
        margin: 0;
    }

    .plusminus {
        display: inline-block;
        position: relative;
        width: 12.5px;
        height: 12.5px;
        cursor: pointer;
    }

    .plusminus.active:before {
        transform: translatey(-50%) rotate(-90deg);
        opacity: 0;
    }

    .plusminus.active:after {
        transform: translatey(-50%) rotate(0);
    }

    .plusminus:before, .plusminus:after {
        content: "";
        display: block;
        background-color: #333;
        position: absolute;
        top: 50%;
        left: 0;
        transition: 0.35s;
        width: 100%;
        height: 3px;
    }

    .plusminus:before {
        transform: translatey(-50%);
    }

    .plusminus:after {
        transform: translatey(-50%) rotate(90deg);
    }

    .first-row-name {
        display: inline-block;
        position: relative;
        padding-left: 2%;
    }

    .label-azioni {
        display: inline-block;
        font-weight: 500;
        margin-right: 2%;
    }

    .page-item .page-link span.btn-label {
        display: none;
    }

    table.fold-table > tbody > tr.fold > td.actions {
        text-align: center !important;
    }

    table.fold-table > tbody > tr.fold > td.actions > a.action-detail > span.action-label {
        color: #0f7ff1;
    }

    table.fold-table > tbody > tr.fold > td.actions > a.action-edit > span.action-label {
        color: #0f7ff1;
    }

    .datagrid td.actions a:not(.dropdown-item) ~ a:not(.dropdown-item) {
        margin-left: 50px;
    }

    .datagrid-sortings {
        display: block;
    }

    .action-sortings-button.action-sortings-applied i {
        color: white;
    }

    .action-sortings-button.action-sortings-applied {
        background-color: var(--button-primary-bg);
    }

    .action-filters-button.action-filters-applied i {
        color: white;
    }

    .action-filters-button.action-filters-applied {
        background-color: var(--button-primary-bg);
    }

    .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active,
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled):focus {
        background-color: var(--button-primary-bg);
    }

    .action-sortings-button-title {
        display: none;
    }

    .action-filters-button-title {
        display: none;
    }

    .action-sortings-button-count {
        display: none;
    }

    .action-filters-button-count {
        display: none;
    }

    #modal-sortings .modal-dialog {
        max-width: 300px;
        left: 50%;
        top: 50%;
        transform: translate(-53%, -55%);
    }

    .datagrid td.actions a:not(.dropdown-item) {
        font-size: var(--font-size-sm);
        line-height: 0px;
        font-weight: 500;
    }

    .br-actions-desktop {
        display: none;
    }
}

.ea-detail .field-group.field-boolean .field-label {
    flex: unset;
    min-width: 0;
    margin: 0 15px 0 0 !important;
    width: 130px !important;
    text-align: right !important;
  }
  
  .ea-detail .field-group.field-boolean {
    flex-direction: row !important;
  }
  
  .ea-detail .field-group.field-boolean .field-value {
    flex: 1 !important;
    min-width: 66% !important;
    text-align: left !important;
  }

.action-delete.btn {
    border: 1px solid var(--color-danger);
}
/*
.watson-fieldset {
    margin-top: 70px;
}
*/
.dashboard .giocatore-row {

    box-shadow: inset 0 1px 0 var(--table-cell-border-color);
    line-height: 20px;
    padding: 16px;
    padding-left: 0px;
}

.dashboard .giocatore-row .giocatore-info {
    margin-left: 20px;
}
.dashboard .lista-giocatori-container {
    margin-left: 0px;
}

.dashboard #giocatore-template {
    display: none;
}
.dashboard #loader {
    text-align: center;
    display: none;
    max-height: 50px;
}

.giocatori-content-panel-footer {
    display: flex;
    align-items: flex-end;
}

.giocatori-content-panel-footer .list-pagination {
    display: flex;
    flex: 1;
    align-items: flex-end;
}
.giocatori-content-panel-footer .pagesize-container {
    
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-right: 24px;
    padding: 15px 0;
}
.giocatori-content-panel-footer .pagesize-container label {
    margin-right: 0.5rem;
    white-space: nowrap;
}



.ea-index-Giocatore .datagrid-filters {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.separated_filters_cnt {
    margin-right: 2rem;
    padding-bottom: 0px;
}
.separated_filters_cnt .form-select {
    height: 42px;
}

body:not(.ea-index-Giocatore):not(.ea-detail-Giocatore):not(.ea-edit-Giocatore):not(.ea-new-Giocatore) .form-action-search {
  display: none;
}

.form-action-search .content-search-label{
    position: relative;
    border: 1px solid #6B737A;
    border-radius: 4px;
    background: transparent;
}

.form-action-search .form-group .form-widget{
    position: relative;
    display: inline-flex;
    align-items: center;
}

.content-top .content-search .content-search-icon {
    color: #5E6368;
    position: absolute;
    right: 10px;
    z-index: 2;
}
.content-top .content-search .content-search-label input:not(.is-blank) {
    min-width: 300px;
}

.form-action-search .content-search-reset{
    position: absolute;
    right: -25px;
}
#global-search-results {
    position: absolute;
    top: 35px;
}

table tr[data-detail-view] {
    cursor: pointer;
}


.field-giocatore-nome, .field-giocatore-cognome {   
    color: var(--tertiary-empoli-blue) !important;
}

.field-giocatore-nome,
.field-giocatore-cognome,
.field-giocatore-dataDiNascita
{
    font-weight: bold
}

tr.fold td {
    border-bottom: 1px solid var(--tertiary-empoli-blue);
}

table {
    border-collapse: collapse;
}

/* CR 2025-07 Punto 6c : (Dettaglio) Cambia colore Watson con blu Empoli
    Disattivato fino a nuova comunicazione
.btn-empoli-color {
    background-color: var(--tertiary-empoli-blue-with-opacity) !important;
    border: 1px solid var(--tertiary-empoli-blue-with-opacity) !important;
    color: white !important;
}

.btn-empoli-color:hover,
.btn-empoli-color:focus,
.btn-empoli-color:active
{
    background-color: var(--tertiary-empoli-blue-with-opacity) !important;
    border: 1px solid var(--tertiary-empoli-blue-with-opacity) !important;
    color: white !important;
}*/

.field-group .field-label div,
.field-group.field-boolean .field-label div,
.form-group .form-control-label,
.checkbox-switch.form-check-label,
legend.col-form-label
{
    /*text-align: left !important;*/
    color: var(--tertiary-empoli-blue) !important;
    font-weight: bold;
}


.highlight-form-block,
.highlight-form-block .form-widget .form-control,
.highlight-detail-block .field-label,
.highlight-detail-block .field-value
{
    background-color: var(--tertiary-empoli-blue);
    border-radius: 0.75em;
    padding: 10px;
}

.highlight-detail-block .field-label,
.highlight-detail-block .field-value
{
    display: inline-block;
}

.highlight-detail-block .field-label {
    border-radius: 0.75em 0 0 0.75em;
    margin: 0 !important;
}

.highlight-detail-block .field-label div {
    padding: 10px 5px;
    color: white !important;
}

.highlight-detail-block .field-value {
    border-radius: 0 0.75em 0.75em 0;
    padding-left: 1em;
}

.highlight-form-block .form-control-label,
.highlight-form-block .form-widget .form-control,
.highlight-detail-block .field-label,
.highlight-detail-block .field-value
{
    color: white !important;
}

[class^="col-"]:has(> .highlight-form-block.form-group) {
    padding-bottom: 24px;
}

.field-number.highlight-detail-block .field-value {
    max-width: 16.5%;
    min-width: auto;
}

.content-top {
        box-shadow: none;
}

.punteggio-finale {
    font-size: 24px;
}


body {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 140%;
}
.ea-detail-Giocatore .content-body {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  line-height: 140%;
}
.ea-detail-Giocatore .anagrafica-row {
  margin-bottom: 40px;
}
.ea-detail-Giocatore .foto-giocatore {
  max-width: 50%;
}
@media (max-width: 991px) {
  .ea-detail-Giocatore .foto-giocatore {
    margin: auto;
    display: block;
  }
}
@media (min-width: 992px) {
  .ea-detail-Giocatore .foto-giocatore {
    padding-right: 30px;
    max-width: 100%;
    max-height: 100%;
  }
}
.ea-detail-Giocatore .dati-anagrafici, .ea-detail-Giocatore .relazione {
  background-color: #F9F9F9;
  border-radius: 4px;
  padding: 20px;
}
.ea-detail-Giocatore .dati-anagrafici {
  margin-bottom: 12px;
}
.ea-detail-Giocatore .dati-anagrafici > .col-12 {
  padding-left: 0px;
}
.ea-detail-Giocatore .field-value {
  font-weight: 600;
}
.ea-detail-Giocatore .punteggio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  border-radius: 4px;
}
.ea-detail-Giocatore .punteggio-1 {
  background-color: #BEDBFF;
}
.ea-detail-Giocatore .punteggio-2 {
  background-color: #F9F9F9;
}
.ea-detail-Giocatore .punteggio-left {
  padding-left: 0;
}
@media (max-width: 991px) {
  .ea-detail-Giocatore .punteggio-left {
    padding-right: 0px;
    margin-bottom: 12px;
  }
}
.ea-detail-Giocatore .punteggio-right {
  padding-right: 0;
}
@media (max-width: 991px) {
  .ea-detail-Giocatore .punteggio-right {
    padding-left: 0px;
  }
}
.ea-detail-Giocatore .relazione {
  margin-top: 12px;
}
.ea-detail-Giocatore .form-fieldset-title span.form-fieldset-title-content {
  color: #0B599A;
  font-weight: 600;
  font-size: 14px;
  box-shadow: none;
}
.ea-detail-Giocatore #tab-osservazione .field-label, .ea-detail-Giocatore #tab-punteggi .field-label {
  text-align: left;
  font-size: 14px;
}
.ea-detail-Giocatore #tab-osservazione .field-label > *, .ea-detail-Giocatore #tab-punteggi .form-fieldset:not(.custom-panel-3) .field-label > * {
  color: #5A5858 !important;
}
.ea-detail-Giocatore .custom-panel {
  margin-top: 25px;
}
@media (min-width: 992px) {
  .ea-detail-Giocatore .custom-panel .row {
    max-width: 90%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.ea-detail-Giocatore .custom-panel .row .field-group {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
display: flex;
align-items: center;
  border-bottom: 1px solid #DCDCDC;
  margin-bottom: 0;
}
.ea-detail-Giocatore .custom-panel .row .field-label > * {
  font-weight: 400;
}
@media (min-width: 992px) {
  .ea-detail-Giocatore .custom-panel-2 .row {
    max-width: 90%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 0.5rem;
  }
}
.ea-detail-Giocatore .punteggi-panel .field-group .field-value {
  padding-left: 10%;
}
.ea-detail-Giocatore .full-width {
  grid-column: span 2;
}
.ea-detail-Giocatore .hide-label .field-label {
  display: none;
}
.ea-detail-Giocatore .grey-bg {
  background-color: #F9F9F9;
  border-radius: 4px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 32px;
}
.ea-detail-Giocatore .grey-bg .field-label {
  width: auto;
}
.ea-detail-Giocatore .border-none {
  border: none !important;
}
.ea-detail-Giocatore .extra-info {
  margin-top: 40px;
  border-top: 1px solid #DCDCDC;
  padding-top: 12px;
}

.ea-detail-Giocatore .link-transfermarkt {
    padding-top: 0px !important;
}
@media (max-width: 991px) {
  .ea-detail-Giocatore .link-transfermarkt {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
}
@media (max-width: 991px) {
  .ea-detail-Giocatore .custom-panel .field-group.testo-lungo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .ea-detail-Giocatore .custom-panel .field-group.testo-lungo .field-value {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
}
.ea-detail-Giocatore .empty-foto {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F9F9F9;
  
    @media (max-width: 991px) {
        display: none;
    }
}
@media (max-width: 991px) {
  .ea-detail-Giocatore .dati-anagrafici, .ea-detail-Giocatore .punteggi-row, .ea-detail-Giocatore .relazione-row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .ea-detail-Giocatore .dati-anagrafici:not(.no-photo) {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .ea-detail-Giocatore .page-actions {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 20px;
  }
  .ea-detail-Giocatore .page-actions a {
    margin-left: 0;
  }
}

.ea-detail-Giocatore .ea-actions-desktop {
  display: block;
}

.ea-detail-Giocatore .ea-actions-mobile {
  display: none;
}
@media (max-width: 767px) {
  .ea-detail-Giocatore .ea-actions-desktop {
    display: none;
  }

  .ea-detail-Giocatore .ea-actions-mobile {
    display: flex;
    margin-top: 2rem;
    flex-direction: column;
  }

    .ea-detail-Giocatore .ea-actions-mobile .btn{
        margin-bottom: 12px;
    }
    .ea-detail-Giocatore .ea-actions-mobile .action-edit{
        order: 1;
    }
    .ea-detail-Giocatore .ea-actions-mobile .action-index{
        order: 2;
    }
    .ea-detail-Giocatore .ea-actions-mobile .action-delete {
        order: 3;
    }
    .ea-detail-Giocatore .ea-actions-mobile .action-valutazioneIA{
        order: 4;
    }
}

.ea-edit-form .custom-panel .form-fieldset-title, .ea-new-form .custom-panel .form-fieldset-title {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .ea-edit-form .custom-panel .form-fieldset-body .row, .ea-new-form .custom-panel .form-fieldset-body .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 1rem;
  }
  .ea-edit-form .custom-panel .form-fieldset-body .row .flex-fill, .ea-new-form .custom-panel .form-fieldset-body .row .flex-fill {
    display: none;
  }
}

.section-title {
    color: #0B599A;
    font-weight: 600;
}



@media (max-width: 767px) {
    table.fold-table > tbody > tr.fold.open > td {
        min-height: 36px;
    }
}