html, body {
    font-size: 11px;
    font-family: Verdana;
    overflow: hidden;
}

.badge.badge-11 {
    font-size: 11px;
}

.font-size-14 {
    font-size: 14px;
}

a {
    cursor: pointer;
}

.stato_rinnovo_0 {
    color: green;
}

.stato_rinnovo_1 {
    color: blue;
}

.stato_rinnovo_2 {
    color: brown;
}

.stato_rinnovo_3 {
    color: red;
}

tr.stato_rinnovo_0 td {
    color: green;
}

tr.stato_rinnovo_1 td {
    color: blue;
}

tr.stato_rinnovo_2 td {
    color: brown;
}

tr.stato_rinnovo_3 td {
    color: red;
}


/*backupground opacity del modal dialog*/

.ui-widget-overlay {
    opacity: .70;
    filter: Alpha(Opacity=70);
}

/*max height per autocomplete*/
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1000 !important;
}


/*selectmenu*/
.ui-selectmenu-menu .ui-menu {
    max-height: 200px;
}

.ui-autocomplete-loading {
    background: url('/WebPlusResources/Other/Immagini/ajax-loader/0.gif') no-repeat right center;
}

input::-ms-clear {
    color: red;
}

div#header_user {
    position: absolute;
    right: 40px;
    top: 10px;
    color: #eee;
    font-size: 12px;
    font-style: italic;
}



input, select, textarea {
    font-size: 11px;
    font-family: Verdana;
    border: dashed 1px #888;
}

select {
    border: solid 1px #CCC;
}

input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: dashed 1px #888;
}

table {
    width: 100%;
    border-collapse: collapse;
}

    table tr {
        height: 100%; /*per poter mettere height: 100% ai fieldset*/
    }

        table tr td {
            padding: 2px;
            vertical-align: middle;
            height: 100%; /*per poter mettere height: 100% ai fieldset*/
        }

fieldset {
    padding: 5px;
    border-radius: 10px;
    border: solid 1px #DDD;
}

    fieldset.height100 {
        height: calc(100% - 10px);
    }

    fieldset legend {
        font-weight: bold;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
        font-variant: small-caps;
        font-size: 120%;
    }

.center {
    text-align: center;
}

header {
    background-color: #333;
    padding-bottom: 20px;
}

.logo {
    display: inline-block;
    font-size: 0;
    padding-top: 15px;
}

#navigation {
    position: absolute;
    right: 40px;
    bottom: 0px;
    top: 35px;
}

.inner {
    margin: 0 auto;
    /*max-width: 940px;*/
    padding: 0 40px;
}

.relative {
    position: relative;
}



.wp_el_headerTable > tbody > tr > td, .wp_el_dataTable > tbody > tr > td {
    padding: 5px;
}

.wp_el_dataTable > tbody > tr > td {
    vertical-align: middle;
}

.doc_iframe {
    height: 95%;
    width: 100%;
}


.wp_el_azioni {
    /*height:20px;*/
}

    .wp_el_azioni a {
        /*border: solid 1px #A6C9E2;
        border-radius: 3px;
        padding: 10px 5px;
        background-color: #D8E6F6;
        color: #15428B;
        text-decoration: none;*/
        margin-right: 5px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: left center;
    }

/*.wp_el_azioni a:hover {
            border: solid 1px #C2A978;
            background-color: #FFF1B2;
            border-radius: 5px;
        }*/

/*.wp_el_azioni a.wp_excel_export {
            background-image: url(/images/list_actions/excel.png);
            padding-left: 28px;
            background-position: 3px center;
        }

        .wp_el_azioni a.wp_help_filtri_ordinamento {
            background-image: url(/images/list_actions/help.png);
            padding-left: 28px;
            background-position: 3px center;
        }

        .wp_el_azioni a.wp_el_nuovo {
            background-image: url(/images/list_actions/nuovo.png);
            padding-left: 28px;
            background-position: 3px center;
        }*/


/*RINNOVO*/

