:root {
    --primary-color: #467341;
    --accent-color: #b71c1c;
    --primary-color-rgb: 70, 115, 65;
    --accent-color-rgb: 183, 28, 28;
    /*--accent-color: #5fb1fd;*/
    --border-color: #CCC;
    --error_color: #d50000;
    --interface-text-color:#666;
}
/* pagina seleziona evento */
#selezione_evento_lista {
    margin:0;
    padding:0;
    list-style-type: none;
    margin-bottom:40px;
}
.selezione_evento_li {
    padding:10px 20px;
    border:1px solid var(--border-color);
    border-bottom:none;
    color:var(--primary-color);
    font-size:20px;
}
.selezione_evento_li.stato_evento_chiuso {
    background-color:#DDD;

}
.selezione_evento_date {
    font-size: 16px;
    color:#666;
    margin-left:16px;
}
.selezione_evento_no_attivi {
    color:#666;
    font-style: italic;
}
.selezione_evento_li:last-child {
    border-bottom:1px solid var(--border-color);
}
.selezione_evento_btn {
    cursor:pointer;
}
.selezione_evento_btn:hover {
    background-color:rgba(var(--primary-color-rgb),0.2);
}

/* pagina GV guida */
.page_gv_guida_doc_link_container {
    display:flex;
    align-items: center;
}
.page_gv_guida_indent {
    margin-left:30px;
}
.page_gv_guida_doc_link {
    text-decoration: none;
}
.page_gv_guida_doc_link:hover .page_gv_guida_doc_link_text {
    text-decoration: underline;
}
.page_gv_guida_doc_link span {
    vertical-align: middle;
}
.page_gv_guida_container {
    display:flex;
    flex-wrap: wrap;
    gap:40px;
    justify-content: space-between;
    margin:20px 0 20px;
}
.page_gv_guida_col {
    width:49%;
    border:1px solid var(--primary-color);
    border-radius:10px;
    padding:6px;
}
@media screen and (max-width:1328px) {
    .page_gv_guida_col {
        width:100%;
    }
}

/* pagina gv_info */
table.info_tab {
    border-collapse: collapse;
}
table.info_tab td,
table.info_tab th {
    padding:10px;
    border:1px dotted gray;
}

/* pagina gestisci_iscrizioni */
.tab_iscrizioni_gruppo {
    background-color: #CCC;
    font-weight:bold;
}

/* pagina gestisci eventi */
.modifica_evento_row {
    cursor:pointer;
}
/* tabella partecipanti */
.tab_partecipanti {
    font-size:14px;
}
.tab_partecipanti_squadra {
    background-color:#CCC;
}
.tab_partecipanti_squadra_azione {
    display:flex;
    justify-content: space-between;
}
.tab_partecipanti_nome_squadra {
    /*text-transform:uppercase;*/
}

