@import url("/include/topmenu/menu_top.css");
@import url("/admin/include/css/menu.css");

@import url("/devlab/media/icomoon/font-icons.css");
@import url("/devlab/media/font-awesome-4.5.0/css/font-awesome.min.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

html {
 overflow-y: scroll;
 overflow-x: hidden;
}

body {
	/*font-family: HelveticaLTStdRoman, helveticaneueltstd, Georgia, "Times New Roman", Times, serif ;*/
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-style:normal;
	font-size-adjust:none;
	margin:0px;
	padding:0px;
	color:#706f6f;
	/*font-size:14px;*/
	font-size:13px;
	background: #0F1B32 url(/admin/include/images/background_admin.png) repeat-x;
}

strong, b {
	/*font-family: "HelveticaLTStdBold", Helvetica, Arial, sans-serif;*/
}

body#body_dialog {
	background:none;
}

a {
	outline: none;
	text-decoration:none;
	color: #1A8EC2;
}

a img { border:none; }

.cleared, .clear { clear:both; }

ul,li,p,h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:5px;
}

li{
	list-style:none;
	list-style-position:inside;
}

#page{
	width:1000px;
	margin:0px auto;
	padding:0px 40px 0px 40px;
	background:url(/admin/include/images/1px_bg_content_page.png) repeat-y;
	position:relative;
}

#logo {
    float: left;
    padding: 30px 0 20px 25px;
    width: 226px;
	
	padding: 30px 0 15px 25px;
}

#logo img{
	width: 190px;
	width: 160px;
}


#header_dx {
    float: left;
    padding-top: 28px;
    width: 740px;
}


#cldx {
    float: left;
    margin-top: 30px;
    padding: 0 20px 20px;
    width: 310px;
}

#clsx {
    float: left;
    padding: 0px 0 30px 20px;
    width: 630px;
	margin-top:30px;
	background:#fff;
	text-align: justify;
}

.box {
	background:#f1f1f1; /*#ECECEC;*/
	border-radius:10px;
	padding:15px ; 
	/*color: #333;*/
	/*font-size: 14px;*/
	border: 1px solid #ccc;
	margin-bottom:20px;
}

.box-white {
	background:#fff;
	border-radius:5px;
	padding:10px;
	color: #333;
	/*font-size: 14px;*/
}

#cldx .box table {
	border-collapse:collapse;
	width:100%;
	margin-top:20px;
}

#cldx .box th, #cldx .box td {
	border-bottom:1px solid gray;
	padding:5px;
}

#cldx .box th {
	text-align:left;
	width:75px;
}

#cldx .box td {
	text-align:right;
}

/* SECTIONS */
.sections { margin: 15px 0px 0px; border-bottom: 1px solid #ccc; position: relative; height: 34px; }
.sections-menu { position: absolute; top: 1px; margin: 0px 10px; }
.sections li { float: left; margin: 0px 5px; position:relative; }
.sections li a { float: left; display: block; padding: 5px 15px; border:  1px solid #ccc; background-color: #f0f0f0; font-size: 16px;}
.sections li a.current {  border-bottom: 2px solid #fcfcfc; background-color: #fcfcfc; font-weight: bold; }
@-moz-document url-prefix() {
  .sections-menu { top: 0px; }
}
.sections-menu  span.notify{right: 0px; top: -5px;}

/*TERZO LIVELLO*/

.terzolivello{
	padding-bottom:30px;
	padding-top:3px;
}

.terzolivello a{
	color: #999 !important;
	padding:15px 30px 15px 5px;
	border-bottom:1px solid #ccc;
	display:block;
	background:url(/admin/include/images/freccette-3level.png) no-repeat right;
	position: relative;
}

.terzolivello a:hover, .terzolivello a.current{
	color:#1A8EC2 !important;
	text-decoration:none !important;
	font-weight: bold;
}

.terzolivello.box {
	padding-bottom:5px;
	background-color:#fafafa;
	margin-top:43px;
}

.terzolivello.box a {
	font-size:14px;
}

.terzolivello.box li:last-child a {
	border-bottom:0px;
	
}

.terzolivello .small{
	font-size:12px !important;
}

.title {
    color: #1A8EC2;
    font-size: 32px !important;
    font-weight: normal;
    margin: 0 0 30px;
    padding: 0;
	font-weight: 300;
   
}


.bordato{
	border-bottom: 1px solid #CCCCCC;
	/*padding-left: 20px !important;*/
}

.subtitle{
	color: #1A8EC2;
    font-size: 16px !important;
    font-weight: normal;
	margin:0px;
	padding:0px;
}

.subtitle-black {
    font-size: 19px;
    font-weight: normal;
    padding-bottom: 5px;
    padding-left: 0 !important;
    color: #333;
}

.subtitle-gray {
	color: #706F6F;
    font-size: 16px !important;
    font-weight: bold;
    margin:0px;
	padding:0px;
}

.padbottom{
	padding-bottom:20px !important;
}

.padtop{
	padding-top:20px !important;
}

.padbottom15{
	padding-bottom:15px !important;
}

.padtop15{
	padding-top:15px !important;
}

.padbottom10{
	padding-bottom:10px !important;
}

.padtop10{
	padding-top:10px !important;
}

.padbottom5{
	padding-bottom:5px !important;
}

.padtop5{
	padding-top:5px !important;
}

.padbottom0{
	padding-bottom:0px !important;
}

.padtop0{
	padding-top:0px !important;
}

.searchtitle {
	float:left;
	padding-right: 15px;
	padding-top: 15px;
}

#full {
    padding: 20px;
    width: 960px;
}

#full.upper{
	padding-bottom:0;
}

#full.upper form {
	margin-bottom:0;
}