#form_rinnovo {
}

    #form_rinnovo h3 {
        font-size: 14px;
        font-weight: bold;
        margin-top: 15px;
        font-variant: small-caps;
    }

    #form_rinnovo table {
        border-collapse: collapse;
    }

        /*#form_rinnovo table tr.removed td {
            text-decoration:line-through;
        }*/
        #form_rinnovo table a.remove {
            cursor: pointer;
        }

        #form_rinnovo table a.cognome_nome.attivo {
            color: blue;
            cursor: pointer;
        }

        #form_rinnovo table a.cognome_nome:not(.attivo) {
            cursor: default;
        }

        #form_rinnovo table th, #form_rinnovo table td {
            padding: 5px 10px;
        }

        #form_rinnovo table th {
            font-weight: bold;
            border-bottom: solid 2px black;
        }

        #form_rinnovo table td {
            border-bottom: solid 1px #DDD;
            vertical-align: middle;
        }

    #form_rinnovo div.erroriGlobali {
        /*  color: red;
        padding: 5px;
        margin: 5px 5px 5px 0px;
        border: solid 1px red;*/
    }

    #form_rinnovo p.erroreSocio {
        color: red;
        padding: 5px;
        margin: 5px 5px 5px 0px;
        border-left: solid 4px red;
    }

    #form_rinnovo a.add_socio {
        padding-left: 23px;
        background-image: url(/WebPlusResources/Other/Immagini/new-01-16.png);
        background-repeat: no-repeat;
        background-position: 5px center;
    }


table.socio_aggmod_fixedArea {
}

    table.socio_aggmod_fixedArea > tbody > tr > td {
        vertical-align: top;
        white-space: nowrap;
    }

    table.socio_aggmod_fixedArea table.dati_rinnovo {
        width: 1px;
    }

        table.socio_aggmod_fixedArea table.dati_rinnovo td {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        table.socio_aggmod_fixedArea table.dati_rinnovo tr td:first-child {
            padding-right: 15px;
        }


.card {
    margin-bottom: 15px;
}

.card-fototessera img.fototessera {
    max-width:200px;
}

.card-dati-rinnovo table.dati-rinnovo th, .card-dati-rinnovo table.dati-rinnovo td {
    white-space: nowrap;
}

table.deCodici tr.newCodice {
    background-color: green;
}


table.socio_view_fixedArea {
}

    table.socio_view_fixedArea > tbody > tr > td {
        vertical-align: top;
        white-space: nowrap;
    }

    table.socio_view_fixedArea table.dati_rinnovo {
        width: 1px;
    }

    table.socio_view_fixedArea td {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    table.socio_view_fixedArea table.dati_rinnovo tr td:first-child {
        padding-right: 15px;
    }

#div_cerca_socio {
    /*width: 500px;*/
}

    #div_cerca_socio input#search_socio {
        padding: 10px;
        font-size: 14px;
        border: solid 1px orange;
        border-radius: 5px;
        width: 95%;
    }




#div_resoconto_rinnovi {
    margin: 15px;
    overflow: auto;
    page-break-inside: avoid !important;
}

    #div_resoconto_rinnovi table, #div_resoconto_rinnovi tr, #div_resoconto_rinnovi td, #div_resoconto_rinnovi th, #div_resoconto_rinnovi tbody, #div_resoconto_rinnovi thead, #div_resoconto_rinnovi tfoot {
        page-break-inside: avoid !important;
    }

    #div_resoconto_rinnovi .div_messaggi {
        border: solid 1px red;
        padding: 10px;
        margin-top: 10px;
        display: inline-block;
    }



    #div_resoconto_rinnovi h3 {
        font-weight: bold;
        font-size: 14px;
        padding-top: 25px;
        padding-bottom: 5px;
    }


#div_resoconto_rinnovi_intestazione {
    font-weight: bold;
    font-size: 14px;
}

.div_resoconto_rinnovi_operatoreTitle {
    font-weight: bold;
    font-size: 14px;
}