/* tabella accrediamento */
.tab_accreditamento_container {
    margin:30px 0;
}
.tab_accreditamento td {
    padding:16px 6px;
}
/*.tab_accreditamento_row {
    background-color:#FF000022;
}*/
.tab_accreditamento_row.tab_accreditamento_row_alert {
    background-color:#FF9F0022;
}
.tab_accreditamento_row.tab_accreditamento_row_selected {
    background-color:#00800022;
}
.tab_accreditamento_row.tab_accreditamento_row_title {
    background-color:#00000022;
}
.tab_accreditamento_nome {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
td.tab_accreditamento_quota {
    font-size:smaller;
    color:#666;
    text-align: center;
}

/* pagina accreditamento */
.accreditamento_lock_page_glass {
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    right: 0;    
    left: 0;
    bottom: 0;
    z-index: 1;
}
.accreditamento_lock {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align:center;
    background-color: #DC3545;
    color: #FFFFFF;
    padding:40px;
    margin:0 20px;
    min-height:120px;
    border-radius: 6px;
}
.accreditamento_lock a {
    color:#FFF;
    text-decoration: underline;
}
@media screen and (max-width:600px) {
    .accreditamento_lock_page_glass {
        align-items: flex-start;
        padding-top: 25vh;
    }
    .accreditamento_lock {
        padding:20px;
    }
}
.connect_device_container {
    float:right;
    text-align:right;
}
.connect_device_text {
    font-size:12px;
}
.tab_legenda {
    width:auto;
    min-width: auto;
}
.tab_legenda th {
    text-align:center;
}
.esito_ricerca_squadra {
    color:var(--error_color);
}
#accreditamento_input_container {
    margin-bottom:20px;
}
#cerca_gruppo_input {
    /* width:calc(100% - 16px);
    height:32px; */
    width:100%;
    height:40px;
    font-size:16px;
    padding-left:10px;
}
#accreditamento_lista_container {
}
.accreditamento_lista_item {
    display:block;
    padding:10px;
    margin-bottom:10px;
    border:1px solid #999;
    text-decoration:none;
    font-size:18px;
    background-color:#FFF;
}
.accreditamento_lista_item:hover {
    background-color:rgba(var(--primary-color-rgb),0.2);
}
/* dialog aggiungi partecipante */
#gv_aggiungi_partecipante_dialog {
    min-width:400px;
}
#id_squadra_item {
    width:100%;
    margin-top:20px;
    height:32px;
}
#id_squadra_item.is-invalid {
    border:1px solid #d50000;
}
.tab_legenda_responsive { /* todo verifica */
    display:none;
}
.accreditamento_pagamento_tab_totale {
    font-size:20px;
    font-weight:bold;
}
.accreditamento_pagamento_tab_differenza {
    font-size:20px;
    font-weight:bold;
    background-color:pink;
}
@media screen and (max-width:1250px) {
    /* todo verifica */
    .tab_legenda_desktop {
        display:none;
    }
    .tab_legenda_responsive {
        display:table-row;
    }
}
@media screen and (max-width:420px) {
    #gv_aggiungi_partecipante_dialog {
        min-width:auto;
        width:100%;
    }
}

/* pagina accreditamento squadra */
#accreditamento_squadra_from_container {
    margin-bottom:59px;
}

/* pagina accreditamento gruppo */
#accreditamento_gruppo_note {
    border:1px solid #999;
    padding:10px;
    margin-top:20px;
}
#accreditamento_gruppo_note_input_container {
    margin-bottom:40px;
}
#accreditamento_gruppo_note_input_container label {
    display:block;
    color:var(--primary-color);
}
#accreditamento_gruppo_note_input_container textarea {
    width: calc(100% - 8px);
    height:100px;
    margin-top:10px;
}
.accreditamento_gruppo_button_container {
    margin:10px 0 30px;
    display:flex;
    gap:40px;
    flex-wrap: wrap;
}
.accreditamento_gruppo_button_container .piove-form-buttons {
    gap:40px;
    flex-wrap: wrap;
}
.accreditamento_gruppo_inline_wrapper {
    display:inline-block;
}
#note_accreditamento_text {
    padding:10px;
    margin-bottom:30px;
    background-color: #DDD;
}
.accreditamento_gruppo_table_head_bg {
    background-color:#DDD;
}
.accreditamento_gruppo_radio_input_container.piove-form-block {
    margin-top:0;
}
.accreditamento_gruppo_warning_pagamento {
    background-color:pink;
    padding:6px 10px;
}
@media screen and (max-width:531px) {
    .accreditamento_gruppo_button_container .piove-form-buttons {
        flex-direction:column-reverse;
    }
}
@media screen and (max-width:440px) {
    .accreditamento_gruppo_radio_input_container .piove-form-flex-wrap-pair {
        display:block !important;
        width:100%;
    }
    .accreditamento_gruppo_radio_input_container .piove-form-radio-flex-container {
        gap: 10px 30px;
    }
}
@media screen and (max-width:236px) {
    .accreditamento_gruppo_radio_input_container .piove-form-flex-wrap-pair {
        display:none !important;
    }
    .accreditamento_gruppo_radio_input_container .piove-form-radio-flex-container label {
        width:100%;
    }
    .accreditamento_gruppo_radio_input_container .piove-form-radio-flex-container {
        gap: 20px 30px;
    }
}

