.cycle-slide{z-index: 9 !important;}
.mr0{margin-right: 0px !important;}
.hidden { display:none; }
.right { float:right; }
.left { float:left; }
input[type=range] { padding:0px !important;}

/* MODULI*/
.box-item-widget{border:1px solid transparent;position: relative;float:left;width: 45px;text-align: center;border-radius: 4px;padding: 4px;margin: 0px 14px 14px 14px;}
.box-item-widget:hover,.box-item-widget.widget-infobox-active{border: 1px solid rgba(20, 20, 20, 0.2);box-shadow: 0px 1px 2px rgba(20, 20, 20, 0.2);}
.widget-infobox{position: absolute;display: none;box-shadow: 0px 1px 2px rgba(20, 20, 20, 0.2);left:-10px;top: -192px;width: 340px;height: 180px;background: rgb(252, 252, 252);z-index: 8;border-top: 4px solid #133a68;}
.widget-infobox:before{content:"";width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #133a68;position: absolute;bottom: -7px;left: 25px;}
.widget-infobox-body{padding: 12px;position: relative;text-align: left;}
.widget-infobox-body p{font-size: 12px;}
.widget-infobox-footer{background: #133a68;color: rgb(255, 255, 255);bottom: 0px;position: absolute;width: 100%;}
.widget-infobox-footer a{padding:10px 15px 12px;color: rgb(255, 255, 255);transition: all 0.2s ease-in 0s;}
.widget-infobox-footer a:hover{background-color: rgb(29, 61, 98);}
.widget-infobox-open{display: block;}
.widget-infobox-close{display: none;}

/* FIX MENU LATERALE*/
body,html{height: 100%;}
body{background: url(/admin/include/images/pattern6.png) #fafafa !important;}
#page, #menu_top, #footer{width: 1200px !important; padding:0px !important;}
#page{ background: #fcfcfc !important; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); /*min-height: 100%;*/ padding-bottom: 30px !important;}
#main-top{ box-shadow: 0px 3px 5px -2px rgba(50, 50, 50, 0.2);}
#main-content{width: 1000px; margin-left:200px; padding-top: 23px; background-color: #fcfcfc !important; margin-top: 0 !important; }
#menu_centrale{width: 200px; height: 100%; background-color:#133a68; position: fixed; z-index: 11; padding-top: 103px !important;  box-shadow: 4px 1px 5px -3px rgba(0, 0, 0, 0.61) !important;}
#menu_centrale #menu-laterale ul li ul.submenu{display: none; background: #fff !important;min-width: 175px;}
#menu_centrale #menu-laterale > ul > li{position: relative;}
#menu_centrale #menu-laterale > ul > li:hover > a{ background:rgb(29, 61, 98); color: #fff !important; width: 180px;}
#menu_centrale #menu-laterale > ul > li:hover ul.submenu{display: block !important; position: absolute; left: 200px; top: 0px; background: rgb(45, 93, 148) !important; padding:5px 20px 5px 15px; width: 150px !important; border: 1px solid #153f56 !important; box-shadow: 1px 0px 2px #333;}
#menu_centrale #menu-laterale a{color: #fff; text-decoration: none; font-size: 14px; display: block; z-index: 1;}
#menu_centrale #menu-laterale > ul > li > a{font-weight: bold; font-size: 14px; padding: 9px 10px; position: relative; z-index: 10; border-top: 1px solid rgb(29, 61, 98) !important;width: 180px; -moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;}
#menu_centrale #menu-laterale > ul > li:last-child > a{border-bottom: 1px solid rgb(29, 61, 98) !important;}
#menu_centrale #menu-laterale ul li{ height: auto !important; float: none !important;}
#menu_centrale a { border-left: none !important; display: block !important; height: auto !important;}
#menu_centrale #menu-laterale ul li ul.submenu a{padding-left: 0px; color: #ddd !important;
}
#menu_centrale #menu-laterale ul li ul.submenu a:hover{background: none; color: #fff !important;}
#menu_centrale #menu-laterale > ul li.current{background: none;}
#menu_centrale #menu-laterale ul li.current ul.submenu{display: block; background-color:rgb(29, 61, 98) /*#316a89*/ !important; margin: 0px 0px !important; padding: 8px 0px !important; border: 0px !important;}
#menu_centrale #menu-laterale ul li.current ul.submenu li a{padding-left: 13px; background: none !important; color: #ddd !important; font-weight: normal !important;}
#menu_centrale #menu-laterale ul li.current ul.submenu li a:hover{color: #fff !important;}

#menu_centrale #menu-laterale > ul > li.current > a{background: #F0F0F0; color: #1A8EC2 !important; width: auto !important;}
#menu_centrale #menu-laterale > ul > li.current > a:hover{background: #fafafa; color: #1A8EC2 !important;}
#menu_centrale #menu-laterale ul li.current ul.submenu li.current > a{color: #fff !important; font-weight: bold !important;}
#menu_centrale #menu-laterale > ul > li.current:hover ul.submenu{display: block !important; position: inherit; left: 0px; top: 0px; background: none; box-shadow: 0px 0px 0px; padding: 0px; width: auto !important;}

#menu_centrale #menu-laterale ul.subsubmenu { margin: 0 15px 5px 0px !important; padding-bottom: 5px; border-bottom: 1px dashed #3E7791;}
#menu_centrale #menu-laterale li.current ul.subsubmenu { margin: 0 15px 5px 30px !important;}
#menu_centrale #menu-laterale ul.subsubmenu li a { padding-left: 15px !important;  font-size: 12px;}

#menu_centrale #menu-laterale ul li .submenu a i{font-size: 20px;margin-right: 0.25em;}
#menu_centrale #menu-laterale ul li .submenu a i:before{top: 4px;}

#menu_centrale #menu-laterale ul li a img{width: 20px;vertical-align: middle;margin-right: 7px;}

/*a.right.tooltip.anteprima { display: none} */

#main-top{position: fixed !important; top: 22px;}
#footer{position: fixed !important; bottom: 0px !important; display: none;}
#body-content{padding-top: 80px;}
.sections{background-color: #fafafa !important; margin: 0px !important; padding-top: 20px !important; }
.sections-menu{padding-top: 20px !important;}
#edit label, .checkboxlist { width:208px !important; margin-right: 0px !important; padding-right: 20px !important; padding-top: 0px !important; padding-left: 0px !important;}
label .input-group{display: flex;width: 102.4%;}
label .input-group span{min-width: 95px;padding: 4px;background: #ededed;border: 1px solid #cacaca;border-radius: 3px 0px 0px 3px;margin-right: -1px;text-align: center;}
label .input-group input{width: 100%;}
#edit label.last { padding-right: 0px !important;}
#edit label.c3 {width: 664px !important; padding-bottom: 0px !important; padding-right: 0px !important;}
#edit label.c2 {width: 435px !important;}
#edit label.c3 textarea {width: 100%;}
input, select, textarea{background: none; background-color: #fff; border: 1px solid #cacaca; box-shadow: inset 0 1px 2px rgba(0,0,0,.07);}
input[disabled="disabled"], select[disabled="disabled"], textarea[disabled="disabled"]{background-color: #ebebeb;}
input.ui-state-error, select.ui-state-error, textarea.ui-state-error{border: 1px solid #cc0000;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: none; background-color: #fff; border: 1px solid #cacaca; box-shadow: inset 0 1px 2px rgba(0,0,0,.07); }

a.data-delete{bottom:7px;font-size:14px;}
/*#main-dx h2, #main-sx h2, #main-detail h2, #main-full h2 {font-size: 20px;min-height: 26px;}*/
/*#main-dx{height: 100%;}*/
#main-sx>.box:last-child{margin-bottom: 10px;}
#menu_top {box-shadow: 0px 0px 0px !important; border: 0px !important;}
#menu_top_logo{padding-left: 10px;}
#menu_top_logo span{display: none; }
#menu_top_logo a {display: block; background: url(/include/topmenu/s4udatanet-logo.png) no-repeat; background-size:contain; width: 130px; height: 60px; position: absolute; left: 26px; top:22px;}
.box-sub{top: 44px;}
#list-title {height: auto !important;}
#list-title h2 { font-weight: bold;}
.box-albero {background: #fff; margin-bottom: 5px; width: 100%;}
.box-albero.ui-state-error {border-color: red !important;}
.tree{ height: 200px; overflow: auto;}
#edit a.data-delete {left: 200px;}
#menu_top{ z-index: 3 !important;}

.ui-widget-overlay { background: #FAFAFA; opacity: .75;}

.ui-widget-content a { color: #1A8EC2;}

.cycle-pager-active {color: #1A8EC2; }

#list-title-info {float:right; font-weight: normal; padding: 4px 8px; margin: 3px 10px 1px; font-size: 14px; /*font-size: 13px; background-color: #D4EAF8; border: 1px solid #bababa; border-radius: 3px; */ background: #DEF7E1; border: 1px solid #ccc; box-shadow: 0px 1px 2px rgba(20, 20, 20, 0.2); border-radius: 3px;}
#list-title-info.compact{padding: 0 8px; margin: 0;font-size: 12px;}

.ui-paging-info {padding-left: 10px;}
.ui-pg-selbox { position: absolute; left: -50px; top: 3px; height: 24px !important; line-height: 0px !important; font-size: 12px !important; margin: 0px !important; padding: 0px !important;}
.ui-jqgrid .ui-jqgrid-toppager, #pager { background: none !important; color: #706f6f !important; height: 42px !important;  font-size: 18px; }
#list_toppager_right, #pager #pager_right { padding: 5px; font-size: 16px; }
.ui-jqgrid .ui-jqgrid-toppager .ui-paging-info, #pager .ui-paging-info { font-size: 15px; height: auto; margin-top: 0px; font-weight: bold;}
.ui-jqgrid tr.jqgrow td { height:40px; }

.plupload_view_thumbs div.plupload_file_action {background-color: #fafafa; border: 1px solid #ddd; top:-1px !important; right:-1px !important;}
.plupload_view_thumbs .plupload_file {border: 1px solid #ddd !important; background-color: #fff; margin-right: 10px !important; margin-bottom: 10px !important; padding: 4px !important;}
.plupload_filelist_content .plupload_file {border-bottom: 1px solid #ddd !important; background-color: #fff;}
.plupload_header_content {padding: 0 55px 0 10px !important;}
.plupload_logo{display: none;}

.box-legenda { margin-top: 20px;} /* padding:  0px; border: 0px; border-top: 1px dashed #ddd; padding-top: 10px; background: none; box-shadow: 0 0 0*/
.box-legenda [class^="icon-"], [class*=" icon-"] {margin-right: .2em; margin-left: .5em;}
.box-ricerca select { height: auto; margin: 0px; min-width: 200px; max-width: 200px;}
.box-ricerca select.sm { min-width: 90px; max-width: 90px;}
.box-ricerca input { height: auto; margin: 0px; min-width: 190px; max-width: 190px;}
.box-ricerca label { margin-bottom: 5px; }
.box-ricerca { padding: 7px 10px 0px;  background: #f1f1f1; }

#main-top-status{ text-transform: lowercase;color:#fff !important;position: absolute; right: 133px; top: 13px; font-size: 21px; font-weight: bold; letter-spacing:1px; padding: 1px 7px; background: rgb(146, 205, 24); border: 1px solid rgb(128, 186, 9); border-radius: 2px;}
#main-top-status .status-on,#main-top-status .status-off{color: #FFF !important;}
#main-top-status.status-on{box-shadow: 0px 0px 5px rgb(128, 186, 9) inset;}
#main-top-status.status-off{background: rgb(255, 59, 59);border-color: rgb(194, 25, 25);box-shadow: 0px 0px 5px rgb(194, 25, 25) inset;}

#main-sx, #main-dx, #main-detail, #main-content, .sections li a.current, #page{background-color: #f0f0f0 !important;}

 .sections li a{background: #fafafa;}
 .sections li a.current{ border-bottom-color: #f1f1f1;}

.box{background-color: #fcfcfc;position: relative;}
.dialog.help { margin:10px; }
.dialog.help ul, .box.help ul { margin-top:10px; margin-bottom:10px; }
.dialog.help li, .box.help li { list-style:square outside; margin-left:15px; margin-bottom:5px; }
.dialog.help h3 { margin-top: 30px;}
.icon.help { font-size:16px; color:#FD9500;}

.box-widget{padding: 0px; /*background: #fafafa;*/}
.box-widget .box-widget-body{padding: 15px;}
.box-widget .box-widget-footer{background:#1A8EC2; padding:0px; border-radius: 0px 0px 3px 3px; position: relative; bottom: -3px; text-align: right;}
.box-widget .box-widget-footer a{color: #fff; display: inline-block; padding: 8px 15px 9px 15px;}
.box-widget .box-widget-footer a:hover{background: #0E4C68;}

#main-dx .box-widget .box-widget-footer{text-align: center;}
#main-dx .box-widget .box-widget-footer a{min-width: 25px;}

table.griglia th {background: #fff;color: #818181;}
#publish-scroller{top:113; /*position:fixed;*/}
.ui-widget-overlay {background: #000; opacity: .60; z-index: 100;}
#top-bar, #menu-scroll {z-index: 100;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front { background: white !important; color: #333333; box-shadow: 5px 5px 30px 0 black;  border-radius: 8px;}
.dd3-content-title { display: inline-block; text-indent: 0px !important; width: 470px; padding-left: 15px; }
.dd3-content-body a.data-delete{ right: -2px; bottom: 5px;}
.dd3-content .ico-conf { font-weight: bold; float:right; padding: 0px 2px; margin-right: 18px;}
.dd3-content .ico-remove { position: absolute; right: -6px; top: 2px; padding: 1px 7px 0px; font-size: 18px; }
.ico-sincro {  float:right;  padding: 0px 7px 0px 0px; font-size: 16px; margin-right: 0px !important;}
.ico-sincro i {  margin-right: 0px !important;}

.clsx{ float:left; width: 49%; padding-right: 2%;}
.cldx{ float:left; width: 49%;}


.invisible { visibility: hidden !important; position: absolute !important; top: 0 !important}

.progressbar-foto{
	background-color: rgb(34, 147, 197);
	background-position: initial initial;
	background-repeat: initial initial;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 32px;
	max-width: 96%;
}

#menu_top_laterale { display: none; position: absolute; left: 100px;}
#menu_top_laterale ul li ul a { color: #333;}

/*@media (max-width:1220px) {*/
	
	#menu_top_laterale { display: block;}
	
	#menu-scroll{display: block;left: 97px; height: 43px;}
	#menu-scroll:hover{background:rgb(45, 93, 148);}
	#menu-scroll h1 {padding: 12px 10px 14px 17px;}
	#menu-scroll .box-sub {left: -98px; width: 422px;}
	#menu_centrale{display:none;}
	#main-content{margin-left: 0px;}
	#page, #menu_top, #footer, #prefooter {width: 1000px !important;}
	.subsubmenu {display: none;}
	#menu_top_logo a {display: block; background: url(/include/topmenu/s4udatanet-logo-mini.png) no-repeat; background-size:contain; width:40px; height: 22px; position: absolute; left: 12px; top:7px;}
	/*span.hfm { display: none !important;}
	i.hfm { margin-right: 0px !important;}*/
/*}*/

.box-widget .box-widget-footer a:last-child:hover{border-radius:0px 0px 3px 0px;}
#main-dx .box-widget .box-widget-footer a.right:hover{border-radius:0px 0px 3px 0px;}
#main-dx .box-widget .box-widget-footer a.left:hover{border-radius:0px 0px 0px 3px;}

#main-dx .box-widget .statistiche h3{margin-top:5px;}
#main-dx .box-widget .statistiche select{min-width:70px;}


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

	navigator

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

#navigation-wrapper {
	position:relative;
	width:240px;
	float: right;
	padding-left: 10px;
	padding-top: 0px;
	border-left: 1px solid #ccc;
	margin-left: 10px;
}

#navigation-wrapper a.button.navigation-title{float:right;}

#navigation-menu {
	position: absolute; 
	right:-20px; 
	top:50px; 
	/*width:1000px;*/
	min-width: 375px;
	display: none; 
	z-index: 9;
	background: #FFF;
	-webkit-box-shadow: 1px 1px 5px rgb(51, 51, 51);
	-moz-box-shadow:    1px 1px 5px rgb(51, 51, 51);
	box-shadow:         1px 1px 5px rgb(51, 51, 51);
	height:315px;		
}

#navigation-menu li{white-space:nowrap;}

#navigation-menu #triangolo{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(19, 58, 104);
    border-style: dashed dashed solid;
    border-width: 0 11px 11px;
    height: 0;
    position: absolute;
    width: 0;
    z-index: 1;
	right:35px;
    top:-8px;
}
#navigation-button{background:rgb(19, 58, 104);border-top:#CCCCCC;position:absolute;bottom:0px;width:100%;}
#navigation-button .left{float:left;}
#navigation-button .right{float:right;}
#navigation-button a.navigation-footer{display:inline-block;padding:13px 15px 14px;color:#FFF;}
#navigation-button a.navigation-footer:hover{background-color:rgb(45, 93, 148);}

#navigation-menu .menu-left{
	height: 269px;
    margin: 0 190px 1px 0;
    max-width: 769px;
	min-width: 190px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 10px;
}

#navigation-menu .menu-left .navigation-submenu{margin-top:5px;}
#navigation-menu .menu-left table tr td{border-left:1px solid #f1f1f1;padding-left:15px;padding-right:2px;min-width:110px; vertical-align: top;}
#navigation-menu .menu-left table tr td:first-child{padding-left:0px; border-left:none;}
#navigation-menu .menu-left table tr td td {border-left:none;}

#navigation-menu .menu-left ul li{min-width:145px;}
/*#navigation-menu .menu-left table tr td ul li{min-width:inherit;}*/
#navigation-menu .menu-left ul li a.current{font-weight:bold;}
#navigation-menu .menu-left ul li a{padding-right:15px;display:block;}

#navigation-menu .menu-right{height:269px;background-color: rgb(241, 241, 241);box-shadow: 2px 0 6px -5px rgb(0, 0, 0) inset;position:absolute;top:4px;right:0px;}
#navigation-menu .menu-right ul{
    border-bottom: none;
    border-top: none !important;
    min-width: 190px;
    padding: 10px 0;
}
#navigation-menu .menu-right ul li{position:relative;left:-1;border-bottom:1px solid rgba(0, 0, 0, 0);border-top:1px solid rgba(0, 0, 0, 0);}
#navigation-menu .menu-right ul li a{display:block;padding:8px 10px;}
#navigation-menu .menu-right ul li a img{height: 20px;}
#navigation-menu .menu-right ul li:hover,
#navigation-menu .menu-right ul li.current{
	background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(204, 204, 204);
    border-right:none;
    border-top: 1px solid rgb(204, 204, 204);
    box-shadow: 2px 0 3px -2px rgb(0, 0, 0);
}

#navigation-menu .navigation-other-content{position:absolute;bottom:0px;width:100%;text-align:center;box-shadow:0px 4px 3px -2px #ccc inset;border-top:1px solid #CCCCCC;}
#navigation-menu .navigation-other-content .navigation-other{display:inline-block;padding:13px 0px 14px;width:33%;float:left;}
#navigation-menu .navigation-other-content .navigation-other i{margin:0px;}
#navigation-menu .navigation-other-content .navigation-other:hover{background-color:rgb(45, 93, 148);color:#FFF;box-shadow:0px 5px 5px -4px #202020 inset;}
#navigation-menu .navigation-other-content .navigation-other:last-child{float:right;}


/*#navigation-wrapper a.button.navigation-title { float: none; position: absolute; right: 0px; top: 2px;margin: 0px;}*/

/* Switch + anteprima + menu */
#main-top-toolbar .main-top-toolbar-item{float: left;margin-left: 10px;}
#main-top-toolbar .main-top-toolbar-item:first-child{margin-left: 0;}
#main-top-toolbar .main-top-toolbar-item > a{margin: 0px;}

#main-top-toolbar .main-top-toolbar-item .switch-button-background{margin:0px;}
#main-top-toolbar .main-top-toolbar-item .switch-button-text{font-weight: bold;}

#main-top-toolbar .anteprima{margin: 0px;}

#main-top-toolbar #navigation-wrapper {width: auto;height: 40px;margin-left: 0px;padding-left: 10px;}
#main-top-toolbar #navigation-wrapper > a{float: none;margin: 0;font-size: 25px !important;}
#main-top-toolbar #navigation-wrapper > a > span {padding: 4px 12px 6px 12px;}
#main-top-toolbar #navigation-wrapper > a i{margin-right: 0px;}



.progress-bar-allegato {color: #fff; max-width: 50%; text-align: center; margin-top: 10px;}

.row{margin: -5px -1%;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10{float: left;}
.col-1{width: 8%; padding: 5px 1%;}
.col-2{width: 18%; padding: 5px 1%;}
.col-3{width: 28%; padding: 5px 1%;}
.col-4{width: 38%; padding: 5px 1%;}
.col-5{width: 48%; padding: 5px 1%;}
.col-6{width: 58%; padding: 5px 1%;}
.col-7{width: 68%; padding: 5px 1%;}
.col-8{width: 78%; padding: 5px 1%;}
.col-9{width: 88%; padding: 5px 1%;}
.col-10{width: 98%; padding: 5px 1%;}

#sortable .foto{ cursor: all-scroll; }

/*FIX CKEDITOR*/
.cke_reset_all, .cke_reset_all * { white-space: normal !important; }
.cke_dialog_background_cover { background-color: #000 !important; }
.cke_dialog_ui_input_text { position: relative !important; z-index: 900000 !important; }
.bottoniera { margin-top: 30px;}



/*POST DASHBOARD*/

/*popup lp*/
.lp {display: none; z-index:99999; position: fixed; background: #0000009e; left: 0; right: 0; top: 0; bottom: 0;}
.lp .lp-content{  box-shadow: 0px 0px 5px #000; border: 1px solid #ccc; position: fixed; overflow: auto; background-color: rgba(255, 255, 255, 0.95);  border-radius: 7px;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;}
.lp .lp-content .app-small{margin-right: 0;float: none;}
.lp-close { position: fixed; width: 32px; height: 26px; font-weight: bold; text-decoration: none; color: gray; background: #133a68 !important; padding: 0px !important; box-shadow: 0px 0px 3px #000; border-radius: 32px; text-align: center; padding-top: 5px !important; font-size: 16px; color: #fff !important; }
.lp-close:hover{border-radius: 32px !important;}
.lp-etichetta { position: fixed; }
.lp-close:before { content: "X"; }
.lp-content { padding: 65px 50px 50px 50px; }


/*dashboad home*/
.app { margin-right: 18px; width: 145px; background: url(/admin/include/images/sezioni_dashboard/box_icona.png) no-repeat top left; float: left; position: relative; margin-bottom: 20px;}
.app.parent { background: url(/admin/include/images/sezioni_dashboard/box_icona_parent.png) no-repeat top left;}
.app.last { margin-right: 0px;}
.app-title { color: #133a68; margin-bottom: 20px; position:relative; height: 30px; }
.app-title.small-title { font-size: 14px; margin-bottom: 0px; }
.app-title span.app-title-legend { position: absolute; background: #f0f0f0; padding-right: 20px; padding-left: 0px;  top: 0px; left: 0px; z-index: 2; }
.app-title span.app-title-legend.title-box { background: #fcfcfc; }
.app-title span.app-title-line { position: absolute; border-bottom: 1px solid #133a68; width: 100%; z-index: 1; top: 16px; left: 0px; display: inline-block; }
.app-title.small-title span.app-title-line { top: 10px; }
.app-logo {padding: 10px 0px 5px 13px;}
.app-loghi {padding: 33px 0px 12px 10px;}
.app-status { text-align: center; margin: 3px 2px 8px 2px; text-transform: uppercase; color: #fff; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; height: 18px; }
.app-status.attivo {background: #92cd18;}
.app-status.sospeso {background: #ff9b00;}
.app-status.scaduto {background: #fe2626;}
.app-status.inprova {background: #92cd18; color: #fff;}
.app-status.inattesa {background: #fcf301; color: #133a68;}
.app-status.inattesadisaldo {background: #fcf301; color: #133a68;}
.app-name { text-align: center; font-weight: bold; padding-top: 6px; }
.app-info { position: absolute; top: -10px; right: -10px; }
.app-prova { position: absolute; top: -4px; left: -4px; }
.app-info:before { background: #fff; width: 35px; height: 34px; border-radius: 18px; line-height: 32px; font-size: 35px; color: #133a68;}
.app-info-small:before { background: #fff; width: 30px; height: 29px; border-radius: 18px; line-height: 28px; font-size: 30px; color: #133a68;}
.app a { color: #706f6f; display: block; }
.app-small { margin-right: 30px; width: 115px; height: 115px; background: url(/admin/include/images/sezioni_dashboard/box_icona_grigia.png) no-repeat top left; float: left; position: relative; border-radius: 10px; box-shadow: 3px 3px 3px -3px rgba(0, 0, 0, 0.28);border: 1px solid #b9b9b9; margin-bottom: 48px;}
.app-small.syncro_cat { width: 85px; height: 85px; background: url(/admin/include/images/sezioni_dashboard/syncro/box_icona_grigia.png) no-repeat top left; border-radius: 10px;}
.app-small.last { margin-right: 0px;}
.app-logo-small-cataloghi {padding: 10px 29px 35px 29px;}
.app-logo-small { padding: 0px;}
.syncro_cat .app-logo-small { width: 86px;}
.app-status-small { text-align: center; margin: 0px; text-transform: uppercase; color: #fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; font-weight: bold; position: absolute; bottom: 0px; width: 100%;}
.app-status-small.attivo {background: #92cd18;}
.app-status-small.sospeso {background: #ff9b00;}
.app-status-small.scaduto {background: #fe2626;}
.app-status-small.inprova {background: #92cd18; color: #fff;}
.app-status-small.inattesa {background: #fcf301; color: #133a68;}
.app-name-small { text-align: center; font-weight: bold; padding-top: 8px; white-space: nowrap; }
.app-small.syncro_cat .app-name-small { white-space: normal;}
.app-info-small { position: absolute; top: -126px; right: -10px;}
.app-small a { color: #706f6f; }
.app-new{position: absolute;background: #FF5722;padding: 3px 7px;color: #FFF;letter-spacing: 0.75px;font-weight: 600;font-size: 12px;border-radius: 0px 2px 2px 0px;top: 12px;box-shadow: 1px 3px 3px -2px rgba(0, 0, 0, 0.25098039215686274);}

/*dashboard netsite*/
.moduli-box { margin: 0px 17px 50px 0px; width: 94px; height: 95px; background: url(/admin/include/images/sezioni_dashboard/box_icona_small.png) no-repeat top left; float: left; position: relative;}
.box-moduli { margin-bottom: 50px; clear: both; }
.moduli-logo { padding: 12px 0px 6px 18px; }
.moduli-name { font-weight: bold; margin: 0px; color: #706f6f; text-align: center; padding-top: 10px; }
.moduli-description { display: none; }
.item-opzione { padding: 5px 10px 10px 10px; margin-bottom: 1px; }
.item-opzione.blue { background: #d1e8f3; }
.item-opzione img { margin-right: 5px; float: left; }
.item-opzione a { padding-top: 3px; display: inline-block; font-size: 12px; }
.menu-moduli p { border-bottom: 1px solid #ccc; padding: 5px 0px;}
.menu-moduli p:last-child { border: none;}
.menu-moduli img { float: left; margin-right: 5px; margin-top: 3px; }
.app-livello { line-height: 25px;}
.app-status-side {  float: right; color: #fff; padding: 0px; border: 1px solid #666; line-height: 12px; margin-top: 5px; text-transform: uppercase; font-weight: bold; font-size: 10px; width: 52px; text-align: center; }
.app-status-side.attivo {background: #92cd18;}
.app-status-side.sospeso {background: #ff9b00;}
.app-status-side.scaduto {background: #fe2626;}
.app-status-side.inprova {background: #92cd18; color: #fff;}
.app-status-side.inattesa, .app-status-side.inattesadisaldo {background: #fcf301; color: #133a68;}
.app-status-side.info {background: #fff; color: #706f6f;}
.header-dashboard, .header-dashboard #main-dx, .header-dashboard #main-sx, .header-dashboard #main-detail { background: #fafafa !important; }

/*dashboard cataloghi*/
.menu-syncro .item-syncro:last-child { border: none; }
.item-syncro { margin: 5px 10px 0px 10px; padding-bottom: 7px; border-bottom: 1px dashed #ccc; }


/*tab info*/
.lt-content { display: none; background: #fafafa; min-height: 300px; padding: 20px; border: 1px solid #aaa; border-top: none; text-align: justify;}
.lt-foto { float: left; margin-right: 30px; margin-bottom: 20px;}
.lt-tabs { background: #cecece; border: 1px solid #aaa; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.lt-tabs:after { content: "";  display: table; border-collapse: collapse;}
.lt-tabs:after { clear: both; }
.lt-tabs > li:first-child { border-top-left-radius: 3px; }
.lt-tabs > li:first-child > a { border-top-left-radius: 3px; }
.lt-tabs > li.lt { float: left; border-right: 1px solid #aaa; }
.lt-tabs > li.lt > a { padding: 10px 30px; float: left; font-weight: bold; color: #133a68; text-transform: uppercase; }
.lt-tabs > li.lt-active  { margin-bottom: -1px; padding-bottom: 1px; background: #fafafa;}
.lt-footer { background: #1A8EC2; padding: 0px; border-radius: 0px 0px 3px 3px; position: relative; bottom: 0px; text-align: right; }
.lt-footer a { color: #fff; display: inline-block; padding: 8px 15px 9px 15px; }
.lt-footer a:hover { background: #0E4C68; border-radius: 0px 0px 3px 3px;}
.lt-content li { list-style: disc; list-style-position: inside; margin-bottom: 10px;}
.lt-content ul { margin: 20px 0px 20px 20px;}
.lt-content p { margin: 10px 0px;}

/*table-comparation*/
.table-comparation { width: 170px; float: left; margin-right: 10px; margin-bottom: 20px; }
.table-comparation.col2 { width: 357px; }
.table-comparation.large { width: 260px; }
.table-comparation:last-child { margin-right: 0px; }
.table-comparation .table-comparation-title { background: #706f6f; color: #fafafa;  padding: 15px 2%; text-align: center; font-weight: bold; width: 92%; margin: 0px auto; text-transform: uppercase; }
.table-comparation .table-comparation-content { background: #8d8c8c; color: #fafafa; border: 2px solid #666; text-align: left; position: relative;}
.table-comparation .table-comparation-content.border-radius-t {border-radius: 3px 3px 0px 0px; }
.table-comparation .table-comparation-content.border-radius-b {border-radius: 0px 0px 3px 3px; }
.table-comparation .table-comparation-content.no-border-b { border-bottom: 0px;}
.table-comparation .table-comparation-content.no-border-t { border-top: 0px;}
.table-comparation .table-comparation-container { padding: 20px; }
.table-comparation .table-comparation-container.center { text-align: center; }
.table-comparation .big { font-size: 32px; font-weight: bold; }
.table-comparation .table-comparation-footer {  }

.table-comparation .table-comparation-button, .table-comparation .table-comparation-price { padding: 20px 0px; height: 60px;}

.table-comparation.blue .table-comparation-title { background: #1a8ec1; color: #fafafa; }
.table-comparation.blue .table-comparation-content { background: #48a5cd; color: #fafafa; border: 2px solid #3986a9;}
.table-comparation.blue .table-comparation-content.no-border-b { border-bottom: 0px;}
.table-comparation.blue .table-comparation-content.no-border-t { border-top: 0px;}

.table-comparation-tag { border-collapse: collapse;}
.table-comparation-tag td, .table-comparation-tag th{ padding: 0px; padding-right: 1px; }
.table-comparation-tag tr{ border-bottom: 1px solid #fafafa; }
.table-comparation-tag .table-comparation .table-comparation-container { padding: 5px 20px; }
.table-comparation-tag .table-comparation-nome-opzione { font-size: 12px; padding-right: 20px; border-top: 1px solid #666; }
.table-comparation-tag .table-comparation-check { font-size: 14px; line-height: 16px; }

.app-status-livelli { color: #fff; padding: 6px 30px; border: 1px solid #666; line-height: 30px; text-transform: uppercase; font-weight: bold;}
.app-status-livelli.attivo {background: #92cd18;}
.app-status-livelli.sospeso {background: #ff9b00;}
.app-status-livelli.scaduto {background: #fe2626;}
.app-status-livelli.inprova {background: #92cd18; color: #fff;}
.app-status-livelli.inattesa {background: #fcf301; color: #133a68;}

/*other*/
hr.solid { border-bottom: 1px solid #ddd; }
.button.white { border: 1px solid #fff;  background: #fff; color: #666; }
.button.white:hover { color: #1A8EC2; }
.box-wrapper { padding: 20px; }
.sections li a.button-netsite { background: #1A8EC2; color: #fff; }
.sections li a.button-netsite img { width:15px; float: left; margin-right: 5px; }


#footer { position: relative !important; display: block; margin: 0px auto; }
#footer div { background-color: #133a68 !important; color: #fff; box-shadow: 0px 6px 8px rgb(0 0 0 / 50%); }
#footer a { color: #fff; }

.menu-syncro .item-syncro a { width: 160px; display: inline-block; }
.select2-createLink a{ padding: 10px; color: #fff !important; font-weight: bold; background: #1A8EC2; display: block;}

#publish-ranking { padding-top: 20px; }
#dialog-commento { padding: 20px; }

/*RANKING*/
*[class^="star-ranking-"], *[class*=" star-ranking-"]{
	background-image:url(/admin/include/images/ranking.png);
	background-repeat: no-repeat;
	width: 90px;
	height: 18px;
	display:inline-block;
}


.star-ranking-0 { background-position: 0px 0px; }
.star-ranking-25 { background-position: 0 -18px; }
.star-ranking-50 { background-position: 0 -36px; }
.star-ranking-75 { background-position: 0 -54px; }
.star-ranking-100 { background-position: 0 -72px; }
.star-ranking-125 { background-position: 0 -90px; }
.star-ranking-150 { background-position: 0 -108px; }
.star-ranking-175 { background-position: 0 -126px; }
.star-ranking-200 { background-position: 0 -144px; }
.star-ranking-225 { background-position: 0 -162px; }
.star-ranking-250 { background-position: 0 -180px; }
.star-ranking-275 { background-position: 0 -198px; }
.star-ranking-300 { background-position: 0 -216px; }
.star-ranking-325 { background-position: 0 -234px; }
.star-ranking-350 { background-position: 0 -252px; }
.star-ranking-375 { background-position: 0 -270px; }
.star-ranking-400 { background-position: 0 -288px; }
.star-ranking-425 { background-position: 0 -306px; }
.star-ranking-450 { background-position: 0 -324px; }
.star-ranking-475 { background-position: 0 -342px; }
.star-ranking-500 { background-position: 0 -360px; }

.nowrap { white-space: nowrap; }
.t-right {text-align: right !important;}
#dialog-popup { padding: 10px; text-align: justify; }
#dialog-popup ul li{ list-style: disc; list-style-position: inside; }

table.griglia tr.th-product th{ background: #EFEFEF;}

/*prova synapp*/
#prova-netsite h3{text-align: center;color: #133A68;margin: 0px 75px 30px;font-size: 22px;}
#prova-netsite .lp-content{padding: 50px 50px 40px;}
#prova-netsite .box-input{position: relative;text-align: left;}
#prova-netsite .box-input input{width: 355px;height: 40px;padding: 10px 15px;font-size: 22px;outline: none;border-radius: 0;color: #1d5987 !important;text-align: center;-web-transition: all .3s ease-in;-moz-transition: all .3s ease-in;transition: all .3s ease-in;}
#prova-netsite .box-input input:focus{box-shadow:3px 3px 5px -2px rgba(0, 0, 0, 0.17) inset;}
#prova-netsite .box-input > label{position: absolute;right: 0;top: 0;height: 40px;width: 192px;text-align: center; padding: 10px 10px;font-size: 22px;background: #f4f4f4;border: 1px solid #CACACA;vertical-align: middle;line-height: 38px;margin-right: 0;color: #1A8EC2;}
#prova-netsite .box-input > span{display: block;text-align: center;letter-spacing: .5px;padding-top: 10px;}
#prova-netsite .box-submit{text-align: center;margin-top: 50px;}
#prova-netsite .box-submit i{margin: 0 0 0 5px;}
#prova-netsite .box-input #dominio-error.invalid{position: relative;height: auto;padding: 5px;font-size: 12px;line-height: inherit;margin-top: -1px;font-weight: 600;color: #FFF;background: rgba(255, 0, 0, 0.53);border-style: solid;border-width: 1px;border-color: rgba(255, 0, 0, 0.55);z-index: 1;text-align: center;}
#prova-netsite .box-input #dominio-error.valid{background: rgba(16, 187, 0, 0.53);border-color: rgba(16, 187, 0, 0.55);text-shadow: 0px 0px 1px #000;}



.box-widget h3 {font-size: 14px;}
ul.circle, ul.circle li {list-style-type: circle !important;}


.app-title.servizioShopSicilia{display: none;}
.box-current-plan{position: relative;padding: 15px;margin: 10px 0 30px;background-color: #FFF;border: 3px solid #e8e8e8;border-radius: 7px;}
.box-current-plan .current-plan{margin-bottom: 16px;font-size: 19px;}
.box-current-plan .current-valore{margin-bottom: 15px;font-size: 14px;}
.box-current-plan #progressSyncroValore{max-width: 210px;height: 12px;margin-top: 3px;}
.box-current-plan .current-status{position: absolute;right: 0;top: 0;bottom: 0;width: 177px;background: #ededed;padding: 20px;font-size: 16px;}
.box-current-plan .current-status>div{margin-top: 5px;}
.box-current-plan .current-status i{width: 16px;height: 16px;border-radius: 100%;display: inline-block;vertical-align: -2px;margin-right: 10px;}
.box-current-plan .current-status .attivo i{background: #8BC34A;}
.box-current-plan .current-status .disattivo i{background: #FF9800;}
.box-current-plan .current-status .scaduto i{background: #FF9800;}

/* box syncro */
.minititle{display: block;text-transform: uppercase;font-size: 11px;color: #a9a9a9;font-weight: 500;margin-bottom: 2px;}
.box-package{margin: -10px -5px 0;}
.box-package .package {cursor: pointer;box-sizing: border-box;width: 216px;height: 236px;border: 3px solid #e8e8e8;border-radius: 7px;display: inline-block;padding: 20px 15px;text-align: center;float: left;position: relative;margin: 5px;background: #FFF}
.box-package .package .name {color: #565656;font-weight: 500;font-size: 16px;margin-top: -5px;white-space: nowrap;}
.box-package .package hr {background-color: #dedede;border: none;height: 1px;}
.box-package .package .trial {font-size: .9rem;font-weight: 300;padding: 2px 21px 2px 21px;color: #1a8ec1;border: 1px solid #e4e4e4;display: inline-block;border-radius: 15px;background-color: white;position: relative;bottom: -20px;}
.box-package .package ul {list-style: none;padding: 0;text-align: left;margin-top: 29px;}
.box-package .package ul li {margin-bottom: 15px;}
.box-package .package .checkIcon {font-family: "FontAwesome";content: "\f07a";}
.box-package .package ul li::before {font-family: "FontAwesome";content: "\f00c";font-size: 1.3rem;color: #1a8ec1;margin-right: 3px;}
.box-package .package p{font-size: 11px;margin-top: 30px;margin-bottom: 25px;color: #8c8c8c;}
.box-package .package span{color: rgb(255, 255, 255);background: rgb(26, 142, 194);border-radius: 4px;padding: 7px 16px;display: block;}
.box-package .package:hover{border-color: #1a8ec1;}
.clearfix:before{display: table;content: " ";}
.clearfix:after{display: table;content: " ";clear: both;}

/*pacchetto dashboard*/
.box-current-plan.dashboard .current-status {width: 250px; padding: 10px;}
.box-current-plan.dashboard .current-status div {text-transform: uppercase;}

/* box syncro sidebar*/
.box-icon-social-syncro{border-bottom: 1px solid #ddd;margin: 10px 0 20px;padding-bottom: 15px;}
.box-icon-social-syncro .item-icon-social{width: 50%;text-align: center; margin:0px auto;}
.box-icon-social-syncro .item-icon-social a{text-align: center;display: block;}
.box-icon-social-syncro .item-icon-social a i{background-color: #ddd;width: 50px;height: 50px;display: inline-block;border-radius: 50px;font-size: 23px;margin: 0 0 6px;color: #fff;}
.box-icon-social-syncro .item-icon-social a i:before{position: relative;top: 14px;}
.box-icon-social-syncro .item-icon-social:first-child a i{background-color: #3b5998;}
/*.box-icon-social-syncro .item-icon-social:last-child a i{background-color: #dd4b39;}*/
.box-icon-social-syncro .item-icon-social a span{line-height: 16px;}
.box-log-social-syncro>div{margin-top: 10px;}
.button.btn-green { background: #14A914; border:1px solid #046B04;}
.button.btn-green:hover { background: #92CD18; color: #fff; }
.button {border: 1px solid #1469CA;}
table.griglia.valign-center tr {vertical-align: middle;}
table.griglia tr.table-strong {font-weight: bold; background: #fff;}

.riseHeight{overflow-y: auto;max-height: 100px;}

/*#ranking-netsicilia {display: none;}*/
#ranking-punteggio  { margin-top: -90px; text-align: center; position: relative; font-size: 33px; background: #f3f3f3; padding: 13px 0px; border-top: 1px solid rgba(14,14,14,0.07); min-height: 50px;}
.rk-button{background-color: #198ec3;color: #FFF !important;padding: 6px 15px;font-size: 18px;display: inline-block;margin-top: 15px;border-radius: 2px;}
.rk-scarso{background-color: #e93512;}
.rk-med{background-color: #f3bc00;}
.rk-legend{position: absolute;top: 7px;right: 2px;font-size: 17px;}
#ranking-punteggio-label { display: block; font-size: 13px; color: #7d7d7d; font-weight: 600; text-transform: uppercase; margin-bottom: -8px; }
#jquery-msg-overlay {z-index: 99999 !important;}
.ranking-scarso {color:#e93512; }
.ranking-medio {color:#f3bc00; }
.ranking-buono {color:#296c38; }

.notify .lp-content{display: block;background-color: white;}
.notify .lp-content a:visited { color: #333; }
.notify .lp-header{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: flex-start;border-bottom: 2px solid #1a8ec2;padding-bottom: 10px;margin-bottom: 15px;}
.notify .description{background-color: #f5f4f4;padding: 20px;margin-bottom: 15px;}
.notify h2{color: #1A8EC2;font-size: 22px;text-transform: uppercase;margin-right: 20px;margin-bottom: 0;}
.notify .data{font-weight: 600;color: #868686;background: #ededed;border-radius: 1px;line-height: initial;display: inline-block;padding: 5px 10px;}
.notify .list .list-title{color: #1a8ec2;text-transform: uppercase;font-size: 19px;margin-top: 40px;border-top: 2px dashed #ddd;padding-top: 30px;}
.notify .list .list-subtitle{font-size: 14px;margin-bottom: 18px;color: #e93512;text-transform: uppercase;}
.notify .list .list-subtitle.list-medio{color: #f3bc00;}
.notify .list .list-single{margin-bottom: 15px;background: #fbfbfb;border: 1px solid #ececec;}
.notify .list .list-single a{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;font-size: 19px;align-items: flex-start;padding: 12px 14px;box-sizing: border-box;}
.notify .list .list-single img{width: 60px;margin-right: 15px;}
.notify .list .list-single-title{margin-right: 10px;}
.notify .list .list-single-ranking{margin-left: auto;background: #fff;padding: 5px 10px;font-size: 15px;border: 1px solid #ececec;font-weight: 300;position: relative;margin-top: 20px;min-width: 47px;text-align: center;color: #e93512;}
.notify .list .list-single-ranking:before{content: "ranking";position: absolute;top: -20px;font-size: 9px;left: -1px;font-weight: 600;color: #FFF;text-transform: uppercase;letter-spacing: 1.3px;background: #e93512;padding: 3px 9px;right: -1px;}
.notify .list .list-single a.punteggio-medio .list-single-ranking{color: #f3bc00;}
.notify .list .list-single a.punteggio-medio .list-single-ranking:before{background-color: #f3bc00;}
.notify .red{ background-color: #E57373;color: #FFF;padding: 10px 20px;text-transform: uppercase;margin-top: 7px;display: inline-block;  }
.notify .red:hover{background-color: #F44336; }

.archivio_miniature .button.predefinita {position: absolute; top: -8px; left: 1px; width: 20px !important; border-radius:5px;}
.archivio_miniature .button.predefinita span {padding:2px !important;}

.chart-container{background-color: #FFF;padding: 10px;width: 100% !important;max-width: 100%;box-sizing: border-box;border-radius: 3px;border: 1px solid #cacaca;}

#titolo-modulo-da-creare{
    display: inline;
    font-weight: normal; 
}
.countCreati {
    position: absolute;
    bottom: -6px;
    right: -6px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    background: #9cd31a;
    padding: 2px 7px;
    border-radius: 10px;
    font-size: 13px;
}

.box-publish .anteprima {
    color: #fff;
    font-weight: bold;
    padding: 5px;
    background: #1c99cb;
    border: 1px solid #1374d0;
    box-shadow: 0 1px 0 #ccc;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}

.ui-tabs .ui-tabs-nav li a {
    font-size: 13px;
}

.content-notifica ul { margin: 20px; } 
.content-notifica li { list-style: disc; } 

tr.scheda-scaduta {
    border: 1px solid #f3a9a9 !important;
     background: #fbd0d0 !important;
}
tr.scheda-scaduta, tr.scheda-scaduta td {
    background: #fbd0d0 !important;
}
.ui-jqgrid tr.scheda-scaduta.jqgrow td { padding-top: 5px; }
tr.scheda-scaduta .scheda-scaduta-label { font-size: 13px; font-weight: 600; color: red !important; display: inline-block; margin: 5px 0px;}

tr.ordine-da-leggere * { font-weight: 600 !important; color: black !important;}

.ui-accordion .ui-accordion-header.ui-state-hover { background: rgba( 45, 151, 200, 85%) url(images/ui-bg_inset-soft_15_198ec3_1x100.png) 50% 50% repeat-x;}
.ui-accordion .ui-accordion-header.ui-state-hover a { color: #fff  !important; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon { background-color: #fff; }
.ui-accordion .ui-accordion-header { margin-top: 10px;}
.ui-accordion .ui-accordion-header { font-weight: normal !important;}
.ui-accordion .ui-accordion-header span { text-transform: uppercase; font-weight: bold !important;}
.ui-accordion .ui-accordion-header.ui-state-focus a { color: #333 !important; }
.ui-accordion .ui-accordion-header.ui-state-active a { color: #333 !important; }

ins { text-decoration: none; font-weight: bold;}
del { color: #a7a4a4; }
.action-row { margin: 5px;}

.contenteditable {
	width: 360px; font-family: inherit; font-size: inherit; border: 1px solid #ccc; background: #fff; color: #333; padding:5px; overflow-y: auto; max-height: 90px;
}

.jscolor { width: calc(100% - 40px) !important; }

.select2-container.select2-container-disabled .select2-choice, select:disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
    color: #c0c0c0;
}