table.table_resoconto_rinnovi_operatore_modalita_pagamento {
    margin-top: 10px;
}

table.table_resoconto_rinnovi_operatore {
    width: auto;
}

    table.table_resoconto_rinnovi_operatore th, table.table_resoconto_rinnovi_operatore td {
        padding: 7px;
        border-bottom: solid 1px #CCC;
    }

    table.table_resoconto_rinnovi_operatore th {
        background-color: #5D7B9D;
        color: white;
        font-weight: bold;
    }

    table.table_resoconto_rinnovi_operatore td {
        /*background-color: #F7F6F3;*/
    }

    table.table_resoconto_rinnovi_operatore tr:last-child {
        font-weight: bold;
        background-color: #F7F6F3;
    }

table.table_resoconto_rinnovi_divisione_quote {
    width: auto;
}

    table.table_resoconto_rinnovi_divisione_quote th, table.table_resoconto_rinnovi_divisione_quote td {
        padding: 7px;
        border-bottom: solid 1px #CCC;
    }

    table.table_resoconto_rinnovi_divisione_quote th {
        background-color: #5D7B9D;
        color: white;
        font-weight: bold;
    }

    table .table_resoconto_rinnovi_divisione_quote td {
        background-color: #F7F6F3;
    }

#div_resoconto_rinnovi_intestazione_sedecentrale input[type=checkbox] {
    cursor: pointer;
}

#div_rinnovo_in_corso {
    text-align: center;
    padding: 20px;
}

div.fastSearch {
}

    div.fastSearch input {
        padding: 10px;
        font-size: 14px;
        border: solid 1px orange;
        border-radius: 5px;
        box-sizing: border-box;
        width: 100%;
    }

div.socio_list_filtri {
    margin: 15px;
}



/*Popup nuovo socio*/
fieldset.tiposocio {
    padding: 15px;
    text-align: center;
    margin-top: 15px;
}

    fieldset.tiposocio legend {
        margin: 0;
    }

    fieldset.tiposocio label.ui-checkboxradio-label {
        width: 220px;
    }

    fieldset.tiposocio input#sezione_cai_provenienza {
        text-align: center;
        text-transform: uppercase;
    }


#form_newSocio {
    font-size: 13px;
}

a.downloadPDF, a.downloadPDF:hover {
    background-image: url(/WebPlusResources/Controls/FileEntityEditor/immagini/pdf.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}


#form_rinnovo_edit_dati_socio fieldset {
    margin-bottom: 15px;
}

    #form_rinnovo_edit_dati_socio fieldset legend {
        margin: 0;
    }

.cf, .nome, .cognome, .resIndirizzo, [ndfieldname=id_ambito_res], [ndfieldname=id_ambito_nascita] {
    text-transform: uppercase;
}

div#form_newSocio_doppioni {
    max-height: 400px;
    overflow-y: auto;
}

    div#form_newSocio_doppioni p {
        line-height: 120%;
        font-size: 14px;
    }

    div#form_newSocio_doppioni table {
        width: auto;
        margin-top: 20px;
    }

        div#form_newSocio_doppioni table th {
            font-weight: bold;
            border-bottom: solid 1px black;
        }

        div #form_newSocio_doppioni table td, div#form_newSocio_doppioni table th {
            text-align: left;
            width: 1px;
            white-space: nowrap;
            padding: 2px 10px;
            text-transform: uppercase;
        }

div#form_downloadRicevuta a, div#form_downloadRicevuta button {
    display: block;
    margin: 5px auto;
}


input.advanced_search_jsondata {
    display: none;
}

div#advanced_search_tabs_categorie label {
    margin-bottom: 4px;
}

#advanced_search_tabs .sezioniTab label {
    display: block;
    text-align: left;
    margin-bottom: 3px;
}

.advanced_search {
}



#div_socio_advanced_search.ui-dialog, #div_socio_advanced_search.ui-dialog-content {
    overflow: hidden !important;
}

.advanced_search_active {
    color: blue;
}

