/**************************************************************
    version 7.8 Mon 25 Nov 2019
    aggiunto .mbar label

    version 7.7 Tue 6 Nov 2018
    aggiunto fieldset inline

    version 7.6 Tue 30 Oct 2018
    aggiunto bkg pink

    version 7.5 Fri 5 Oct 2018
    aggiunto bkg wood

    version 7.4 Tue 14 Nov 2017
    aggiunto styling per gli input not(required)

    version 7.3 Mon 2 Oct 2017
    aggiunto styling z-index per .ui-autocomplete

    version: 7.2 Thu 4 May 2017
    eliminato lo styling delle label. disallinea le label dei checkbox fatti con webhelper

    version: 7.1 Tue 14 Mar 2017

    aggiunto styling input:required che andra' a sostituire class='obblig'

    aggiunta class a.boxed

    aggiunta classe small_separator

    css generico che contiene tutto lo style non direttamente
    correlato ai plugins.

    richiamato ed utilizzato dal root.tmpl standard.
***************************************************************/
/*
    per utilizzare ui-autocomplete con fancybox
*/
.ui-autocomplete {
    z-index: 99999 !important;
}

/*
    attributi vari
*/
.obblig, input:required {
    border: 1px solid #aa3300;
}

input:not(required) {
    border: 1px solid #aaaaaa;
}

.container label {
    margin-top: 0.5em !important;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
}

.lnk2btn {
    text-decoration: none;
    color: #0000FF;
}

.lnk2btn:hover, .lnk2btn:focus {
    outline: none;
    border: 1px solid #999999;
    background-color: #ffff00;
    color: #000000;
}

select {
    border: 1px solid #7777ff;
    background-color: #ffffff;
}

select option {
    border-bottom: 1px solid #ccccff;
}

.dark_reverse {
    background-color: #aaaaaa;
}

.reverse {
    background-color: #dddddd;
}

.trans {
    opacity: 0.5;
}

.deleted {
    background-color: #eeaaaa;
    color: #000000;
    opacity: 0.7;
}

.obsolete {
    text-decoration: line-through !important;
}

.popup {
    background-color: #ffffcc;
    border: 1px solid #990000;
}

.not_found {
    text-decoration: line-through;
}

.userid {
    margin: 0 1em 0 0.5em;
    color: #cccc33;
}

.bold {
    font-weight: bold !important;
}

.bkg_white {
    color: #000000 !important;
    background-color: #ffffff !important;
}

.bkg_black {
    color: #ffffff !important;
    background-color: #000000 !important;
    font-weight: bold;
}

.bkg_grey {
    color: black !important;
    background-color: #eeeeee !important;
}

.bkg_green {
    color: #000000 !important;
    background-color: #00ff00 !important;
}

.bkg_green a {
    color: #000000 !important;
}

.fnt_green {
    color: #00ff00 !important;
}

.fnt_darkgreen {
    color: #228b22 !important;
}

.fnt_grey {
    color: #808080 !important;
}

.fnt_lightgrey {
    color: #c0c0c0 !important;
}

.bkg_red {
    color: #000000 !important;
    background-color: #ff0000 !important;
}

.bkg_red a {
    color: #000000 !important;
}

.fnt_red {
    color: #ff0000 !important;
}

.bkg_lightred {
    color: #000000 !important;
    background-color: #ff7070 !important;
}

.bkg_lightred a {
    color: #000000 !important;
}

.fnt_lightred {
    color: #ff7070 !important;
}

.bkg_pink {
    color: #000000 !important;
    background-color: #ffcba4 !important;
}

.bkg_pink a {
    color: #000000 !important;
}

.fnt_pink {
    color: #ffcba4 !important;
}

.bkg_blue {
    color: #ffffff !important;
    background-color: #5555ff !important;
}

.bkg_blue a {
    color: #ffffff !important;
}

.fnt_blue {
    color: #5555ff !important;
}

.bkg_yellow {
    color: #000000 !important;
    background-color: #ffff00 !important;
}