/* tempalte accreditamento */
#accreditamento_buttons_container {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    flex-direction:row;
}
.accreditamento_button {
    flex:1;
    background-color:var(--primary-color);
    color:#FFF;
    border:1px solid #FFF;
    padding:40px 20px;
    text-align:center;
    text-decoration:none;
}

/* gv_registrazione_squadriglie */
.tab_legenda_expand_btn {
}
.tab_squadriglie_filter_container {
    margin-bottom:20px;
    display:flex;
    flex-wrap: wrap;
    gap:20px;
}
.tab_squadriglie_filter_container .piove-form-select {
    margin:0;
}
#tab_squadriglie {
    min-width:auto;
}
.tab_squadriglie_tablet,
.tab_squadriglie_actions_row {
    display:none;
}
.tab_squadriglie_row[data-esito=1] {
    background-color:lightgreen;
}
.tab_squadriglie_row[data-esito=0] {
    background-color:#DDD;
}
.tab_squadriglie_stat_zona {
    display:none;
}
.tab_squadriglie_stat {
    display:flex;
    gap:20px;
}
.tab_squadriglie_dettaglio_imprese_link {
    display:none;
}
.tab_squadriglie_fiter_void {
    display:none;
}
.gv_registrazione_sq_esito {
    white-space: nowrap;
}
@media screen and (max-width:1250px) {
    .tab_squadriglie_desktop {
        display:none;
    }
    .tab_squadriglie_tablet {
        display:table-cell;
    }
    #tab_squadriglie .tab_squadriglie_row_master tr:last-child td {
        border-bottom-width:4px;
    }
    .tab_squadriglie_actions_cell {
        display:none;
    }
    .tab_squadriglie_actions_row {
        display:table-row;
    }
    .tab_squadriglie_compatta {
        overflow-x: auto;
    }
    /* .tab_squadriglie_compatta .tab_squadriglie_actions_cell {
        display:table-cell;
    } */
    .tab_squadriglie_compatta .tab_squadriglie_actions_row {
        display:none;
    }
}
@media screen and (max-width:500px) {
    #tab_squadriglie .tab_action_wrapper {
        justify-content: space-between;
    }

    button.open_sq_dialog {
        display:none;
    }
}

/* gv_registrazione_squadriglie_form */
#impresa1_squadriglia_input,
#impresa2_squadriglia_input,
#note_squadriglia_input {
    width:600px;
    height:200px;
    margin:0 2px;
}
#impresa1_squadriglia_input:focus-visible,
#impresa2_squadriglia_input:focus-visible,
#note_squadriglia_input:focus-visible {
    outline: var(--primary-color) solid 2px;
}
@media screen and (max-width:960px) {
    #impresa1_squadriglia_input,
    #impresa2_squadriglia_input,
    #note_squadriglia_input {
        width:calc(100% - 6px);
    }
}


/* dialog aggiungi partecipante */
.gv_aggiungi_partecipante_form_dialog .mdl-textfield {
    width:100%;
}

/* pagina gestione_iscrizioni */
.switch_item_wrapper {
    width:190px;
}


/* pagina gv_riepilogo */
#gv_riepilogo_legenda {
    display:flex;
    gap:6px 20px;
    flex-wrap: wrap;
}
.gv_riepilogo_show_responsive {
    display:none;
}
.gv_riepilogo_row_show_responsive {
    display:none;
}
@media screen and (max-width:1200px) {
    .gv_riepilogo_show_responsive {
        display:table-cell;
    }
    .gv_riepilogo_row_show_responsive {
        display:table-row;
    }
    .gv_riepilogo_hide_responsive {
        display:none; 
    }
}
.gv_riepilogo_gruppo_tabs_container {
    display:flex;
    gap:30px;
    flex-wrap: wrap;
}

/* pagina riepilogo e pagamento */
#info_pagamento_cell {
    position:relative;
}
#pagamento_copy_btn {
    position:absolute;
    top:3px;
    right:3px;
    color:#999;
}
#pagamento_copy_btn .material-icons {
    font-size:20px;
}
#pagamento_copy_text {
    display:none;
}
.info_bancarie_block {
    display:block;
    margin:4px 0 4px 26px;
    font-family: monospace;
    font-size:16px;
}
.info_bancarie_inline {
    font-family: monospace;
    font-size:16px;
}
ul.par_text_list {
    margin-top:4px;
}
ul.par_text_list li {
    margin-bottom:4px;
}
ul.par_text_list li:last-child {
    margin-bottom:none;
}
.tab_pagamenti_row_error {
    background-color:rgba(var(--primary-color-rgb),0.2);
}