#div_rinnovo_multiplo {
    font-size: 11px;
}

    #div_rinnovo_multiplo table {
        width: 100%;
        color: red;
    }

        #div_rinnovo_multiplo table td {
            vertical-align: top;
            border-bottom: solid 1px #DDD;
        }


#div_impostaAnnoConsegna {
    text-align: center;
}

    #div_impostaAnnoConsegna span {
        font-weight: bold;
    }

    #div_impostaAnnoConsegna input {
        text-align: center;
    }


#div_socio_azioni {
    line-height: 170%;
    font-size: 13px;
}

    #div_socio_azioni .title {
        font-size: 13px;
        color: blue;
        font-weight: bold;
        text-align: center;
    }

/*  #div_socio_azioni a.button {
        display: inline-block;
        font-size: 14px;
        padding: 5px;
        font-weight: bold;
        width: 150px;
    }*/

a.download_ricevuta {
    background-image: url(/WebPlusResources/Controls/FileEntityEditor/immagini/pdf.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    display: block;
    height: 16px;
    padding-top: 4px;
}

.obbligatorio {
    color: red;
    font-weight: bold;
}

div#form_CAI_invio_rinnovi {
}

    div#form_CAI_invio_rinnovi table.elenco_soci th, div#form_CAI_invio_rinnovi table.elenco_soci td {
        padding: 5px;
        text-align: left;
    }

    div#form_CAI_invio_rinnovi table.elenco_soci th {
        font-weight: bold;
        border-bottom: solid 2px black;
    }

    div#form_CAI_invio_rinnovi table.elenco_soci td {
        border-bottom: solid 1px #ccc;
    }

span.n_doc {
    position: relative;
}



div.soci_organismi_ruoli {
}


    div.soci_organismi_ruoli div.organismo_container {
        border: solid 1px #cccccc;
        border-radius: 5px;
        padding: 5px;
        margin-top: 10px;
    }


    div.soci_organismi_ruoli .organismo_title {
        font-weight: bold;
        background-color: #CCC;
        padding: 3px;
    }

    div.soci_organismi_ruoli div.elenco_ruoli {
        padding: 15px;
    }

    div.soci_organismi_ruoli a {
        display: inline-block;
        margin: 7px;
        padding: 5px;
        border-style: solid;
        border-width: 1px;
        border-color: gray;
        border-radius: 3px;
        color: gray;
        text-decoration: none;
    }

        div.soci_organismi_ruoli a.selected {
            background-color: #007fff;
            border-color: #003eff;
            color: white;
            font-weight: bold;
        }

#div_pwd_reset_wrapper {
}

    #div_pwd_reset_wrapper h1 {
        font-weight: bold;
        font-size: 14px;
    }

    #div_pwd_reset_wrapper input[type=email], #div_pwd_reset_wrapper input[type=number], #div_pwd_reset_wrapper input[type=password] {
        width: 95%;
        font-size: 12px;
        margin-top: 15px;
        padding: 5px;
    }



    #div_pwd_reset_wrapper p#passwordOK {
        color: green;
        font-weight: bold;
        text-align: center;
        font-size: 12px;
        padding-top: 30px;
    }

.tipo_invio_bollettino_container {
    padding-top: 5px;
    padding-left: 5px;
}

.rivistaCAI_container {
    padding-top: 5px;
    padding-left: 5px;
}

.sentieri_stato_rinnovo_ok, .sentieri_stato_assicurazione_ok {
    color: green;
}

.sentieri_stato_rinnovo_ko, .sentieri_stato_assicurazione_ko {
    color: red;
    font-weight: bold;
}

.cellaErroreBg {
    color: white;
    background-color: #F08080 !important;
    font-weight: bold;
}

.cellaOKBg {
    color: white;
    background-color: green !important;
    font-weight: bold;
}

.cellaErroreText {
    color: red;
    font-weight: bold;
    font-style: italic;
}

.cellaOKText {
    color: green;
    font-weight: bold;
}