/*#full table {
	width:100%;
}
*/

table.griglia td .switch-button-background{
	margin-left:4px;
}

table.griglia {
	border-collapse:collapse;
	width:100%;
	font-size:13px;
}

table.griglia td, table.griglia th {
	border:2px solid white;
	padding:5px;
	/*width:auto;*/
}

table.griglia-totale th, table.griglia-totale td  {
	text-align: right !important;
}

table.griglia th {
	background:url(/admin/include/images/button_blu_inverso.png) repeat-x top;
	color:white;
	text-align:left;
	font-weight:normal;
}

table.griglia tr {
	background-color:#fafafa;
	text-align: left;
	vertical-align: top;
}

table.griglia tr.odd {
	background-color:#fafafa;
	text-align: left;
}

table.griglia tr.even {
	background-color:#fcfcfc;
	text-align: left;
}

table.griglia td, table.griglia th { border: 1px solid #E2E2E2; padding: 5px 10px;}
table.griglia th { font-weight: bold; }

.ui-widget-content, .ui-accordion-header { border: 1px solid #ccc; }

.lnkdtl, .lnkdtl * {
	color:#1A8EC2 !important;
}

.thumb {
	padding: 2px !important;
}

.on, .off {
	cursor: pointer;
}

.off { text-decoration: line-through; color: #cc0000;}

.on > div, .off > div {
	height: 20px;
	width: 70px;
	position: relative;
	overflow: hidden;
}

ul.pad{
	padding:20px;
}


ul.disc > li{
	list-style:disc;
	margin-bottom:10px;
}

ul.circle > li{
	list-style:circle;
	margin-bottom:10px;
}

ul.decimal > li{
	list-style:decimal;
	margin-bottom:10px;
}

ul.square > li{
	list-style:square;
	margin-bottom:10px;
}

ul.pdf > li {
    background: url("/admin/include/images/pdf.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 10px;
    min-height: 42px;
    padding-left: 55px;
    padding-top: 2px;
}

ul.inside > li{
	margin-left: 15px;
}

ul.check > li {
    background: url("/admin/include/images/tratteggio.png") no-repeat scroll 0 2px transparent;
    font-size: 13px;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 0 15px !important;
    text-align: left;
    width: auto !important;
}


.hr {
	padding:5px0 0px;
	margin:15px 0px;
	border-bottom:1px solid #eaeaea;
}

.hr hr { display:none;}

.twenty{
	font-size: 20px;
}

.colorBlue{
	color: #1A8EC2 !important;
}

.colorGray{
	color: #706f6f !important;
}


.box.tot-config{
	font-size: 12px;
    float: right;
    text-align: right;
    width: 234px;
}

.box.tot-config p {
    border-bottom: 1px solid #CCCCCC;
    float: right;
    font-size: 14px;
    margin-bottom: 6px;
    width: 220px;
    text-align: left;
}
.box.tot-config p span{
	float: right;
}

.box.tot-config h2{
	margin-bottom: 10px;
	font-weight: bold !important;
	font-size: 20px;
	text-align: left;
}

.error{
	color: #ff0000;
}

.green{
	color: green;
}

/*#menu-principale {margin-left:12px;}
*/

#sottomenu li:first-child {margin-left:7px;}

/*#menu-principale i {
	float: left;
	margin-top: 3px;
	margin-right: 5px;
	color: #fdfdfd;
}
*/
#menu-principale a.current i { color: #232323;}

span.notify {
color: #FFF;
display: inline-block;
height: auto;
position: relative;
right: -5px;
top: -1px;
font-size: 9px;
border-radius: 10px;
background-color: #A00;
padding: 2px 6px;
font-weight: bold;
}


/*.terzolivello span.notify {
	height: 15px;
	padding-left: 5px;
	padding-right: 6px;
	line-height: 119%;
	top: -2px;
	padding-top: 2px;
	font-size: 11px;
	margin-left:5px;
	border: 2px solid #ccc;
}*/

.terzolivello span.notify {
display: inline-block;
top: -10px;
position: inherit;
padding: 4px 6px;
line-height: 10px;
}


#frmConfigurazione table{
	width: 100%;
	border-collapse: separate !important;
}

#frmConfigurazione td {
    background: none repeat scroll 0 0 #F6F6F6;
    font-size: 11px;
}

#frmConfigurazione label {
    color: #1A8EC2;
    display: block;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
}

#frmConfigurazione input[type="checkbox"], #frmConfigurazione input[type="radio"]{
	margin-right: 10px;
}

#frmConfigurazione td.prezzo {
    text-align: right;
    width: 106px;
}

#frmConfigurazione td.totale {
    text-align: right;
    width: 44px;
}

#frmConfigurazione td.info {
    text-align: center;
    width: 30px;
}

#frmConfigurazione td.quantita {
    width: 30px;
}

.red{
	color: red !important;
}

.green{
	color: green !important;
}

.orange{
	color: orange !important;
}

.cellgreen{
	background: #b9eac7 !important;
}

.cellred{
	background: #fbc0a8 !important;
}

.cellorange{
	background: #ffe3c2 !important;
}


/* icone */
[class^="icon-"],
[class*=" icon-"],
[class^="fa-"],
[class*=" fa-"] {
  margin-right: .5em;
}