.bkg_yellow a {
    color: #000000 !important;
}

.fnt_yellow {
    color: #ffff00 !important;
}

.fnt_lightyellow {
    color: #ffe87c !important;
}

.bkg_lightgreen {
    color: #000000 !important;
    background-color: #ccff66 !important;
}

.bkg_lightgreen a {
    color: #000000 !important;
}

.fnt_lightgreen {
    color: #ccff66 !important;
}

.bkg_lightblue {
    color: #000000 !important;
    background-color: #99ffff !important;
}

.bkg_lightblue a {
    color: #000000 !important;
}

.fnt_lightblue {
    color: #99ffff !important;
}

.bkg_lightyellow {
    color: #000000 !important;
    background-color: #ffff66;
}

.bkg_lightyellow a {
    color: #000000 !important;
}

.bkg_purple {
    color: #ffffff !important;
    background-color: #800080 !important;
}

.bkg_purple a {
    color: #ffffff !important;
}

.fnt_purple {
    color: #800080 !important;
}

.bkg_wood {
    color: #000000 !important;
    background-color: #966f33 !important;
}

.bkg_wood a {
    color: #000000 !important;
}

.fnt_wood {
    color: #966f33 !important;
}

.bkg_orange {
    color: #000000 !important;
    background-color: #ff9933 !important;
}

.bkg_orange a {
    color: #000000 !important;
}

.fnt_orange {
    color: #ff9933 !important;
}

.nascosto {
    display: none;
}

.noborder {
    border: none;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.logo {
    position: absolute;
    top: 2.5em;
    right: 0.5em;
    z-index: -1;
}

#button, .button, .button-to input {
    color:#333333;
    font-weight: bold;
    font-size: 1em;
    background-color: #ffff00;
    border: 1px solid #336699;
    padding: 0.2em 0.5em 0.2em 0.5em;
}

a.button {
    text-decoration: none;
    padding: 0.1em 0.2em 0.1em 0.2em;
}

a.nodecoration {
    color: #0000ff;
    text-decoration: none;
}

a.boxed {
    color: #0000ff;
    background-color: #cccccc;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #336699;
    padding: 0.1em 0.3em 0.1em 0.3em;
}

.login {
    display:table;
    width:80%;
    margin: 1em auto 1em auto;
    background-color: #f5f5f5;
}

.login td {
    display:table-cell;
    width:100px;
    border:dotted #cccccc 1px;
}

.login label {
    float: right !important;
    font-weight: bold;
    font-size: 0.8em;
}

/*
    AJAX
*/
div#waitplease {
    display: none;
}

/*
    help
*/
.help {
    border: 1px solid black;
    background-color: #ffcc00;
    color: #000000;
    font-size: 0.7em;
    font-weight: normal !important;
    text-align: center;
    padding: 0.5em;
}

.help ul {
    text-align: left;
}

.help dl {
    text-align: left;
    margin: 0.5em 0 0.5em 1em;
}

#helpme {
    position: absolute;
    top: 60px;
    right: 60px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

div#helpDiv {
    display: none;
}

/*
    messaggi programma
*/
#flash-messages, #ajax-messages {
    background-color: #ffff00;
    margin: 0 0 1em 0;
    list-style-type: none;
    text-decoration: blink;
}

/*
    messaggi ajax
*/
#ajax-messages {
    padding: 0 0 0 2em;
}

/*
    title FancyBox
*/
.fbox_title {
    background-color: #303030;
    color: #cecece;
    border: 1px solid #0000ff;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0.1em 0 0.1em 0;
    padding: 0.2em 0 0.2em 0;
}

.fbox_lbl {
    background-color: #dddddd;
    color: #333377;
    font-weight: bold;
    text-align: center;
}

/*
    errori formencode.validator
*/
span.error-message {
    color: #ff0000;
    font-size: 0.8em;
}

