@charset "utf-8";
/*@import url(font.css);*/
/* CSS Document */

body,html {height:100%}
body{color: rgb(85, 85, 85); font: 12px Arial,Helvetica,sans-serif; margin: 0px; padding: 0px;} 
a{text-decoration: none; color: rgb(136, 136, 136);}
img{border: 0px;}
/*****INPUT*****/
input, textarea, select{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid rgb(213, 213, 213); color: rgb(51, 51, 51); padding: 6px; font-family: Arial, Helvetica, sans-serif;}
/*****BUTTON*****/
input[type="button"], input[type="submit"]{background: url(../images/bg_button.gif) repeat-x scroll left top rgb(69, 147, 0) !important; border: 1px solid rgb(69, 147, 0) !important;
padding: 3px 8px !important; margin: 10px 0; color: rgb(255, 255, 255) !important; font-size: 11px !important; cursor: pointer;}
input[type="button"]:hover{text-decoration: underline;}
/*****CLEAR*****/
.clear{clear: both;}
/*****HIDDEN*****/
.hidden{display: none;}

.table{width: 100%; height: 100%; margin:0; padding: 0;}
.table_left{width: 230px; color: rgb(136, 136, 136); vertical-align: top; font-size: 11px; background: url(../images/bg_left.gif) repeat-y scroll left top transparent;}
.table_right{vertical-align: top; background-color: #f8f8f8; padding: 0 40px 0 40px;}
.footer{width: 100%; height: 100%; line-height: 60px; float: left; border-top: 1px solid #CCC;}
.footer a{color: rgb(69, 147, 0);}
.footer_row .table_right{padding-top: 40px;}


.left-text{text-align: left !important;}
.center-text{text-align: center !important;}
.right-text{text-align: right !important;}

.div-drag{width: 100%; height: 18px; cursor: move; background: url(../images/draggable.png) no-repeat 5px 3px;}
.elimina-riga{width: 26px; height: 18px; background: url(../images/icons/erase.png) no-repeat center; background-size: 15px; cursor: pointer;}

h1{font-size: 26px; color: #000;}


/******* POPUP MESSAGE *********/
.popup-message{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.popup-message .container{position: absolute; top: 50%; left: 50%; width: 500px; height: 180px; border: 1px solid #CCC; margin-left: -250px; margin-top: -90px; color: #000; background-color: #FFF; border-radius: 8px; box-shadow: 3px 3px 3px rgba(0,0,0,.3);}
.popup-message .container .title{font-size: 18px; border-bottom: 1px solid #ccc; padding: 10px; text-align: center;}
.popup-message .container .text{margin: 30px 10px; font-size: 14px; height: 32px;}
.popup-message .container .button-ok{width: 80px; line-height: 30px; border: 1px solid #CCC; font-size: 14px; text-align: center; position: absolute; bottom: 10px; left: 50%; margin-left: -40px; background-color: #72d403; color: #FFF; cursor: pointer;}
/******* POPUP MESSAGE *********/


/******* LEFT *********/
.logo{width: 100%; height: 100px; float: left; background: url(../images/logo.png) no-repeat 35px 20px; background-size: 180px;}
.log{width: 206px; height: 50px; float: left; padding: 50px 0 0 24px;}
.menu{float: left;}
/***********************/

/******* MENU *********/
#menu{width: 206px; float: left; padding: 0px; margin: 0px 0px 0px 24px; font-size: 16px; font-family: Helvetica,Arial,sans-serif; list-style: none outside none;}
#menu li a{width: 200px; height: 25px; padding: 8px 6px 0px 0; margin-bottom: 10px; text-align: right; background: url(../images/bg_menu.gif) no-repeat; display: block; text-decoration: none; color: #FFF;}
#menu li a:hover, #menu li a.active {background: url(../images/bg_menu.gif) no-repeat;}
#menu li ul {display: block; list-style: none outside none;}
#menu li ul li a {width: 150px; height: 30px; margin: 0; padding: 0 16px 0 0; background: none; font-size: 14px; color: rgb(170, 170, 170);}
#menu li ul li a:hover{background: none; color: #FFF;}
#menu li ul li a.selected{color: #FFF; background: url(../images/freccia.gif) no-repeat right 4px;}
/***********************/


/********** DIV INFO **********/
.response{width: 100%; height: 40px; line-height: 40px; display: none; margin: 0 0 10px 0; float: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.response .text{margin: 0 35px;}
.response-ok{border: 1px solid #9ADF8F; background: url(../images/icons/icon-ok.png) 8px 11px no-repeat #D5FFCE;}
.response-error{border: 1px solid #DF8F8F; background: url(../images/icons/icon-error.png) 8px 11px no-repeat #FFCECE;}
.response-info{border: 1px solid #A2B4EE; background: url(../images/icons/icon-info.png) 8px 11px no-repeat #DBE3FF;}
.response-attention{border: 1px solid #E6DB55; background: url(../images/icons/icon-attention.png) 8px 11px no-repeat #FFFBCC;}
/******************************************************/

			
/******* ANAGRAFICHE E RAPPORTINI E DOCUMENTI *********/
.menu-orizzontale{width: 100%; height: 128px; margin: 0px 30px 30px 0;}
.menu-orizzontale .voci{width: 90px; height: 130px; float: left; margin-right: 20px; text-align: center; background-color: #F3F3F3; border: 1px solid #999; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.menu-orizzontale .voci-right{float: right; margin: 0px;}
.menu-orizzontale .voci {color: #333;}
.menu-orizzontale .voci:hover{background-color: #FFF; color: #090; cursor: pointer;}
.menu-orizzontale .voci a{width: 70px; height: 60px; padding: 70px 10px 0 10px; display:block; text-decoration: none;}
.menu-orizzontale .add{background: url(../images/big_icons/pencil.png) no-repeat center 10px;}
.menu-orizzontale .print{background: url(../images/big_icons/print.png) no-repeat center 10px;}
.menu-orizzontale .year{background: url(../images/big_icons/year.png) no-repeat center 10px;}

.window-background{display: none; width: 100%; height: 100%; background-color: #000; top: 0; left: 0; opacity: 0.6; position: absolute; z-index: 98;}
.window .close{background-image: url(../images/close-window.png); position: absolute; top: -18px; right: -18px; width: 33px; height: 33px; cursor: pointer; z-index: 99;}
.window table{border-bottom: 0px !important;}
.window{display: none; border: 1px solid #568c00; border-radius: 4px; padding: 10px; background-color: #FFF; position: absolute; z-index: 99;}
.window-year{width: 210px;}
.window-year .change-year{width: 120px; margin-right: 10px; text-align: center;}
.window-print .left, .window-print .right{float: left;}
.window-print .left table{width: 320px; margin-right: 5px;}
.window-print .right table{width: 320px; border-left: 1px solid #999; padding-left: 4px;}
.window-print .denominazione{width: 300px;}
.window-print .data{width: 70px; text-align: center;}

.page-container{width: 100%; float: left;}

.box{width: 100%; float: left; border: 0px solid rgb(204, 204, 204); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin: 10px 0;}
.box .header{width: 100%; height: 30px; float: left; background: url(../images/bg_title_box.gif) repeat-x; margin-top: 1px; padding: 10px 0 0 0; border: 1px solid rgb(204, 204, 204); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.box .header .title{padding-left: 20px; float: left; font-size: 16px; color: #000; font-weight: bold;}
.box .header .right_title{padding-right: 20px; float: right; font-size: 14px; color: #000; font-weight: bold;}
.box .header .open-tab{width: 20px; height: 20px; margin-right: 20px; float: right; cursor: pointer; background: url(../images/ui-icons_888888_256x240.png) -64px -16px no-repeat;}
.box .content{width: 100%; float: left; border: 1px solid rgb(204, 204, 204); border-top: 0;}


.box.anagrafica{width: 450px;}
.box.documenti{width: 100%; max-width: 990px;}
.box.rapportini{width: 516px;}
.box.prestazioni{width: 600px;}
.box.scadenzario{width: 600px;}
.box.articoli{max-width: 505px;}


.box .content .tabelle{padding: 20px;}
.box .content .tabelle table{width: 100%; border-spacing: 0; border-bottom: 1px solid #CCC;}
.box .content .tabelle th{text-align: left; font-weight: bold; font-size: 15px; color: #333; border-bottom: 1px solid #CCC;}
.box .content .tabelle tr{height: 35px;}
.box .content .tabelle tr img{border: 0px;}
.box .content .tabelle tr.odd{background-color: #EBEBEB;}
.box .content .tabelle tr .action-container{min-width: 105px; float: right; margin-right: 5px;}
.box .content .tabelle tr .action{float: left; margin-left: 15px;}
.box .content .tabelle tr .action a{height: 20px; width: 20px; display: block; text-indent: -9999px;}
.box .content .tabelle tr .action.modifica{background: url(../images/icons/pencil.png) no-repeat;}
.box .content .tabelle tr .action.elimina{background: url(../images/icons/erase.png) no-repeat;}
.box .content .tabelle tr .action.stampa{background: url(../images/icons/print.png) no-repeat;}
.box .content .testo{padding: 20px;}

.box .content .dataTables_length{margin-bottom: 10px; float: left;}
.box .content .dataTables_filter{margin-bottom: 10px; float: right;}
.box .content .dataTables_info{margin: 20px 0px; float: left;}
.box .content .dataTables_paginate{margin: 20px 0px; float: right;}
.box .content .dataTable thead th, .box .content .dataTable thead td{padding: 0; border: 0;}
.box .content .dataTable thead th input.search-data{width: 66px;}
.box .content .dataTable thead th input.search-cod{width: 29px;}
.box .content .dataTable thead th input.search-denominazione{width: 300px;}
/******************************************************/

/******* FORM_INSERIMENTI *********/
.articoli .campi-testo{margin-bottom: 5px;}
.articoli .campi-testo label{display: block; float: left; width: 110px; height: 29px; line-height: 29px;}
.articoli .campi-testo input{width: 80px;}
.articoli .campi-testo input.short{width: 80px;}
.articoli .campi-testo input.long{width: 300px;}
.articoli .campi-testo .prezzo{text-align: right;}
.articoli .campi-testo .aliquota{text-align: right;}
.articoli .campi-testo .unita{text-align: right;}

.prestazioni .tipologia{width: 95%;}
.prestazioni .prestazione{width: 95%;}
.prestazioni .durata-totale{width: 40px; text-align: center;}
.prestazioni .data-riga{width: 65px; height: 100%; text-align: center;}
.prestazioni .durata-riga{width: 40px; height: 100%; text-align: center;}
.prestazioni .importo{width: 80px; height: 100%; text-align: right;}


.scadenzario .descrizione{width: 95%; min-height: 40px; resize: none;}
.scadenzario .giorni-email{width: 22px; text-align: center;}
.scadenzario-righe{width: 580px;}
.scadenzario-righe.header{height: 25px; font-weight: bold;}
.scadenzario-righe .data{width: 80px; height: 17px; overflow: hidden; float: left;}
.scadenzario-righe .denominazione{width: 250px; height: 17px; overflow: hidden; float: left;}
.scadenzario-righe .descrizione{width: 250px; height: 17px; overflow: hidden; float: left;}


.rapportini .denominazione{width: 300px;}
.rapportini .numero{width: 30px; text-align: center;}
.rapportini .tecnico{width: 150px; text-align: center;}
.rapportini .data{width: 65px; text-align: center;}
.rapportini .ora{width: 40px; text-align: center;}
.rapportini .motivo{width: 300px;}
.rapportini .intervento{width: 100%;}
.rapportini .descrizione{width: 100%; height: 18px; resize: none; padding: 0; font-size: 12px; border: 0;}


.anagrafica .codice{width: 80px;}
.anagrafica .denominazione{width: 260px;}
.anagrafica .indirizzo{width: 260px;}
.anagrafica .citta{width: 260px;}
.anagrafica .provincia{width: 45px; text-align: center;}
.anagrafica .cap{width: 65px; text-align: center;}
.anagrafica .stato{width: 140px;}
.anagrafica .piva{width: 140px;}
.anagrafica .cfiscale{width: 140px;}
.anagrafica .telefono{width: 140px;}
.anagrafica .fax{width: 140px;}
.anagrafica .email{width: 260px;}
.anagrafica .referente{width: 260px;}
.anagrafica .note{width: 260px; height: 40px; font-size: 11px; resize: none;}
.anagrafica .costo-ora{width: 40px; text-align: right;}
.anagrafica .spese-studio{width: 40px; text-align: right;}
.anagrafica .pagamento{width: 260px;}
.anagrafica .banche-appoggio{width: 260px;}
.anagrafica .gg-scadenza{width: 30px; text-align: center;}
.anagrafica .sconto{width: 40px; text-align: center;}
.anagrafica .esenzione{width: 260px;}
.anagrafica .esenzione-note{width: 260px; resize: none;}
.anagrafica .banca{width: 260px;}
.anagrafica .iban{width: 260px;}
.anagrafica .rit-acconto{width: 40px; text-align: right;}
.anagrafica .cassa-previdenza{width: 40px; text-align: right;}
.anagrafica .reg-imprese{width: 100px;}
.anagrafica .albo-artigiani{width: 100px;}
.anagrafica .rea{width: 100px;}
.anagrafica .camera-commercio{width: 100px;}
.anagrafica .capitale-sociale{width: 100px; text-align: right;}
.anagrafica .regime-fiscale{width: 100%;}
.anagrafica .tipo-ritenuta{width: 100%;}
.anagrafica .ritenuta-causale-pagamento{width: 100%;}
.anagrafica .tipo-cassa{width: 100%;}

.documenti .denominazione{width: 95%;}
.documenti .numero{width: 40px; text-align: center;}
.documenti .numerazione{width: 40px; text-align: center;}
.documenti .data{width: 70px; text-align: center;}
.documenti .pagamento{width: 92%;}
.documenti .causale-trasporto{width: 92%;}
.documenti .imponibile{width: 100%; height: 18px; border: 0; font-size: 10px; text-align: right; background-color: #FC9;}
.documenti .unita{width: 100%; height: 18px; border: 0; font-size: 10px; text-align: center;}
.documenti .codice{width: 100%; height: 18px; border: 0; font-size: 10px;}
.documenti .quantita, .documenti .prezzo, .documenti .sconto, .documenti .imponibile, .documenti .aliquota, .documenti .onorari, .documenti .spese, .documenti .ritenuta, .documenti .natura-esenzione
	{width: 100%; height: 18px; font-size: 10px; text-align: right;}
.documenti .periodo-parcellazione{width: 130px; text-align: center;}
.documenti .natura-esenzione{text-align: center;}
.documenti .ritenuta{text-align: center;}

/*.documenti .td-unita, .documenti .td-prezzo, .documenti .td-quantita, .documenti .td-sconto, .documenti .td-aliquota, .documenti .td-imponibile{width: 50px;}*/

.documenti .righe{background-color: #FFF;}
.documenti .righe thead{border: 0px;}
.documenti .righe thead th{border: 0px; height: 25px; line-height: 25px;}
.documenti .righe tr{vertical-align: top;}
.documenti .righe td{padding: 0 3px 0 3px;}
.documenti .righe .td-imponibile{background-color: #FC9;}
.documenti .righe input{border: 0; padding: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 0px; vertical-align: middle;}
.documenti .righe textarea{height: 16px; width: 100%; padding: 2px 0 0 0; resize: none; border: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; font-size: 12px; text-align: left;}
.documenti .annotazioni{width: 45%; resize: none; font-size: 12px;}
.documenti .doc-recuperabili{width: 200px; height: 200px; position: absolute; display: block; border: 1px solid #000; padding-left: 10px;}
.documenti .doc-recuperabili .left_arrow{position: relative; float: left; z-index: 1; top: 20px;}
.documenti .doc-recuperabili .container{position: relative; float: left; left: -1px; border: 1px solid #568c00; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; background-color: #FFF; z-index: 0;}
.documenti .doc-recuperabili .close, .rec{float: left; cursor: pointer;}
.documenti .doc-recuperabili .rec:hover{cursor: pointer; text-decoration: underline; color: #568c00;}


.documenti .aspetto-esteriore{width: 90%; float: left;}
.documenti .aspetto-esteriore input{width: 90%;}
.documenti .colli{width: 10%; float: left;}
.documenti .colli input{width: 70%; text-align: center;}
.documenti .trasporto{width: 50%; float: left;}
.documenti .trasporto input{width: 90%;}
.documenti .vettore{width: 50%; float: left;}
.documenti .vettore textarea{width: 94%; height: 100px; float: left;}
.documenti .totali{width: 240px; height: 50px; padding: 22px 0 20px 0; margin-top: 10px; border-top: 1px solid #CCC;}
.documenti .totali input{width: 80px; text-align: right; background-color: transparent; border: 0px;}
.documenti .totali .label{width: 120px; height:18px; line-height: 34px; float: left;}
.documenti .totali .importi{width: 120px; height: 18px; float: left;}
.documenti .spese-fisse-studio .label{width: 120px; height:18px; line-height: 34px; float: left; margin-right: 10px;}
.documenti .spese-fisse-studio .importi input{width: 40px; text-align: center; }
.documenti .ritenuta-acconto-container .label{width: 120px; height:18px; line-height: 34px; float: left; margin-right: 10px;}
.documenti .ritenuta-acconto-container .importi input{width: 40px; text-align: center; }

/*.group .box .content{display: none;}
.group{display: none; margin-bottom: 30px; border: 1px solid #CCC;}*/
/*
.group-menu{border: 1px solid #CCC; padding: 10px 30px 10px 10px; margin: 7px 30px 0 0;float: left;}
.group-menu-table{float: left;}
.group-menu div{margin-bottom: 5px;cursor: pointer}
*/

.admin.group .dati-ditta{width: 460px;}
.admin.group .dati-ditta .left{width: 150px; float: left; margin-bottom: 5px; height: 30px; line-height: 30px;}
.admin.group .dati-ditta .right{width: 274px; float: left; margin-bottom: 5px; height: 30px;}

.admin.group .permessi{padding: 20px;}
.admin.group .permessi .left{float: left; width: 100px;}
.admin.group .permessi .right{float: left;}
.admin.group .permessi .sezioni{width: 100%; height: 20px; line-height: 20px; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.admin.group .permessi .theader{padding: 0 20px; height: 25px; border-right: 1px solid #CCC; font-weight: bold;}
.admin.group .permessi .theader.sezioni{padding: 0; border: 0;}
.admin.group .permessi .checkbox{text-align: center; height: 20px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;}
.admin.group .utenti{width: 540px;}
.admin.group .utenti input[type="text"]{width: 140px;}
.admin.group .utenti input[type="password"]{width: 140px;}
.admin.group .utenti form{float: left;}
.admin.group .ora{width: 40px; text-align: center;}

.parametri.group.generico{width: 450px;}
.parametri.group.documenti{width: 520px;}
.parametri.group.articoli{width: 400px;}
.parametri .box .header{cursor: pointer; height: 20px; padding: 4px 0;}
.parametri .box .header .title{margin-top: 2px; font-size: 15px;}

.parametri .righe thead th{border: 0px; height: 25px; line-height: 25px; text-align: left;}
.parametri .righe input[type="text"]{border: 0; width: 100%; height: 18px; font-size:10px; padding: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 0px; vertical-align: middle;}
.parametri .righe .checkbox{height: 12px;}
.parametri .righe .td-fine-mese{text-align: center;}
.parametri .righe .td-predefinito{text-align: center;}
.parametri .righe .td-infattura{text-align: center;}
.parametri .righe .td-codice-interno input{background-color: #F90;}
.parametri .righe .td-elimina div{width: auto;}
/**********************************/



/***********************************/
/*********** JQUERY TABS ***********/
/***********************************/
.ui-tabs-vertical { width: auto; }
.ui-tabs-vertical > .ui-tabs-nav {width: 150px; float: left; }
.ui-tabs-vertical > .ui-tabs-nav .vertical {clear: left; width: 100%; margin: 0 0 0.4em 0; border: 1px solid #aaaaaa; border-radius: 4px 0 0 4px; overflow: hidden; position: relative; right: 1px; z-index: 2; }
.ui-tabs-vertical > .ui-tabs-nav .vertical a {width: 130px; padding: 15px 10px; display:block; }
.ui-tabs-vertical > .ui-tabs-nav .vertical.ui-tabs-active { padding-bottom: 0; border-right: 0px solid #FFF; margin-bottom: 0.4em; right: 0;}
.ui-tabs-vertical > .ui-tabs-panel { padding: 1em; float: left;}
/***********************************/
/***********************************/