/* message */
.message-error, .message-success, .message-warning { margin: 5px 0px 10px; }
.message-error p, .message-success p, .message-warning p { font-size: 12px; padding: 2px 0 0 23px; }
.message-error > div, .message-success > div, .message-warning > div  { padding: 10px;}
.message-error > div { background: #fcc !important;}
.message-success > div { background: #cfc !important;}
.message-warning > div  { background: #ffc !important;}

.ui-widget-content.ui-state-error { background-color: #fef1ec !important;}

.tooltip { cursor: pointer;}
.feedbackTabItem { position:fixed;  top: 44px; width:962px; z-index:1000; font-size:16px; display:none; padding:19px; background: rgb(122, 167, 29) !important; color:#fff; text-align: center; height: 21px;}
.feedbackTabItem::first-letter { text-transform: capitalize;}

.button { margin: 2px; white-space:nowrap }
.button-hide {position:absolute; visibility: hidden;}

.button-fix-top {
	position: relative;
	top: -9px;
}

.button-fix-top.right {
	right: -9px;
}

a.link {
	text-decoration: underline !important;
	color: #1A8EC2 !important;
}

a:hover { color:black; }

.ui-jqgrid-btable i {
	font-size:15px;
}

.ui-jqgrid-btable i.active {
	color:#1A8EC2;
}

#menu_centrale {
	background: #333;
}

#menu_centrale a {
	color: #ddd !important;
}


#menu_top { -position:absolute; }

#menu-principale a { border-color: #888 !important;}
#menu-principale li:FIRST-CHILD a { border-left: 1px solid #aaa !important; }
#menu-principale li:LAST-CHILD a { border-right: 1px solid #aaa !important; }

#menu-principale a { height: auto; padding:  4px 11px 4px 13px; font-size: 14px !important;}
#menu-principale a.current { padding-bottom: 5px; }
#menu-principale li { height: 27px; }
#menu_centrale #sottomenu a {  font-size: 13px !important; }


#menu-principale a, #menu-principale a.current {  font-weight: normal;}


#logo {
	padding: 34px 0 18px 20px;
	width:120px;
}
#logo img {
	width: 100px;
	height:60px;
}

#header_dx {
	margin-top: 35px;
	padding-top: 0px;
	padding: 0px 15px;
	height: 58px;
}

#header_dx {
	border-left:1px solid #eaeaea;
}

#menu_centrale a:hover { background-color: #111; color: #fafafa !important;}
#menu_centrale a.current:hover { background-color: #ebebeb; color: #333 !important;}

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0.4em 0;
}

h1 #copyright {
    font-family: "Lucida Grande", Verdana, sans-serif;
    font-size: 9px;
	text-align:center;
	font-weight:normal;
}

h2 { font-size: 18px;}

#main-content{
	background: #fff;
	margin-top: 5px;
}
textarea { line-height: 1.4em; }

form { clear:both; }

/*body, #main-content, .form-table .pre { color: #333333; }*/
/*
p, ul, ol, blockquote, input, select { font-size: 12px; }

p, li, dl, dd, dt { line-height: 140%; }
*/
label, .label {
	/*font-style:italic;*/
	color:#666;
}


table.griglia th {
	background: #757575;
}

.tabs-container {
	height:370px;
	overflow: visible;
	width: 886px;
}

.tabs-main {
    height: 380px;
    margin-bottom: 10px;
    overflow: auto;
    padding-bottom: 0 !important;
    padding-right: 10px;
}

.tabs-body {
	height: 430px;
	padding:10px;
	overflow: auto;
}

.tabs-title {
	height: 25px;
	margin-bottom: 5px;
	border-bottom: 1px solid #aaa;
}

.tabs-main-title {
	height: 355px;	
}

.tabs-main.first {
	height: 390px;
}

.tabs-button {
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom:5px;
	/*border-top: 1px dashed #EAEAEA;*/
	text-align: right;
	clear: both;
}

.tabs-button small {
	float: left;
}

.tabs-editor-preview {
	padding-right: 10px; width: 100%;
}

#header {
	position:fixed;
	top:0;	
	z-index: 99;
	width:1000px;
	margin:0 auto;
}


#header {
	background-color:#CCC;
	font-size:12px;
	font-weight: bold;
	
}

#header table {
	width:100%;
	border-collapse:collapse;
}

#header table th {
	background-color: #EDEDED;
	text-align: left;
	padding: 3px 10px 0px;
}

#header table td {
	background-color: #ddd;
	white-space: nowrap;
	border: 1px solid  #999;
	width: 1px;
	padding: 3px 10px 0px;
}

#header table td:HOVER {
	background-color: #EDEDED;
}


#header table A {
	color: #333;
}



#header a, #user_info a { color:#464646; text-decoration:none; }

#header a:hover, #user_info a:hover { text-decoration:underline; }

#header h1 {
    float: left;
    font: 22px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
    margin: 0;
    padding: 6px 8px 5px;
}

#header-logo {
	background: url("/admin/include/images/logo.png") no-repeat scroll center center transparent;
    float: left;
    margin: 5px 0 0 15px;
}

#user_info {
    color: #777777;
    float: right;
    font-size: 12px;
    margin: 8px 0 0 15px;
    padding-right: 15px;
	text-align:right;
	white-space:nowrap;
}

#user_info a { font-weight:bold; }

/*
#main-content {
	clear: both;
	margin:15px;
	margin-bottom: 0px;
}

#body-content {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
*/

#footer {
  	width:1000px;
	padding:0px 40px;
	background:url(/admin/include/images/1px_bg_content_page.png) repeat-y;
	position:relative;
	height:25px;
	margin: 0 auto;
	
	
}

#footer div {
	font-size: 11px;
	text-align: center;
  	background-color: #ebebeb;
  	padding: 10px;
  	line-height: 15px;
}


#csx { float: left; width: 655px;}
#cdx { float: left; width: 315px; padding:5px; background-color: #f2f2f2;}