#form_assembleeDelegati_sendDoc #table_check_invii_mancati th, #form_assembleeDelegati_sendDoc #table_check_invii_mancati td {
    padding: 4px;
}

#form_assembleeDelegati_sendDoc #table_check_invii_mancati th {
    font-weight: bold;
    border-bottom: solid 1px black;
    text-align: left;
}

#form_assembleeDelegati_sendDoc #table_check_invii_mancati td {
    border-bottom: solid 1px gray;
}

#form_assembleeDelegati_sendDoc #table_check_invii_mancati tr.executing {
    background-color: yellow;
}

#form_assembleeDelegati_sendDoc #table_check_invii_mancati tr[sendstatus='-1'] td.sendStatus {
    /*mai inviati*/
}

#form_assembleeDelegati_sendDoc #table_check_invii_mancati tr[sendstatus='0'] td.sendStatus {
    /*ultimo invio = errore*/
    color: red;
    font-weight: bold;
}

#form_assembleeDelegati_sendDoc #table_check_invii_mancati tr[sendstatus='1'] td.sendStatus {
    /*ultimo invio = ok*/
    color: green;
    font-weight: bold;
}

#form_assembleeDelegati_sendDoc #table_check_invii_mancati input[type=checkbox].checkboxradio {
    cursor: pointer;
}

#form_assembleeDelegati_sendDoc input[type=radio] {
    cursor: pointer;
}

#form_assembleeDelegati_sendDoc #table_check_invii_mancati td.documento {
    cursor: pointer;
    color: blue;
}


tr.tr-lightgrey td {
    color: lightgrey;
}


/*FIX VARI O COSE COMUNI A PROGETTI*/

.ajax__tab_tab { /*fix per bootstrap altrimenti le linguette dei tabs vengono tagliate*/
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.ajax__tab_xp .ajax__tab_body {
    font-family: inherit;
    font-size: inherit !important;
}

button.ui-dialog-titlebar-close {
    /*border-radius: inherit;*/
    display: none;
}


/*
	SPINNER
*/

#spinner-overlay {
    width: 100%;
    height: 100%;
    background-color: gray;
    position: fixed;
    top: 0;
    opacity: 0.2;
    left: 0;
    display: none;
    z-index: 100000;
}

#spinner {
    width: 250px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    left: calc(50vw - 125px);
    top: calc(50vh - 20px);
    display: none;
    z-index: 100000;
}

    #spinner > div {
        z-index: 999;
        background-color: black;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
    }

    #spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    #spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    #spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    #spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }

    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}



div#accordion_rassegnaStampa {
    font-size: 14px;
}

table.rassegnaStampa {
}

    table.rassegnaStampa td {
        padding: 10px;
        vertical-align: top;
    }

        table.rassegnaStampa td:first-child {
            width: 280px;
        }

    table.rassegnaStampa img {
        /*border-radius: 10px;*/
    }

    table.rassegnaStampa span.giornale {
        display: block;
        font-weight: bold;
    }

    table.rassegnaStampa span.titolo {
        display: block;
    }


    table.rassegnaStampa span.download a {
        color: blue;
    }





div.gita_tipologie {
    padding-15px;
}

    div.gita_tipologie a {
        display: inline-block;
        margin: 7px;
        padding: 5px;
        border-style: solid;
        border-width: 1px;
        border-color: gray;
        border-radius: 3px;
        color: gray;
        text-decoration: none;
    }

        div.gita_tipologie a.selected {
            background-color: #007fff;
            border-color: #003eff;
            color: white;
            font-weight: bold;
        }


.docPrivacy.showAttesi table th {
    border-bottom: solid 1px black;
    font-weight:bold;
    padding: 5px;
}
.docPrivacy.showAttesi table td {
    border-bottom: solid 1px gray;
    padding:5px;
}

table.anni-consegna {
    width:auto;
}
    table.anni-consegna td {
    text-align:center;
}
table.anni-consegna td input {
    width:100px;
}