/* CSS Document */

body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#F6F6F6; color:#4D4D4D}
/* body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#CC0000; color:#4D4D4D} */
body.thick1{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#FFFFFF; color:#4D4D4D; overflow-x:hidden}
a:link, a:visited{color:#496BAC; text-decoration:none; text-decoration:underline}
a:hover{color:#4D4D4D; text-decoration:none; }
div{padding:0px; margin:0px}
img{border:0px}
form{margin:0px; padding:0px}
tfoot{background-color:#FFFFFF}
tfoot td{border:none !important;}
h1.prova{margin:0; background-color: #CC0000; color:#FFFFFF; font-size:20px; font-weight:bold; text-align:center; text-transform:uppercase; padding:20px 0; clear:both}
h2{ background-color:#4D4D4D; color:#FFFFFF; font-size:14px; font-weight:bold; margin:10px 0px; /*text-align:center;*/ text-transform:uppercase; padding:2px 20px; clear:both}
h2.errore{background-color: #CC0000; color:#FFFFFF; margin-bottom:10px}
h2.errorePra{background-color: #CC0000; color:#FFFFFF;}
h2.giallo{background-color: #FFF1A0; margin:15px 0px; font-size:16px; color:#4D4D4D; padding:5px}
h2.arancione{background-color:#F4F4F4; margin:10px 0px; font-size:14px; color:#4D4D4D; padding:2px; border:1px solid #F57F00}
h3{color:#FFFFFF; font-weight:bold; margin:0px; text-transform:uppercase; padding:2px 0; clear:both}
div.rosso{background-color:#F00; color:#FFF}
div.arancione{color:#F57F00; padding:2px;}
#summary{background-color: #CC0000; color:#FFFFFF; margin-bottom:10px}
div.errore{clear:both; float:none; border: solid 1px #CC0000; color:#CC0000; margin:10px 0; padding: 10px; width:96.5%}

#webpage{width:1022px; margin:0px auto; background-image:url(../immagini/bg_pagina.jpg); background-position:right; background-repeat:repeat-y; background-color:#FFFFFF;}
#top{height:144px; font-size:0px; border-bottom:2px solid #FFB43B; background-color:#B4C4E4}
#top div{float:left}
#menu{ font-size:12px; text-transform:uppercase; height:31px; width:722px; line-height:30px; text-align:right; z-index:100}
#menu a{color:#4D4D4D; text-decoration:none; padding:0px 6px; margin:0px; font-weight:bold}
#menu a:link, #menu a:visited{color:#4D4D4D; text-decoration:none; }
#menu a:hover{color:#FFFFFF; background-color:#B4C4E4; text-decoration:none;}
#menu img{margin:0px; background:none; vertical-align:middle}
/*#pagina{padding:0px; width:100%; background-color:#FFB43B; height:31px; font-size:24px; line-height:31px; color:#FFFFFF; text-align:center}*/
#pagina{padding:0px; width:100%; background-color:#92AAD0; height:31px; font-size:24px; line-height:31px; color:#FFFFFF; text-align:center}
.logo{background-color:#FFF; border-bottom:1px solid #FFB43B; width:100%; padding:10px 0; text-align:center}

#time{padding-right:17px; width:282px; height:31px; text-align:right; color:#496BAC; font-size:10px; line-height:31px}
#alert1{background-color:#FF16A5; width:1021px; font-size:12px; border-bottom: 2px solid #4D4D4D; text-transform:uppercase; font-weight:bolder}
#alert1 .div1{margin:2px 5px 0 5px}
#alert1 .div2, #alert2 .div2{margin:10px 0px 0 0}
#alert1 a:link, #alert1 a:visited{color:#FFFFFF}
#alert2{background-color:#C45F9B; color:#FFFFFF; width:1021px; font-size:12px; border-bottom: 2px solid #4D4D4D; text-transform:uppercase; font-weight:bolder}
#alert2 .div1{margin:2px 5px 0 5px}
#alert2 .div3{margin:2px 0px 0 0;line-height:15px}
#alert2 a:link, #alert2 a:visited{color:#FFFFFF}
#main{min-height:450px; padding:10px;}
#bottom{height:27px; background-color:#4D4D4D; color:#FFF; font-size:10px; text-align:center;}
#bottom div{padding:5px}
/*#tabs{margin-top:9px; z-index:1}*/

/*operatore*/
#idOp{background-color:#4D4D4D; color:#FFF; height:15px; font-size:10px; font-weight:bold; width:100%; border-bottom:2px solid #4D4D4D}

/*form*/
input{ border:1px solid #092E6E; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:5px; margin:0px; width:115px; height:14px;}
select{ border:1px solid #092E6E; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:4px 0; margin:0px; text-transform:uppercase; width:128px;}
option{padding:0px 3px}
textarea{ border:1px solid #092E6E; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:2px; margin:0px; width:99.3%;}
input[disabled], select[disabled], textarea[disabled]{color:#092E6E; font-size:10px; text-transform:uppercase; background-color:#FFFFFF; border-color:#F4F4F4}
input[type=checkbox],input[type=radio]{width:20px; border:0px; vertical-align:middle}
input[type=submit],input[type=button]{height:26px; text-transform:uppercase;}
input[type=image]{height:20px; width:20px; text-transform:uppercase; border-radius: 5px; padding:3px}
.full-length {width:425px}
.row, .rowx{clear:both; margin:0px; width:100%; padding:1px 0px;}
.row div{float:left; text-transform:uppercase; font-weight:bold; margin:0px 4px 0px 0px; line-height:20px;}
.rowx div{text-transform:uppercase; font-weight:bold; margin:0px 4px 0px 0px; line-height:20px;}
.rowx #uploader{margin:0 !important}
.rowx #uploader div{margin:auto !important}
.rowx .ui-tabs{width:auto !important}
.plupload_container{margin:0 !important; padding:0!important}
.row img, .rowx img{padding:0px 0px 0px 3px; vertical-align:top; height:19px}
.row img.ui-datepicker-trigger{height:unset}
.row #custom-demo div { float:none;}
.label{width:167px; background-color:#E7EEF4; color:#092E6E; padding:3px 3px 3px 5px;}
.label_fr{width:167px; background-color:#FFB43B; color:#FFFFFF; padding:3px 3px 3px 5px;}
.label input{ border:0px solid #4D4D4D; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0px; margin:3px; width:167px; background-color:#092E6E; color:#FFFFFF; text-transform:uppercase; width:100%; font-weight:bold;display: inline-block;}
.row div.e, .eConf{margin:0px; padding:0px}
.eConf{float:right !important}
.row .spacer{width:292px; padding:0px 3px 0px 5px;}
.cb-style{width:900px;}
.filtro{ background-color:#FFF1A0; padding:3px}
.none{ display:none}
.mod{ background-image:url(../immagini/AttMod.gif);float:left; height:20px; width:340px; text-align:center; background-position:right center; background-repeat: no-repeat; font-size:14px; font-weight:bolder; color:#FFF}

.action{clear:both; margin:0px; padding:0px; width:100%; text-align:right}
.action div{display:inline; text-transform:uppercase; font-weight:bold; margin:0px;}
.action form{width:20px; display:inline}
.action input{width:20px; padding:0px}
.action input[type=image]{width:20px; padding:3px}
.action img{height:20px; border:1px solid #4D4D4D; padding:3px; border-radius:5px;}
.actionTab{margin:0px; padding:0px; width:20px; text-align:right}
.actionTab div{text-transform:uppercase; font-weight:bold; margin:0px; line-height:9px;}
.actionTab input{width:20px; border:1px solid #FFFFFF; padding:0px; margin:0px;}
.right{text-align:right}
.submit{ background-color:#0F984F; color:#FFF}
.submitLong{ background-color:#0F984F; color:#FFF; width:auto !important}
/*.action input{ border:1px solid #4D4D4D; background-color:#E7EEF4; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0px; margin:0px 3px 6px 3px; width:125px; }
.action input:hover{ border:1px solid #4D4D4D; background-color:#496BAC; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0px; margin:0px 3px 6px 3px; width:125px; text-transform:uppercase }*/
/*.action input, .submit{ border:0px; background-image:url(../immagini/btn_up.jpg); background-repeat:no-repeat; background-position:center center; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0px; margin:0px 3px 6px 3px; width:125px; height:19px; font-weight:bold; color:#4D4D4D}
.action input:hover, .submit:hover, .submit[disabled]{ border:0px; background-image:url(../immagini/btn_down.jpg); background-repeat:no-repeat; background-position:center center; color:#496BAC; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0px; margin:0px 3px 6px 3px; width:125px; height:19px; text-transform:uppercase; font-weight:bold }*/
input:focus { border: 1px solid black; background-color:#FFF1A0;  color:#4D4D4D}
.error { border: 1px solid red; }
label.error{border:0;}
/*login*/
#login{margin:120px auto; background-color:#F6F6F6; color:#4D4D4D; font-size:10px; font-weight:bold; text-align:center; text-transform:uppercase; padding:2px; width:30%; border:1px solid #4D4D4D}
#login div{ margin:5px}
#login .txt{width:90%;}
#login .sub{width:40%;}


/* tabelle */
.inner .tablesorter tfoot td, .inner .tablesorter tfoot tr {
    height: 0px !important;
}

.inner .tablesorter tfoot table {
    position: absolute;
    right: 0;
    height: 30px !important;
    bottom: -30px;
}

.inner th.l_fixed1, .inner td.l_fixed1 {
    position: absolute;
    left: 0px;
    width: 110px !important;
    max-width: 110px !important;
}

.inner th.l_fixed2, .inner td.l_fixed2 {
    position: absolute;
    left: 118px;
    width: 131px !important;
    max-width: 131px !important;
}

.inner th.r_fixed1, .inner td.r_fixed1 {
    position: absolute;
    right: 0px;
    width: 25px;
}

.inner th.r_fixed2, .inner td.r_fixed2 {
    position: absolute;
    right: 33px;
    width: 25px;
}

.inner th.r_fixed3, .inner td.r_fixed3 {
    position: absolute;
    right: 66px;
    width: 25px;
}

.outer {
    position: relative;
    clear: both;
    margin-bottom: 30px !important;
    float: none !important;
}

.outer div {
    float: none
}

.inner {
    overflow-x: auto;
    overflow-y: visible;
    margin-left: 258px !important;
    margin-right: 30px;
}
.inner th.l_fixed1 input, .inner td.l_fixed1  input, .inner th.l_fixed2  input, .inner td.l_fixed2  input {width:auto !important}

table a:link, table a:visited{color:#000000; text-decoration:none;  font-weight:bold}
table a:hover{color:#4D4D4D; text-decoration:none; font-weight:bold }
.editimg{padding:0px; vertical-align:top; height:15px}
/*#pager input, #pager select{ border:1px solid #4D4D4D; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0px; margin:0px; text-align:center; max-width:50px}
#pager img{padding:0px 0px 0px 0px; vertical-align:top; height:16px}*/

th.dati-lunghi{width:20%}
/*th.dati{width:5%}
th.dati-last{width:5%; padding-right:50px !important}*/
td.dati-last, th.dati-last{padding-right:50px !important}
th.ico{width:.1%}
th div{padding-right:10px}



.separatore{background-color: #666666; margin:1px 0px; font-size:2px; color:#4D4D4D; padding-top:1px; line-height:2px; width:99%}
.clear{clear:both; margin:0px; padding:0px; font-size:0px}
.clear_right{clear:right; margin:0px; padding:0px}
.clear_left{clear:left; margin:0px; padding:0px}
.clear_sql{clear:left; margin:10px; padding:0px}
/* scheda personale*/

fieldset { padding:0; border:0; }
h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding:0px; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
.legenda { font-size:9px; background-color:#FFF1A0; font-weight:100; border:1px solid #4D4D4D; padding:5px; width:98%}
.legenda ol {margin-left:20px}
.search, .hide {display:none;}
.search div{float:none; clear:both}
.search table { border:1px solid #FFF1A0; padding:10px;}
.search table th { font-weight:bold; padding:0px 5px}
.search table td { padding:5px;}
#ricerca_avanzata,#storico{ font-size:10px; cursor:pointer}
.ricerca_spacer{padding-left:20px}

/* prestazione multi*/
#multi{padding:5px 0px; margin:5px 2px; background-color:#CCC; width:99%}
#multi div {background-color:#FFF1A0; border:1px solid #4D4D4D; padding:0px 3px; color:#092E6E}
#multi a:link, #multi a:visited {background-color:#FFF1A0; border:1px solid #FFF1A0; padding:0px 3px; color:#092E6E; text-decoration:none}
#multi .multiOn, #multi a:hover {background-color:#666; color:#FFFFFF; border:1px solid #496BAC; padding:0px 3px; text-decoration:none}
#multi .null, #multi .null a{ border:0px; background-color:#CCC; padding:1px 0px}

/* tipologia classi valori */
.Lnum{ text-align:right}
.Ldat{ text-align:center}

/* Statistiche */
#titStat{background-color: #FC9;margin:15px 0px 0px 0px; font-size:16px; color:#FFF; padding:5px}
#statistiche{width:100%; text-transform:lowercase;}
#statistiche th{ background-color:#496BAC; color:#FFF; text-align:center; padding:0px; margin:0px;}
#statistiche th div{padding:0px 3px; margin:0px; text-align:center; width:100%}
#statistiche td{ padding:0px 3px;}
.labelRL{background-color: #D6E3BC;}
.azzurro{ background-color:#E7EEF4;}
.giallo{ background-color:#FFF1A0}
.rosa{ background-color:#FC9;}
.bianco{background-color:#FFF}
.alert{ font-size:14px; padding:10px; background-color:#F00; color:#FFF; font-weight:bold}
.eliminaDoc,.addIdr,.delIdr{ cursor:pointer}

.color-1{ background:#E7EEF4; color:#333; text-align:center; margin:10px 0}
.border-bottom{border-bottom:1px solid #F57F00}

/* margini */
.marT10{margin-top:10px}

/* pl integration */
.plupload_filelist .plupload_file_name {
    width: 505px !important;
}

/* menu */
.sf-menu{float:none;display:inline-block}
#menu{text-align:center;}
#mob-menu { display: none; }

/* ui */
.ui-datepicker-trigger{width:27px; height:27px}
input[type="date"]::before {
    content: attr(data-placeholder);
    width: 100%;
}
.ui-tabs-nav li{width:12%}
#tabs li a{display:block; width:100%}

/* hide our custom/fake placeholder text when in focus to show the default
 * 'mm/dd/yyyy' value and when valid to show the users' date of birth value.
 */
input[type="date"]:focus::before,
input[type="date"]:valid::before {
    display: none
}

/* home */
.labelHome{width:200px; background-color:#E7EEF4; color:#092E6E; padding:3px 3px 3px 5px;}
.txtHome{width:200px; padding:3px 3px 3px 5px;}
.labelHomex{width:180px; background-color:#E7EEF4; color:#092E6E; padding:3px 3px 3px 5px;}
.txtHomex{width:180px; padding:3px 3px 3px 5px; border-bottom:1px solid #4D4D4D;overflow-wrap:break-word; overflow:hidden; white-space:nowrap}
.row .txtHomex a{display:inline}
.labelHome1{width:100px; background-color:#B4C4E4; color:#092E6E; padding:3px 3px 3px 5px; text-align:center}
.txtHome1{width:100px; padding:3px 3px 3px 5px; border-bottom:1px solid #4D4D4D; text-align:center}
.labelHome2{width:50px; background-color:#B4C4E4; color:#092E6E; padding:3px 3px 3px 5px; text-align:center}
.txtHome2{width:50px; padding:3px 3px 3px 5px; border-bottom:1px solid #4D4D4D; text-align:center}
.labelHome3{width:400px; background-color:#B4C4E4; color:#092E6E; padding:3px 3px 3px 5px;}
.txtHome3{width:400px; padding:3px 3px 3px 5px; border-bottom:1px solid #4D4D4D; overflow-x:hidden}
.labelHome4{width:150px; background-color:#B4C4E4; color:#092E6E; padding:3px 3px 3px 5px;}
.txtHome4{width:150px; padding:3px 3px 3px 5px; border-bottom:1px solid #4D4D4D; text-align:center}

/* child */
#imageCont {border-left:1px solid #0F984F; background-color:#FFFFFF; background-repeat:no-repeat; width:332px; z-index:10; position: absolute; right:7px; min-height:210px; float:right; padding:0; }

#photoframe{padding:0; margin:0;border:1px solid #0f984f;border-radius: 50px 0px;}
#thumb_img{width:300px; height:400px; padding:0; margin:0;}
#mod-img{position:absolute; top:10px; right:5px; background-color:#FFFFFF; border: 1px solid #4d4d4d; padding:3px; cursor:pointer; border-radius: 5px;}
.mod-img div{float:none; clear:left; text-align:center}
.w66p {width:66%}
.w100p{width:100%}
#img-thumb{float:right !important; position:relative; height:auto}
#load{float:none; clear:both}
.pointer{cursor:pointer}
.pad10{padding:10px}
#rr, #rl {width:30px; height:30px; display:inline}
#rr img, #rl img{width:30px; height:30px;}

/* gallery */
#gallery {width: 99%; line-height: 0; -webkit-column-count: 2; -webkit-column-gap: 0px; -moz-column-count: 2; -moz-column-gap: 0px; column-count: 2; column-gap: 0px; display: inline-block; margin-right: auto; margin-left: auto;}
#gallery .imgG{margin:2%; float:left; position:relative}
.imgG img{width:100%; height: auto !important;}
.imgG .eliminaDoc {position:absolute; z-index:100; top:5px; left:5px; width:20px; height:20px}


#images-wrapper {
    
}