#jsddm {
	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px;
		}

	#jsddm li a
	{	display: block;
/*		background: #D7D7D7;
*/		padding: 3px 12px;
		text-decoration: none;
		border-right: 1px solid #C6C6C6;
		color: #464646;
	}


#funzionimultiple { padding:10px 0px;}
		


/* customization */

	/* jqgrid */
	.ui-jqgrid-title, .jqgrow td  {font-size:12px; }
	.ui-jqgrid.ui-widget th  {font-size:11px; }
	.ui-tabs .ui-tabs-panel { padding-left:10px; padding-right:10px; }
	.ui-dialog .ui-dialog-content { padding-left:0px; padding-right:2px; }
	th.ui-th-column div { /* multi-line header */
		white-space:normal !important;
		height:auto !important;
		padding:2px;
	}
	
.grasso { font-weight:bold !important; }
.right { float:right; }
.left { float:left; }
label, .buttonset { display:block; float:left; margin-right:10px; } /*font-size:90%; */
label.right { margin-right:0px; }
legend { font-size:90%; font-style:italic; }
.senza_tab { padding:10px; }
hr { clear:both; height:1px; border:none; border-bottom:1px dashed #ddd;}
fieldset { border:1px solid #C6C6C6; float:left; margin-right:15px; margin-bottom:10px; padding:5px; }
input, select, textarea { padding:4px; font-size: 13px; }

/*input, select, textarea, option { padding: 6px 4px; margin-bottom: 10px; margin-top: 3px; }*/

label select, label input[type=text], label input[type=password], label textarea { display:block; }

label h4 { font-style:normal;}
label.checkitem { text-indent: -19px; margin-left:15px; font-size:13px !important;}
ul.checkitem-note { padding-left:15px; padding-top:0px; font-size:12px !important; clear: left;}

div.checkitem-note { padding-left: -19px; padding-top:5px; margin-left:15px; font-size:12px !important; clear: both;}
span.checkitem-note { padding-top:5px; padding-left:20px; font-size:12px !important;}

label p { font-size:13px !important;}

#edit.compact label {
	margin-bottom:0!important;
}

#edit label select, #edit label input[type=text], #edit label input[type=password] { width:100%; }
#edit label, .checkboxlist { /*border-right:1px dotted #ddd;*/ width:210px; height:60px; padding-right:35px; margin-right:35px; margin-bottom:0px; }
#edit label {
	margin-bottom:15px;
	height:auto !important;
}
#edit label.last { /*border:none;*/ margin-right:0px; }
#edit label.editor { clear:both; float:none; width:auto; height:auto; margin-bottom:5px; margin-top:20px; border:none; }

#edit label em { font-size:10px; font-:normal;}

#edit label.c2 textarea {width:100%; /* height:120px; */}
#edit label.c3 {}
#edit label.cfull { width:96% !important; margin-right: 20px; padding-right: 0px;}

#edit label.c2 {width:491px  !important;}
#edit label.c3 textarea {width:662px; height:120px;}
#edit label.c3 {width:662px  !important; height:auto  !important; padding-bottom:20px;}

label span { display: block; font-weight: bold;}
label span.um { float:right;}

#edit.edit-full label.c2 {width:581px  !important;}
#edit.edit-full label.c3 textarea {width:847px; height:120px;}
#edit.edit-full label.c3 {width:847px  !important; height:auto  !important; padding-bottom:20px;}

#edit.edit-full label, #edit.edit-full .checkboxlist {width: 255px !important;}
.checkboxlist {height:auto  !important; float: left;} 
.checkboxlist label {height:auto !important; border:none !important;}


.data-sheet { line-height: 1.2em;}
.data-sheet span {display: block; font-weight: bold; padding: 0 0 5px}
.data-sheet label {height:50px !important;}

.data-sheet li { float:left; border-right:1px dotted #ddd; width:250px; height:40px; padding-right:30px; margin-right:20px; margin-bottom:0px; }


.data-table TD.r, .data-table TH.r {text-align: right;}
.data-table {border-left:1px dotted #ddd; }
.data-table TD {border-right:1px dotted #ddd; border-bottom: 1px dotted #ddd }


.fieldset { text-align:right; float:left; }
.sub { display:none; margin-bottom:-10px; }
.sub label { float:none; margin-left:10px; margin-right:0px; margin-bottom:2px; }
.lungo { width:250px !important; }
.corto { width:50px !important; }
.medio { width:100px !important; }
.grande { width:250px !important; }
.enorme { width:500px !important; }
.dtpk { width:70px !important; }
.rientrato { margin-left:122px; }
#pager input, #pager select, #list input, #list select { padding:0.1em }
.visto { color:#900; font-weight:bold; }
.visto.ok { color:#090; font-weight:normal; }
.calcolo { font-weight:bold !important; }

#titolo {
	border-bottom:1px solid #ccc;
	position:relative;
	margin:10px 0px;
}

#titolo h1 {
    font: 20px Georgia, "Times New Roman","Bitstream Charter", Times, serif;
	position:absolute;
	bottom:0px;
	margin-bottom:5px;
}

#titolo #funzioni {
	float:right;
	margin-bottom:10px;
}

#funzioni {
	float:right;
}

#funzioni.btn {
	padding-top:20px;
	padding-right:40px;
}

#funzioni .help {
	display:none;
}

