/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html { height:100%!important; }
body {height:100%!important;padding:80px!important;} /* background-color:#efefef!important; */

a { color:#000; }
	a.titolo { color:#900000}
fieldset.inline label { margin-right:20px; }

.row-fluid.portale { padding:20px 0px 0px 0px; /* border-top:dotted 1px #ddd; */}
.img-polaroid.warning { background-color:orange!important; }
.img-polaroid.success { background-color:green!important; }
.accordion-heading.portale { background-color:#ffffee!important; }
.hero-unit {background-color:#ffdb00!important;padding:15px!important;}
.muted { opacity: .20!important; }
.muted-mid { opacity: .30!important; }
i.small { font-size:10px; }
.button-pubblica { min-width:53px; min-height:53px; }
.carousel .item {min-height:200px;}
	.carousel .item img {width:100%;}
.modal.large{
	width: 90%!important;
	margin-left: -45%!important; /* - width/2 */
}    
iFrame { padding:0;margin:0;width:100%!important; height:100%!important; border:none; }
.icon-skype {
  background-image: url('../img/skype.png');
  background-repeat:no-repeat;
  background-position:center center;
}
/* White icons with optional class, or on hover/active states of certain elements */
.dropdown-menu > li > a.skype:hover i { background-image: url("../img/skype-white.png"); }
.bold {font-weight:bold;}
.cursor { cursor:pointer; }
.italic { font-style: italic }

.dotted {border:dotted 1px #aaa;}

.red { color:#f00; }
.green { color:#090; }
.white { color: #fff; }
.grey { color: grey; }
.transparent { background-color:transparent!important; }

.f08 { font-size: 0.8em; }
.f12 { font-size: 1.2em; }
.f14 { font-size: 1.4em; }
.f16 { font-size: 1.6em; }

.w20p { width:20%;}
.w25p { width:25%;}
.w30p { width:30%;}
.w35p { width:35%;}
.w40p { width:40%;max-width:50%!important;}
.w45p { width:45%;}
.w48p { width:48%;}
.w50p { width:50%;max-width:50%!important;}
.w55p { width:55%;}
.w56p { width:56%;}
.w60p { width:60%;}
.w65p { width:65%;}
.w70p { width:70%;}
.w75p { width:75%;}
.w80p { width:80%;max-width:80%!important;}
.w90p { width:90%;max-width:90%!important;}
.w95p { width:95%;max-width:95%!important;}
.w100p { width:100%;max-width:100%!important;}

.w12 { width:12px;}
.w18 { width:18px;}
.w24 { width:24px!important;}
.w32 { width:32px!important;}
.w36 { width:36px!important;}
.w48 { width:48px;}
.w50 { width:50px;}
.w100 { min-width:100px;width:100px;}
.w120 { width:120px;}
.w130 { width:130px;}
.w150 { width:150px;}
.w200 { width:200px!important;}
.w250 { width:250px;}
.w300 { width:300px;}
.w350 { width:350px;}
.w400 { width:400px!important;}

.h12 { min-height:12px!important; }
.h25 { min-height:25px!important; }
.h40 { min-height:40px!important; }
.h100 { min-height:100px!important; }
.h200 { max-height:200px!important; }
.h300 { min-height:300px!important;max-height:300px!important; }
.h400 { min-height:400px!important; }
.h500 { min-height:500px!important; }

.lh32 { line-height:32px; }

.nascosto { visibility:hidden!important; }
.hide { display:none; }

.absolute { position:absolute; }
.relative { position:relative; }
.loginname { margin-right:20px;}

.centered { margin:0 auto }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }

.normal { font-weight:normal; }
.ucase { text-transform:uppercase; }

.pad5 {padding:5px;}
.pad10 {padding:10px;}

.pad-l-5 {padding-left:5px;}
.pad-l-10 {padding-left:10px;}

.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-top-15 {margin-top:15px;}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-top-40 {margin-top:40px;}

.margin-r-5 {margin-right:5px;}
.margin-r-10 {margin-right:10px;}
.margin-r-15 {margin-right:15px;}
.margin-r-20 {margin-right:20px;}
.margin-r-30 {margin-right:30px;}
.margin-r-40 {margin-right:40px;}

.margin-l-5 {margin-left:4px;}
.margin-l-10 {margin-left:10px;}
.margin-l-20 {margin-left:20px;}
.margin-l-30 {margin-left:30px;}
.margin-l-40 {margin-left:40px;}
.margin-l-50 {margin-left:50px;}

.margin-b-5 {margin-bottom:5px;}
.margin-b-10 {margin-bottom:10px;}
.margin-b-20 {margin-bottom:20px;}

.m10 { margin:10px; }

.nopadding { padding:0!important; }
.nomargin { margin:0!important; }

.loading { 
	/*position it at the very top-left corner*/
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:0;
	width:100%!important;
	min-height:100%!important;
	
	/*in supporting browsers, make it
	  a little transparent*/
	background:#ddd url('../img/loading.gif') no-repeat center;
	_background:none; /*this line removes the background in IE*/
	opacity:.90;

	z-index:1000000;
}

.loading-small { 
	/*position it at the very top-left corner*/
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:100%;
   
	/*in supporting browsers, make it
	  a little transparent*/
	background:transparent url('../img/loading-small.gif') no-repeat center;
	_background:none; /*this line removes the background in IE*/

	z-index:5;
}

.loading-mini { 
	/*position it at the very top-left corner*/
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:100%;
	
	/*in supporting browsers, make it
	  a little transparent*/
	background:transparent url('../img/loading-mini.gif') no-repeat center;
	_background:none; /*this line removes the background in IE*/

	z-index:5;
}

#intro h1 { font-size:28px;line-height:30px; }


#cruscotto a,
#profilo a { font-weight: bold; }
#cruscotto .riepilogo { font-weight:bold; font-size:12px; color:#808080;}

#cruscotto .img-riepilogo-portali { max-width:100px!important;margin-right:15px; }
#cruscotto .img-status-portali { max-width:24px!important;margin-right:5px; }
#cruscotto .email-portale, #cruscotto .tel-portale { font-size:11px; }

.validation-error {
		width: 13em; /* Ensures that the div won't exceed right padding of form */
		margin-top: -1.5em;  /*Moves the div up to the same level as input */
		margin-left: 11em;   /*Moves div to the right */
		font-size: .9em;     /*Makes sure that the error div is smaller than input */
	}
.error { color:#f00; font-weight:bold; font-size:.9em; }
.config-portale { margin-top:20px;position:relative;min-width:100%;height:auto;min-height:50px; }



/* jTable */
.jtable-child-table-container .jtable .jtable-column-header { background-color:#ff6d00; color:#fff; }
.jtable-child-table-container .jtable tr { background-color: #fffecd; cursor:pointer; }
.jtable-child-table-container .jtable tr:hover { background-color: #fecd80; }
.jtable-child-table-container .jtable tr.jtable-row-even { background-color: #ffe1b2; }
.jtable-child-table-container .jtable tr.jtable-row-even:hover { background-color: #fecd80; }

#divColorePrincipale, #divColoreInterni { border: solid 2px #777; }

/* AJAX file upload */

.ajax__fileupload_fileItemInfo div.removeButton{width:100px;background-color:#f00!important;}
div.ajax__fileupload_uploadbutton{width:120px;}
.ajax__fileupload .ajax__fileupload_selectFileContainer{width: 110px;}
.ajax__fileupload_selectFileContainer .ajax__fileupload_selectFileButton{width: 110px;}


#formFoto .coccarda {
	position:absolute;
	left:20px;
	top:20px;
	z-index:100;
}

#formFoto .comandi-foto {float:right;margin-right:10px;}
#formFoto .principale { border:solid 2px #f00; }

select.accessori { min-width:900px;max-width:900px;}

.nav-tabs.sidebar > li > a { color: #000!important; }
.nav-tabs.sidebar > li > a:hover { color: #000!important; }
.nav-tabs.sidebar > li > a.sidebar-back { background-color: #ffdb00!important; }
.nav-tabs.sidebar > li > a.sidebar-back:hover { background-color: #ff9c00!important; }

.riservato { color: #aaa; }
.input-xxxlarge{ width:900px; }

.noscroll { height:100%; overflow:hidden; }
.box-rivenditore { padding:15px; background-color:#ffeeee; }

.courier { font-family: 'Courier New'!important;}

iframe.wysihtml5-sandbox { max-width: 90%!important; width:90%!important; }
body.wysihtml5-editor { min-height: 400px!important; }

.impostazioni { padding:10px; background-color:#dedede; }
.impostazioni label { font-weight: bold; }
.impostazioni select { width: 60%!important; }

.modal-gallery { top: 50px!important; }
.header-logo {
	width: 100%;
	height: auto;
	padding: 0 40px 40px 40px;
	margin-bottom: 40px!important;
}

.panelHeader {
	border-bottom: dashed 2px #aaa;
}