/*
    jquery.ant_utils.js
        $.alpha_list()
        $.month_list()
*/
.list {
    width: 90%;
    height: 1.3em;
    margin: 0 auto 0 auto;
    padding: 0.2em 0;
    background-color: #111111;
    //border: 1px solid #cccccc;
}

.due {
    border-top: none;
}

.mbar {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: serif, sans-serif;
    font-size: 0.6em;
    color: #ffff00;
    list-style-type: none;
}

.mbar li {
    float: left;
    padding: 0;
}

.mbar li a {
    display: block;
    padding: 0 0.5em 0em 0.5em;
    text-decoration: none;
    border-right: 1px solid #cccccc;
    font-size: 1.5em;
    color: #cccccc;
}

.mbar li a:hover {
    color: #ffffff !important;
}

.mbar a.current {
    font-weight: bold;
    background-color: #ffff00;
    color: #333333;
}

.mbar li.destra {
    float: right;
    padding: 0.1em 0.5em 0 0;
}

.mbar li.destra a {
    border-right: none;
}

.mbar li.back {
    width: 55px;
    vertical-align: middle;
}

.mbar li.back a {
    border: none;
    background: transparent url('/back.gif') no-repeat center center;
}

.mbar li.back a:hover {
    background: transparent url('/back_hover.gif') no-repeat center center !important;
}

.mbar .button-to input {
    background: transparent;
    border: 1px solid #cccccc;
    color: #cccccc;
}

.mbar label {
    //background-color: #ff0000;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0.2em 1em 0.2em 1em;
    vertical-align: sub;
}

/*
    per inserire nelle mbar campi di input con eventuali label.
    per es per i filtri su una showrows.

    es:
        <div class="list due">
            <ul class="cell_50">
*/
.cell_25,.cell_33,.cell_50 {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: serif, sans-serif;
    font-size: 0.7em;
    color: #cccccc;
    list-style-type: none;
}

.cell_25 li {
    float: left;
    display: block;
    width: 25%;
}

.cell_25 li a {
    display: block;
    padding: 0.3em 0 0.3em 0;
    text-decoration: none;
    color: #cccccc;
}

.cell_25 li a:hover {
    background-color: #ffffff !important;
    color: #333333 !important;
}
.cell_33 li {
    float: left;
    display: block;
    width: 33%;
}

.cell_33 li a {
    display: block;
    padding: 0.3em 0 0.3em 0;
    text-decoration: none;
    color: #cccccc;
}

.cell_33 li a:hover {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.cell_50 li {
    float: left;
    display: block;
    width: 50%;
}

.cell_50 li a {
    display: block;
    padding: 0.3em 0 0.3em 0;
    text-decoration: none;
    color: #cccccc;
}

.cell_50 li a:hover {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* .mbar li.cell_25,li.cell_33,li.cell_50 span {
    padding: 0 0.5em 0 0;
} */
    
/*
    webhelpers pager
*/
.list .pager_text {
    padding: 0 0.5em 0 0.5em;
    font-size: 0.9em;
    color: #ffff00;
}

.list .pager_link {
    color: #cccccc;
}

.list .pager_curpage {
    background-color: #ffffff;
    color: #333333;
}

/*
    table
*/
table {
    empty-cells: show;
}

table td.td_center {
    text-align: center;
}

table td.td_right {
    text-align: right;
}

.tiacca {
    background-color: #336699;
    color: #cccccc;
    font-family: serif, sans-serif;
    font-size: 1.2em;
}

.tiacca a {
    color: #ffffff;
}

.tiacca th,td {
    padding: 0 0.3em 0 0.3em;
}

.small {
    font-size: 0.6em !important;
}

.medium {
    font-size: 0.9em !important;
}

.bigger {
    font-size: 1.2em !important;
}

.big {
    font-size: 1.5em !important;
}

/* elenco iniziale record (controller/index) */
#showrows {
    width: 90%;
    margin: 0.4em auto 0 auto;
    font-family: serif, sans-serif;
    background-color: #ffffff;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

#showrows th {
    background-color: #cccccc;
    color: #333333;
    text-align: center;
    font-size: 1.2em;
    font-variant: small-caps;
    padding: 0.1em 0.5em;
    border-left: 1px solid #ffffff;
}

#showrows th:first-child {
    border: none;
}