a.fnc i { font-size: 26px; margin: 0px 2px;}
a.fnc:hover i { color: #333;}


/* foto */
.archivio_miniature { float:left; border:1px solid #ddd; }
.archivio_miniature.foto.predefinita { border: 1px solid #5c9ccc; }
.archivio_miniature.foto.predefinita:after { content: "Foto di anteprima"; position: absolute; bottom: 0px; width: 100%; background: #5c9ccc; left: 0px; text-align: center; color: #fff; }
.archivio_miniature .foto { margin:0px; padding:0px; margin-bottom:10px;  background:url("/admin/include/images/thumb_foto_2.png") no-repeat; }
.archivio_miniature .foto.miniatura { height:75px; background-position:center; background-repeat: no-repeat; margin:0px auto; background-size: contain;}
.foto { margin-right:10px; margin-bottom:15px; padding:4px; position:relative;}
.foto.miniatura { width:125px; background-repeat: no-repeat; }
.foto.miniatura.archivio { float:left; }

/*
.archivio_miniatur .foto.miniatura:hover .hover-bg{display:block;background:rgba(84, 134, 218, 0.7);height:75px;position:relative;}
.archivio_miniatur .foto.miniatura:hover .hover-bg a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;color: #FFFFFF;font-size: 35px;left: 31%;padding: 8px;position: absolute;top: 7%;width: auto;}
.archivio_miniatur .foto.miniatura:hover .hover-bg a span{padding:0px;}
.archivio_miniatur .foto.miniatura:hover .hover-bg a span i{margin:0px;}
.archivio_miniatur .foto.miniatura:hover .hover-bg a span i.class-camera-3{position:relative;text-shadow: 0 0 3px #333333;}
.archivio_miniatur .foto.miniatura:hover .hover-bg a span i.icon-checkmark-3{font-size:16px;position:absolute;right: 0;bottom: 7px;text-shadow: 0 0 1px #000000;}
.archivio_miniatur predefinita .foto.miniatura:hover .hover-bg,.archivio_miniature .foto.miniatura .hover-bg{display:none;}
*/

/*
.foto .icon.button.cancella {
    padding: 5px;
    position: absolute;
    right: -7px;
    top: -5px;
    width: 10px;
    background: #fff !important;
}
*/
/*
.foto .button .ui-button-text{
    padding: 0.4em 1em 0.4em 1.8em;
}*/

/* popup */
.tabs-main h1, .tabs-main h1 a {
    font-family: Georgia, "Times New Roman","Bitstream Charter", Times, serif;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
	color:gray;
	clear:both;
}

.tabs-main h1, .tabs-main h1 a { font-size: 20px; font-weight:normal; line-height:22px; }
.tabs-main h1 em, .tabs-main h1 a { color:black; font-weight:bold; font-size:100%; }
.tabs-main h1 object { float:left }

/*LINK UTILI*/

.linkutili #descrizione {
    height: 80px;
    width: 490px;
}

/*DOWNLOAD*/

#fileFotoQueue{
	float:left;
}

#frmRicerca{
	margin-bottom:10px;
}

#posta{
	padding-top:50px;
}

#posta h2{
	color:
	fon
}

#posta li{
	float:left;
	width:150px;
	text-align:center;
}

#posta li p{
	text-align:center;
}


.thumb img {
	max-width: 50px;
}

#bottoniera{
	padding-top: 20px;
	padding-left: 10px;
}

#bottoniera button{
	display: none;
}
#infoservizio b{
	color: #1A8EC2;
	font-size: 16px;
}

.message, .warning { padding: 5px 30px; margin-bottom: 10px; display:inline-block;}


.box .terzolivello{
	padding-bottom: 20px;
}

#legenda span{
	float: left;
	display: inline-block;
	margin-top: 5px;
}

#legenda img{
	float: left;
	margin-right: 20px;
}

#legenda li{
	clear: both;
	padding-bottom: 10px;
}

.ui-jqgrid tr.jqgrow td {
	white-space: normal !important;
}

.ui-jqgrid tr.jqgrow a {
	color: #1A8EC2;
}

.order {
	background:url("/admin/include/images/arrow_icon.gif") no-repeat center;
}

.alert {
    clear: both;
    color: red;
    display: none;
    float: left;
    font-size: 12px;
    text-align: left;
    width: 600px;
}

.halfEditor {
	width: 560px;
}
.fullEditor {
	width: 840px;
}
.ck_required {
	font-weight: normal;
	font-style:italic;
	color:red;
	display: inline;
}

.border{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

#canaliAttivi li {
    float: left;
    margin-right: 10px;
    margin-top: 20px;
    width: 125px;
}


#cboxTitle {
    font-size: 17px;
}

/*
.ui-tabs .ui-tabs-nav li a {
    padding: 4px 10px;
}
*/

.ui-tabs .ui-tabs-nav li a {
 	font-weight: bold;
	font-size: 14px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	 color: #706f6f;
}

.button-big, .input-big {
   font-size: 18px !important;
}

.button-title {
	font-size: 11px !important;
	line-height: 11px !important;
	margin-top: -3px;
	margin-right: 0px;
	margin-left: 3px;
	float: right;
}

.button-big .ui-button-text {
   padding: 4px 12px;
}

.ui-button-text {
   font-size: inherit !important;
}

.ui-state-error-editor {
	border: 1px solid #cd0a0a;
}


.tabs-main {
    height: 390px;
}

.tabs-container {
    height: 380px;
}



/* restyling 

.button.mini .ui-button-text {
	font-size:13px;
	padding: 5px 10px;
}
*/

.noicon .ui-button-text {
	font-size:13px;
	padding-left: 10px !important;
}

/*
.notext .ui-button-text {
	padding: .4em 1em .4em 1em;
}
*/
#main-top .ui-button {top : -1px;}


.info-servizio {
	margin-bottom: 20px;
}


.box {
	border-radius:3px;
}

.box-error {
	background-color: #fef1ec; 
	border-color: #CA7D7D;
}


