/* tabella resettata */
table.cleartable,
table.cleartable thead,
table.cleartable th,
table.cleartable tbody,
table.cleartable tr,
table.cleartable tr:hover,
table.cleartable td,
table.cleartable tfoot
{
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-image: none;
    height: auto;
    text-shadow: none;
    color: black;
}

/* autocomplete tabellare */
.ac-table {
    max-height: 300px;
    overflow-y: auto;
}
.ui-menu .ui-menu-item .ac-row {
    line-height: auto;
    padding: 2px 0;
    border-bottom: 1px solid #ccc;
}
.ac-col {
    font-size: 12px;
    padding: 0 4px;
    float: left;
}

/* autocomplete ricerca anagrafica e modelli */
.ac-input {
    background-color: #ffffbb;
}
.ac-search {
    background-color: rgb(211, 218, 250);
    color: #1020A0;
    font-size: 12px;
    max-height: 300px;
    overflow-y: auto;
}

/* tabella riepilogo provvigione */
table.riepilogo tbody {
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
}
table.riepilogo td {
    padding: 8px 8px;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    background-color: white;
}
table.riepilogo td.amount {
    font-weight: bold;
    text-align: right;
}
table.riepilogo td.percent {
    text-align: right;
}
table.riepilogo td.section {
    background-color: #888;
    color: white;
    font-style: italic;;
}
table.riepilogo td.title {
    background-color: #ccc;
    font-weight: bold;
}
table.riepilogo td.header {
    background-color: #eee;
}
table.riepilogo td.last {
    text-align: right;
}
table.riepilogo td.subtotal {
    background-color: #bf9;
    color: #160;
    font-weight: bold;
}

.cellinfo {
    color: white;
    background-color: red;
    font-weight: bold;
    /* display: inline-block; */
    display: none;
    margin-left: 6px;
    padding: 1px 2px;
    position: relative !important;
}

th .cellinfo {
    display: none;
    line-height: 1.5em;
    margin: 0 !important;
}



input.provvigione
{
    background-color: #e2eeef;
    color: #8a097a;
}

.container_12, .container_16 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.content > .box {
    margin-top: 58px;
    border-radius: 3px;
}



table.dataTable thead th {padding: 1px 2px;}
table.dataTable td {padding: 1px 2px;}

.ui-tabs .ui-tabs-panel {padding: 0}

#tab-ccf table.dataTable thead th {padding: 1px 2px;font-size:11px;}
#tab-ccf table.dataTable td {font-size:11px; height: auto;line-height:12px;}
#tab-ccf table.dataTable tbody tr {border-bottom: 1px solid #ddd;}
#tab-ccf table.dataTable tbody tr:last-of-type {border-bottom: none;}

#tab-ocf table.dataTable td {height: auto;line-height:14px;}
#tab-ocf table.dataTable tbody tr {border-bottom: 1px solid #ddd;}
#tab-ocf table.dataTable tbody tr:last-of-type {border-bottom: none;}

