body {
    margin: 20px;
    background-color: #ffffff;
}

body > table {
    border-spacing: 0;
}

body > table > tr {
    padding: 0;
}

td,
th,
div,
p {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
input,
select {
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
form {
    margin: 0px;
}
a {
    color: #000000;
}
h1 {
    font-size: 18px;
    border-bottom: solid 1px #000000;
    padding-bottom: 5px;
    font-weight: normal;
}
.stripes_errors_li {
    color: red;
}
.top {
    border: 1px solid black;
    border-bottom: 5px solid black;
    background-color: #98240b;
    vertical-align: top;
    background-image: url(../images/bg_sacrocuore_top.jpg);
    background-repeat: no-repeat;
    height: 146px;
}
/* MENU */
.menu {
    padding: 0px 10px;
    background-color: #000000;
    border-bottom: solid 5px #d6d5d5;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
}
.menu_titolo {
    padding: 5px 10px;
    color: #ffffff;
    font-size: 13px;
}
.menu_off a {
    padding: 5px 10px;
    color: #ffffff;
    float: left;
    text-decoration: none;
    font-size: 13px;
    margin-right: 5px;
}
.menu_off a:hover {
    background-color: #d6d5d5;
    color: #000000;
}
.menu_on a {
    padding: 5px 10px;
    float: left;
    text-decoration: none;
    font-size: 13px;
    background-color: #d6d5d5;
    color: #000000;
    margin-right: 5px;
}
/* SOTTOMENU */
.sottomenu {
    padding: 0px 20px 5px 20px;
    background-color: #f5f5f5;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    font-weight: bold;
    background-color: #d6d5d5;
}
.sottomenu a {
    color: #000000;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
}
.sottomenu a:hover {
    text-decoration: underline;
}
.page {
    border: 1px solid #000000;
    border-top: 0px;
    padding: 20px;
    background-color: #f5f5f5;
    line-height: 16px;
}
.dati {
    padding: 0px 20px 40px 20px;
    background-color: #ffffff;
}
.nero_trasf {
    margin-left: 20px;
    border: 1px solid black;
    background-color: #000000;
    color: #ffffff;
    width: 100px;
    float: left;
    text-align: center;
}
.nero_doc {
    margin-right: 200px;
    border: 1px solid black;
    background-color: #000000;
    color: #ffffff;
    width: 80px;
    float: right;
    text-align: center;
}
.rigone {
    height: 15px;
    border-bottom: 1px solid black;
    margin-bottom: 20px;
    margin-top: 20px;
}
.smart {
    text-align: center;
    padding-top: 20px;
}
.user {
    float: right;
    text-align: right;
    font-size: 10px;
    color: #ffffff;
    padding: 45px 20px 0px 0px;
}
.user a {
    color: #ffffff;
}

.modulo {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    padding: 20px;
    margin-top: 10px;
    text-align: center;
}

.offerta-details table,
.associato-details table {
    width: 100%;
}

.bustaB6 {
    background-color: #ffffff;
    border: solid 2px #cccccc;
    padding: 20px;
    margin-top: 10px;
    text-align: right;
    page-break-after: always;
    width: 504px;
    height: 330px;
}

/* CAMPI per le form di ricerca del sito */
table.campi {
}
table.campi th {
    padding: 2px 5px;
    text-align: right;
    font-size: 11px;
}
table.campi td {
    padding: 2px 5px;
    font-size: 11px;
    text-align: left;
    vertical-align: top;
}
/* INSERIMENTI per le form di inserimento dati del sito */
table.inserimenti {
    border: solid 1px #cccccc;
    border-collapse: collapse;
    margin-bottom: 20px;
}
table.inserimenti th {
    padding: 4px 5px;
    vertical-align: top;
    text-align: left;
    font-size: 11px;
    border: solid 1px #cccccc;
    border-right: solid 1px #ffffff;
}
table.inserimenti th.capoccia {
    padding: 12px 5px 4px 5px;
    text-align: center;
    border: solid 1px #cccccc;
    border-bottom: solid 5px #cccccc;
    background-color: #ffdcd4;
    font-size: 16px;
    color: #98240b;
    font-weight: normal;
}
table.inserimenti th.destra {
    text-align: right;
}
table.inserimenti td {
    padding: 4px 5px;
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    border: solid 1px #cccccc;
}
table.inserimenti td.destra {
    text-align: right;
}
table.inserimenti td.colore {
    background-color: #e7e7e7;
    padding: 0px 0px;
}
/* RISULTATI */
table.risultati {
    border: solid 1px #000000;
    /* margin-left: auto;
    margin-right: auto;*/
    width: 100%;
}
table.risultati th {
    color: #ffffff;
    padding: 3px 5px;
    text-align: left;
    font-size: 11px;
    background-color: #000000;
}

table.propmesse {
    clear: both;
}

table.propmesse,
table.propmesse th,
table.propmesse td {
    border: 0;
    padding: 2px;
}

table.risultati td {
    padding: 3px 5px;
    font-size: 10px;
    text-align: left;
    line-height: normal;
}
.giallo,
table.risultati tr.odd {
    background-color: #dddddd;
}
.giallozzo {
    background-color: #fef7a9;
}
table.risultati td.disattiva {
    font-weight: bold;
    background-image: url(../images/disattiva.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
    padding-left: 18px;
}
table.risultati td.attiva {
    font-weight: bold;
    background-image: url(../images/attiva.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
    padding-left: 18px;
}

table.risultati th.sortable a {
    background-image: url(../images/arrow_off.png);
    background-repeat: no-repeat;
}
table.risultati th.order1 a {
    background-image: url(../images/arrow_down.png);
    background-repeat: no-repeat;
}

table.risultati th.order2 a {
    background-image: url(../images/arrow_up.png);
    background-repeat: no-repeat;
}
table.risultati th.sorted a,
th.sortable a {
    background-position: right;
    display: block;
    color: #ffffff;
    padding: 3px 15px 3px 0px;
    text-align: left;
    font-size: 11px;
    background-color: #000000;
    text-decoration: none;
}
table.risultati td.resetta {
}
.avviso {
    color: #98240b;
}
div.scrolla {
    height: 124px;
    width: 442px;
    border: 1px solid #cccccc;
    overflow: scroll;
    padding: 10px;
    margin: 10px 8px;
    text-align: right;
}
.pagebanner {
    display: inline;
    float: left;
    margin-bottom: 3px;
    margin-top: -15px;
}

.pagelinks {
    display: inline;
    float: right;
    margin-bottom: 3px;
    margin-top: -15px;
}

td.annullato a {
    color: red;
}

tr.offerta-precedente.even td {
    background-color: #fef7a9;
}

tr.offerta-precedente.odd td {
    background-color: #ffea00;
}

tr.limite-superato td {
    background-color: #fec8a9;
}
/****************************************/
.error {
    border: 2px solid #b72222;
}
.big {
    font-size: 16px;
}

p.error {
    border: 0;
    color: #b72222;
}

span.error select.error,
div.error select.error {
    border: 0px solid black;
}

input#code {
    width: 60px;
}

input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
    background-color: #ebebe4;
    border: #7f9db9 1px solid;
    color: #000000;
}
input.checkbox[disabled],
input.checkbox[readonly],
input.radio[disabled],
input.radio[readonly] {
    border: #7f9db9 0px solid;
}

input.uc {
    text-transform: uppercase;
}

table.risultati td.numberCell {
    text-align: right;
}

.table-gif-button {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.preview-indirizzo-spostamento {
    padding: 5px 0;
    button {
        float: right;
    }
}

.categoria-selector {
    display: inline-block;
    margin: 10px 0;
}

/* Contenitore per gli errori di limiti lunghezza dell'associato e persone collegate */
.errori-limiti-lunghezza {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    color: #b72222;
    font-weight: 700;
}

.nowrap {
    text-wrap: nowrap;
}

.gestione-associati-container {
    background-color: #ffffff;
    border: solid 1px #cccccc;
    padding: .5rem;
}