.box-detail, .box-edit {
	/*min-height:46px;*/
	background-color: #f8f8f8;
/* 	margin-bottom: 20px; */
	padding: 5px 0px 5px;
}

.box.box-detail, .box.box-edit {
	margin-bottom: 20px;
}

.box-edit {
	padding: 12px;
	margin-bottom: 0px;
}
.box-detail-one {
	float: left; width: 154px; padding: 5px 10px;
}

.box-detail-two {
	float: left; width: 329px; padding: 5px 10px;
}
.box-detail-three {
	float: left; width: 504px; padding: 5px 10px;
}

/* .box-detail-one table, .box-detail-two table, .box-detail-three table { */
/* 	width: 100%; background:#eee; border: 1px solid #ddd; padding: 10px; margin-bottom:5px; */
/* } */

.box-detail-one table, .box-detail-two table, .box-detail-three table {
	width: 100%; padding: 10px; margin-bottom:5px;
}

.box-detail table {
	border-collapse:collapse;
	width: 100%
}

.box-detail-foto {
	border: 1px solid #ddd;
	margin-right: 10px;
	padding: 4px;
	position: relative;
	width: 156px;
}

.box-detail-foto div {
	height: 98px;
	width: 156px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 2px auto;
}


.box.box-form label {
	width: 100% !important; padding: 0px !important; margin: 2px 0px 0px 0px !important;
}

.box.box-form textarea {
	width: 98% !important; padding:1% !important; margin:0px !important; height: 100px !important;
}

iframe.auto-height {width: 100%; height: 0px; border: 1px solid #ccc;}

iframe.inner-height {width: 100%; border: 1px solid #ccc;}

.box-detail-more  { display: none;}

.box-detail-button { text-align: center; padding-top: 4px;}
.box-detail-button a { font-size: 14px; font-weight: bold;}

.box-detail tr {
	font-size: 13px;
	vertical-align: top;
}

.box-detail tr.last td, .box-detail tr.last th {
	border-bottom: none;
	padding-bottom: 0px;
}

.box-detail td, .box-detail th {
	border-bottom: 1px dotted #e3e3e3;
}

.box-detail td {
	padding: 5px 12px 5px 6px;
	font-weight: bold;
}

.box-detail th {
	padding: 5px 6px 5px 12px;
	font-weight: normal;
	/*white-space: nowrap;*/
	text-align: left;
}

.box-detail td { width:32%; }
.box-detail td[colspan="3"], .box-detail th[colspan="3"] { width:82%; }
.box-detail td[colspan="4"], .box-detail th[colspan="4"] { width:100%; padding: 5px 12px; }
.box-detail th { width:18%; }

.box-command {
	margin: 0px;
	padding: 10px 0px;
	border: none;
	background-color: transparent !important; 
	clear:both; 
	box-shadow: 0px 0px 0px !important;
}



.box-detail button {
	margin-left: 20px;
}

#publish-scroller {
	position: relative;
	width: 240px;
}

.box-publish {
	background-color: #e6e6e6;
}


.box-detail button {
	float:right;
}

.box-detail button .ui-button-text {
	padding: 4px 10px 5px 25px;
}

.box-icon {
	font-size: 55px; float: left; margin-right: 10px;
	color: #888 !important;
}

.box-menu {
	padding-bottom:5px;
	padding-top:5px;
	padding:0px !important;
}

.box-menu .terzolivello {
	/*padding-bottom: 3px !important;*/	
}

.box-menu .terzolivello {
	padding-bottom:0px;
	padding-top:0px;
}

.box-menu .terzolivello li:last-child a {
	border-bottom: none;
}


.box-menu a {
	font-size: 15px;
	padding: 15px 30px 15px 15px;
	line-height:120%;
	background-position: 210px 12px;
}

.box-menu a.current {
	background-color: #fafafa;
	font-weight: bold;
}

.main-top-right {width:240px; min-height:40px; float: right; padding-left: 10px; border-left: 1px solid #ccc; margin-left: 10px;}


#list-title {
	height: 40px;
}

#list-title h2 {
	font-size: 22px;
	font-weight: normal;
}

#tabs h2 {
	font-size: 20px;
	font-weight: normal;
}

#tabs-accordion h2 {
	font-size: 14px;
	font-weight: bold;
}
 

.box-left {
	width: 310px;
	float: left;
	clear: left;
	margin-bottom: 20px;
}

.box-right {
	width: 310px;
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
}

.box-info { 
	background-image:url(/admin/include/images/ico_info.png); 
	background-repeat:no-repeat; 
	background-position:0px 5px; /*center; 10px 12px; */
	min-height:27px;
	font-size:12px;
	background-color: transparent !important;
	border: none;
	padding-top: 5px;
	padding-left:47px;
	padding-right: 5px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #EAEAEA;
	
	border-radius:0px;
	margin-bottom: 20px;
	/*text-align: justify;*/
	
	font-size: 14px;
	color: #777;
	
	font-size: 13px;
	color: #8a8a8a;
}

/*
#main-sx > .box-info { display: none;}*/

.box-info ul {
	margin: 0px 14px 10px;
}

.box-info li {
	list-style:square;
}

.box-data {
	/*padding: 15px 10px 10px;*/
}

.box-data ul {
	/*margin: 0px 19px 10px;*/
	margin: 0px 19px 10px;
}

.box-data li {
	list-style:square;
}

.box-half {
	width:50%;
	float:left;
	margin-right:10px;
}


.box-message {
	background-color: #ffffdd;
	border-color: rgb(252, 209, 19);
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	padding: 3px 10px;
	display:inline-block;
	font-size:13px;
	color:#915608;
}

.box-message b {
	color: #1A8EC2;
	font-size: 16px;
}