/* dialog stato gruppo */
.gruppo_dialog_highlight_row {
    background-color:#CCC;
}

/* form evento */
.form_evento_impostazioni_subtitle {
    font-size:16px;
    color:gray;
    margin:20px 0 10px;
    font-weight:normal;
}
.form_evento_impostazioni {
    display:flex;
    gap:20px;
    flex-wrap: wrap;
}
.form_evento_impostazione {
    border:1px solid var(--border-color);
    border-radius:6px;
    padding:10px;
    padding-bottom:24px;
    min-width:300px;
    max-width:500px;
    position:relative;
}
.form_evento_impostazione_wide {
    max-width:800px;
}
.form_evento_impostazione_nome {
    margin-bottom:10px;
}
.form_evento_impostazione_descrizione {
    font-size:14px;
    font-style: italic;
    color:#666;
    margin-bottom:20px;
    text-align: justify;
}
.form_evento_impostazione_note {
    margin-top:20px;
    font-size:12px;
    line-height:14px;
    font-family: 'Courier New', Courier, monospace;
    position:absolute;
    bottom:10px;
}

/* pagina sq_iscrizione_partecipanti */

/* dialog sq_aggiungi_sq */
#sq_aggiungi_sq_partecipanti_title {
    margin:30px 0 20px;
    color: var(--primary-color);
    font-size:20px;
}
#sq_aggiungi_sq_partecipanti_container {
    display:flex;
    flex-direction: column;
    gap:20px;
}
.sq_aggiungi_sq_partecipante {
    border:1px solid var(--border-color);
    border-radius:6px;
    display:flex;
    justify-content: space-between;
    position:relative;
    padding:10px 10px 0;
}
.sq_aggiungi_sq_partecipante_title {
    font-size:14px;
    line-height:16px;
    background-color:#FFF;
    padding:0 6px;
    position:absolute;
    top:-8px;
    left:10px;
}
#sq_aggiungi_sq_partecipanti_aggiungi_btn_container {
    margin:20px 0;
}
.sq_aggiungi_sq_partecipante_nascondi {
    position:absolute;
    top:0;
    right:0;
    display:block;
    border-radius: 0 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-family: 'Material Icons';
    background-color:var(--border-color);
    color:#FFF;
}

/* pagina gestione menu - todo sposta pagine admin su altro css */
.tab_menu_category,
.tab_menu_category:hover {
    background-color:#CCC !important;
}
.tab_menu_voice_sorted {
    background-color:rgba(var(--primary-color-rgb),0.2);
}
.tab_menu_sort {
    white-space: nowrap;
}

/* pagina gestione utente */
.rst_pwd_dialog_center {
    text-align: center;
    margin-top:10px;
}
#rst_pwd_dialog_user {
    font-weight:bold;
}
#rst_pwd_dialog_pwd {
    font-family: 'Courier New', monospace;
    font-size:16px;
}

/* pagina prevalutazione sq */
#prevalutazione_sq_dialog {
    width:90%;
    height:90%;
}
#prevalutazione_sq_dialog_tab .prevalutazione_red {
    background-color:#F006
}
#prevalutazione_sq_dialog_tab .prevalutazione_yellow {
    background-color:#FC06
}
#prevalutazione_sq_dialog_tab .prevalutazione_green {
    background-color:#92d05066
}
#prevalutazione_sq_dialog_motivazione {
    width:100%;
    height:200px;
}
kbd {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin: 2px;
  font-size: 1rem;
  color: #333;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 2px 0 #bbb;
  text-align: center;
  line-height: 1;
}


/* distinzione pagine accreditamento/pagamento */
.gv_pag_pagamento_bg {
    background-color:rgba(255, 255, 0, 0.1);
}
.gv_pag_pagamento_bg .accreditamento_lista_item:hover {
    background-color:rgba(255, 255, 0, 0.2);
}