#showrows tr {
    border-top: 1px solid #eeeeee;
}

#showrows td {
    border-left: 1px solid #eeeeee;
    font-size: 1em;
    margin: 0;
    padding: 0.1em 0.5em 0.1em 0.5em;
}

#showrows td:first-child {
    border: none;
}

/*
    label da utilizzare sia in diversi <td> sia nello stesso <td>
    del campo di input del form
*/
/* label:not(.plain) {
    float: left;
    width: 10em;
    margin-right: 1em;
    text-align: right;
} */

/*
    form standard
*/
table.tform {
    width: 90%;
    margin: 0.5em auto 0.5em auto;
    padding: 0.5em;
    font-family: serif, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    background-color: #eeeeee;
    border-collapse: collapse;
    border: 1px solid #333333;
}

table.tform tr {
    border-bottom: 1px solid #dddddd;
}

table.tform tr.separator {
    height: 5px;
    background-color: #cccccc;
}

table.tform tr.small_separator {
    height: 5px;
    background-color: #aaaaaa;
}

table.tform td {
    padding: 0.2em 0.5em 0.2em 0.4em;
    border-left: 1px solid #777777;
}

/*
    altrimenti non si legge niente
*/
table.tform .help {
    font-size: 0.8em !important;
}

/*
    form medium
*/
table.tmedium {
    margin: 0.5em auto 0.5em auto;
    padding: 0.2em;
    font-family: serif, sans-serif;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #337799;
}

table.tmedium td {
    padding: 0 0.3em 0 0.1em;
    font-size: 0.8em;
    border: 1px solid #dddddd;
}

table.tmedium th {
    font-size: 0.9em;
    font-variant: small-caps;
    padding: 0.1em 0.5em;
}

table.tmedium label {
    font-weight: bold;
}

/*
    form small
*/
table.tsmall {
    margin: 0.5em auto 0.5em auto;
    padding: 0.2em;
    font-family: serif, sans-serif;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #337799;
}

table.tsmall td {
    padding: 0 0.3em 0 0.1em;
    font-size: 0.6em;
    border: 1px solid #dddddd;
}

table.tsmall th {
    font-size: 0.7em;
    font-variant: small-caps;
    padding: 0.1em 0.5em;
}

table.th_border th {
    background-color: #cccccc;
    border: 1px solid #dedede;
    padding: 0.1em 0.5em;
}

/*
    inner table
*/

table.inner_tbl {
    width: 95%;
    margin: 0 auto 0 auto;
    font-size: 0.8em;
    background-color: #dddddd;
}

table.inner_tbl th {
    border: 1px solid #aaaaaa;
    font-weight: bold;
    padding: 0.1em 0.5em;
}

table.inner_tbl td {
    border: 1px solid #aaaaaa !important;
    font-weight: normal;
}

table.inner_tbl label {
    font-size: 1em;
    font-weight: bold;
}

table.inner_tbl #button {
    font-size: 1em !important;
    font-weight: bold !important;
}

.sort_tbl {
    display: block;
    color: inherit;
    background: transparent url('/sort.png') no-repeat right center;
    padding: 0 2em 0 2em;
    margin: 0;
}

/*
plugin per fixed thead
jquery.floatThead.min.js
*/
.floatThead-table {
    border-collapse: collapse;
}

.floatThead-table th {
    background-color: #cccccc;
    color: #333333;
    text-align: center;
    font-size: 0.9em;
    font-variant: small-caps;
    padding: 0.1em 0.5em;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.fset {
    border: 0;
}

.fset > legend {
    padding: 0;
    margin: 0 0 0 -0.5em;
    font-weight: bold;
}

fieldset.inline {
    display: inline;
}

.labeled {
    padding: 0.2em 0 0.5em 0.5em !important;
}

.labeled > label {
    display: block !important;
}