.box-light {
	background: #fbfbfb !important;
}

.box-note {
	background: none !important;
	margin-bottom: 0px;
	border: none;
	padding: 5px 10px 8px 5px;
	display:block;
	border-radius: 0px;
	color:#888;
}

.box-note p {
	font-size:11px !important;
}

.note {
	color:#888;
	font-size:11px !important;
}


.box-set {
	margin: 7px 0px;
	padding: 7px 0px;
	/*border-top: 1px solid #666;
	border-bottom: 1px solid #666;*/
}
.box-ricerca {
	background: #fbfbfb;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 5px 10px 8px 5px;
	display:block;
	border-radius: 3px;
}

.box-albero {
	border: 1px solid #ccc; 
	background:#fafafa;
	padding: 2px 0px 0px 5px;
}

/*
#main-dx h2, #main-sx h2 {
	padding-top: 5px;
}
*/

.box-info h4 {
	margin-bottom: 10px;
}

#main-dx .box-ricerca {
	padding: 15px 20px 18px 15px;
	display:block;
}

#main-dx .box-ricerca input {
	min-width:200px;
	max-width:200px;
}

#main-dx .box-ricerca fieldset {
	padding: 5px 0px;
}

#main-dx .box-ricerca button {
	margin-top:0px;
}

.box-ricerca label {
	font-size:12px;
	font-style:normal;
}


.box-ricerca select {
	height:26px;
	margin:0px;
	min-width:250px;
	max-width:250px;
}

.box-ricerca input {
	min-width:240px;
	max-width:240px;
	margin:0px;
}

.box-ricerca input.full {
	min-width:500px;
	max-width:500px;
}

.box-ricerca fieldset {
	border:none;
	margin-bottom:0px;
	margin-right:0px;
}

.box-ricerca button {
	margin-top:19px;
	font-size:13px;
	padding:0px;
	float:right;
}

.box-ricerca button .ui-button-text {
	padding: 3px 10px 3px 10px;
}

#publish-visibilita .on { }
#publish-visibilita .off { text-decoration: line-through; color: #cc0000;}

/*.switch-button-button { background: #F9FDFF;}*/

#main-top #funzioni {
	margin-top: 10px;
}

#main-top #funzioni .button  .ui-button-text {
	/*padding: 3px 10px 3px 25px;*/
	font-size:13px;
}

#main-top img{
    height: 40px;
    vertical-align: middle;
    margin-right:8px;
    float: left;
}

#main-top h1 { 
	color: #1A8EC2;
    font-size: 30px !important;
    font-weight: 300;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    float: left;
}
#main-top {
	position: relative;
	z-index: 99;
	width: 960px;
	background: #fafafa; /*#fafafa;*/
	border-bottom:1px solid #bbb;
	padding:10px 20px;
	margin-bottom:0px;
	margin-top:20px;
	border-top:1px solid #bbb;
	height:40px;
}

#main-top.shadow {
	-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.3);
}

#main-dx.half {
	width: 470px;
}
#main-sx.half {
	width: 470px;
}


#main-dx {
	/*width: 310px;*/
	width: 240px;
	float: right;
	margin-top: 0px;
	padding: 20px 20px 20px;
	background-color: #fcfcfc;
}
#main-sx {
	/*width: 630px;*/
	width: 700px;
	float: left;
	margin-top: 0px;
	padding: 20px 0 30px 20px;
	background-color: #fcfcfc;
}

#main-full {
	padding: 20px 20px 0px;
    width: 960px;
	clear:both;
}

#main-detail{
	padding: 20px 20px 20px;
    width: 960px;
	clear:both;
	background-color: #fcfcfc;
}

#main-detail-left{
	padding-right: 10px;
    width: 700px;
	float: left;
	margin-bottom: 20px;
}

#main-detail-right {
	padding-left: 10px;
    width: 240px;
	float: right;
	margin-bottom: 20px;
}

#main-detail-left .box, #main-detail-right .box{
	height: 65px;
}


.tab-content-left {
	float: left; 
	width:460px;
	margin-right:10px;
}

.tab-content-right {
	float: left; 
	width:460px;
	margin-left:10px;
}


#main-full .message, .info-servizio .message {
	margin-bottom:0px;
}

#main-dx label { margin-top:10px;}
#main-dx select { min-width:210px;}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#333;}
.ui-widget-content {color: inherit;  background: #fbfbfb !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #fbfbfb !important;  color: #333 !important;}

.messaggio-client {
    border: 1px solid #ADCFEC;
    margin-top: 10px;
}


.messaggio-client #data {
    background: url("/admin/include/images/message-admin.png") no-repeat scroll 5px 10px #DEF0FF;
    font-size: 12px;
    font-weight: bold;
    height: 10px;
    padding: 20px 40px;
}


#info_ticket {
    padding: 10px;
}

#info_ticket p {
    padding: 5px 0 !important;
}


#info_ticket .messaggio {
    padding: 20px !important;
}


.ticket-client {
    border: 1px solid #F7DBA2;
    margin-top: 10px;
}


.ticket-client #data {
	background: url("/admin/include/images/ticket-client.png") no-repeat scroll 5px 10px #FEF1B9;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	padding: 10px 40px;
	line-height: 30px;
}

.box .c3{
	width: 95%;
	padding: 1% 0% 1% 2%; 
	margin: 0px;
}

.box .c2{
	width: 43%;
	padding: 1% 2%; 
	margin: 0px;
}

.box .c1{
	width: 29%;
	padding: 1% 2%; 
	margin: 0px;
}


.status-on { color: rgb(146, 205, 24) !important; }
.status-off { color: rgb(255, 59, 59) !important; }