.confronto-blu { color:#24C !important; background-color: #dee !important; }
.confronto-blu-tot { color:#24C !important; }
.confronto-red { color:#400 !important; background-color: #fcc !important; }
.even-blu { background-color: #cdf !important; }
.odd-blu { background-color: #def !important; }
.even-red { background-color: #fcc !important; }
.odd-red { background-color: #fdd !important; }
.diverso { color:#24C !important; font-weight: bold !important; }

/* STRINGI STRINGI LA SCHEDA PREVENTIVI.... */
table.dataTable.preventivi thead th {
    font-size: 100%;
}

table.dataTable.preventivi td {
    font-size: 100%;
}

/* STRINGI STRINGI LA SCHEDA PREVENTIVO.... */

#preventivoPanel div.preventivo_sx
{
    margin: 0;
    height: 100%;
    min-height: 100%;
    overflow-y: auto;
    width: 66%;
}

#preventivoPanel div.riepilogo
{
    height: 100%;
    min-height: 100%;
    margin: 0;
    width: 33.33%;
    padding-top: 4px;
    overflow-y: auto;
}

.box_riepilogo
{
    width: 98%;
    margin: 0 2px;
}
.toolbutton 
{
    display: inline-block;
    cursor: pointer;
}

table.preventivo
{
    width: 100%;
}
table.preventivo > thead > tr > th
{
    text-align: center;
    font-size: 12px;
    background-color: #335d8a;
    color: white;
    font-weight: normal;
    padding-top: 3px;
    padding-bottom: 3px;

}
table.preventivo > tbody > tr > td
{
    vertical-align: top;
    font-size: 11px;
    padding: 2px 2px 0px 2px;
}

table.preventivo input,
table.preventivo select,
table.preventivo textarea
{
    padding: 0px 0px 0px 2px;
    font-size: 11px;
    box-sizing: border-box;
    width: 100%;
}

table.prevbox
{
    border: 1px solid #424242;
    margin-bottom: 4px;
}

table.prevbox > tbody > tr > td,
table.prevbox > tfoot > tr > td
{
    background-color: #e0e0e0;
    padding: 2px 2px 0px 0px;
}

table.prevbox > tbody > tr > td:first-child
{
    width: 120px;
    padding: 4px 0px 2px 2px;
}
table.prevbox > tbody > tr:first-child > td
{
    padding-top: 4px;
}
table.prevbox > tbody > tr:first-child > td:first-child
{
    padding-top: 8px;
}
table.prevbox > tbody > tr:last-child > td
{
    padding-bottom: 10px;
}

/* variante prevbox servizi */
table.prevbox.box_servizi > thead > tr > td
{
    background-color: #e0e0e0;
    padding: 2px 2px 2px 6px;
    font-size: 11px;
}
table.prevbox.box_servizi > tbody > tr:first-child > td,
table.prevbox.box_servizi > tbody > tr:first-child > td:first-child,
table.prevbox.box_servizi > tbody > tr > td:first-child,
table.prevbox.box_servizi > tbody > tr > td
{
    padding: 0;
}

.maiuscolo {
    text-transform: uppercase;
}

input.valueerror,
select.valueerror,
textarea.valueerror
{
    background-color: #ffb0b0 !important;
}

/* pacchetti assicurativi */
table.pacchetto {
    width: 100%;
    border-spacing: 5px 0;
    border-collapse: separate;
    table-layout: fixed;
}

table.pacchetto > thead > tr > th {
    font-size: 12px;
    background-color: #35a;
    text-align: center;
    color: white;
    font-weight: normal;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    padding: 0 0 1px 0;
}

table.pacchetto > tbody > tr > td {
    padding: 6px 2px 4px 2px;
    background-color: white;
    border-left: 1px solid black;
    border-right: 1px solid black;
    vertical-align: top;
}

table.pacchetto > tfoot > tr > td {
    background-color: white;
    font-weight: bold;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 1px;
    background-color: #ccc;
}
table.pacchetto > tfoot > tr > td span
{
    background-color: #e2eeef;
    text-align: right;
    float: right;
    padding: 2px 5px;
    border: 1px solid #97c4ea;
    width: 100%;
    color: #8a097a;
}
table.pacchetto ul {
    margin: 0;
    padding: 0 4px 0px 16px;
    min-height: 140px;
    list-style-type: disc;
}
table.pacchetto ul li {
    margin-bottom: 1px;
}
table.pacchetto ul li span {
    display: block;
    font-size: 10px;
    margin: 0 0 2px -4px;
}
table.pacchetto {
    width: 100%;
    border-spacing: 5px 0;
    border-collapse: separate;
    table-layout: fixed;
}

table.pacchetto > thead > tr > th {
    font-size: 12px;
    background-color: #35a;
    text-align: center;
    color: white;
    font-weight: normal;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    padding: 0 0 1px 0;
}

table.pacchetto_totale {
    width: 100%;
    border-spacing: 5px 0;
    border-collapse: separate;
    table-layout: fixed;
    margin-top: 4px;
}
table.pacchetto_totale > tfoot > tr > td {
    background-color: white;
    font-weight: bold;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 1px;
    background-color: #ccc;
}
table.pacchetto_totale > tfoot > tr > td span
{
    background-color: #e2eeef;
    text-align: right;
    float: right;
    padding: 2px 5px;
    border: 1px solid #97c4ea;
    width: 100%;
    color: #8a097a;
}


table.premio {
    width: 100%;
}

table.premio > tbody > tr > td:first-child {
    vertical-align: middle;
    text-align: left;
    padding-top: 2px;
}

table.premio > tbody > tr > td:last-child {
    vertical-align: middle;
    text-align: right;
    background-color: #e2eeef;
    color: #8a097a;
    border: 1px solid #97c4ea;
    padding: 1px;
    width:90px;
}

/* tabella confronto rate */
.sheet.upgrade {
    padding: 0px 10px 4px 10px;
}
table.upgrade,
table.upgradeserv
{
    width: 100%;
}
table.calcoliassic
{
    width: 100%;
}
table.upgrade > tfoot > tr > th
{
    font-weight: normal;
    font-size: 10px;
}
table.upgrade > thead > tr > th,
table.upgradeserv > thead > tr > th,
table.calcoliassic > thead > tr > th
{
    text-align: center;
    padding: 2px 0;
    font-size: 11px;
}
table.upgradeserv > thead > tr > th:first-child
{
    text-align: left;
}
table.upgrade > tbody > tr > td
{
    border: 1px solid #d0ebff;
    background-color: white;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
}
table.upgradeserv > tbody > tr > td
{
    border: 1px solid #d0ebff;
    background-color: white;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    width: 25%;
    text-align: center;
}
table.paramassic > tbody > tr > td
{
    padding-right: 10px;
}
table.paramassic > tbody > tr > td:last-child 
{
    padding-right: 0;
    font-weight: bold;
    text-align: right;
}
table.calcoliassic > tbody > tr > td
{
    border: 1px solid #d0ebff;
    background-color: white;
    padding: 4px;
    text-align: right;
}
table.upgradeserv > tbody > tr > td:first-child
{
    text-align: left;
    font-weight: normal;
    width: 50%;
}
table.calcoliassic > tbody > tr > td:first-child
{
    text-align: left;
}
table.upgrade > tbody > tr > td.ratasel {
    background-color: #ffe0ff;
    font-weight: bold;
}

/* tooltip margini */
table.margini > tbody > tr > td:first-child {
    color: white;
    text-align: left;
    font-size: 15px;
    padding: 2px;
}
table.margini > tbody > tr >  td:last-child {
    color: #ffff00;
    text-align: right;
    font-size: 15px;
    padding: 2px;
}
table.margini > tbody > tr:last-child >  td {
    border-top: 1px solid white;
}

.animated {
    animation-duration: 2.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

@keyframes bounceleft {
    0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
    40% {transform: translateX(-30px);}
    60% {transform: translateX(-15px);}
}

@keyframes bounceright {
    0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
    40% {transform: translateX(+30px);}
    60% {transform: translateX(+15px);}
}

.bounce-left {
    animation-name: bounceleft;
}

.bounce-right {
    animation-name: bounceright;
}

#preventivoPanel .form-row {
    padding: 1px 0px;
}

#preventivoPanel .form-label {
    font-size: 11px;
    margin-right: 6px;
    text-shadow: none;
    width: 104px;
}
#preventivoPanel .form-item {
    font-size: 13px;
    padding: 0px;
}
#preventivoPanel .form-item input,
#preventivoPanel .form-item select,
#preventivoPanel .form-item textarea
{
    padding: 0 0 0 2px;
    font-size: 11px;
    box-sizing: border-box;
}

#preventivoPanel fieldset.sheet
{
    /*min-height: 500px;*/
    margin-bottom: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#preventivoPanel .sheet-title {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 12px;
    background-color: #335d8a;
    color: white;
    font-weight: normal;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid #424242;
    border-right: 1px solid #424242;
    border-top: 1px solid #424242;
}

#preventivoPanel .riepilogo,
#preventivoPanel .riepilogo input[readonly],
#preventivoPanel .riepilogo textarea[readonly],
#preventivoPanel .riepilogo select[disabled] {
    background-color: #bdd7e6;
}
#preventivoPanel .riepilogo fieldset.sheet {
    background-color: #d0ebff;
    padding: 2px;
}
#preventivoPanel .riepilogo .sheet-title {
    background-color: #33739a;
}


/*
.pacchetti .pacchetto {
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pacchetti .pacchetto > div {
    border: 1px solid black;
    border-radius: 3px;
}
.pacchetti .pacchetto h1 {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    background-color: #35a;
    color: white;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 6px;
}
.pacchetti .pacchetto ul {
    margin: 0;
    padding: 0 4px 6px 20px;
    min-height: 140px;
    list-style-type: disc;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
    clear: both;
}
.pacchetti .pacchetto ul li span {
    display: block;
    margin: 0 0 2px -4px;
}
.pacchetti .pacchetto .footer {
    display: block;
    padding: 5px 15px;
    margin-bottom: 8px;
}
.pacchetti .pacchetto .footer label, 
.pacchetti .pacchetto .footer span 
{
    font-weight: bold;
}
.pacchetti .pacchetto .footer-row label
{
}
.pacchetti .pacchetto .footer-row span
{
    background-color: #e2eeef;
    text-align: right;
    float: right;
    padding: 2px 5px;
    border: 1px solid #97c4ea;
    width: 100%;
    color: #8a097a;
}
*/

/* messaggi di convalida campi preventivo */
p.validerr {
    display: none;
    text-shadow: none;
    font-style: italic;
    line-height: normal;
    color: #c00020;
}

/* FINE SCHEDA PREVENTIVO */
/* FORMEDIT */
div.formedit_background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1;
}

div.formedit_container {
    display: block;
    width: 400px;
    /*height: 300px;*/
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -150px;
    padding: 10px 15px;
    background-color: #eee;
    border: 1px solid #888;
    border-radius: 8px;
    box-shadow: 0 0 10px 1px #333;
}

div.formedit_container table,
div.formedit_container thead,
div.formedit_container tbody,
div.formedit_container th,
div.formedit_container tr,
div.formedit_container td {
    border: none;
}