.status-warning { color: rgb(255, 180, 0) !important; }


#allegato #filelist {
    background: #333;
    color: #FFFFFF;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    display:none;
}

/* SHADOW */
.box, div.ui-widget, .ui-accordion-header, .ui-accordion-content, .box-shadow {
	-webkit-box-shadow: 0px 1px 2px rgba(20, 20, 20, 0.2);
	-moz-box-shadow: 0px 1px 2px rgba(20, 20, 20, 0.2);
	box-shadow: 0px 1px 2px rgba(20, 20, 20, 0.2);
}

table.griglia {
	-webkit-box-shadow: 0px 1px 1px rgba(20, 20, 20, 0.2);
	-moz-box-shadow: 0px 1px 1px rgba(20, 20, 20, 0.2);
	box-shadow: 0px 1px 1px rgba(20, 20, 20, 0.2);
}

table.griglia td.r, table.griglia th.r {text-align: right;}

.box-info, .box-note, .box-detail-command, .ui-accordion { 
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}




/************************

	icon button

************************/
/*.button{margin:0px;}*/

.foto .button,.foto button{
	width: 108% !important;
	z-index: 1;
	margin-left: -5px;
	margin-bottom: -5px;
	border: none !important;
	border-radius: 0px;
}
.foto .button.button-delete{
	color:#FF2626 !important;
	height:10px;
	padding: 5px 5px 5px 3px;
    position: absolute;
    right: -7px;
    top: -10px;
    width: 10px !important;
    background: #fff !important;
	border: 1px solid #C5DBEC !important;
	border-radius: 3px;
}

.foto .button.button-delete:hover{
	color:#F00000 !important;
	border-color:#F00000 !important;
}

.foto .button.button-delete:before{
	top:-3px;
	left:-0.3px;
}

#upload-decorazione{width: 104% !important;}

/*.button span.ui-button-text{
	padding:5px 7px 5px 10px;
}*/

.button-icon i{
	margin-right:0px;
	margin-left: 0px;
}

label.data-label{position:relative;}

a.data-delete{
	bottom:7px;
    position:absolute;
    right:-3px;
	color:#5C9CCC;
}

#edit a.data-delete{
    right:26px;
	bottom:7px;
}
#menu_top_logo{padding-left: 10px;}
#menu_top_logo span{display: none; }
#menu_top_logo a {display: block; background: url(/include/topmenu/s4udatanet-logo-mini.png) no-repeat; width: 73px; height: 30px;}

table.griglia tr.odd:hover td,table.griglia tr.even:hover td{background-color: #EDEDED;}

/*
.button{
	display:block !important;
	background:#1A8EC2 !important;
	border-color:#1A7DA8 !important;
	padding:1px 0px !important;
	transition:all 0.4s ease-out 0s;
}	
.button:hover{
	background:#1A7DA8 !important;
	color:#FFF !important;
}
.button:focus{color:#FFF !important;}
.button:active{
	background:#1A7DA8 !important;
	box-shadow:0 3px 5px rgba(0, 0, 0, 0.325) inset !important;
	color:#FFF !important;
}
.button.secondario{color:#FFF !important;}

*/



/* ============ ANIMAZIONI ============ */
.fadeInDown{
	animation-name:	fadeInDown;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: fadeInDown;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in-out;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInDown{
0% {opacity:0;-webkit-transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0px);}
}
/* Mozilla */
@-moz-keyframes fadeInDown{
0% {opacity:0;transform:translateY(-20px);}
100%{opacity:1;transform:translateY(0px);}
}
@keyframes fadeInDown{
0% {opacity:0;filter: alpha(opacity = 0);transform:translateY(-20px);-ms-transform:translateY(-20px);}
100%{opacity:1;filter: alpha(opacity = 100);transform:translateY(0px);-ms-transform:translateY(0px);}
}


.fadeOutUp{
	animation-name:	fadeOutUp;
	animation-duration: 4s;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: fadeOutUp;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeOutUp{
0% {opacity:1;-webkit-transform:translateY(0px);}
100%{opacity:0;-webkit-transform:translateY(-20px);}
}
/* Mozilla */
@-moz-keyframes fadeOutUp{
0% {opacity:1;transform:translateY(0px);}
100%{opacity:0;transform:translateY(-20px);}
}
@keyframes fadeOutUp{
0% {opacity:1;filter: alpha(opacity = 100);transform:translateY(0px);-ms-transform:translateY(0px);}
100%{opacity:0;filter: alpha(opacity = 0);transform:translateY(-20px);-ms-transform:translateY(-20px);}
}
/* ============ END ANIMAZIONI ============ */




a.scheda-delete{
	background: none repeat scroll 0 0 #FF7F7F;
    border: 1px solid #FF5656;
    border-radius: 2px;
    color: #FFFFFF;
    margin: 2px 0 2px 2px;
    padding: .4em 1em;
}
a.scheda-delete i{margin:0px 5px;font-size:16px;}
a.scheda-delete:hover{background:#FF2626;border-color:#D80606;box-shadow:0 0 4px -1px #D80606 inset;}

a.anteprima i{font-size:25px;margin-right:0px;}
a.anteprima i:before{top:-1px;}

.edit-variante label {margin-right:14px; margin-bottom: 5px;}
.edit-variante label.last {margin-right:0px;}
#varianti-select label {width:158px;}
#varianti-select label select{width:100%;}

#dialog-popup ul,#dialog-popup li,#dialog-popup p,#dialog-popup h1,#dialog-popup h2,#dialog-popup h3,#dialog-popup h4,#dialog-popup h5,#dialog-popup h6{
	margin:auto;
	padding:5px;
}